@charset "UTF-8";

/*
Theme Name: tm-bootstrap
Description: Template enfant pour Twenty Fifteen.
Author: <a href="http://www.bsa-web.fr" title="http://www.bsa-web.fr">le freelance Brandon Asmussen - Bsaweb</a>
Template: twentyfifteen
Version: 1.1
*/


body {
    height: 100%;
    line-height: 1.42857;
    color: #1b191b;
    font-size: 15px;
    font-family: "Barlow", sans-serif;
    font-weight: 400;
    background: #FFF;
}

/* Typo */

h1, h2, h3, h4, h5, h6 {
    color: #000;
    font-weight: 500;
}

a:active {
    outline: none;
}

p {
    margin-bottom: 20px;
}

/* Global */

.st-menu-open #page {
    opacity: 0.4;
    transition: .5s;
}

#main {
    background: #f1f0f1;
}

.single-source #main {
    background: #f6f6f6;
}

.single-source #main .container-fluid {
    background: #FFF;
}

hr.separateur {
    width: 100%;
    height: 3px;
    background-color: #000;
    margin-top: 20px;
    margin-bottom: 10px;
}

hr.separateur2 {
    width: 100%;
    height: 1px;
    background-color: #000;
    margin-top: 20px;
    margin-bottom: 10px;
}

hr.separateur3 {
    width: 100%;
    height: 3px;
    background-color: #000;
    margin-top: 20px;
    margin-bottom: 30px;
}

@media (min-width: 992px) {

    #page {
        padding-top: 79px;
    }

}

/* Header Top */

header.site-header {
    background: #000;
}

@media (min-width: 992px) {

    header.site-header.fixed .header_content {
        position: fixed;
        width: 100%;
        background: #000;
        z-index: 9999;
        top: 0;
        border: none;
    }

    .admin-bar header.site-header.fixed .header_content {
        top: 32px;
    }

}

header.site-header .header_logo {
    border-bottom: 1px solid #2b2b2b;
}

@media (min-width: 992px) {

    header.site-header .header_logo .col_lang, header.site-header .header_logo .col_space {
        padding-left: 0;
        padding-right: 0;
    }

}

@media (min-width: 992px) {

    header.site-header .header_logo .col_lang, header.site-header .header_logo .col_nav_search {
        margin-top: 18px;
    }

}

header.site-header .header_logo .langues_selector {
    color: #fcfcfc;

    /*font-size:em(13px);*/
}

@media (min-width: 992px) and (max-width: 1199px) {

    header.site-header .header_logo .langues_selector {
        font-size: 0.73333em;
    }

}

@media (max-width: 767px) {

    header.site-header .header_logo .langues_selector {
        text-align: center;
    }

}

header.site-header .header_logo .langues_selector .langue {
    display: inline-block;
    padding: 0 10px;
    line-height: 41px;
    font-weight: bold;
    text-transform: uppercase;
}

@media (min-width: 992px) and (max-width: 1150px) {

    header.site-header .header_logo .langues_selector .langue {
        padding: 0 10px;
    }

}

@media (max-width: 991px) {

    header.site-header .header_logo .langues_selector .langue {
        padding: 0 15px;
    }

}

.env_1 header.site-header .header_logo .langues_selector .langue.enabled {
    color: #45f3f9;
}

header.site-header .header_logo .langues_selector .langue a {
    color: #FFF;
}

header.site-header .header_logo .langues_selector .langue a:hover, header.site-header .header_logo .langues_selector .langue a:focus {
    text-decoration: none;
}

@media (min-width: 768px) and (max-width: 991px) {

    header.site-header .header_logo .col_space {
        padding-right: 0;
    }

}

header.site-header .header_logo .col_space .row {
    margin-left: 0;
    margin-right: 0;
}

header.site-header .header_logo .col_space .row .col-xs-6 {
    padding-left: 0;
    padding-right: 0;
}

header.site-header .header_logo .col_space .link_space {
    display: inline-block;
    padding: 0 20px;
    line-height: 39.5px;
    color: #b1b3b6;
    font-size: 0.8em;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    background: #1b1b1b;
}

@media (min-width: 992px) and (max-width: 1199px) {

    header.site-header .header_logo .col_space .link_space {
        font-size: 0.73333em;
    }

}

@media (min-width: 990px) and (max-width: 1170px) {

    header.site-header .header_logo .col_space .link_space {
        padding: 0 12px;
    }

}

header.site-header .header_logo .col_space .link_space span {
    display: inline-block;
    vertical-align: middle;
}

header.site-header .header_logo .col_space .link_space.i1:hover, header.site-header .header_logo .col_space .link_space.i1:focus {
    background-color: #2a2a2a;
}

header.site-header .header_logo .col_space .link_space.i2 {
    background-color: #2a2a2a;
}

header.site-header .header_logo .col_space .link_space.i2:hover, header.site-header .header_logo .col_space .link_space.i2:focus {
    background-color: #1b1b1b;
}

@media (min-width: 992px) {

    header.site-header .header_logo .col_nav_search {
        padding-right: 0;
    }

}

header.site-header .header_logo .col_nav_search .row {
    position: relative;
}

@media (min-width: 992px) {

    header.site-header .header_logo .col_nav_search .row {
        margin-left: 0;
        margin-right: 0;
    }

}

@media (min-width: 992px) {

    header.site-header .header_logo .col_nav_search .row .col_left, header.site-header .header_logo .col_nav_search .row .col_right {
        padding-left: 0;
        padding-right: 0;
    }

}

@media (min-width: 768px) and (max-width: 991px) {

    header.site-header .header_logo .col_nav_search .row .col_left {
        padding-right: 0;
    }

}

@media (max-width: 991px) {

    header.site-header .header_logo .col_nav_search .row .col_left {
        padding-left: 0;
        padding-right: 0;
    }

}

@media (min-width: 768px) and (max-width: 991px) {

    header.site-header .header_logo .col_nav_search .row .col_right {
        padding-left: 0;
        padding-right: 0;
    }

}

header.site-header .header_logo .col_nav_search form {
    margin-bottom: 0;
    background: #2e2b38;
}

@media (max-width: 991px) {

    header.site-header .header_logo .col_nav_search form {
        position: relative;
    }

}

header.site-header .header_logo .col_nav_search form .form-control {
    font-size: 0.8em;
    font-weight: 600;
    text-transform: uppercase;
}

body.env_1 header.site-header .header_logo .col_nav_search form .form-control {
    color: #45f3f9;
}

header.site-header .header_logo .col_nav_search form button {
    color: #FFF;
    background: transparent;
}

header.site-header .header_logo .col_nav_search form button .fa {
    vertical-align: -1px;
}

header.site-header .header_logo .col_nav_search ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

header.site-header .header_logo .col_nav_search ul li a.selected {
    display: block;
    padding-left: 10px;
    line-height: 41px;
    color: #000;
    font-size: 0.86667em;
    font-weight: bold;
    text-transform: uppercase;
    background: #45f3f9;
}

header.site-header .header_logo .col_nav_search ul li a.selected .visiteur {
    margin-right: 6px;
    margin-left: 6px;
    vertical-align: -9px;
}

@media (min-width: 1199px) and (max-width: 1350px) {

    header.site-header .header_logo .col_nav_search ul li a.selected {
        font-size: 0.73333em;
    }

}

@media (min-width: 992px) and (max-width: 1199px) {

    header.site-header .header_logo .col_nav_search ul li a.selected {
        font-size: 0.73333em;
    }

}

@media (min-width: 990px) and (max-width: 1100px) {

    header.site-header .header_logo .col_nav_search ul li a.selected {
        font-size: 0.6em;
    }

}

@media (max-width: 991px) {

    header.site-header .header_logo .col_nav_search ul li a.selected {
        max-height: 41px;
        overflow: hidden;
    }

}

header.site-header .header_logo .col_nav_search ul li a.selected .ico_fnt {
    display: inline-block;
    padding-right: 10px;
    font-size: 15px;
    vertical-align: -1px;
}

header.site-header .header_logo .col_nav_search ul li a.selected .value:before {
    display: inline-block;
    margin-right: 2px;
}

header.site-header .header_logo .col_nav_search ul li a.selected:hover, header.site-header .header_logo .col_nav_search ul li a.selected:focus {
    text-decoration: none;
}

header.site-header .header_logo .col_nav_search ul li.open .selected .ico_fnt:before {
    content: "\f077";
}

header.site-header .header_logo .col_nav_search ul .dropdown-menu {
    width: 100%;
    font-size: 0.86667em;
    background: #1f2132;
    border: none;
    border-radius: 0 0 0 0;
    box-shadow: 0 0 0 0;
}

header.site-header .header_logo .col_nav_search ul .dropdown-menu li {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    border-left: 7px solid #45f3f9;
    border-bottom: 1px solid #3a3b4a;
}

header.site-header .header_logo .col_nav_search ul .dropdown-menu li:last-child {
    border-bottom: none;
}

header.site-header .header_logo .col_nav_search ul .dropdown-menu li input {
    display: block;
    width: 100%;
    color: #c4c5c8;
    line-height: 43px;
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    background: none;
    border: none;
}

header.site-header .header_logo .col_nav_search ul .dropdown-menu li:hover.env_1 {
    background: #45f3f9;
}

header.site-header .header_logo .col_nav_search ul .dropdown-menu li:hover input {
    color: #000;
}

/* Header Bottom */

@media (min-width: 992px) {

    header.site-header.fixed {
        position: fixed;
        width: 100%;
        background: #000;
        z-index: 9999;
        top: 0;
        border: none;
    }

}

header.site-header .header_logo {
    border-bottom: 7px solid #91888d;
}

body.home header.site-header .header_logo {
    border-bottom: none;
}

@media (min-width: 992px) and (max-width: 1199px) {

    header.site-header .header_logo .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }

}

@media (max-width: 991px) {

    header.site-header .header_logo .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }

}

header.site-header .header_logo .ico_nav {
    float: left;
    display: inline-block;
    padding: 32px 27px;
    background: #303030;
}

@media (min-width: 992px) and (max-width: 1199px) {

    header.site-header .header_logo .ico_nav {
        padding: 32px 15px;
    }

}

header.site-header .header_logo .ico_nav span {
    display: block;
    height: 3px;
    width: 28px;
    margin-bottom: 3px;
    background: #FFF;
}

header.site-header .header_logo .ico_nav span:last-child {
    margin-bottom: 0;
}

header.site-header .header_logo .ico_nav:hover, header.site-header .header_logo .ico_nav:focus {
    cursor: pointer;
    background: #000;
}

header.site-header .header_logo a.logo {
    display: inline-block;
    float: left;
    margin: 22px 0 0 30px;
}

@media (min-width: 992px) and (max-width: 1199px) {

    header.site-header .header_logo a.logo {
        margin: 20px 0 0 10px;
    }

}

@media (max-width: 991px) {

    header.site-header .header_logo a.logo {
        margin-left: 27px;
    }

}

header.site-header .header_logo .topnav ul {
    float: none;
    text-align: center;
}

header.site-header .header_logo .nav_environnement, header.site-header .header_logo .topnav {
    padding: 0;
    margin: 0;
}

@media (min-width: 992px) {

    header.site-header .header_logo .nav_environnement, header.site-header .header_logo .topnav {
        margin-top: 27px;
    }

}

@media (min-width: 992px) and (max-width: 1199px) {

    header.site-header .header_logo .nav_environnement, header.site-header .header_logo .topnav {
        font-size: 14px;
    }

}

@media (min-width: 768px) and (max-width: 991px) {

    header.site-header .header_logo .nav_environnement, header.site-header .header_logo .topnav {
        margin-top: 15px;
        margin-bottom: 15px;
        text-align: center;
    }

}

@media (max-width: 767px) {

    header.site-header .header_logo .nav_environnement, header.site-header .header_logo .topnav {
        padding: 15px 0;
        margin: 0;
        text-align: center;
    }

}

header.site-header .header_logo .nav_environnement li, header.site-header .header_logo .topnav li {
    float: none;
    display: inline-block;
}

header.site-header .header_logo .nav_environnement li a, header.site-header .header_logo .nav_environnement li input, header.site-header .header_logo .topnav li a, header.site-header .header_logo .topnav li input {
    padding: 0 21px;
    color: #b1b3b6;
    font-size: 0.86667em;
    font-weight: 700;
    line-height: 15.34px;
    text-transform: uppercase;
    background: none;
}

@media (min-width: 992px) and (max-width: 1199px) {

    header.site-header .header_logo .nav_environnement li a, header.site-header .header_logo .nav_environnement li input, header.site-header .header_logo .topnav li a, header.site-header .header_logo .topnav li input {
        padding: 0 15px;
    }

}

@media (min-width: 768px) and (max-width: 991px) {

    header.site-header .header_logo .nav_environnement li a, header.site-header .header_logo .nav_environnement li input, header.site-header .header_logo .topnav li a, header.site-header .header_logo .topnav li input {
        padding: 0 11px;
    }

}

header.site-header .header_logo .nav_environnement li a:hover, header.site-header .header_logo .nav_environnement li a:focus, header.site-header .header_logo .nav_environnement li input:hover, header.site-header .header_logo .nav_environnement li input:focus, header.site-header .header_logo .topnav li a:hover, header.site-header .header_logo .topnav li a:focus, header.site-header .header_logo .topnav li input:hover, header.site-header .header_logo .topnav li input:focus {
    background: none;
}

header.site-header .header_logo .nav_environnement li.env_1 input:hover, header.site-header .header_logo .nav_environnement li.env_1 input:focus, header.site-header .header_logo .topnav li.env_1 input:hover, header.site-header .header_logo .topnav li.env_1 input:focus {
    color: #45f3f9;
}

.env_1 header.site-header .header_logo .nav_environnement li.env_1 input, .env_1 header.site-header .header_logo .topnav li.env_1 input {
    color: #45f3f9;
}

header.site-header .header_logo .topnav li a:hover, header.site-header .header_logo .topnav li a:focus {
    opacity: 0.5;
}

/* Ariane */

#ariane {
    padding: 28px 0 20px 0;
    color: #877f86;
    font-size: 0.86667em;
    font-weight: 500;
    text-transform: uppercase;
    background: #FFF;
    border-bottom: 1px solid #d3d1d2;
}

#ariane a {
    color: #877f86;
}

#ariane .home {
    color: #877f86;
    font-weight: 500;
}

#ariane .sep {
    margin: 0 9px;
    vertical-align: 1px;
}

/* Look Catégorie */

.page-header {
    padding: 14px;
    margin-top: 0;
    border: 1px solid #dee0e1;
}

.page-header .page-title {
    color: #00879d;
    margin-bottom: 0;
}

.page-header .taxonomy-description {
    padding-top: 0;
    margin-top: 20px;
}

/* Look Article */

article.hentry {
    padding: 0;
    background: none;
}

article.hentry + .hentry {
    margin-top: 30px;
}

article .entry-header, article .entry-content, article .entry-footer {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

article .entry-header h2.entry-title {
    font-size: 1.5em;
}

article .entry-header h1 {
    font-size: 1.7em;
    margin-bottom: 20px;
}

article .entry-content h1, article .entry-content h2, article .entry-content h3, article .entry-content h4, article .entry-content h5, article .entry-content h6 {
    margin-top: 10px;
    margin-bottom: 20px;
}

article .entry-content h2 {
    font-size: 22px;
}

article .entry-content h3 {
    font-size: 20px;
}

article .entry-content h4 {
    font-size: 18px;
}

article .entry-content h5 {
    font-size: 16px;
}

article .entry-content ul {
    margin-bottom: 10px;
}

article .entry-content ol {
    margin-left: 0;
    margin-bottom: 20px;
}

article .entry-content .wp-caption {
    margin-bottom: 20px;
}

article .entry-content .more-link {
    float: right;
}

article .entry-content .more-link .ico {
    color: #000;
    margin-right: 5px;
}

article .entry-content .more-link .ico:before {
    font-size: 11px;
    vertical-align: 0;
}

article .entry-content .more-link:hover .ico, article .entry-content .more-link:focus .ico {
    color: #000;
}

article footer.entry-footer {
    padding: 0;
    padding-top: 14px;
    background: none;
}

/* Commentaire */

#comments {
    padding: 0;
}

#comments .comments-title {
    margin-top: 0;
}

#comments .comment-list {
    padding: 0;
}

/* Divers */

h1, h2, h3, h4, h5 {
    word-wrap: break-word;
}

.comment-content a, .entry-content a, .entry-summary a, .page-content a, .pingback .comment-body > a, .entry-footer a:hover, .logged-in-as a:hover, .comment-meta a:hover {
    text-decoration: none;
    border: none;
}

.page-content {
    padding: 0;
    background: none;
}

/* Ext PageBar
*/

.navigation {
    margin-top: 33px;
    text-align: center;
}

.navigation ul {
    list-style: none;
}

.navigation ul li {
    display: inline-block;
}

.navigation a, .navigation .active a {
    display: inline-block;
    padding: 0 12px;
    line-height: 31px;
    color: #00879d;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    border: 1px solid #DDD;
}

.navigation a:hover, .navigation a:focus {
    color: #FFF;
    background-color: #00879d;
    border-color: #00879d;
}

.navigation .active a {
    color: #FFF;
    background-color: #00879d;
    border-color: #00879d;
}

.navigation .break {
    color: #00879d;
}

/* HomePage */

#slide {
    position: relative;
}

#slide .top_neg {
    transform-style: preserve-3d;
}

#slide .top_neg .totop {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 33px;
    transform: translate(-50%, 0%);
}

#slide .slide {
    height: 530px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%;
}

@media (max-width: 991px) {

    #slide .slide {
        height: auto;
    }

}

#slide .slide .opacity {
    position: absolute;
    height: 100%;
    width: 100%;
}

#slide .slide h1 {
    display: inline-block;
    margin-bottom: 66px;
    color: #fcfcfc;
    font-size: 0.86667em;
    font-weight: 600;
    line-height: 15px;
    text-transform: uppercase;
}

@media (max-width: 991px) {

    #slide .slide h1 {
        margin-bottom: 30px;
    }

}

#slide .slide .current {
    font-size: 0.86667em;
    font-weight: 700;
    line-height: 15px;
    text-transform: uppercase;
}

body.env_1 #slide .slide .current {
    color: #45f3f9;
}

#slide .slide .entry-content {
    padding: 0;
    margin-top: 27px;
    color: #FFF;
    font-size: 2.46667em;
    font-weight: 400;
}

@media (min-width: 992px) {

    #slide .slide .entry-content {
        line-height: 50px;
    }

}

@media (max-width: 991px) {

    #slide .slide .entry-content {
        margin-bottom: 27px;
    }

}

@media (min-width: 992px) {

    #slide .slide_content {
        position: absolute;
        top: 0;
        width: 100%;
        background: none !important;
    }

}

#slide .slide_content .slide_content_nav {
    background: url("images/slide_nav_background.png") repeat;
}

#slide .slide_content .container-fluid, #slide .slide_content .row, #slide .slide_content .col-xs-12 {
    height: 100%;
}

#slide .slide_content .nav_container {
    font-size: 1em;
}

#slide .slide_content .nav_container ul {
    float: none;
    margin: 0;
}

#slide .slide_content .nav_container ul li {
    display: inline-block;
    float: none;
}

#slide .slide_content .nav_container ul li a {
    padding: 12.5px 17.5px;
    font-size: 0.8em;
    font-weight: 500;
    color: #45f3f9;
}

#slide .slide_content .nav_container ul li a:first-child {
    padding-left: 0;
}

body.env_1 #slide .slide_content .nav_container ul li a {
    color: #45f3f9;
}

#slide .slide_content .nav_container ul li a:hover, #slide .slide_content .nav_container ul li a:focus {
    background: none;
}

#slide .slide_content .nav_container ul li:last-child {
    margin-bottom: 0;
}

@media (min-width: 992px) {

    #slide .slide_content .slide_content_txt {
        margin-top: 50px;
    }

}

@media (max-width: 991px) {

    #slide .slide_content .slide_content_txt {
        padding: 30px 0;
    }

}

#slide .slide_content .slide_content_txt .slide_title {
    margin-bottom: 15px;
    color: #FFF;
    font-size: 2.33333em;
    font-weight: 400;
    line-height: 50px;
    letter-spacing: 0.08px;
    position: relative;
}

#slide .slide_content .slide_content_txt .slide_title svg {
    height: 50px;
    fill: #42e8de;
    position: absolute;
    left: 265px;
    top: 4px
}

#slide .slide_content .slide_content_txt .links .link {
    margin-bottom: 5px;
}

#slide .slide_content .slide_content_txt .links .link .link_title {
    opacity: 0.41;
    color: #ffffff;
    font-size: 2.2em;
    font-weight: 200;
    line-height: 41.67px;
}

#slide .slide_content .slide_content_txt .links .link .link_title:after {
    /*content: '/';*/
    padding-left: 10px;
    letter-spacing: 0.09px;
}

#slide .slide_content .slide_content_txt .links .link a {
    color: #81817d;
}

#slide .slide_content .slide_content_txt .links .link .link_name {
    margin-top: 5px;
    margin-left: 10px;
    vertical-align: top;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0.09px;
}

/* Homepage - Projects Container */

#projects_content {
    background: #FFF;
}

#projects_content .container-title {
    font-family: "Frank Ruhl Libre", serif;
    font-weight: 300;
    font-size: 0.8em;
    line-height: 15.34px;
}

@media (min-width: 992px) {

    #projects_content .container-title .container-fluid {
        max-width: 1140px !important;
    }

}

#projects_content .container-title .container {
    text-align: center;
}

#projects_content .container-title .title {
    color: #3a333a;
    display: inline-block;
    padding: 30px 0 10px 0;
} 

#projects_content .container-title .view_project {
    color: #3a333a;
    display: inline-block;
    padding: 30px 10px 10px 0;
    font-style: italic;
    font-size: 1.2em;
}

#projects_content .container-title .view_project img {
    margin-left:15px;
}

#projects_content .container-title .title {
    font-size: 1.6em;
}

body.env_1 #projects_content .container-title .title a {
    color: #45f3f9;
}

#projects_content .container-title .view_project:hover, #projects_content .container-title .view_project:focus {
    text-decoration: none;
}

#projects_content .container-project {
    padding-top: 23px;
    padding-bottom: 19px;
}

#projects_content .owl-carousel {
    padding: 0 61px;
}

#projects_content .owl-carousel .owl-prev, #projects_content .owl-carousel .owl-next {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%
        );
    /* compatibilité : ie9+ */
}

#projects_content .owl-carousel .owl-prev span, #projects_content .owl-carousel .owl-next span {
    font-size: 70px;
}

#projects_content .owl-carousel .owl-prev {
    left: 0;
    text-align: left;
}

#projects_content .owl-carousel .owl-next {
    right: 0;
    text-align: right;
}

@media (min-width: 1200px) {

    #projects_content .container-fluid {
        max-width: 1275px !important;
    }

}

@media (min-width: 768px) {

    #projects_content .entry-thumbnail {
        display: block;
        height: 124px;
        overflow: hidden;
    }

}

@media (max-width: 767px) {

    #projects_content .entry-thumbnail {
        display: inline-block;
        height: 124px;
        overflow: hidden;
    }

}

#projects_content .entry-thumbnail a:hover img, #projects_content .entry-thumbnail a:focus img {
    opacity: 0.5;
}

#projects_content .line_2 {
    display: inline-block;
    margin-top: 12px;
    color: #1b191b;
    font-size: 0.73333em;
    font-weight: 300;
    letter-spacing: 0.08px;
    line-height: normal;
}

#projects_content .line_2 a {
    color: #1b191b;
}

#projects_content .line_2 a:hover, #projects_content .line_2 a:focus {
    opacity: 0.5;
    text-decoration: none;
}

/* HomePage - Top Center */

#top_content {
    padding: 41px 0 49px 0;
    text-align: center;
    background: #FFF;
}

#top_content .entry-title {
    display: inline-block;
    padding-bottom: 18px;
    margin-bottom: 0;
    color: #a3a92a;
    font-size: 1.4em;
    font-weight: 700;
    text-transform: uppercase;
}

@media (min-width: 992px) {

    #top_content .entry-title {
        max-width: 280px;
    }

}

#top_content .sep {
    display: block;
    height: 1px;
    width: 61px;
    margin: 0 auto;
    margin-bottom: 18px;
    background: #a8a8a8;
}

#top_content .entry-content {
    padding: 0;
    color: #888188;
    font-size: 1.13333em;
    font-weight: 200;
}

#top_content .entry-content .big {
    font-size: 42px;
}

@media (max-width: 991px) {

    #top_content .entry-content .big {
        line-height: 1;
    }

}

/* Display News */

#related, #news_content {
    padding-bottom: 132px;
}

#related .title_sect, #news_content .title_sect {
    display: block;
    margin: 45px 0;
    color: #1b191b;
    font-family: "Frank Ruhl Libre", serif;
    font-size: 2.33333em;
    font-weight: 300;
    text-align: center;
    letter-spacing: 0.08px;
}

@media (min-width: 992px) {

    #related .container, #news_content .container {
        max-width: 944px !important;
    }

}

#related .article_intro + .article_intro, #news_content .article_intro + .article_intro {
    margin-top: 33px;
}

#news_content, #related {
    background: #f0eff1;
}

@media (min-width: 768px) {

    #news_content .line .row, #related .line .row {
        margin-left: 0;
        margin-right: 0;
    }

}

@media (min-width: 768px) {

    #news_content .line .col-xs-12, #related .line .col-xs-12 {
        padding-left: 0;
        padding-right: 0;
    }

}

#news_content .entry-header .date, #related .entry-header .date {
    margin-bottom: 5px;
}

/* Category */

.page-header {
    padding: 0 0 20px 0;
    margin: 20px 0 20px 0;
    background: none;
    border: none;
    border-bottom: 1px solid #d3d1d2;
}

.page-header .page-title {
    color: #000;
    font-size: 38px;
    font-weight: 200;
    font-family: "Frank Ruhl Libre", serif;
    line-height: 1;
}

.page-header .page-title span {
    display: inline-block;
}

@media (min-width: 992px) {

    .page-header .page-title span {
        line-height: 38px;
    }

}

.page-header .page-title p {
    margin-bottom: 0;
}

.page-header .taxonomy-description {
    padding: 20px 0;
    color: #888188;
}

.entry-content .type a.btn_advanced {
    color: #000;
}

.entry-content .type a.btn_advanced.active, .entry-content .type a.btn_advanced:hover, .entry-content .type a.btn_advanced:focus {
    color: #FFF;
}

@media (min-width: 992px) {

    .category #main .container {
        max-width: 944px !important;
    }

}

.category .last_article {
    margin-top: 33px;
    background: #f0f0f2;
}

.category .last_article .article_intro + .article_intro {
    margin-top: 33px;
}

/* Notfound - Search */

.no-results {
    margin-top: 20px;
}

.no-results .page-content .searchform {
    margin-bottom: 20px;
    border: 1px solid #d3d1d2;
}

/* Style générique */

.entry-content, .entry-summary {
    padding: 0;
}

article.hentry {
    padding: 0;
}

article.hentry + .hentry {
    border: none;
}

article .entry-header, article .entry-content, article .entry-footer {
    padding: 0;
}

article .entry-title {
    color: #000;
    font-size: 38px;
    font-weight: 200;
    font-family: "Frank Ruhl Libre", serif;
    line-height: 1;
}

article h1.entry-title {
    line-height: normal;
}

@media (min-width: 992px) {

    article h1.entry-title {
        line-height: 1;
        font-size: 29px;
    }

}

article .col_content {
    display: inline-block;
    width: 100%;
    padding: 0 20px;
    line-height: normal;
    vertical-align: middle;
}

@media (max-width: 991px) {

    article .col_content {
        padding: 15px;
    }

}

article .col_img {
    display: inline-block;
    width: 100%;
    line-height: normal;
    text-align: center;
    vertical-align: middle;
}

article .col_img a {
    display: block;
}

article .col_img img {
    display: inline-block;
}

article .entry-header {
    color: #0b0b0b;
    font-size: 0.86667em;
}

article .entry-header .entry-title a {
    color: #a3a92a;
}

article .entry-header .entry-title a:hover, article .entry-header .entry-title a:focus {
    color: #0b0b0b;
    text-decoration: none;
}

article .entry-header .entry-category {
    display: inline-block;
    font-weight: 700;
    line-height: 17px;
    text-transform: uppercase;
}

article .entry-header .entry-category:after {
    display: inline-block;
    content: " | ";
    margin: 0 6px;
    color: #b8bd60;
}

article .entry-header .date {
    text-transform: uppercase;
    font-weight: 600;
}

article.article_intro.page .entry-header .entry-category:after, article.article_intro.source .entry-header .entry-category:after, article.article_intro.publication .entry-header .entry-category:after {
    display: none;
}

article .sep {
    display: inline-block;
    height: 1px;
    width: 61px;
    margin: 20px auto 20px auto;
    background: #000;
}

article .entry-content a {
    color: #000;
    font-weight: 400;
    text-decoration: underline;
}

article .entry-content a:hover, article .entry-content a:focus {
    color: #888188;
    text-decoration: underline;
}

article .entry-content p {
    margin-bottom: 10px;
}

article .more {
    display: inline-block;
    letter-spacing: 0.1px;
    font-family: "Barlow", sans-serif;
    font-weight: 600;
}

article .more:hover, article .more:focus {
    opacity: 0.5;
    text-decoration: none;
}

article .entry-footer {
    background: none;
}

article.article_intro {
    background: #FFF;
}

@media (min-width: 992px) {

    article.article_intro .col_content {
        padding: 40px;
    }

}

article.article_intro .img_false {
    padding-top: 30px;
    padding-bottom: 30px;
}

article.article_intro .entry-header .date {
    display: block;
    font-size: 0.66667em;
    font-weight: 400;
}

article.article_intro .entry-header .entry-title {
    padding: 0 !important;
    margin-bottom: 15px;
    font-size: 1.4em;
    font-family: "Frank Ruhl Libre", serif;
    font-weight: 400;
}

@media (min-width: 992px) {

    article.article_intro .entry-header .entry-title {
        margin-left: auto;
        margin-right: auto;
        line-height: 20px;
    }

}

.search article.article_intro .entry-header .entry-title {
    font-size: 1.6em;
}

article.article_intro .entry-header .entry-title a {
    color: #000;
}

article.article_intro .entry-header .entry-title a:hover, article.article_intro .entry-header .entry-title a:focus {
    opacity: 0.5;
}

article.article_intro .entry-header .entry-content {
    font-family: "Barlow", sans-serif;
    font-weight: 300;
}

article.article_intro .entry-header .more {
    margin-top: 15px;
}

body.search article.article_intro .entry-header {
    text-align: left;
}

@media (min-width: 992px) {

    body.search article.article_intro .entry-header .entry-title {
        width: auto;
        margin-left: 0;
        margin-right: 0;
    }

}

article.article_intro.search_intro, article.article_intro.source, article.article_intro.project, article.article_intro.publication {
    margin-bottom: 17px;
}

article.article_intro.search_intro .img_false, article.article_intro.source .img_false, article.article_intro.project .img_false, article.article_intro.publication .img_false {
    padding: 0;
}

article.post .entry-header h1.entry-title {
    margin: 45px 0 35px 0;
    color: #1b191b;
    font-family: "Frank Ruhl Libre", serif;
    font-size: 2.33333em;
    font-weight: 300;
    text-align: center;
    letter-spacing: 0.08px;
}

@media (min-width: 1200px) {

    article.post .entry-header h1.entry-title {
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
    }

}

article.page .entry-header {
    text-align: center;
}

.single article.page .entry-header .entry-title {
    padding: 20px 0;
    margin: 0 auto;
    color: #a2a82e;
    font-size: 1.26667em;
    font-weight: 700;
}

article.page .entry-header h1.entry-title {
    margin-top: 60px;
    color: #000;
    font-size: 38px;
    font-weight: 200;
    font-family: "Frank Ruhl Libre", serif;
    line-height: 1;
    text-align: left;
}

article.page .entry-content {
    padding-bottom: 43px;
}

body.single article .entry-onglets div.onglet + div.onglet, body.page article .entry-onglets div.onglet + div.onglet {
    padding-top: 25px;
    margin-top: 25px;
    border-top: 1px solid #CCC;
}

body.single article .entry-onglets h1, body.single article .entry-content h1, body.page article .entry-onglets h1, body.page article .entry-content h1 {
    font-size: 38px;
}

body.single article .entry-onglets h1, body.single article .entry-onglets h1 strong, body.single article .entry-content h1, body.single article .entry-content h1 strong, body.page article .entry-onglets h1, body.page article .entry-onglets h1 strong, body.page article .entry-content h1, body.page article .entry-content h1 strong {
    font-weight: 200;
}

body.single article .entry-onglets h2, body.single article .entry-content h2, body.page article .entry-onglets h2, body.page article .entry-content h2 {
    font-size: 38px;
}

body.single article .entry-onglets h2, body.single article .entry-onglets h2 strong, body.single article .entry-content h2, body.single article .entry-content h2 strong, body.page article .entry-onglets h2, body.page article .entry-onglets h2 strong, body.page article .entry-content h2, body.page article .entry-content h2 strong {
    font-weight: 300;
}

body.single article .entry-onglets h3, body.single article .entry-content h3, body.page article .entry-onglets h3, body.page article .entry-content h3 {
    font-size: 33px;
}

body.single article .entry-onglets h3, body.single article .entry-onglets h3 strong, body.single article .entry-content h3, body.single article .entry-content h3 strong, body.page article .entry-onglets h3, body.page article .entry-onglets h3 strong, body.page article .entry-content h3, body.page article .entry-content h3 strong {
    font-weight: 300;
}

body.single article .entry-onglets h4, body.single article .entry-content h4, body.page article .entry-onglets h4, body.page article .entry-content h4 {
    font-size: 25px;
}

body.single article .entry-onglets h4, body.single article .entry-onglets h4 strong, body.single article .entry-content h4, body.single article .entry-content h4 strong, body.page article .entry-onglets h4, body.page article .entry-onglets h4 strong, body.page article .entry-content h4, body.page article .entry-content h4 strong {
    font-weight: 300;
}

body.single article .entry-onglets p strong, body.single article .entry-content p strong, body.page article .entry-onglets p strong, body.page article .entry-content p strong {
    font-weight: 500;
}

body.single article .entry-onglets blockquote, body.single article .entry-content blockquote, body.page article .entry-onglets blockquote, body.page article .entry-content blockquote {
    padding: 0 0 20px 0;
    color: #1b191b;
    font-size: 19px;
    font-style: normal;
    line-height: 25px;
    letter-spacing: 0.13px;
    border: none;
    border-bottom: 1px solid #c2c2c8;
}

body.single article .entry-onglets .onglet:focus, body.single article .entry-content .onglet:focus, body.page article .entry-onglets .onglet:focus, body.page article .entry-content .onglet:focus {
    outline: none;
}

/* Single Source / Project */

@media (min-width: 992px) {

    .single-publication #ariane .container-fluid, .single-source #ariane .container-fluid, .single-project #ariane .container-fluid {
        max-width: 980px;
    }

}

.single-publication .return_liste, .single-source .return_liste, .single-project .return_liste {
    margin-top: 20px;
}

.single-publication .subtitle, .single-source .subtitle, .single-project .subtitle {
    margin-bottom: 20px;
    font-size: 1.33333em;
    font-weight: 300;
}

.source h1  {
    background: url("images/ico_rond.png") no-repeat;
    margin-left: -50px;
    padding-left: 50px;
    background-position: 10px 10px;
}

.single-publication .entry-content, .single-publication .entry-produits, .single-source .entry-content, .single-source .entry-produits, .single-project .entry-content, .single-project .entry-produits {
    margin-bottom: 15px;
}

.single-publication .entry-author a, .single-source .entry-author a, .single-project .entry-author a {
    margin-right: 5px;
}

.single-publication .title, .single-source .title, .single-project .title {
    margin-bottom: 20px;
    color: #333;
    font-size: 1.33333em;
    font-weight: 400;
}

.single-publication .related, .single-source .related, .single-project .related {
    margin-bottom: 20px;
}

.single-publication .related a, .single-source .related a, .single-project .related a {
    color: #707070;
}

.single-publication .related a:hover, .single-publication .related a:focus, .single-source .related a:hover, .single-source .related a:focus, .single-project .related a:hover, .single-project .related a:focus {
    color: #333;
    text-decoration: none;
}

.single-publication .related .all_listing .line, .single-source .related .all_listing .line, .single-project .related .all_listing .line {
    display: none;
}

.single-publication .related .all_listing .all_btn, .single-source .related .all_listing .all_btn, .single-project .related .all_listing .all_btn {
    margin-top: 15px;
    text-align: right;
}

.single-publication .related .signalement a, .single-source .related .signalement a, .single-project .related .signalement a {
    color: #FFF;
}

.single-publication .related .signalement a:hover, .single-publication .related .signalement a:focus, .single-source .related .signalement a:hover, .single-source .related .signalement a:focus, .single-project .related .signalement a:hover, .single-project .related .signalement a:focus {
    color: #888188;
}

.single-publication .related .title, .single-source .related .title, .single-project .related .title {
    color: #000;
    font-size: 30px;
    font-weight: 200;
    font-family: "Frank Ruhl Libre", serif;
    line-height: 1;
    background: url("images/ico_rond.png") no-repeat;
    background-position: 5px 27px;
}

@media (min-width: 768px) {

    .single-publication .related .title:before, .single-source .related .title:before, .single-project .related .title:before {
        display: inline-block;
        content: "";
        position: absolute;
        top: 12px;
        left: 0;
        height: 34px;
        width: 34px;
        /*        background: url("images/ico_source_projects.png") no-repeat;*/
    }

}

@media (min-width: 768px) {

    .single-publication .related .title, .single-source .related .title, .single-project .related .title {
        position: relative;
        padding-left: 44px;
        padding-top: 15px;
        padding-bottom: 15px;
        margin-left: -45px;
        margin-bottom: 0;
    }

}

.single-publication .related .sep_rond_left, .single-source .related .sep_rond_left, .single-project .related .sep_rond_left {
    display: block;
    height: 7px;
    width: 7px;
    margin-left: -39px;
    margin-bottom: -12px;
    background: url("images/ico_rond.png") no-repeat;
}

@media (max-width: 767px) {

    .single-publication .related .sep_rond_left, .single-source .related .sep_rond_left, .single-project .related .sep_rond_left {
        display: none;
    }

}

.single-publication .related .sources .source:first-child a, .single-source .related .sources .source:first-child a, .single-project .related .sources .source:first-child a {
    padding-top: 0;
}

.single-publication .related .projets .projet:first-child a, .single-source .related .projets .projet:first-child a, .single-project .related .projets .projet:first-child a {
    padding-top: 0;
}

.single-publication .related .publications .publication:first-child a, .single-source .related .publications .publication:first-child a, .single-project .related .publications .publication:first-child a {
    padding-top: 0;
}

.single-publication .related .projets a, .single-publication .related .source a, .single-publication .related .publications a, .single-source .related .projets a, .single-source .related .source a, .single-source .related .publications a, .single-project .related .projets a, .single-project .related .source a, .single-project .related .publications a {
    display: block;
    padding: 9px 0 6px 0;
    border-bottom: 1px solid #dfdfdf;
}

.single-publication .related .projets .projet:last-child a, .single-publication .related .projets .publication:last-child a, .single-publication .related .source .projet:last-child a, .single-publication .related .source .publication:last-child a, .single-publication .related .publications .projet:last-child a, .single-publication .related .publications .publication:last-child a, .single-source .related .projets .projet:last-child a, .single-source .related .projets .publication:last-child a, .single-source .related .source .projet:last-child a, .single-source .related .source .publication:last-child a, .single-source .related .publications .projet:last-child a, .single-source .related .publications .publication:last-child a, .single-project .related .projets .projet:last-child a, .single-project .related .projets .publication:last-child a, .single-project .related .source .projet:last-child a, .single-project .related .source .publication:last-child a, .single-project .related .publications .projet:last-child a, .single-project .related .publications .publication:last-child a {
    border: none;
}

.single-publication .related .projets .source:last-child a, .single-publication .related .source .source:last-child a, .single-publication .related .publications .source:last-child a, .single-source .related .projets .source:last-child a, .single-source .related .source .source:last-child a, .single-source .related .publications .source:last-child a, .single-project .related .projets .source:last-child a, .single-project .related .source .source:last-child a, .single-project .related .publications .source:last-child a {
    border: none;
}

.single-publication .related.related_prj .title:before, .single-source .related.related_prj .title:before, .single-project .related.related_prj .title:before {
    margin-left: -9px;
}

.single-publication .related.related_pub .title:before, .single-source .related.related_pub .title:before, .single-project .related.related_pub .title:before {
    margin-left: 5px;
    /*background: url("images/ico_source_publi.png") no-repeat;*/
}

@media (min-width: 768px) {

    .single-publication .related.related_pub .title, .single-source .related.related_pub .title, .single-project .related.related_pub .title {
        padding-left: 44px;
        margin-left: -45px;
        line-height: normal;
    }

}

.single-publication .related.related_theme .title:before, .single-publication .related.related_source .title:before, .single-source .related.related_theme .title:before, .single-source .related.related_source .title:before, .single-project .related.related_theme .title:before, .single-project .related.related_source .title:before {
    /*background: url("images/ico_source_source.png") no-repeat;*/
}

@media (min-width: 768px) {

    .single-publication .related.related_theme .title, .single-publication .related.related_source .title, .single-source .related.related_theme .title, .single-source .related.related_source .title, .single-project .related.related_theme .title, .single-project .related.related_source .title {
        padding-left: 44px;
        margin-left: -45px;
        line-height: normal;
    }

}

/* Single Source */

@media (min-width: 768px) {

    .single-source .col_navcontent, .single-publication .col_navcontent, .single-project .col_navcontent {
        padding-right: 35px;
        border-left: 1px solid rgba(51, 51, 51, 0.1);
    }

}

@media (min-width: 768px) {

    .single-source .col_navcontent article, .single-publication .col_navcontent article, .single-project .col_navcontent article {
        padding-left: 20px;
    }

}

.single-source .row_entry .col, .single-publication .row_entry .col, .single-project .row_entry .col {
    float: left;
    padding: 10px 15px;
}

.single-source .row_entry .col:first-child, .single-publication .row_entry .col:first-child, .single-project .row_entry .col:first-child {
    padding-left: 0;
}

.single-source .row_entry .col_hab, .single-publication .row_entry .col_hab, .single-project .row_entry .col_hab {
    border-left: 1px solid #90888c;
}

.single-publication .documentations .title, .single-project .documentations .title {
    color: #a3a745;
    font-size: 2em;
    font-weight: 300;
    line-height: 1;
}
.single-source .documentations .title {
    color: #000;
    font-size: 30px;
    font-weight: 200;
    font-family: "Frank Ruhl Libre", serif;
    line-height: 1;
    background: url("images/ico_rond.png") no-repeat;
    background-position: 5px 27px;
}

@media (min-width: 768px) {

    .single-source .documentations .title:before, .single-publication .documentations .title:before, .single-project .documentations .title:before {
        content: "";
        position: absolute;
        left: 0;
        display: inline-block;
        height: 34px;
        width: 34px;
        margin-left: -10px;
    }

}

@media (min-width: 768px) {

    .single-source .documentations .title, .single-publication .documentations .title, .single-project .documentations .title {
        position: relative;
        padding-left: 43px;
        padding-top: 15px;
        padding-bottom: 15px;
        margin-left: -43px;
        margin-bottom: 0;
    }

}

.single-source .documentations .title .documentation_download, .single-publication .documentations .title .documentation_download, .single-project .documentations .title .documentation_download {
    float: right;
}

.single-source .documentations .sep_rond_left, .single-publication .documentations .sep_rond_left, .single-project .documentations .sep_rond_left {
    display: block;
    height: 7px;
    width: 7px;
    margin-left: -39px;
    margin-bottom: 0;
    background: url("images/ico_rond.png") no-repeat;
}

@media (max-width: 767px) {

    .single-source .documentations .sep_rond_left, .single-publication .documentations .sep_rond_left, .single-project .documentations .sep_rond_left {
        display: none;
    }

}

.single-source .documentations .userid, .single-source .documentations .content, .single-publication .documentations .userid, .single-publication .documentations .content, .single-project .documentations .userid, .single-project .documentations .content {
    margin-bottom: 20px;
    font-weight: 300;
    text-align: justify;
    white-space: pre-wrap;
}

.single-source .documentations .listing-tab .all_listing .line, .single-publication .documentations .listing-tab .all_listing .line, .single-project .documentations .listing-tab .all_listing .line {
    display: none;
}

.single-source .documentations .listing-tab .all_listing .all_btn, .single-publication .documentations .listing-tab .all_listing .all_btn, .single-project .documentations .listing-tab .all_listing .all_btn {
    margin-top: 15px;
    text-align: right;
}

.single-source .documentations .listing-tab .tab_link, .single-publication .documentations .listing-tab .tab_link, .single-project .documentations .listing-tab .tab_link {
    display: flex;
    align-items: start;
    padding-top: 10px;
    padding-bottom: 10px;
}

.single-source .documentations .listing-tab .tab_link .col_link, .single-publication .documentations .listing-tab .tab_link .col_link, .single-project .documentations .listing-tab .tab_link .col_link {
    text-align: center;
    font-size: 30px;
}

.single-source .documentations .prevnext, .single-publication .documentations .prevnext, .single-project .documentations .prevnext {
    margin-bottom: 15px;
    text-align: center;
}

.single-source .documentations .prevnext .disabled, .single-publication .documentations .prevnext .disabled, .single-project .documentations .prevnext .disabled {
    opacity: 0.2;
}

.single-source .documentations .prev_next, .single-publication .documentations .prev_next, .single-project .documentations .prev_next {
    display: inline-block;
    line-height: 30px;
    font-size: 18px;
    text-align: center;
}

.single-source .documentations .prev_next a, .single-publication .documentations .prev_next a, .single-project .documentations .prev_next a {
    color: rgba(51, 51, 51, 0.7);
}

.single-source .documentations .prev_next a:before, .single-source .documentations .prev_next a:after, .single-publication .documentations .prev_next a:before, .single-publication .documentations .prev_next a:after, .single-project .documentations .prev_next a:before, .single-project .documentations .prev_next a:after {
    font-size: 45px;
    vertical-align: -8px;
}

.single-source .documentations .prev_next a:hover, .single-source .documentations .prev_next a:focus, .single-publication .documentations .prev_next a:hover, .single-publication .documentations .prev_next a:focus, .single-project .documentations .prev_next a:hover, .single-project .documentations .prev_next a:focus {
    text-decoration: none;
    outline: none !important;
}

.single-source .documentations .prev_next a:hover span, .single-source .documentations .prev_next a:focus span, .single-publication .documentations .prev_next a:hover span, .single-publication .documentations .prev_next a:focus span, .single-project .documentations .prev_next a:hover span, .single-project .documentations .prev_next a:focus span {
    opacity: 0.5;
}

.single-source .documentations .prev_next.prev a:after, .single-publication .documentations .prev_next.prev a:after, .single-project .documentations .prev_next.prev a:after {
    margin: 0 15px;
    content: "\f104";
    font-family: 'FontAwesome';
}

.single-source .documentations .prev_next.next a:before, .single-publication .documentations .prev_next.next a:before, .single-project .documentations .prev_next.next a:before {
    margin: 0 15px;
    content: "\f105";
    font-family: 'FontAwesome';
}

.single-source .documentations .prev_next.current, .single-publication .documentations .prev_next.current, .single-project .documentations .prev_next.current {
    color: #a2a82e;
    font-size: 20px;
    font-weight: 600;
}

.single-source .documentations .title_produit, .single-publication .documentations .title_produit, .single-project .documentations .title_produit {
    margin-bottom: 10px;
    color: #000;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
}

.single-source .documentations .description, .single-publication .documentations .description, .single-project .documentations .description {
    padding-left: 25px;
    padding-right: 25px;
    text-align: justify;
}

.single-source .documentations .modal-title, .single-publication .documentations .modal-title, .single-project .documentations .modal-title {
    margin-bottom: 10px;
}

.single-source .table-responsive, .single-publication .table-responsive, .single-project .table-responsive {
    position: relative;

    /*margin-bottom:50px;
    border-bottom:1px solid #dfdfdf;
    */
}

.single-source .table-responsive .entry-description, .single-publication .table-responsive .entry-description, .single-project .table-responsive .entry-description {
    margin-bottom: 20px;
}

.single-source .table-responsive #table_length, .single-source .table-responsive #table_filter, .single-publication .table-responsive #table_length, .single-publication .table-responsive #table_filter, .single-project .table-responsive #table_length, .single-project .table-responsive #table_filter {
    display: inline-block;
    width: 50%;
    margin-bottom: 25px;
}

.single-source .table-responsive #table_filter label, .single-publication .table-responsive #table_filter label, .single-project .table-responsive #table_filter label {
    display: flex;
    align-items: center;
}

.single-source .table-responsive #table_filter label input, .single-publication .table-responsive #table_filter label input, .single-project .table-responsive #table_filter label input {
    margin-left: 15px;
}

.single-source .table-responsive #table_paginate, .single-publication .table-responsive #table_paginate, .single-project .table-responsive #table_paginate {
    margin-bottom: 20px;
    text-align: center;
}

.single-source .table-responsive #table_paginate a, .single-source .table-responsive #table_paginate .active a, .single-publication .table-responsive #table_paginate a, .single-publication .table-responsive #table_paginate .active a, .single-project .table-responsive #table_paginate a, .single-project .table-responsive #table_paginate .active a {
    display: inline-block;
    padding: 0 12px;
    margin: 0 5px;
    line-height: 31px;
    color: #91888d;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    border: 1px solid #DDD;
}

.single-source .table-responsive #table_paginate a:hover, .single-source .table-responsive #table_paginate a:focus, .single-publication .table-responsive #table_paginate a:hover, .single-publication .table-responsive #table_paginate a:focus, .single-project .table-responsive #table_paginate a:hover, .single-project .table-responsive #table_paginate a:focus {
    cursor: pointer;
    color: #FFF;
    background-color: #91888d;
    border-color: #91888d;
}

.single-source .table-responsive #table_paginate a.previous, .single-source .table-responsive #table_paginate a.next, .single-publication .table-responsive #table_paginate a.previous, .single-publication .table-responsive #table_paginate a.next, .single-project .table-responsive #table_paginate a.previous, .single-project .table-responsive #table_paginate a.next {
    font-weight: normal;
}

.single-source .table-responsive #table_paginate a.current, .single-publication .table-responsive #table_paginate a.current, .single-project .table-responsive #table_paginate a.current {
    color: #FFF;
    background-color: #91888d;
    border-color: #91888d;
}

.single-source .table-responsive #table_paginate .break, .single-publication .table-responsive #table_paginate .break, .single-project .table-responsive #table_paginate .break {
    color: #00879d;
}

.single-source .table-responsive table, .single-publication .table-responsive table, .single-project .table-responsive table {
    width: 100% !important;
}

.single-source .table-responsive table > tbody > tr > td, .single-source .table-responsive table > tbody > tr > th, .single-source .table-responsive table > tfoot > tr > td, .single-source .table-responsive table > tfoot > tr > th, .single-source .table-responsive table > thead > tr > td, .single-source .table-responsive table > thead > tr > th, .single-publication .table-responsive table > tbody > tr > td, .single-publication .table-responsive table > tbody > tr > th, .single-publication .table-responsive table > tfoot > tr > td, .single-publication .table-responsive table > tfoot > tr > th, .single-publication .table-responsive table > thead > tr > td, .single-publication .table-responsive table > thead > tr > th, .single-project .table-responsive table > tbody > tr > td, .single-project .table-responsive table > tbody > tr > th, .single-project .table-responsive table > tfoot > tr > td, .single-project .table-responsive table > tfoot > tr > th, .single-project .table-responsive table > thead > tr > td, .single-project .table-responsive table > thead > tr > th {
    white-space: normal;
    word-break: normal;
}

.single-source .table-responsive td:first-letter, .single-publication .table-responsive td:first-letter, .single-project .table-responsive td:first-letter {
    text-transform: none;
}

.single-source .table-responsive .hidden_tr td, .single-publication .table-responsive .hidden_tr td, .single-project .table-responsive .hidden_tr td {
    display: none;
}

.single-source .table-responsive .line_extend:hover, .single-source .table-responsive .line_extend:focus, .single-publication .table-responsive .line_extend:hover, .single-publication .table-responsive .line_extend:focus, .single-project .table-responsive .line_extend:hover, .single-project .table-responsive .line_extend:focus {
    cursor: pointer;
}

/* Single Project */

@media (min-width: 992px) {

    .single-project .entry-thumbnail {
        float: left;
        margin: 0 15px 15px 0;
    }

}

@media (max-width: 991px) {

    .single-project .entry-thumbnail {
        display: none;
    }

}

.single-project .entry-thumbnail img {
    max-width: 420px;
}

.single-project .entry-content {
    text-align: justify;
}

.single-project .signalement {
    margin: 20px auto;
    text-align: center;
}

/* Single Publication */

.single-publication .related {


}

/* Tableau */

table .fa {
    color: #a2a82e;
    margin-left: 10px;
}

/* Commentaire */

#comments {
    padding: 0;
    margin-top: 20px;
    border: none;
    border-top: 1px solid #d7d5d6;
}

#comments .comment-reply-title {
    margin-bottom: 0;
}

#comments .comments-title {
    margin: 20px 0;
}

#comments .comment-form {
    margin: 0 0 20px 0;
}

/* Taxonomy Authors */

.tax-authors .article_intro .entry-header {
    text-align: left;
}

/* Template Submit Publication */

.template.template_formulaire_publication_submit .entry-content {
    padding: 0;
}

/* Template big publi */

body.page-template-page_formulaire_submit_publi .form-horizontal .control-label {
    padding-top: 0;
}

body.page-template-page_formulaire_submit_publi .form-horizontal li[title=Autre] {
    display: none;
}

/* Formulaire */

.template.formulaire .entry-content {
    margin-bottom: 40px;
}

/* Sitemap */

.template_sitemap .entry-content ul {
    padding-left: 10px;
    margin: 10px 0;
}

/* Template page Casd */

article.template_casd .entry-header {
    text-align: left;
}

article.template_casd .count {
    padding: 50px 0;
    margin: 70px 0 30px 0;
    text-align: center;
    border-top: 1px solid #d8d5d7;
    border-bottom: 1px solid #d8d5d7;
}

@media (max-width: 767px) {

    article.template_casd .count {
        padding: 15px 0;
        margin: 30px 0;
    }

}

article.template_casd .count .cols {
    display: table;
    margin: 0 auto;
}

article.template_casd .count .col {
    float: left;
    display: block;
    text-align: center;
    border-right: 1px solid #d8d5d7;
}

@media (min-width: 992px) {

    article.template_casd .count .col {
        width: 240px;
        line-height: 1;
    }

}

@media (min-width: 768px) and (max-width: 991px) {

    article.template_casd .count .col {
        width: 170px;
        line-height: 1;
    }

}

@media (max-width: 767px) {

    article.template_casd .count .col {
        float: none;
        width: 100%;
        border-right: none;
    }

}

article.template_casd .count .col:last-child {
    border-right: none;
}

article.template_casd .count .nb {
    display: block;
    color: #a2a82e;
    font-size: 63px;
    font-weight: 900;
}

article.template_casd .count .txt {
    color: #a8a99d;
    font-size: 30px;
    font-weight: bold;
}

/* Map Projet - Sources */

.page-template-page_map_dynamique_projects .container-fluid {
    width: 1440px;
}

.template_map #main {
    background: #00203b;
}

.template_map #main .page-header {
    padding-bottom: 15px;
    margin-bottom: 0;
    background: #00203b;
    border-color: #54697c;
}

.template_map #main .page-header .page-title {
    color: #FFF;
}

.template_map #main .entry-content {
    padding: 0;
    padding-top: 17px;
    color: #60d2e3;
    font-weight: bold;
}

@media (min-width: 992px) {

    .template_map #main .entry-content {
        line-height: 25px;
    }

}

.template_map .map {
    position: relative;
    height: 599px;
    /*width:1001px;
    margin:0 auto;*/
    background-repeat: no-repeat;
    background-position: top right;
    background-image: url("images/map/background.png");
}

@media (min-width: 992px) {

    .template_map .page-header .page-title, .cat_projet .page-header .page-title {
        max-width: 340px;
    }

}

/* Cat Projet - Sources */

@media (min-width: 992px) {

    .container-vignette {
        padding-left: 0;
        padding-right: 0;
    }

}

@media (min-width: 992px) {

    .row-vignette {
        margin-left: 0;
        margin-right: 0;
    }

}

@media (min-width: 768px) {

    .col_sources {
        padding-left: 0;
        padding-right: 0;
    }

}

.cat_projet .page-header .col-xs-6, .cat_sources .page-header .col-xs-6, .cat_publication .page-header .col-xs-6 {


}

.cat_projet .page-header .display, .cat_sources .page-header .display, .cat_publication .page-header .display {
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
}

.cat_projet .page-header .display .txt, .cat_sources .page-header .display .txt, .cat_publication .page-header .display .txt {
    display: block;
    margin-bottom: 20px;
    opacity: 0.99;
    color: #a2a82e;
    font-size: 0.86667em;
    font-weight: 600;
    text-transform: uppercase;
}

.cat_projet .page-header .display .vignette, .cat_projet .page-header .display .listing, .cat_sources .page-header .display .vignette, .cat_sources .page-header .display .listing, .cat_publication .page-header .display .vignette, .cat_publication .page-header .display .listing {
    display: inline-block;
    color: #514950;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

@media (min-width: 992px) {

    .cat_projet .page-header .display .vignette, .cat_projet .page-header .display .listing, .cat_sources .page-header .display .vignette, .cat_sources .page-header .display .listing, .cat_publication .page-header .display .vignette, .cat_publication .page-header .display .listing {
        line-height: 15px;
    }

}

.cat_projet .page-header .display .vignette:after, .cat_projet .page-header .display .listing:after, .cat_sources .page-header .display .vignette:after, .cat_sources .page-header .display .listing:after, .cat_publication .page-header .display .vignette:after, .cat_publication .page-header .display .listing:after {
    margin-left: 15px;
}

.cat_projet .page-header .display .vignette.current, .cat_projet .page-header .display .vignette:hover, .cat_projet .page-header .display .vignette:focus, .cat_projet .page-header .display .listing.current, .cat_projet .page-header .display .listing:hover, .cat_projet .page-header .display .listing:focus, .cat_sources .page-header .display .vignette.current, .cat_sources .page-header .display .vignette:hover, .cat_sources .page-header .display .vignette:focus, .cat_sources .page-header .display .listing.current, .cat_sources .page-header .display .listing:hover, .cat_sources .page-header .display .listing:focus, .cat_publication .page-header .display .vignette.current, .cat_publication .page-header .display .vignette:hover, .cat_publication .page-header .display .vignette:focus, .cat_publication .page-header .display .listing.current, .cat_publication .page-header .display .listing:hover, .cat_publication .page-header .display .listing:focus {
    opacity: 0.5;
    color: #a2a82e;
    text-decoration: none;
}

@media (min-width: 992px) {

    .cat_projet .page-header .display .listing, .cat_sources .page-header .display .listing, .cat_publication .page-header .display .listing {
        margin-right: 50px;
    }

}

.cat_projet .page-header .display .listing:after, .cat_sources .page-header .display .listing:after, .cat_publication .page-header .display .listing:after {
    content: " ";
    display: inline-block;
    height: 10px;
    width: 28px;
    background: url("images/ico_liste.png") no-repeat;
}

.cat_projet .page-header .display .vignette:after, .cat_sources .page-header .display .vignette:after, .cat_publication .page-header .display .vignette:after {
    content: " ";
    display: inline-block;
    height: 16px;
    width: 17px;
    background: url("images/ico_vignette.png") no-repeat;
}

.cat_projet .page-header, .cat_sources .page-header, .cat_publication .page-header {
    margin-bottom: 20px;
}

.cat_sources .container_topnav_project .select2-container, .cat_publication .container_topnav_project .select2-container {
    width: 100% !important;
}

@media (min-width: 992px) {

    .cat_projet .container_topnav_project.fixed, .cat_sources .container_topnav_project.fixed, .cat_publication .container_topnav_project.fixed {
        position: fixed;
        top: 86px;
        left: 0;
        width: 100%;
        background: #f1f0f1;
        border-bottom: 1px solid #d3d1d2;
        z-index: 9999;
    }

}

@media (min-width: 992px) {

    .cat_projet .container_topnav_project.fixed .entry-topnav, .cat_sources .container_topnav_project.fixed .entry-topnav, .cat_publication .container_topnav_project.fixed .entry-topnav {
        max-width: 1140px;
        padding: 25px 0;
        margin: 0 auto;
    }

}

@media (min-width: 992px) {

    .cat_projet .container_topnav_project.fixed .entry-topnav .type, .cat_sources .container_topnav_project.fixed .entry-topnav .type, .cat_publication .container_topnav_project.fixed .entry-topnav .type {
        margin-bottom: 0;
    }

}

@media (min-width: 992px) {

    .cat_projet .container_topnav_project.fixed .entry-topnav .type .btn_advanced, .cat_sources .container_topnav_project.fixed .entry-topnav .type .btn_advanced, .cat_publication .container_topnav_project.fixed .entry-topnav .type .btn_advanced {
        margin-bottom: 0;
    }

}

.cat_projet .entry-content, .cat_sources .entry-content, .cat_publication .entry-content {
    padding: 0;
    margin-top: 20px;
}

.cat_projet .entry-content .type, .cat_sources .entry-content .type, .cat_publication .entry-content .type {
    margin-bottom: 10px;
}

.cat_projet .entry-content .type_publication a, .cat_projet .entry-content .type_publication form, .cat_projet .entry-content .type_producteur a, .cat_projet .entry-content .type_producteur form, .cat_sources .entry-content .type_publication a, .cat_sources .entry-content .type_publication form, .cat_sources .entry-content .type_producteur a, .cat_sources .entry-content .type_producteur form, .cat_publication .entry-content .type_publication a, .cat_publication .entry-content .type_publication form, .cat_publication .entry-content .type_producteur a, .cat_publication .entry-content .type_producteur form {
    float: left;
}

.cat_projet .entry-content form, .cat_sources .entry-content form, .cat_publication .entry-content form {
    display: inline-block;
}

.cat_projet .entry-content form .form-group, .cat_sources .entry-content form .form-group, .cat_publication .entry-content form .form-group {
    margin-bottom: 0;
}

.cat_projet .entry-content .title, .cat_sources .entry-content .title, .cat_publication .entry-content .title {
    margin-bottom: 10px;
    font-weight: bold;
}

@media (min-width: 992px) {

    article.vignette {
        margin-bottom: 35px;
    }

}

@media (max-width: 991px) {

    article.vignette {
        margin-bottom: 25px;
    }

}

article.vignette a {
    color: #888188;
    line-height: 18px;
}

article.vignette a:hover, article.vignette a:focus {
    text-decoration: none;
}

article.vignette a:hover .entry-thumbnail .ico_hover, article.vignette a:focus .entry-thumbnail .ico_hover {
    display: block;
}

article.vignette a:hover .entry-thumbnail img, article.vignette a:focus .entry-thumbnail img {
    opacity: 0.5;
}

article.vignette .entry-thumbnail {
    display: block;
    text-align: center;
    overflow: hidden;
}

article.vignette .entry-thumbnail .blc_hover {
    position: relative;
    height: 100%;
}

article.vignette .entry-thumbnail .ico_hover {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

article.vignette .entry-thumbnail .ico_hover .fa {
    color: #000;
    font-size: 2em;
}

article.vignette .entry-thumbnail img {
    display: inline-block;
    max-height: 100%;
    margin: 0 auto;
}

@media (min-width: 1200px) {

    article.vignette .entry-thumbnail img {
        width: 100%;
    }

}

article.vignette .meta-field {
    display: block;
}

article.vignette .meta-field span {
    display: block;
}

article.vignette .meta-field span.line_1, article.vignette .meta-field span.line_2, article.vignette .meta-field span.line_3 {
    margin-bottom: 10px;
}

article.vignette .meta-field span.line_1 .fa, article.vignette .meta-field span.line_2 .fa, article.vignette .meta-field span.line_3 .fa {
    display: inline-block;
    margin-right: 5px;
    color: #a3a92a;
}

article.vignette .meta-field span.line_1 {
    padding-bottom: 10px;
    border-bottom: 1px solid #CCC;
}

article.vignette .meta-field span.line_3 {
    padding-top: 10px;
    border-top: 1px solid #CCC;
}

article.vignette .meta-field span.description {
    margin-bottom: 10px;
    font-weight: 300;
}

article.vignette .meta-field .sep {
    display: inline-block;
    height: 4px;
    width: 52px;
    margin-top: 0;
    background-color: #a3a92a;
}

article.vignette .meta-field .intitule {
    display: inline-block;
    margin-top: 20px;
    color: #4a464a;
    font-size: 0.86667em;
    font-weight: 400;
}

.table-publication .entete, .table-projet .entete {
    color: #0b0b0b;
    font-size: 1.13333em;
    font-weight: 700;
    border-bottom: 1px solid #d7d5d7;
}

.table-publication .entete .col .col_content, .table-projet .entete .col .col_content {
    padding: 36px 0 20px 0;
    color: #0b0b0b;
}

.table-publication .line, .table-projet .line {
    color: #888188;
    font-size: 1.06667em;
    font-weight: 400;
}

.table-publication .line .col_content, .table-projet .line .col_content {
    height: 100%;
    padding: 24px 15px;
    border-bottom: 1px solid #d7d5d7;
}

@media (max-width: 991px) {

    .table-publication .line .col_content, .table-projet .line .col_content {
        padding-top: 14px;
        padding-bottom: 14px;
    }

}

.table-publication .line .content_btn .fa, .table-projet .line .content_btn .fa {
    display: inline-block;
    margin-right: 5px;
    color: #a2a82e;
}

@media (min-width: 992px) {

    .table-publication .line.last .col_content, .table-projet .line.last .col_content {
        border: none;
    }

}

.table-publication .line .col_date, .table-projet .line .col_date {
    color: #bdb4b9;
    font-size: 63px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}

.table-publication .line .col_date .date, .table-projet .line .col_date .date {
    display: inline-block;
}

@media (min-width: 992px) {

    .table-publication .line .col_date .date, .table-projet .line .col_date .date {
        line-height: 47px;
        vertical-align: top;
    }

}

@media (min-width: 992px) {

    .table-publication .line .col_date, .table-projet .line .col_date {
        opacity: 0;
    }

}

.table-publication .line .col_date .col_content, .table-projet .line .col_date .col_content {
    padding-left: 0;
    padding-right: 0;
    border: none;
}

@media (min-width: 992px) {

    .table-publication .line .col_2 .col_content, .table-projet .line .col_2 .col_content {
        padding-left: 0;
    }

}

.table-publication .line .col_2, .table-publication .line .col_3, .table-publication .line .col_4, .table-projet .line .col_2, .table-projet .line .col_3, .table-projet .line .col_4 {
    font-weight: 600;
}

@media (min-width: 992px) {

    .table-publication .line .col_2, .table-publication .line .col_3, .table-publication .line .col_4, .table-projet .line .col_2, .table-projet .line .col_3, .table-projet .line .col_4 {
        padding-right: 0;
    }

}

@media (min-width: 992px) {

    .table-publication .line .col_3, .table-publication .line .col_4, .table-publication .line .col_5, .table-projet .line .col_3, .table-projet .line .col_4, .table-projet .line .col_5 {
        padding-left: 0;
    }

}

.table-publication .group .line:first-child .col_date, .table-projet .group .line:first-child .col_date {
    opacity: 0.44;
}

.table-sources .entete {
    color: #0b0b0b;
    font-size: 1.13333em;
    font-weight: 700;
    border-bottom: 1px solid #d7d5d7;
}

.table-sources .entete .col .col_content {
    padding: 36px 0 20px 0;
    color: #0b0b0b;
}

.table-sources .line {
    color: #888188;
    font-size: 1.06667em;
    font-weight: 400;
}

.table-sources .line .post {
    border-bottom: 1px solid #d7d5d7;
}

.table-sources .line.last .post {
    border: none;
}

.table-sources .line .col_content {
    padding: 24px 15px;
}

@media (max-width: 991px) {

    .table-sources .line .col_content {
        padding-top: 14px;
        padding-bottom: 14px;
    }

}

@media (min-width: 992px) {

    .table-sources .line.last .col_content {
        border: none;
    }

}

.table-sources .line .col_date, .table-sources .line .col_2, .table-sources .line .col_3, .table-sources .line .col_4 {
    font-weight: 600;
}

@media (min-width: 992px) {

    .table-sources .line .col_date, .table-sources .line .col_2, .table-sources .line .col_3, .table-sources .line .col_4 {
        padding-right: 0;
    }

}

@media (min-width: 992px) {

    .table-sources .line .col_2, .table-sources .line .col_3, .table-sources .line .col_4, .table-sources .line .col_5 {
        padding-left: 0;
    }

}

#totop {
    padding: 50px 0;
    text-align: center;
    background: #f0eff1;
}

#totop .totop {
    display: inline-block;
    outline: 0;
}

@media (min-width: 992px) {

    #totop .totop {
        margin-right: -146px;
    }

}

#totop .totop:hover, #totop .totop:focus {
    cursor: pointer;
    opacity: 0.5;
}

#totop .txt {
    display: inline-block;
    color: #6d686d;
    font-size: 14px;
    font-weight: 400;
}

#totop .txt:before {
    content: " ";
    display: inline-block;
    height: 53px;
    width: 53px;
    margin-right: 19px;
    vertical-align: middle;
    background: url("images/ico_totop.png") no-repeat;
}

footer.site-footer {
    /*padding: 55px 0;*/
    padding: 55px 0 0 0;
    background: #000;
}

footer .col_cookies {
    margin-top: 35px;
    height: 30px;
    text-align: center;
    font-size: 11px;
    color: #6d686d;
    font-weight: 700;
}

@media (min-width: 768px) {

    footer.site-footer .col_logo {
        text-align: right;
    }

}

@media (max-width: 767px) {

    footer.site-footer .col_logo {
        margin-bottom: 55px;
        text-align: center;
    }

}

footer.site-footer .col_logo img {
    display: inline-block;
}

@media (min-width: 768px) {

    footer.site-footer .col_logo img {
        margin-right: 25px;
    }

}

footer.site-footer .col_nav {
    font-size: 0.93333em;
}

footer.site-footer .col_nav ul {
    float: none;
    margin: 0;
}

@media (min-width: 768px) {

    footer.site-footer .col_nav ul {
        margin-left: 25px;
    }

}

footer.site-footer .col_nav ul li {
    float: none;
    display: block;
}

footer.site-footer .col_nav ul li a {
    display: block;
    padding: 5px 0;
    color: #6d686d;
    font-weight: 700;
    border-bottom: 1px solid #3b3b3b;
}

footer.site-footer .col_nav ul li a:hover, footer.site-footer .col_nav ul li a:focus {
    background: none;
}

body.env_1 footer.site-footer .col_nav ul li a:hover, body.env_1 footer.site-footer .col_nav ul li a:focus {
    color: #45f3f9;
}

footer.site-footer .col_nav ul li:last-child a {
    border-bottom: none;
}

#partners {
    padding: 40px 0 40px 0;
    text-align: center;
    font-size: 0.93333em;
    background: #212121;
}

#partners .txt {
    display: block;
    margin-bottom: 40px;
    color: #6e686e;
    font-weight: 600;
    text-transform: uppercase;
}

#partners .after {
    margin-top: 40px;
    font-size: 11px;
    text-transform: none;
}

#partners a {
    display: inline-block;
    height: 79px;
    margin: 0 20px;
    background-position: center center;
    background-repeat: no-repeat;
}

#partners a:hover, #partners a:focus {
    opacity: 0.5;
}

#partners a.i1 {
    width: 172px;
    background-image: url("images/footer/footer_genes.png");
}

#partners a.i2 {
    width: 56px;
    background-image: url("images/footer/footer_insee.png");
}

#partners a.i3 {
    width: 61px;
    background-image: url("images/footer/footer_invest.png");
}

#partners a.i4 {
    width: 62px;
    background-image: url("images/footer/footer_cnrs.png");
}

#partners a.i5 {
    width: 122px;
    background-image: url("images/footer/footer_ecole.png");
}

#partners a.i6 {
    width: 79px;
    background-image: url("images/footer/footer_hec.png");
}

#partners a.i7 {
    width: 110px;
    background-image: url("images/footer/footer_ens.png");
}

#partners a.i8 {
    width: 81px;
    background-image: url("images/footer/footer_progedo.png");
}

*:focus {
    outline: none;
}

#atop {
    display: none;
    position: fixed;
    right: 30px;
    bottom: 30px;
    width: 61px;
    color: #FFF;
    line-height: 61px;
    text-align: center;
    background: #000;
    border: #000;
}

#atop:before {
    padding: 0 !important;
}

#atop:hover, #atop:focus {
    color: #000;
    text-decoration: none;
    background-color: #FFF;
}

#atop.totopmodal {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 50vw;
    opacity: 0.3;
}

#atop.totopmodal:hover {
    background-color: #000000;
    opacity: 1;
    cursor: pointer;
}

#atop.totopmodal:hover .fa {
    color: #ffffff;
}

/* Tableau */

#tabdoc.nav-tabs {
    margin-left: 0;
    border: none;
}

.table {
    width: auto !important;
    max-width: 100%;
}

.ico_custom.visiteur {
    display: inline-block;
    height: 27px;
    width: 27px;
    opacity: 0.73;
    background: url("images/ico_visiteur.png") no-repeat;
}

.ico_custom.down {
    display: inline-block;
    height: 17px;
    width: 39px;
    background: url("images/ico_down.png") no-repeat;
}

.ico_custom.documentation {
    display: inline-block;
    height: 16px;
    width: 14px;
    margin-left: 5px;
    background: url("images/ico_documentation.png") no-repeat;
}

/* Video */

.open_video:hover, .open_video:focus {
    cursor: pointer;
}

/* Pagebar */

.navigation {
    padding: 33px 0;
    margin: 0;
    background: #f0eff1;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}

.navigation ul {
    padding: 0;
    margin: 0;
}

.navigation a {
    color: #91888d;
}

.navigation .active a, .navigation a:hover, .navigation a:focus {
    background-color: #91888d;
    border-color: #91888d;
}

/* SearchForm */

.searchform {
    background: #FFF;
}

.searchform .form-group {
    margin-bottom: 0;
}

.searchform .form-control {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 3px;
    line-height: 41px;
    background: none;
    border-radius: 0;
    border: none;
    box-shadow: 0 0 0 0;
}

@media (min-width: 992px) and (max-width: 1199px) {

    .searchform .form-control {
        font-size: 0.73333em;
    }

}

.searchform button {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 41px;
    color: #514e5a;
    background: #FFF;
}

.searchform button .fa {
    line-height: normal;
    vertical-align: middle;
}

/* Type Page Onglets */

.entry-onglets .nav-onglet {
    margin: 0;
}

.entry-onglets .nav-onglet > li {
    display: inline-block;
}

.entry-onglets .nav-onglet > li > a {
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0;
}

.entry-onglets .nav-onglet > li > a:hover, .entry-onglets .nav-onglet > li > a:focus {
    color: #FFF;
    background-color: #91888d;
}

.entry-onglets .nav-onglet > li.active a {
    color: #FFF;
    background-color: #91888d;
}

/* Nav Arbo Pages */

.arbo_pages {
    margin: 35px 0;
}

@media (min-width: 992px) {

    .arbo_pages {
        margin-top: 110px;
    }

}

@media (min-width: 768px) {

    .arbo_pages.fixed {
        position: fixed;
    }

}

.arbo_pages .title {
    display: inline-block;
    padding-bottom: 18px;
    margin-bottom: 0;
    color: #a3a92a;
    font-size: 2.53333em;
    font-weight: 200;
    text-transform: uppercase;
}

.arbo_pages .nav {
    float: none;
    padding: 0;
    margin: 0;
    list-style: none;
}

.arbo_pages .nav .children {
    display: none;
    padding: 0;
    list-style: none;
}

.arbo_pages .nav li {
    position: relative;
    float: none;
    display: block;
}

.arbo_pages .nav li a {
    display: block;
    padding: 10px 0;
    padding-left: 10px;
    padding-right: 10px;
    color: #000;
    font-size: 15px;
    border-bottom: 1px solid #d3d1d2;
}

.arbo_pages .nav li a.actif, .arbo_pages .nav li a:hover, .arbo_pages .nav li a:focus {
    color: #91888d;
    background: none;
}

.arbo_pages .nav li a.actif {
    color: #000;
    font-weight: bold;
}

.arbo_pages .nav li a .sub-arrow {
    position: absolute;
    top: 50%;
    right: 4px;
    height: 34px;
    width: 34px;
    margin-top: -17px;
    line-height: 28px;
    font-size: 20px;
    text-align: center;
    overflow: hidden;
    border: none;
}

.arbo_pages .nav li.current_page_item a {
    color: #000;
    font-weight: bold;
}

.arbo_pages .nav li.open a {
    color: #000;
    font-weight: bold;
    background: none;
    border-color: #d3d1d2;
}

.arbo_pages .nav li.open > a, .arbo_pages .nav .current_page_item > a, .arbo_pages .nav .current_page_ancestor > a {
    color: #a2a82e !important;
}

.arbo_pages .nav li.open > a .sub-arrow:before, .arbo_pages .nav .current_page_item > a .sub-arrow:before, .arbo_pages .nav .current_page_ancestor > a .sub-arrow:before {
    display: block;
    content: "-";
}

.arbo_pages .nav .current_page_ancestor > .dropdown-menu {
    display: block;
}

.arbo_pages .nav li.dropdown .dropdown-menu {
    display: block !important;
    float: none;
    position: static;
    padding: 13px 0;
    padding-left: 10px;
    padding-right: 10px !important;
    font-size: 1em;
    line-height: normal;
    background: none;
    border: none;
    box-shadow: 0 0 0 0;
    border-radius: 0;
    animation: anim .3s ease-in-out;
}

.arbo_pages .nav li.dropdown .dropdown-menu li a {
    position: relative;
    padding: 0 35px 0 17px;
    color: #91888d;
    text-transform: none;
    white-space: normal;
    border: none;
    border-left: 1px solid #d3d1d2;
}

.arbo_pages .nav li.dropdown .dropdown-menu li a .sub-arrow {
    height: 22px;
    width: 22px;
    border: none;
}

.arbo_pages .nav li.dropdown .dropdown-menu li a:hover, .arbo_pages .nav li.dropdown .dropdown-menu li a:focus {
    color: #1b191b;
}

.arbo_pages .nav li.dropdown .dropdown-menu li a.active {
    color: #1b191b;
    background: none;
}

.arbo_pages .nav li.dropdown .dropdown-menu li:last-child a {
    border-bottom: none;
}

.arbo_pages .nav li.dropdown .dropdown-menu li:hover .dropdown-menu, .arbo_pages .nav li.dropdown .dropdown-menu li:focus .dropdown-menu {
    animation: anim .3s ease-in-out;
}

.arbo_pages .nav li.dropdown .dropdown-menu li .dropdown-menu {
    padding-left: 10px;
    padding-right: 10px;
    max-width: 300px;
}

.arbo_pages .nav li.dropdown .dropdown-menu > .active > a {
    color: #91888d;
    background: none;
}

/* Nav */

#col_nav {
    background: url("images/col-nav_background.png") repeat;
    opacity: 0.96;
    visibility: hidden;
    /* Non compatible FF &::-webkit-scrollbar { width:4px; background-color:#00203b; @include border-radius(16px); }
     &::-webkit-scrollbar-thumb { background-color:#04f1ee; }
     &::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color:#00203b; } */
 }

 #col_nav .nav_logo {
    float: left;
    margin: 72px 0 0 50px;
}

#col_nav .btn_close {
    float: left;
    display: inline-block;
    padding: 69px 60px 22px 60px;
    margin-left: 94px;
    border-left: 1px solid #3d3d44;
}

@media (max-width: 767px) {

    #col_nav .btn_close {
        padding: 69px 17px 22px 26px;
        margin-left: 0;
        border: none;
    }

}

#col_nav .btn_close .ico {
    display: block;
    height: 35px;
    width: 35px;
    background: url("images/col-nav_close.png") no-repeat;
}

#col_nav .btn_close .ico:hover, #col_nav .btn_close .ico:focus {
    cursor: pointer;
}

hr {
    margin-bottom: 20px;
}

#col_nav .nav_container {
    margin-top: 39px;
    font-size: 0.86667em;
}

#col_nav .nav_container ul {
    float: none;
    margin: 0;
}

#col_nav .nav_container ul li {
    float: none;
    position: relative;
    display: block;
}

#col_nav .nav_container ul li a {
    display: block;
    padding: 8px 0;
    padding-left: 47px;
    padding-right: 35px;
    color: #c4c5c8;
    font-size: 1em;
    font-weight: 600;
    text-transform: uppercase;
    border-top: 1px solid #393a43;
}

#col_nav .nav_container ul li a .sub-arrow {
    position: absolute;
    top: 50%;
    right: 4px;
    height: 34px;
    width: 34px;
    margin-top: -17px;
    line-height: 28px;
    font-size: 20px;
    text-align: center;
    overflow: hidden;
    border: none;
}

#col_nav .nav_container ul li a .caret {
    display: none;
}

#col_nav .nav_container ul li a:hover, #col_nav .nav_container ul li a:focus {
    color: #45f3f9;
    background: none;
}

#col_nav .nav_container ul li a.highlighted .sub-arrow:before {
    display: block;
    content: "-";
}

#col_nav .nav_container ul li:last-child a {
    border-bottom: 1px solid #393a43;
}

#col_nav .nav_container ul li.open a {
    color: #45f3f9;
    background: none;
}

#col_nav .nav_container ul li.dropdown .dropdown-menu {
    position: static;
    padding: 13px 0;
    padding-left: 66px;
    padding-right: 10px;
    font-size: 1em;
    line-height: normal;
    background: #282633;
    border: none;
    box-shadow: 0 0 0 0;
    border-radius: 0;
    animation: anim .3s ease-in-out;
}

#col_nav .nav_container ul li.dropdown .dropdown-menu li a {
    position: relative;
    padding: 0 35px 0 17px;
    color: #c4c5c8;
    text-transform: none;
    white-space: normal;
    border: none;
    border-left: 1px solid #403e4b;
}

#col_nav .nav_container ul li.dropdown .dropdown-menu li a .sub-arrow {
    height: 22px;
    width: 22px;
    border: none;
}

#col_nav .nav_container ul li.dropdown .dropdown-menu li a:hover, #col_nav .nav_container ul li.dropdown .dropdown-menu li a:focus {
    color: #45f3f9;
}

#col_nav .nav_container ul li.dropdown .dropdown-menu li:last-child a {
    border-bottom: none;
}

#col_nav .nav_container ul li.dropdown .dropdown-menu li:hover .dropdown-menu, #col_nav .nav_container ul li.dropdown .dropdown-menu li:focus .dropdown-menu {
    animation: anim .3s ease-in-out;
}

#col_nav .nav_container ul li.dropdown .dropdown-menu li .dropdown-menu {
    padding-left: 33px;
    padding-right: 10px;
    max-width: 300px;
}

#col_nav .nav_container ul li.dropdown .dropdown-menu > .active > a {
    color: #D4DB3A;
    background: none;
}

#col_nav .nav_container ul li.active > a, #col_nav .nav_container ul li.current-menu-ancestor > a {
    color: #45f3f9 !important;
}

#col_nav .nav_container ul li.active > a.highlighted .sub-arrow:before, #col_nav .nav_container ul li.current-menu-ancestor > a.highlighted .sub-arrow:before {
    display: block;
    content: "-";
}

#col_nav .nav_container ul li.current-menu-ancestor > ul.dropdown-menu {
    display: block;
}

#col_nav .basenav_container {
    margin-top: 33px;
    font-size: 0.86667em;
}

#col_nav .basenav_container ul {
    float: none;
    margin: 0;
}

#col_nav .basenav_container ul li {
    float: none;
    display: block;
}

#col_nav .basenav_container ul li a {
    display: block;
    padding: 6px 0;
    padding-left: 47px;
    color: #6d686d;
    font-size: 1em;
}

#col_nav .basenav_container ul li a:hover, #col_nav .basenav_container ul li a:focus {
    color: #45f3f9;
    background: none;
}

.col_nav.visible {
    left: 0;
    transition: left 0.3s linear;
}

/* Animation CSS */

@keyframes anim {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
        transform: scale(0);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }

}


/* Popover confirmation */
@media (min-width: 992px) {
    .popover.confirmation {
        min-width: 250px;
    }

}

.popover.confirmation .confirmation-buttons .glyphicon {
    display: none;
    font-family: 'Arial';
}

/* Popup Source Tab */

.modal-open #page {
    padding-top: 0;
}

.modal-open header.site-header.fixed, .modal-open header.site-header.fixed .header_content {
    position: static;
}

@media (min-width: 1200px) {

    .modal-sourcetab .modal-dialog {
        width: 1170px;
    }

}

@media (min-width: 992px) and (max-width: 1199px) {

    .modal-sourcetab .modal-dialog {
        width: 970px;
    }

}

@media (min-width: 768px) and (max-width: 991px) {

    .modal-sourcetab .modal-dialog {
        width: 750px;
    }

}

/* Popup Video */

.modal-backdrop.in {
    opacity: 0.8;
}

.modal .vertical {
    display: table;
    height: 100%;
    margin: 0 auto;
}

@media (min-width: 1200px) {

    .modal .vertical {
        max-width: 1024px;
        width: 100%;
    }

}

.modal.modal-video {
    text-align: center;
    overflow: hidden;
}

.modal.modal-video .modal-dialog {
    display: table-cell;
    vertical-align: middle;
    width: auto;
}

.modal.modal-video .modal-content {
    background: none;
    box-shadow: 0 0 0 0;
    border: none;
}

.modal.modal-video .modal-content .header {
    margin-bottom: 24px;
}

.modal.modal-video .modal-content .header .btn_close_video {
    float: left;
    display: inline-block;
    padding: 0;
    margin-right: 33px;
    background: none;
}

.modal.modal-video .modal-content .header .btn_close_video .ico {
    display: block;
    height: 35px;
    width: 35px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAFp3oPPAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAPeSURBVEhLvZfJi9RQEMbb3Yv7goKgBxXEHQQvHkQQN9SDB/EfEMGLOo6IB9NpRx3Bgx7UcVxwQQRPngQ3GBy3EQaP4kFH1FHU6STd0510u3T86vVH96SXpJNZftB0VSV5qVevqt5LTHPdsbEBaJY1XQm66bQooRLdsnsoesGFfopedNN+TLEO5wuFCRRjsZZMZi5F+GNmVlGMxeKWvZtiGc1yNlMMBrN6QdH70ko0I78CN/+g6kVP5bZQLIFJfqDoj9aXnSexaqdehSeOmPIeiiXipv2bYplEMr+UIh5yPlGsRlYYIzygWhv48BSpMZpqNZhuG0XFPdcdQ7EIRjhH0cOpVGqGEuBDkxLqoKeyazGKcxa/TbSFRkJ12XXHUVVuHYXvh6gGgnv/uK47imo1upndhUS5RbUKWYvKIvPlhGHPx4BdVIsD9PfPphoeTOEhBkxSDQ9idl3qgaqiZg7WAzdfCipTrHIv4jSeqhcM0KwZuR1UGwJTflXyutVwp8jSKyUimpVdQzE6CcvZK659px4ayTcJh6o4dAeb9oZB89qGAby1B8NfioHoRm57ZfmXiJtOX1UvqEAznfWSElRrg6lZnsodgGwKuH6Fqj9Y9h4tnZ5JVcEB7lNtDJVQprNAZC2ZX4apvlQXwoKK7pAtBCnfSVN4tL7CZEwti0E20hSOk+n0LDz8RWT8t9baaXyR/QEx8WyR8OiY/Kj6I3kiZU/Vg8rSoCWWxoxM/Ee1JlixDQj4TarV4C0N1VAinVuCgZ5RLYMB0hQb4rRlTYPX76iq6LsUQyFZjYHeywDdtEVCnYS0VG7rwEPESIPGdgAl9U0z7HUxqXzk0VXpS5hd5P0/LKq34fwVN7MHaSpTzFf7OBwy8dtH85AjOx2SKoO1PUKTP7jxMCKVw3/DB5sgJBIq+qZ9se6+7Ic6GKFBYSbXgnaEeiTMzGrZLKUTRHKiErX1WPZHJNrd0kk0ABTFcnkGk2n3/WaIilSdnPLg1Ot6TsmOBQd6ZNNp1PFBIS/By57Dsa9oDYvFpmUyc6ThIPk7RVY3jiRnfhUmwak7kldw4q20Ul4aWeTFyIknsiSJVG4RKuWCcgpVw1uGH/kqwIsfISI/a3VuOCSbcVbaA01Dj3zbSHlKniSM/Eqa64L79qOkk3BalxMEzYNDnYVxosSghhzNaG4Y2ftUA7WcG75fe35IJBDqNkQjLccXmiMjSwqHehGxDs00p9IcDGbSJOsus6JpyMBn3EI41S1O+fYhONGMSFioiJ00DRuaZU1HTnXBqc/SrWkuOgFvXdnOI69rRJAOE5GPt+Om8+Y/0KbQBcyqDuMAAAAASUVORK5CYII=") no-repeat;
}

.modal.modal-video .modal-content .header .btn_close_video .ico:hover, .modal.modal-video .modal-content .header .btn_close_video .ico:focus {
    cursor: pointer;
}

.modal.modal-video .modal-content .header img {
    float: left;
    margin-right: 33px;
}

.modal.modal-video .modal-content .header span {
    display: inline-block;
    float: left;
    line-height: 35px;
    color: #b6fe00;
    font-weight: bold;
}

.modal.modal-video .modal-content .header span .name {
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
}

.modal.modal-video .modal-content .modal-body {
    padding: 0;
}

.modal.modal-video .modal-content .modal-body video {
    margin-bottom: 0;
}

/* Test new menu */

.st-menu-open #col_nav {
    visibility: visible;
    overflow-x: hidden;
}

html, body, .st-container.st-menu-open {
    height: 100%;
}

.st-container {
    position: relative;
    overflow: hidden;
}

.st-menu-open .st-pusher::after {
    width: 100%;
    height: 100%;
    opacity: 1;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.st-menu {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    visibility: hidden;
    height: 100%;
    background: #48a770;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

@media (max-width: 767px) {

    .st-menu {
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
    }

}

.st-menu::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    content: '';
    opacity: 1;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.st-menu-open .st-menu::after {
    width: 0;
    height: 0;
    opacity: 0;
    -moz-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
    -o-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
    -webkit-transition: opacity 0.5s, width 0.1s, height 0.1s;
    -webkit-transition-delay: 0s, 0.5s, 0.5s;
    transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}

/* content style */

.st-effect-1.st-menu {
    visibility: visible;
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.st-effect-1.st-menu-open .st-effect-1.st-menu {
    visibility: visible;
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.st-effect-1.st-menu::after {
    display: none;
}

.video {
    position: relative;
    padding-bottom: 39px;
    margin: 0 auto;
    width: 100% !important;
}

video.video {
    padding-bottom: 0;
}

.player {
    opacity: 1;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100% !important;
    width: 100% !important;
    user-select: none;
    z-index: 2;
}

.player .play-pause {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer;
}

.player .play-pause .play-button, .player .play-pause .pause-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* compatibilité : ie9+ */
    color: #000;
    font-size: 40px;
}

.player:hover .play-pause {
    opacity: 1;
}

.player .progress {
    position: absolute;
    bottom: 0;
    height: 2px;
    width: 100%;
    margin-bottom: 0;
    font-variant: normal;
    background: #535355;
    border-radius: 0 0 0 0;
    cursor: pointer;
    overflow: initial;
}

.player .progress-bar {
    position: relative;
    height: 2px;
    width: 0;
    z-index: 999;
    background: #b4fe00;
}

.player .progress-bar .button-holder {
    position: relative;
}

.player .progress-bar .button-holder .progress-button {
    position: absolute;
    top: -3px;
    left: 0;
    height: 7px;
    width: 7px;
    background: #b6fe00;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}

.player .time {
    position: absolute;
    right: 0;
    top: 24px;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
}

/* Old */

.player [class^="buffered"] {
    background: rgba(255, 255, 255, 0.1);
    position: absolute;
    top: 0;
    left: 30px;
    height: 100%;
    border-radius: 5px;
    z-index: 1;
}

.player .play, .player .pause-button {
    -webkit-transition: all 0.2s ease-out;
}

.player .play .pause-button, .player .pause .play-button {
    display: none;
}

.player .pause-button {
    padding: 5px 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 34px;
}

.player .pause-button span {
    background: #fff;
    width: 8px;
    height: 24px;
    float: left;
    display: block;
}

.player .pause-button span:first-of-type {
    margin: 0 4px 0 0;
}

.player .play:hover {
    text-shadow: 0 0 5px #fff;
}

.player .play:active, .pause-button:active span {
    text-shadow: 0 0 7px #fff;
}

.player .pause-button:hover span {
    box-shadow: 0 0 5px #fff;
}

.player .pause-button:active span {
    box-shadow: 0 0 7px #fff;
}

.player .v-change-11 span:after {
    border-width: 10px 10px 0 0;
    top: 0;
}

.player .v-change-10 span:after {
    border-width: 9px 9px 0 0;
    top: 1px;
}

.player .v-change-9 span:after {
    border-width: 8px 8px 0 0;
    top: 1px;
}

.player .v-change-8 span:after {
    border-width: 7px 7px 0 0;
    top: 2px;
}

.player .v-change-7 span:after {
    border-width: 6px 6px 0 0;
    top: 2px;
}

.player .v-change-6 span:after {
    border-width: 5px 5px 0 0;
    top: 3px;
}

.player .v-change-5 span:after {
    border-width: 4px 4px 0 0;
    top: 3px;
}

.player .v-change-4 span:after {
    border-width: 3px 3px 0 0;
    top: 4px;
}

.player .v-change-3 span:after {
    border-width: 2px 2px 0 0;
    top: 4px;
}

.player .v-change-2 span:after {
    border-width: 1px 1px 0 0;
    top: 5px;
}

.player .v-change-1 span:after {
    border-width: 0 0 0 0;
    top: 5px;
}

.player .v-change-1 span:after {
    content: '+';
    -webkit-transform: rotate(45deg);
    font-size: 20px;
    top: -6px;
    left: 25px;
}

.page-template-page_map_dynamique_projects .popover {
    font-family: "Barlow", sans-serif;
    background-color: #0a3a5d;
    opacity: 0.87;
    border: none;
}

.page-template-page_map_dynamique_projects .popover.right {
    margin-left: 20px;
}

.page-template-page_map_dynamique_projects .popover.right > .arrow, .page-template-page_map_dynamique_projects .popover.right > .arrow::after {
    border-right-color: #0a3a5d;
}

@media (min-width: 992px) {

    .page-template-page_map_dynamique_projects .popover {
        max-width: 350px;
    }
}

.page-template-page_map_dynamique_projects .popover .top {
    margin-bottom: 10px;
}

.page-template-page_map_dynamique_projects .popover .top .nb {
    display: block;
    color: #04f1ee;
    font-size: 35px;
    font-weight: 200;
}

.page-template-page_map_dynamique_projects .popover .top .clr, .page-template-page_map_dynamique_projects .popover .top .region {
    color: #04f1ee;
    font-size: 15px;
    font-weight: bold;
}

.page-template-page_map_dynamique_projects .popover .top .region {
    color: #FFF;
}

.page-template-page_map_dynamique_projects .popover .projet_map {
    display: block !important;
}

.page-template-page_map_dynamique_projects .popover .projets {
    max-height: 250px;
    overflow: auto;
}

.page-template-page_map_dynamique_projects .popover .projets .projet {
    display: inline-block;
    padding-right: 15px;
    margin-bottom: 10px;
    color: #FFF;
    font-weight: 200;
}

.page-template-page_map_dynamique_projects .popover .projets .projet p {
    margin-bottom: 0;
}

.page-template-page_map_dynamique_projects .popover .projets .projet .lieu, .page-template-page_map_dynamique_projects .popover .projets .projet .info_2 {
    display: block;
}

.page-template-page_map_dynamique_projects .popover .projets .projet .lieu {
    color: #04f1ee;
}

.page-template-page_map_dynamique_projects .popover .projets .projet .info_2 {
    font-weight: bold;
}

.page-template-page_map_dynamique_projects .popover .projets .projet:last-child {
    margin-bottom: 0;
}

.template_map .map .point {
    position: absolute;
}

.template_map .map #point1 {
    margin: 20px;
    position: relative;
}

.template_map .map .mapMarkShape {
    background: #ff2400;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 20px;
    box-shadow: 0 0 2px white;
}

.template_map .map .mapMarkGlow {
    position: absolute;
    top: -4px;
    left: -7px;
    width: 30px;
    height: 30px;
    border: 5px solid #FFF;
    opacity: 1;
    border-radius: 20px;
    animation-name: blip;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

@keyframes blip {
    0% {
        transform: scale(0.1);
        opacity: 0;
    }

    1% {
        transform: scale(0.1);
        opacity: .6;
    }

    60% {
        transform: scale(1);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }

}

.template_map .map a.tooltip_map {
    outline: none;
}

.template_map .map a.tooltip_map strong {
    line-height: 30px;
}

.template_map .map a.tooltip_map span {
    display: none;
    z-index: 10;
    position: absolute;
    padding: 14px 20px;
    margin-top: -33px;
    margin-left: 30px;
    line-height: 16px;
    color: #111;
    font-size: 12px;
    border: 1px solid #CCC;
    background: #fffAF0;
}

.template_map .map a.tooltip_map:hover, .template_map .map a.tooltip_map:focus {
    text-decoration: none;
}

.template_map .map a.tooltip_map:hover span, .template_map .map a.tooltip_map:focus span {
    display: inline;
}

/* Row */

.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
}

/* Formulaire */

form label {
    font-weight: normal;
}

form label .required {
    color: #888188;
}

form .form-control {
    height: 35px;
    border-radius: 0 0 0 0;
    box-shadow: 0 0 0 0;
}

form .radios {
    position: relative;
    padding-left: 20px;
}

.btn.btn-primary {
    color: #FFF;
    font-weight: bold;
    background-color: #91888d;
    border-color: #91888d;
}

.btn.btn-primary:hover, .btn.btn-primary:focus {
    color: #91888d;
    background-color: #FFF;
    border-color: #FFF;
}

.btn_advanced {
    display: inline-block;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: 20px;
    margin-bottom: 10px;
    line-height: 32px;
    color: #505066;
    text-align: center;
    background: #f0eff1;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
}

@media (min-width: 992px) {

    .btn_advanced.btn_all {
        margin-top: 32px;
    }

}

.btn_advanced.active, .btn_advanced:hover, .btn_advanced:focus {
    color: #FFF;
    background-color: #91888d;
}

.btn-brd {
    border: 2px solid #000;
    border-radius: 0;
}

.btn-brd:hover, .btn-brd:focus {
    color: #FFF;
    background: #000;
}

/** Collapse **/

.panel-group .panel-collapse .panel-body p:last-child {
    margin: 0;
}

/** Select 2 **/

.select2-container .select2-selection--single {
    height: 34px;
    border-color: #CCC;
    border-radius: 0;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 34px;
}

.select2-container .select2-selection--single .select2-selection__arrow {
    height: 34px;
}

.select2-container .select2-selection--multiple {
    border-color: #CCC;
    border-radius: 0;
}

.select2-container.select2-container--focus .select2-selection--multiple {
    border-color: #CCC;
}

.has-error .select2-selection--multiple, .has-error .select2-container span.selection .select2-selection {
    border-color: #a94442;
}

label a {
    text-decoration: underline !important;
}

table.table-rsds, table.table-rsds th, table.table-rsds td  {
border:none;
}

.contrats .contrat {
    background-color: #777;
    color: #fff;
    padding: 20px;
    border-radius: 15px;
    height: 770px;
}

.contrats a {
    color: #fff !important;
}


.encartphone {
    border-radius: 8px;
    background-color: #4d4d4d;
    color: #fff;
    width: 100%;
    padding: 2% 2% 5% 2%;
    margin-top: 20px;
    float: left;
    margin-left: 2%;
}

.encartphone h3 {
    font-size: 50px;
    color: #fff !important;
    text-indent: 20px;
}

.encartphone ul {
    padding-left: 10px;
}

.encartphone ul li {
    list-style-type: none;
}

.encartphone ul li::before {
    content: "-  ";
}

.nophone {
    border-radius: 8px;
    width: 100%;
    color: #4e4d4c;
    margin-top: 10px;
    float: left;
    margin-left: 2%;
    padding: 10px 20px;
    background: #fff url('/wp/wp-content/uploads/2017/09/tel-icone-gris.png') no-repeat 15px 60px;
    border: 1px solid #a9a9a9;
    margin-bottom: 20px;
}

.nophone p {
    font-size: 20px !important;
    color: #222;
}

.nophone h4 {
    font-size: 45px !important;
    color: #222;
    text-indent: 45px
}

.entry-content a {
    color: #fff;
}

video {
    cursor: pointer;
}

/* masquage de l'auteur dans les articles*/
.byline {
    display: none;
}

/* changement opacité menus page d'accueil */
#slide .slide_content .nav_container ul li a {
    background-image: none;
}

#slide .slide_content .news_container {
    background-image:none;
    background-color: rgba(0,0,0,0.5);
}
/* END changement opacité menus page d'accueil */

/* changement couleur textes page d'accueil */
body.env_1 #slide .slide_content .nav_container ul li a,
body.env_1 #slide .slide .current,
body.env_1 #projects_content .title a,
.env_1 header.site-header .header_top .langues_selector .langue.enabled,
body.env_1 header.site-header .header_top .col_nav_search form .form-control,
header.site-header .header_logo .nav_environnement > li > a, header.site-header .header_logo .nav_environnement > li.env_1 input:hover,
body.env_1 #colophon li a:hover
{
      color: #45f3f9;
}
/* END changement couleur textes page d'accueil */


/* Page procédure habilitation */

.procedure {
    border-radius: 10px;
    width: 230px;
    height: 230px;
    margin-left: 20px;
    margin-right: 40px;
    margin-bottom: 30px;
    color: #fff;
    position: relative;
    box-shadow: 0 0 18px 0 rgba(0,0,0,0.5);
    padding: 20px;
}

.procedure .number {
    position: absolute;
    bottom: 15px;
    left: 20px;
    font-size: 28px;
    opacity: 0.5;
}

.procedure:before {
    content:'';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -30px;
    width: 0;
    height: 0;
    border-top: solid 15px #5e1b52;
    border-left: solid 30px transparent;
    border-right: solid 30px transparent;
}

.procedure:after {
    content:"";
    background: url(images/procedure-trait.svg);
    display: block;
    width:41px;
    height: 13px;
    position: absolute;
    top: 100px;
    left: 230px;
}

.procedure.procedure-1 {
    background-color: #5e1b52;
}
.procedure.procedure-1:before {
    border-top: solid 15px #5e1b52;
}

.procedure.procedure-2 {
    background-color: #58336F;
}
.procedure.procedure-2:before {
    border-top: solid 15px #58336F;
}

.procedure.procedure-3 {
    background-color: #1D357F;
}
.procedure.procedure-3:before {
    border-top: solid 15px #1D357F;
}

.procedure.procedure-4 {
    background-color: #222256;
}
.procedure.procedure-4:before {
    border-top: solid 15px #222256;
}

.procedure.procedure-5 {
    background-color: #1E906B;
}
.procedure.procedure-5:before {
    border-top: solid 15px #1E906B;
}

.procedure.procedure-6 {
    background-color: #728A23;
}
.procedure.procedure-6:before {
    border-top: solid 15px #728A23;
}

.procedure.procedure-7 {
    background-color: #86AC96;
}
.procedure.procedure-7:before {
    border-top: solid 15px #86AC96;
}
.procedure.procedure-fin:before {
    content:"";
    background: url(images/procedure-trait.svg);
    display: none;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .procedure {
        width: 100%;
        height: inherit;
        padding-bottom: 30px;
    }

    .procedure:after {
        display: none;
    }

    .col-md-8.proc {
        width: 100%;
        margin-bottom: 30px;
    }
}

@media (max-width: 992px) {
    .procedure {
        width: 100%;
        margin-left: 0;
        height: inherit;
        padding-bottom: 30px;
    }

    .procedure:after {
        display: none;
    }

    .col-md-8.proc {
        width: 100%;
        margin-bottom: 30px;

    }}

.col-md-8.proc {
    height: 170px;
    display: table;
}

.col-md-8.proc p {
    display: table-cell; 
    vertical-align: middle; 
}

/*Redimensionnemnet documentation*/
.col_desc.col-md-8 {
    height: inherit; 
    display: inherit;
}

ul.li-sans-decalage {
    margin-block-start: 0;
    padding-inline-start: 18px;
}

/* Presse et rapports */

.presse {
    border-bottom: solid 1px #ccc;
    padding: 10px 0 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.presse .col-md-3 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.presse .col-md-3 img {
    max-width: 120px;
    max-height: 60px;
    display: block;
    width: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.presse .col-md-8 a {
    font-weight: bold;
}

.presse .col-md-1 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.presse .col-md-1 img {
    max-width: 30px;
}

.presse .col-md-1 a {
    display: block;
}
/* END Presse et rapports */


/* Bouton déclarer les publications */
a.btn.btn-success {
    display:block;
    width: 30%;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
    color: #fff;
    min-width: 300px;
}

a.btn.btn-success:hover {
    color: #fff;
    text-decoration: none;
}
/* END Bouton déclarer les publications */

/* Newsletter */
.newsletter {
    display: flex;
    justify-content: center;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
}

.newsletter .big {
    font-size: 60px;
    font-family: "Frank Ruhl Libre", serif;
    font-weight: 200;
    line-height: 50px;
}

.newsletter .pdf {
    display: flex;
    justify-content: center;
    align-items: center;
}

.newsletter .col-md-1.pdf img {
    max-width: 30px;
}

.newsletter .col-md-1.pdf a {
    display: block;
}

/* END Newsletter */

/* Certifications */
#certifications {
    margin-top: 1px;
    width: 100%;
    background-color: #fff;
    font-size: 11px;
}

#certifications a {
    display: block;
    text-decoration: none;
}

#certifications a:hover {
    background-color: #ddd;
    color: #000;
}

#certifications ul  {
    display: flex;
    justify-content: center;
    margin: 0 0 0 0;
    padding: 10px 0 0 0;
}

#certifications ul li {
    list-style: none;
    margin: auto 0 auto 0;
    padding: 0 6px 10px 6px;
}

#certifications ul li img {
    width: 15px;
    margin: 1px 20px 0 0;
}

/* END Certifications */

/* References */
table#references, table#references td {
    border: none;
    font-family: "Frank Ruhl Libre", serif;
    text-align: center;
    font-variant: small-caps;
    font-size: 18px;
    line-height: 18px;
}

table#references td img {
    max-height: 90px;
   max-width: 130px;

}

.row.datalab {
    border-top: solid 1px #ccc;
    padding: 0 0 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.row.datalab .col-md-3 {
    display: flex;
    justify-content: center;
    align-items: center;
}


.row.datalab .col-md-3 img {
    padding-top: 10px;
    max-width: 120px;
    max-height: 100px;
}

/* END References */

/* science-nature  */

#science {
    margin-right: 50px;
}


#nature {
    margin-left: 50px;
}

#nature-science {
    position:absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
}

#art {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    display: flex;
    justify-content: center;
}

#science, #nature {
    margin-top: auto;
    margin-bottom: auto;    
    border: 0;
    color: rgba(255, 255, 255, 0.6);
    text-align: right;
  font-style: normal;
    font-size: 13px;
}

#science a, #nature a {
    display: block;
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
}

#separateur {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    margin-top: 15px;
    margin-bottom: 15px;
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
        
#nature-science {
    position: relative;
    background-color: #2c091d;
}

#art {
    width: 100%;
}
        
#science {
    margin-right: 10px;
    text-align: center;
}


#nature {
    margin-left: 10px;
    text-align: center;
}
}

/* END science-nature */

/* Augmentation taille h5 sous-titres pages */
h5 {
    font-size: 15px;
}

/* END Augmentation taille h5 sous-titres pages */

/* Encart blanc dans les pages */
.encart-blanc {
    background-color: #fff;
    padding: 10px;
}
/* END Encart blanc dans les pages */

/* Lettrines nombres */
.container-lettrine {
display: flex;
align-content: flex-start;
}

.lettrine {
    font-family: "Frank Ruhl Libre", serif;
    font-weight: 100;
    font-size: 67px;
    overflow: hidden;
    position: relative;
    height: 72px;
    line-height: 60px;
    margin-left: 20px
}

.lettrine div {
    position: absolute;
    left: -20px;
}
/* END Lettrines nombres */

/* Video page d'accueil */
#background-vid {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 900;
}

#casdvideoaction {
    padding-top: 1%;
    display: block;
    width: 50px;
}

#vid {
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 1000;
    display: none;
}

#vid #fermeturevideo {
    position: absolute;
    top: 0;
    right: -40px;
    padding: 10px;
    z-index: 1000;
    color: #aaa;
    text-decoration: none;
    font-size: 36px;
    display: block;
}

@media (min-width: 1200px) {
#vid {
    left: 114px;
    width: 940px;
}

}

@media (min-width: 992px) and (max-width: 1199px) {
    #vid {
        /*left: 50px;*/
        width: 938px;
    }
}

@media (max-width: 991px) {
    #vid {
        width: 100%;
        max-width: 730px;
        left: 0;
    }

    #nature-science {
        display: none;
    }

    #slide .slide .opacity {
        display: none;
    }

}


/* END Video page d'accueil */

/* Centrage image owl-carousel */

.owl-carousel .owl-wrapper {
    display: flex !important;
}

.owl-carousel .owl-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: initial;
}

/* END Centrage image owl-carousel */

/* Augmentation taille police produits single_source */
.entry-produits .row .years {
    font-size: 20px;
}
/* END Augmentation taille police produits single_source */