/*
Global style
*/
html {
    font-size: 16px;
    font-size: 1rem;
}
body {
    color: #000000;
    font-family: 'Calibri';
    overflow-x: hidden;
    background-color: #f2f2f2;
    -webkit-font-smoothing: antialiased;
}
.wrapper-pages {
    padding-top: 50px;
}
a {
    color: #000;
}
a:hover {
    color: #000;
}
/* rgpd setting fixed button */
.cc-revoke.cc-bottom {
    left: unset !important;
    right: 3em !important;
}
.cc-color-override--260092696.cc-revoke {
    color: #fff !important;
    text-shadow: rgba(36, 36, 36, 0.5) 5px 12px 20px;
}

.news-des a, .content-single a {
    color: #3366ff;
}

.responsive-iframe {
    position: relative; 
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
    margin-bottom: 30px;
}

.responsive-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* start preloader */


.loader {
    background: #000;
    background: radial-gradient(#222, #000);
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
}

.loader-inner {
    bottom: 0;
    height: 60px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
}

.loader-line-wrap {
    animation: 
        spin 2000ms cubic-bezier(.175, .885, .32, 1.275) infinite
    ;
    box-sizing: border-box;
    height: 50px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transform-origin: 50% 100%;
    width: 100px;
}
.loader-line {
    border: 4px solid transparent;
    border-radius: 100%;
    box-sizing: border-box;
    height: 100px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
}
.loader-line-wrap:nth-child(1) { animation-delay: -50ms; }
.loader-line-wrap:nth-child(2) { animation-delay: -100ms; }
.loader-line-wrap:nth-child(3) { animation-delay: -150ms; }
.loader-line-wrap:nth-child(4) { animation-delay: -200ms; }
.loader-line-wrap:nth-child(5) { animation-delay: -250ms; }

.loader-line-wrap:nth-child(1) .loader-line {
    border-color: hsl(0, 80%, 60%);
    height: 90px;
    width: 90px;
    top: 7px;
}
.loader-line-wrap:nth-child(2) .loader-line {
    border-color: hsl(60, 80%, 60%);
    height: 76px;
    width: 76px;
    top: 14px;
}
.loader-line-wrap:nth-child(3) .loader-line {
    border-color: hsl(120, 80%, 60%);
    height: 62px;
    width: 62px;
    top: 21px;
}
.loader-line-wrap:nth-child(4) .loader-line {
    border-color: hsl(180, 80%, 60%);
    height: 48px;
    width: 48px;
    top: 28px;
}
.loader-line-wrap:nth-child(5) .loader-line {
    border-color: hsl(240, 80%, 60%);
    height: 34px;
    width: 34px;
    top: 35px;
}

@keyframes spin {
    0%, 15% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* .preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: none repeat scroll 0 0 #ffffff;
}
.sk-spinner-wave.sk-spinner {
    width: 50px;
    height: 30px;
    text-align: center;
    font-size: 10px;
}
.sk-spinner-wave div {
    background-color: #333;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
    animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
}
.sk-spinner-wave .sk-rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}
.sk-spinner-wave .sk-rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}
.sk-spinner-wave .sk-rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}
.sk-spinner-wave .sk-rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}
@-webkit-keyframes sk-waveStretchDelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4);
        transform: scaleY(0.4);
    }
    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}
@keyframes sk-waveStretchDelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4);
        transform: scaleY(0.4);
    }
    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
} */

/* end preloader */

/* start header */

header {
    position: relative;
}
.top-header {
    font-family: 'latoheavy';
    font-size: 13px;
    padding: 10px 0;
    background: #0d7256;
    letter-spacing: 0.2px;
    font-size: 13px;
    color: #fff;
    height: 32px;
}
.social-icon li {
    width: 34px;
    height: 34px;
    float: left;
    list-style: none;
    text-align: center;
}
.social-icon a {
    display: block;
    color: #fff;
    text-decoration: none;
    line-height: 34px;
}
.social-icon .fb-social {
    background-color: #3c599b;
}
.social-icon .twitt-social {
    background-color: #55acee;
}
.share-post {
    max-width: 74.6%;
    margin: 30px auto 80px;
}
.share-post .social-icon {
    padding: 0;
    margin: 0;
    float: right;
}
.share-post .social-icon li {
    margin-left: 6px;
    width: 132px;
    height: 43px;
}
.share-post .social-icon li a {
    line-height: 43px;
    padding: 0 20px 0 12px;
}
.share-post .social-icon li a i {
    padding: 0 15px 0 0;
    position: relative;
    top: 3px;
    font-size: 23px;
}

/* end header */

/* start nagivation */

.navbar-default {
    transition: padding 0.3s;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    border: none;
    box-shadow: none;
    margin: 0 !important;
}
.not-front .navbar-default {
    top: 0;
}
.navbar-default .logo {
    position: absolute;
    margin: 0;
    z-index: 99;
    height: 68px;
    background-color: #fff;
}
.navbar-default .logo img {
    height: auto;
    margin-top: 10px;
    max-width: 100%;
}
.navbar-default .logo .title {
    font-family: 'latoheavy';
    font-size: 14px;
    float: left;
    padding: 16px 0 10px 10px;
    position: relative;
    background: #fff;
    height: 68px;
    overflow: hidden;    /*display: none;*/
}
.navbar-default .logo:before {
    height: 0;
    border-style: solid;
    border-width: 68px 38px 0 0;
    border-color: #fff transparent transparent transparent;
    content: '';
    display: block;
    right: -37px;
    z-index: 9;
    top: 0;
    position: absolute;
}
.navbar-default .logo .title .yellow {
    color: #c9d038;
    display: inline;
}
.home .navbar-default .logo .title {
    float: right;
    display: block;
    width: 192px;
    z-index: -1;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.home .sticky.navbar-default .logo .title {

    /*
    -webkit-transition: all 0.3s linear ;
    -moz-transition: all 0.3s linear ;
    -o-transition: all 0.3s linear ;
    -ms-transition: all 0.3s linear ;
    transition: all 0.3s linear ;
    */

    transform: translate3d(-80px, 0px, 0px) rotate3d(0, 0, 0, 0deg);
    opacity: 0;
}
.navbar-default .logo .title span {
    display: block;
    color: #0d7256;
    text-shadow: 0.5px 0px #0d7256;
}
.navbar-default .logo h1 {
    margin: 0;
}
.navbar-default .navbar-brand {
    font-weight: 500;
    font-size: 30px;
    height: 83px;
    line-height: 40px;
    padding: 0;
    margin: 0 !important;
}
.navbar-default .navbar-nav li a {
    font-size: 13px;
    height: 68px;
    color: #fff;
    line-height: 20px;
    text-transform: uppercase;
    font-family: 'latoheavy';
    padding: 24px 28px;
    font-size: 10.38px;
    display: block;
}
.navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #fff;
}
.sticky .navbar-nav li a {
    color: #323131;
}

/*.sticky.navbar-default .logo .title {
display: none;
}*/
.navbar-default.sticky .navbar-nav li a {
    outline: medium none;
    padding-bottom: 15px;
}
.navbar-default.sticky .navbar-nav li .current, .navbar-default.sticky .navbar-nav li a:focus, .navbar-default.sticky .navbar-nav li a:hover {
    color: #000000;
}
.navbar-default .navbar-nav > li > a.current {
    font-weight: bold;
}
.main-nav {
    border-radius: 0;
    width: 100%;
    z-index: 9999999;
}
.sticky {
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
}
.header-social {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
}
.fixed-social.header-social {
    display: block;
}
.sticky.navbar-default .logo {
    top: 0;
}
.navbar-default .logo .title {
    display: none;
}
.nav-menu-content {
    float: right;
    width: 76.5%;
    padding-right: 0;
}

/*nav menu mobile btn*/
.navbar-header {
    height: 68px;
}
.navbar-header .navbar-toggle {
    background-color: transparent;
    border: 0 none;
    border-radius: 0;
    padding: 0;
    top: 20px;
}
.navbar-header .navbar-toggle.close-menu {
    background: transparent url("../images/nav-bar-close.png") no-repeat scroll center center;
    display: block;
    height: 19px;
    width: 30px;
}
.navbar-header .navbar-toggle.close-menu span {
    display: none;
}
.navbar-default .navbar-header .navbar-toggle:focus, .navbar-default .navbar-header .navbar-toggle:hover {
    background-color: inherit;
}
.navbar-header .navbar-toggle .icon-bar {
    border-radius: 0;
    display: block;
    height: 3px;
    width: 27px;
    background-color: #fff;
}
.sticky.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}

/**end menu mobile*/

/*Search*/

.nav-search {
    width: 19%;
    margin-top: 16px;
}
.nav-search .content-filed {
    border-bottom: 1px solid #dbddd3;
    padding-bottom: 3px;
    position: relative;
    overflow: hidden;
}
.nav-search .content-filed:after {
    content: "";
    height: 100;
    border-bottom: 1px solid #93987b;
    width: 100%;
    display: block;
    position: absolute;
    bottom: -2px;
}
.nav-search .search-form-field {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-size: 10px;
    padding: 5px;
    width: 100%;
    display: block;
    font-family: 'latoheavy';
    text-transform: uppercase;
}
.nav-search .search-submit {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    margin-top: 4px;
    padding: 0;
}
.nav-search .search-submit i {
    color: #fff;
    font-size: 14px;
}
.nav-search .search-form label {
    margin: 0;
    float: right;
    width: 85%;
}
.sticky .nav-search .search-form input {
    color: #5e5e5e;
}
.nav-search .search-form input::-webkit-input-placeholder {
    color: #f9f9f9;
}
.nav-search .search-form input:-moz-placeholder {

    /* Firefox 18- */

    color: #f9f9f9;
}
.nav-search .search-form input::-moz-placeholder {

    /* Firefox 19+ */

    color: #f9f9f9;
}
.nav-search .search-form input:-ms-input-placeholder {
    color: #f9f9f9;
}
.sticky .nav-search .search-form input::-webkit-input-placeholder {
    color: #5e5e5e;
}
.sticky .nav-search .search-form input:-moz-placeholder {

    /* Firefox 18- */

    color: #5e5e5e;
}
.sticky .nav-search .search-form input::-moz-placeholder {

    /* Firefox 19+ */

    color: #5e5e5e;
}
.sticky .nav-search .search-form input:-ms-input-placeholder {
    color: #5e5e5e;
}

/**search stickey style**/
.sticky .nav-search .content-filed {
    border-color: #626262;
}
.nav-search .content-filed:after {
    border-bottom: 1px solid #b1b1b1;
}
.sticky .nav-search .search-submit i {
    color: #0d7256;
}

/*NAV MENU*/
.inner-nav-search .nav-menu {
    float: left;
    width: 60%;
}
.inner-nav-search .nav-menu ul li {
    display: inline-block;
    font-size: 10.38px;
}
.inner-nav-search .nav-menu ul li a {
    padding: 10px;
    display: block;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
}

/* end navigation */
.green-btn, .red-btn {
    color: #fff;
    border-radius: 0;
    text-transform: uppercase;
    font-family: 'quicksandbold';
}
.green-btn {
    font-size: 16px;
    background: #2a8166;
}
.red-btn {
    font-size: 18.48px;
    background: #e53d3b;
}
.btn.red-btn:hover, .btn.red-btn:focus, .btn.green-btn:focus, .btn.green-btn:hover {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    color: #fff;
    opacity: 0.8;
}

/* start home */
.section-home {
    position: fixed;
    width: 100vw;
    min-height: 197px;
    color: #fff;
    background: url('../images/image-intro-home2.jpg') no-repeat right 0;
    background-attachment: fixed;    
    font-family: 'quicksandregular';
    background-size: cover;
    padding-top: 90px;
    padding-bottom: 5px;
    transform: scale(1.5);
    overflow: hidden;
    z-index: -1;
}
.section-home .header-social, .sticky-social .header-social {
    top: auto;
    bottom: 0;
    display: block;
}
.section-home .intro-home-section {
    position: relative;
    max-width: 586px;
    margin: 0 auto;
    text-align: center;
}
.section-home a {
    text-decoration: none;
}
.section-home .intro-home-section h2 {
    background: rgba(0, 0, 0, 0.5);
    font-size: 20px;
    font-weight: 300;
    margin: 0;
    padding: 20px 0 12px;
}
.section-home .intro-home-section h2 span {

    /*font-family: 'montserratsemi_bold';*/
    font-family: 'quicksandbold';
    color: #fff;
}
.section-home .intro-home-section .btn-intro {
    background: transparent;
    position: absolute;
    border-radius: 2px;
    color: #fff;
    bottom: -28px;
    margin-top: 20px;
    width: 366px;
    margin: auto;
    left: 0;
    right: 0;
    height: 60px;
    margin: 0 auto;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.section-home .btn {
    display: block;
    padding: 17px 4px;
    border: 0 none;
}
.section-home .intro-home-section .btn-intro span, .box-joinus .btn-intro .btn span {
    left: 6px;
    position: relative;
    top: -2px;
}

/* end home */

/* start box-actions */

.box-actions {
    position: relative;
    display: flex;
    padding-top: 245px;
}
.box-actions .media-heading-wrapper {
    padding-bottom: 32px;
}
.box-actions .media-heading-wrapper .fa {
    border: 1px solid #fff;
    border-radius: 2px;
    color: #fff;
    font-size: 24px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    margin-bottom: 20px;
    margin-right: 20px;
}
.box-actions .media-heading-wrapper h3 {
    font-size: 18px;
    font-weight: bold;
    padding-top: 20px;
    padding-left: 52px;
}
.box-actions .left-col {
    background: url('../images/bg-about.jpg') no-repeat #96b8a2;
    background-size: cover;
    width: 50%;
    color: #fff;
    padding: 0 0 30px;
    text-align: center;
    vertical-align: top;
}
.box-actions .left-col h2 {
    margin: 50px auto 0 auto;
    text-align: left;
    display: inline-block;
}
.box-actions .left-col h2 span {
    display: block;
    font-family: 'quicksandbold';
    text-transform: uppercase;
}
.box-actions .left-col .big-text {
    font-size: 50px;
    line-height: 55px;
}
.box-actions .left-col .small-text {
    font-size: 28px;
    line-height: 40px;
    margin-left: 5px;
}
.box-actions .left-col .medium-text {
    font-size: 34px;
    line-height: 40px;
    font-family: 'quicksandregular';
    letter-spacing: -0.3px;
    text-align: right;
}
.box-actions .action-dropdown .chosen-container-single .chosen-single {
    width: 100%;
    background: 0 none;
    text-align: left;
    border: 0 none;
    text-transform: uppercase;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    box-shadow: inherit;
    padding-left: 0;
    border-radius: 0;
    color: #fff;
}
.box-actions .chosen-container-single .chosen-single div {
    width: 20px;
}
.box-actions .chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: inherit;
}
.box-actions .chosen-container-single .chosen-single div b {
    background: url(../images/arrow-down.png) 0 0 transparent !important;
    width: 20px;
    height: 12px;
    display: inline-block;
}
.box-actions .dropdown-menu {
    width: 100%;
}
.chosen-container .chosen-results {
    padding: 0;
    margin: 0;
}
.chosen-container .chosen-results li.highlighted {
    background: #0d7256 !important;
}
.box-actions .choice {
    background: #0d7256;
    position: relative;
    border-radius: 50%;
    display: inline-block;
    padding: 10px;
    text-transform: uppercase;
    left: -50px;
}
.box-actions .action-dropdown {
    max-width: 330px;
    margin: 48px auto 0 auto;
    position: relative;
    font-family: 'quicksandbold';
    text-align: left;
    padding-left: 10px;
}
.box-actions .dropdown-form {
    max-width: 320px;
    text-align: left;   
    margin: 0 auto 12px auto;
}
.action-dropdown .chosen-container {
    padding: 0 15px;
    max-width: 100%;
    width: 100% !important;
}
.box-actions .btn-form {
    margin-top: -82px;
    margin-right: -120%;
}
.box-actions .btn-form button {
    background: #0d7256;
    border: 0 none;
    border-radius: 50px;
    display: block;
    font-size: 17.29px;
    padding: 12px 16px;
    margin: 0 auto;
    text-transform: uppercase;
}
.box-actions .btn-form button:hover, .btn-green-carte:hover, .btn-green-carte:focus {
    transition: all 0.4s ease-in-out;
    color: #fff;
    text-decoration: none;
}
.box-actions .right-col {
    background: url('../images/bg-about-right.png') no-repeat right bottom #f2f2f2;
    width: 50%;
    font-family: 'Calibri';
    font-size: 15px;
    color: #000;
    vertical-align: top;
    flex-basis: 115%;
    flex-grow: 2;
}
.box-actions .right-col .content {
    padding: 56px 60px 0 65px;
    line-height: normal;
}
.box-actions .right-col .content p {
    margin: 0;
}
.box-actions .right-col .content .intro {
    margin-bottom: 22px;
    display: block;
}
.box-actions .right-col .content .bold {
    font-weight: bold;
}
.box-actions .right-col .content .btn-intro {
    margin: 10px auto 15px;
}
.box-actions .right-col .content .btn-intro .btn {
    display: block;
    height: 61px;
    width: 100%;
    max-width: 410px;
    text-transform: uppercase;
    font-size: 15.29px;
    margin: 0 auto;
    padding: 20px;
    padding-right: 8px;
    background: transparent url("../images/btn-action-form.png") repeat scroll 0 0;
    border: 0 none;
}
.box-actions .right-col .content .btn span {
    margin-left: 8px;
    margin-bottom: 3px;
    width: 10px;
    height: 15px;
}
.box-actions .separator {
    border-bottom: 3px solid #fedc42;
    width: 200px;
    display: none;
    padding-top: 25px;
}

/* end  box-actions */

/* start news */

.box-news {
    background: #f2f2f2;
    padding: 28px 20px;
}
.box-news .title-triangle {
    padding-left: 34px;
    padding-right: 10px;
}
.box-news .title-triangle::after {
    content: '>';
    width: 5px;
    height: 5px;
    color: #fff;
    background: transparent;
    transform: rotate(45deg);
    margin-left: 10px;
}
.box-news h2 {
    color: #ffffff;
    font-size: 20.75px;
    font-family: 'quicksandbold';
    text-transform: uppercase;
}
.box-news h2 span {
    display: inline-block;
    position: relative;
    height: 52px;
    background: #007356;
    -webkit-box-shadow: 0px 7px 36px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 7px 36px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 7px 36px 0px rgba(0, 0, 0, 0.25);
}
.news-list {
    margin: 0;
    padding: 0;
    background: #f2f2f2;
    display: flex;
    flex-wrap: wrap;
}
.news-list .news-wrapper {
    overflow: hidden;
    background-color: #fff;
    padding-bottom: 10px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

/*
.news-list .news-wrapper:hover {
cursor: pointer;
opacity: 0.4;
}
*/
.news-list .news-wrapper .news-image {
    width: 100%;
    -webkit-transition: -webkit-transform .4s ease-in-out 0s;
    -moz-transition: -moz-transform .4s ease-in-out 0s;
    -o-transition: -o-transform .4s ease-in-out 0s;
    transition: transform .4s ease-in-out 0s;
}
.news-list .news-wrapper:hover .news-image {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}
.news-list .news-wrapper .news-des {
    padding: 32px 38px;
    font-size: 16.14px;
}
.news-list .news-wrapper .news-des span {
    color: #28a7e9;
    display: block;
    font-weight: bold;
    padding-bottom: 12px;
}
.news-list .col-inline {
    width: 30.03%;
    max-height: 950px;
    background-color: #fff;
    margin-right: 2px;
    display: inline-block;
    float: none; 
    position: relative;
    vertical-align: top;
    margin: 40px 20px;
}
.news-list .col-inline.last, #news .news-list .col-inline:nth-child(3) {
    margin-right: 0;
}
#news .news-list .col-inline:nth-child(3) {
    border-right: 0;
}
.news-list h4 {
    font-size: 20.75px;
    font-family: 'quicksandbold';
    text-transform: uppercase;
    color: #010101;
    min-height: 126px;
}
.news-list h4 a {
    color: #010101;
    text-decoration: none;
    vertical-align: middle;
}
.news-list h4 a:hover, .news-list h4 a:focus {
    text-decoration: none;
}
.news-list .news-image {
    min-height: 300px;
    max-height: 300px;
    position: relative;
    overflow: hidden;
}
.news-list .title-category, .news-details-list .title-category {
    z-index: 10;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #0d7256;
    font-size: 23px;
    color: #fff;
    padding: 10px 35px;
}
.news-list .view-more {
    position: absolute;
    right: 40px;
    bottom: -25px;
    z-index: 10;
}

/*GLOBAL BTN PLUS */
.view-more {
    background: #0d7256;
    width: 53px;
    height: 53px;
    color: #fff;
    display: inline-block;
    position: relative;
    box-shadow: 0px 0px 33px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0px 0px 33px rgba(0, 0, 0, 0.30);
    -webkit-box-shadow: 0px 0px 33px rgba(0, 0, 0, 0.30);
    cursor: pointer;
}
.view-more:hover {
    text-decoration: none;
    background: #0D724B;
    opacity: 0.8;
    transition: all 0.4s ease-in-out;
}
.view-more .arrow {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.view-more .plus {
    height: 53px;
    width: 53px;
    display: block;
    text-align: center;
    line-height: 18px;
    background: url("../images/plus.png") no-repeat center center;
}
.arrow-right, .arrow-left {
    width: 12px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
}
.arrow-right {
    background: url(../images/arrow-right.png) no-repeat center center transparent;
}
.arrow-left {
    background: url(../images/arrow-left.png) no-repeat 0 0 transparent;
}
.arrow-down, .arrow-up {
    width: 20px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
}
.arrow-down {
    background: url(../images/arrow-down.png) no-repeat 0 0 transparent;
}
.arrow-up {
    background: url(../images/arrow-up.png) no-repeat 0 0 transparent;
}
.play-video {
    background: url("../images/play-icon.png") no-repeat center center #0d7256;
    width: 98px;
    height: 98px;
    border-radius: 50%;
    display: inline-block;
}
.play-video:hover {
    opacity: 0.8;
    transition: all 0.4s ease-in-out;
}

/* end news */

/* end copyright */

/*side bar**/

.category-list-item .news-wrapper .news-des {
    padding: 32px 38px;
    font-size: 16.14px;
}

.category-list-item .news-des h4 {
    color: #000;
}

.category-list-item .news-wrapper .view-more {
    position: absolute;
    right: 40px;
    bottom: -14px;
}

.category-list-item {
    padding: 0;
    margin: 0;
}
.category-list-item li {
    margin-bottom: 18px;
    background-color: #fff;
    list-style: none;
    font-family: 'Calibri';
    position: relative;
    z-index: 10;
    font-size: 15.36px;
    -webkit-box-shadow: 5px 12px 20px -17px rgba(36, 36, 36, 0.3);
    -moz-box-shadow: 5px 12px 20px -17px rgba(36, 36, 36, 0.3);
    box-shadow: 5px 12px 20px -17px rgba(36, 36, 36, 0.3);
}
.category-list-item li .date {
    font-size: 13px;
}
.category-list-item li > a {
    display: block;
    padding: 12px 40px;
    background-color: #fff;
}
/* .category-list-item li:before, .category-list-item li:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 23px;
    left: 10px;
    width: 50%;
    top: 41%;
    box-shadow: 0 18px 10px rgba(36, 36, 36, 0.3);
    transform: rotate(-3deg);
} */
.category-list-item li:after {
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}
.category-list-item li h4 {
    font-size: 25.36px;
    line-height: 25px;
    color: #000000;
}
.list-item-widget {
    position: relative;
}
.list-item-widget .pagenavi, .list-item-widget .bx-controls-direction {
    position: relative;
    text-align: center;
    right: 0;
    left: 0;
    background: none;
    height: 62px;
    padding-top: 36px;
    margin: auto;
}
.list-item-widget .bx-controls-direction .bx-prev, .list-item-widget .bx-controls-direction .bx-next {
    text-indent: -9999px;
    display: block;
    outline: inherit;
    height: 53px;
    width: 53px;
    position: static;
    display: inline-block;
}
.list-item-widget .bx-controls-direction .bx-prev {
    background: url(../images/arrow-down.png) no-repeat center center #0d7256;
    margin-right: 1px;
}
.list-item-widget .bx-controls-direction .bx-next {
    background: url(../images/arrow-up.png) no-repeat center center #0d7256;
}
.list-item-widget:before, .list-item-widget:after {
    content: "";
    width: 50%;
    height: 55px;
    background: transparent;
    position: absolute;
    z-index: -1;
    bottom: 7px;
}
.list-item-widget:before {
    left: 36px;
    box-shadow: -20px 10px 20px rgba(36, 36, 36, 0.3);
    -moz-box-shadow: -20px 10px 20px rgba(36, 36, 36, 0.3);
    -webkit-box-shadow: -20px 10px 20px rgba(36, 36, 36, 0.3);
    transform: rotate(-3deg) skew(-20deg);
    -moz-transform: rotate(-3deg) skew(-20deg);
    -webkit-transform: rotate(-3deg) skew(-20deg);
}
.list-item-widget:after {
    right: 36px;
    box-shadow: 20px 10px 20px rgba(36, 36, 36, 0.3);
    -moz-box-shadow: 20px 10px 20px rgba(36, 36, 36, 0.3);
    -webkit-box-shadow: 20px 10px 20px rgba(36, 36, 36, 0.3);
    transform: rotate(3deg) skew(20deg);
    -moz-transform: rotate(3deg) skew(20deg);
    -webkit-transform: rotate(3deg) skew(20deg);
}

/*SIDEBAR ARCHIVE**/
.box-archive {
    font-size: 25px;
    position: relative;
}
.box-archive li {
    margin-bottom: 8px;
}
.box-archive .baw-year {
    list-style: none;
}
.box-archive .baw-year > a {
    color: #000000;
}
.box-archive li a, .box-archive li {
    color: #0d7256;
}
.box-archive .container-title .title-triangle {
    width: 65%;
    padding-left: 45px;
}
.box-archive .content-archive {
    width: 53%;
    float: right;
    padding: 4% 0;
}
.box-archive .content-archive >ul {
    padding-left: 0;
}
.box-archive .content-archive .baw-months {
    list-style-type: disc;
}

/*Triangle global title*/

/*.box-news .container-title {
margin-bottom: 0;
}*/

.container-title {
    margin-bottom: 20px;
    position: relative;
}
.container-title .title-triangle {
    line-height: 52px;
    text-transform: uppercase;
    font-family: 'quicksandbold';
    font-size: 20.75px;
    color: #fff;
    margin: 0;
    display: block;
    background: #0d7256;
    height: 52px;
    position: relative;
    box-shadow: 4px 9px 17px -4px rgba(0, 0, 0, 0.25);
    width: 88%;
    float: right;
    letter-spacing: 0.5px;
    padding-left: 26px;
}
.container-title .title-triangle:before {
    -webkit-filter: drop-shadow(-3px 3px 7px rgba(0, 0, 0, 0.25));
    height: 0;
    border-style: solid;
    border-width: 0 22px 52px 0;
    border-color: transparent #0d7256 transparent transparent;
    content: '';
    display: block;
    left: -22px;
    z-index: -1;
    position: absolute;
}

/**LEFT*/
.container-title.left-title .title-triangle {
    display: inline-block;
    width: auto;
    float: none;
    z-index: 2;
    padding-right: 36px;
}
.container-title.left-title .title-triangle:before {
    -webkit-filter: drop-shadow(11px -2px 7px rgba(0, 0, 0, 0.25));
    border-width: 52px 22px 0 0;
    border-color: #0d7256 transparent transparent transparent;
    right: -22px;
}

/***bg-top-actu***/
.container-top-page .intro-section {
    text-align: center;
}
.container-top-page {
    color: #fff;
    background: url('../images/bg-top-actu.jpg') no-repeat;
    font-family: 'montserratlight';
    background-size: cover;
    min-height: 269px;
    position: relative;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
}
.container-top-page .intro-section {
    font-size: 80.72px;    /*font-family: 'quicksandbold';*/
    font-family: 'quicksandregular';
    font-weight: normal;
    margin: 0;
    line-height: 57px;
}
.container-top-page .intro-section span {
    font-size: 57.66px;
    display: block;
    font-family: 'quicksandlight';
}

/** single actu**/
.container-top-page.bg-no-image {
    background: 0 none #fcbc42;
}
.container-top-page h3.title-single {
    font-size: 46px;
    font-family: 'quicksandbold';
    color: #fff;
    margin: 25px 0 6px 0;
    padding: 0 10px;
}
.container-top-page .intro-text {
    padding: 0 10px;
    font-size: 23.06px;
    text-align: center;    /*font-family: 'quicksandbold';*/
    font-family: 'quicksandregular';
    margin: 35px 0 0 0;
    font-weight: normal;
}
.container-top-page .date {
    font-family: 'Calibri';
    font-size: 18px;
    display: block;
    padding: 0 10px 10px;
}
.container-top-page .header-single {

    height: 269px;
    margin: auto;
    bottom: 0;
    top: 0;
    width: 100%;
    display: table-cell;
    right: 0;
    vertical-align: middle;
    padding-top: 160px;
    margin-bottom: 150px;
}
.container-top-page .content, .inner-content {
    max-width: 1045px;
    margin: 0 auto;
}
.container-top-page .content {
    padding: 0 2%;
}
.inner-post-single {
    max-width: 838px;
    margin: 0 auto;
}
.details-single h3 {
    color: #0d7256;
    font-size: 25.36px;
    font-family: 'quicksandbold';
    text-align: center;
    font-weight: normal;
    padding-bottom: 10px;
}
.details-single p {
    font-size: 18.45px;
    line-height: normal;
    font-family: 'Calibri';
}
.details-single .image-single {
    margin: 40px auto;
    max-width: 78.5%;
}
.details-single .content-single {
    max-width: 65%;
    margin: 0 auto
}
.list-download.category-list-item {
    margin-top: 85px;
}
.list-download {
    max-width: 75%;
    margin: 0 auto;
}
.list-download.category-list-item li, .list-download.category-list-item li a {
    background-color: #f2f2f2;
}
.list-download.category-list-item li a {
    padding: 16px 2% 16px 5.2%;
}
.link-download a:before {
    content: "";
    display: inline-block;
    height: 73px;
    vertical-align: middle;
    width: 73px;
    padding-left: 16%;
    background: url('../images/icon-download.png') no-repeat;
}
.link-download a {
    color: #000000;
    font-size: 29.47px;
}
.list-download.category-list-item li a:hover:before {
    opacity: 0.8;
}
.list-download.category-list-item li a:hover {
    text-decoration: none;
}
.prev-link-top {
    z-index: 10;
    position: absolute;
    bottom: -25px;
    color: #fff;
    font-size: 21.27px;
    box-shadow: 0px 0px 33px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0px 0px 33px rgba(0, 0, 0, 0.30);
    -webkit-box-shadow: 0px 0px 33px rgba(0, 0, 0, 0.30);
    font-family: 'quicksandbold';
    background-color: #0d7256;
    padding: 10px 20px 12px 20px;
}
.prev-link-top:hover, .prev-link-top:focus {
    opacity: 0.8;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
    color: #fff;
}
.prev-link-top i {
    font-size: 27px;
    padding: 0px 18px 0 0;
    position: relative;
    top: 2px;
}

/**************
Wrapper pages

***************/
.wrapper-content {
    padding: 30px 0 30px 28px;
}
.wrapper-content.no-padding {
    padding: 0;
}
.wrapper-content.white-container {
    background-color: #fff;
}
.content-middle {
    width: 63.418%;
    display: inline-block;
    vertical-align: top;
    margin-right: 3.2%;
}
.content-middle a:hover {
    text-decoration: none;
}
/* numeric posts pagination / navigation */
.pagination {
    width: 100%;
    text-align: right;
}
 .pagination a, .pagination span {
    color: #0d7256;
    background: rgba(255, 255, 255, .2);
    font-size: 13px;
    line-height: 100%;
    margin: 0 .4rem 0 0; 
    padding: .6rem .8rem; 
    box-sizing: border-box;
    border: solid 1px #0d7256;
    border-radius: 0.2rem;
    text-decoration: none; 
    text-align: center; 
    text-transform: uppercase;
}
.pagination .current {
    color: #fff;
    background-color: #0d7256;
}

.pagination .prev::before, .pagination .next::after {
    color: #0d7256;
    font-size: 1.3em;
}
.pagination .prev::before {
    content: '<';
    margin-right: 8px;
}
.pagination .next::after {
    content: '>';
    margin-left: 8px;
}

/**************
Side bar right
***************/
.content-right {
    display: inline-block;
    vertical-align: top;
    width: 32.91%;
}
.content-right a:hover, .content-right a:focus {
    text-decoration: none;
}
.content-right .list-item-widget {
    margin-bottom: 80px;
}
.news-details-list .news-list .col-inline {
    margin: 20px auto 38px;
    width: 47.4%;
}
.video-container {
    position: relative;
    margin-bottom: 50px;
}
.video-container img {
    width: 100%;
    height: auto;
}
.video-container .img-container {
    height: 500px;
    max-height: 500px;
}
.video-item .video-hidden {
    position: relative;
    width: 100%;
    min-height: 455px;
}
.content-right .video-item .video-hidden {
    min-height: 205px;
}
.content-right .video-item {
    background-color: inherit;
    margin-bottom: 0;
}
.iframe-responsive-wrapper .iframe-ratio {
    display: block;
    width: 100%;
    height: auto;
}
.video-item .video-hidden iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.play-video {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    cursor: pointer;
    margin: auto;
}
.video-item {
    background-color: #fff;
    margin-bottom: 42px;
}
.video-item .infos-video {
    padding: 32px 38px;
    font-size: 16.14px;
    position: relative;
}
.video-item .infos-video h4 {
    font-family: 'quicksandbold';
    font-size: 25.36px;
    text-transform: uppercase;
}
.video-item .infos-video h4 a {
    color: #000;
}
.video-item .infos-video .view-more {
    position: absolute;
    right: 0;
    bottom: -25px;
    right: 45px;
}
.video-slider .bx-controls-direction {
    width: 53px;
}
.video-slider .pagenavi .view-more {
    margin-bottom: 1px;
    display: block;
}
.video-slider .pagenavi span {
    text-align: center;
}
.video-slider .bx-controls-direction .bx-prev, .video-slider .bx-controls-direction .bx-next {
    text-indent: -99999px;
    display: block;
    height: 53px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: -25px;
    width: 53px;
    left: auto;    /* bottom: 0; */

    /* margin: auto; */
}
.video-slider .bx-controls-direction .bx-prev {
    background: url(../images/arrow-left.png) no-repeat center center #0d7256;
}
.video-slider .bx-controls-direction .bx-next {
    background: url(../images/arrow-right.png) no-repeat center center #0d7256;
    top: 54px;
}
.video-slider .bx-wrapper, .list-item-widget .bx-wrapper, .video-slider .bx-wrapper .bx-viewport, .list-item-widget .bx-viewport {
    box-shadow: inherit !important;
    border: 0 none !important;
    left: 0;
    background: 0 none !important;
}

.temporary .bx-viewport {
    max-height: 1200px !important;
    min-height: 1200px !important;
    background: none !important;
    box-shadow: none !important;
}
.list-item-widget .bx-wrapper {
    max-width: inherit !important;
    width: 100%;
}
.video-slider {
    position: relative;
    padding-right: 25px;
    width: 95%;
    margin-bottom: 25px;
}
.video-slider .bx-controls-direction {
    position: absolute;
    right: 0;
    margin: auto;
    bottom: 0;
    top: 0;
    display: inline;
    margin: auto;
    height: 118px;
}
.video-slider .play-video {
    height: 70px;
    width: 70px;
    background-size: 50%;
}
.video-slider iframe {
    width: 100%;
    height: auto;
}
.video-slider h4 {
    font-size: 25.36px;
    text-align: center;
    padding: 0 37px;
}
.video-slider a {
    color: #000000;
}
.video-slider h2 {
    font-size: 28.08px;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 20px 0;
    font-family: 'quicksandbold';
}

/**Annonce page**/
.inner-ads {
    max-width: 840px;
    margin: 0 auto;
    background-color: #fff;
    padding: 3% 6% 6%;
    font-size: 18.45px;
    line-height: normal;
    position: relative;
    margin-bottom: 6%;
}
.inner-ads h3 {
    font-size: 25.37px;
    color: #0d7256;
    font-family: 'quicksandbold';
    text-align: center;
    margin-bottom: 35px;
}
.inner-ads .ads-content {
    margin-bottom: 9%;
}
.inner-ads:before, .inner-ads:after {
    content: "";
    width: 50%;
    height: 55px;
    background: transparent;
    position: absolute;
    z-index: -1;
}
.inner-ads:before {
    bottom: 14px;
    left: 36px;
    box-shadow: -20px 10px 20px rgba(36, 36, 36, 0.3);
    -moz-box-shadow: -20px 10px 20px rgba(36, 36, 36, 0.3);
    -webkit-box-shadow: -20px 10px 20px rgba(36, 36, 36, 0.3);
    transform: rotate(-3deg) skew(-20deg);
    -moz-transform: rotate(-3deg) skew(-20deg);
    -webkit-transform: rotate(-3deg) skew(-20deg);
}
.inner-ads:after {
    bottom: 15px;
    right: 36px;
    box-shadow: 20px 10px 20px rgba(36, 36, 36, 0.3);
    -moz-box-shadow: 20px 10px 20px rgba(36, 36, 36, 0.3);
    -webkit-box-shadow: 20px 10px 20px rgba(36, 36, 36, 0.3);
    transform: rotate(3deg) skew(20deg);
    -moz-transform: rotate(3deg) skew(20deg);
    -webkit-transform: rotate(3deg) skew(20deg);
}
.inner-ads .btn-ad {
    text-align: center;
    position: relative;    /*max-width: 365px;*/
    margin: 0 auto;
    z-index: 1;
}
.inner-ads .btn-ad a {
    font-size: 21.27px;
    padding: 13px;
    text-transform: inherit;
    display: block;
}
.inner-ads .btn-ad a:hover, .inner-ads .btn-ad a:focus {
    opacity: 1;
}
.inner-ads .btn-ad a:before, .inner-ads .btn-ad a:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 16px;
    left: 10px;    /* height: 29px; */
    width: 50%;
    top: 41%;
    box-shadow: 0 18px 10px rgba(36, 36, 36, 0.3);
    transform: rotate(-3deg);
}
.inner-ads .btn-ad a:after {
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}
.inner-ads .btn-ad a span {
    font-family: 'quicksandregular';
}

/**page 07NousRejoindre-AFDI**/

#joinus {
    padding-top: 50px;
}
.text-bloc {
    display: block;
}

.text-bloc.flex {
    display: flex;
    align-items: flex-start;
    text-align: left;
    max-width: 200px;
    margin: 0 auto;
}

.kf-purpose {
    display: inline-block;
    vertical-align: top;
    font-family: 'quicksandlight';
}

.kf-purpose strong {
    font-family: 'quicksandbold';
}

.container-top-page.joinus {
    background-image: url('../images/bg-top-joinus.jpg');
    min-height: 323px;
}
.container-top-page.activity {
    background-image: url('../images/bg-top-activity.jpg');
    min-height: 312px;
}
.container-top-page.nosactions {
    background-image: url('../images/bg-nosactions.jpg');
    min-height: 193px;
}
.container-top-page.nosactions.reseau .intro-text {
    font-size: 20px;
    margin: 14px 0 0 0;
}
.container-top-page.nosactions .intro-text {
    margin: 10px 0 0 0;
}
.container-top-page.nosactions .header-single {

    /*height: 193px;*/
    padding-top: 160px;
    margin-bottom: 50px;
}
.inner-joinus, .inner-section {
    background-color: #fff;
    font-size: 18.45px;
}
.inner-joinus .content-center, .inner-section .content-center {
    margin: 0 auto;
    max-width: 746px;
    padding: 3.5% 33px;
}
.inner-joinus .btn-more {
    text-align: center;
    margin-top: 7%;
    position: relative;
    z-index: 9;
    max-width: 495px;
    margin-left: auto;
    margin-right: auto;
    font-size: 17.26px;
}
.container-offre {
    max-width: 940px;
    margin: 30px auto 0 auto;
}
.container-offre .category-list-item li .item {
    display: block;
    color: #000000;
    padding: 20px;
    background-color: #fff;
}
.container-offre .col-left .bold {
    font-weight: bold;
}
.container-offre .col-left {
    display: inline-block;
    vertical-align: middle;
    font-size: 18.45px;
    padding-left: 4%;
    width: 68.8%;
}
.container-offre .item .arrow-right {
    padding-left: 12px;
    margin-left: 18px;
    margin-top: -6px;
}
.container-offre .item a.btn {
    min-width: 275px;
    padding: 14px 14px 15px;
}
.btn-green-carte {
    background: transparent url("../images/btn-action-form.png") repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    display: inline-block;
    font-size: 17.29px;
    height: 74px;
    line-height: 74px;
    margin: 0 auto;
    max-width: 495px;
    border-radius: 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    font-family: 'quicksandbold';
}
.inner-joinus .btn-more:before, .inner-joinus .btn-more:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 41%;
    box-shadow: 0 18px 10px rgba(36, 36, 36, 0.3);
    transform: rotate(-3deg);
}
.inner-joinus .btn-more:after {
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}

/***********
NOS ACTION**
************/
.equal-column {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.content-bloc-right {
    display: table-cell;
    vertical-align: top;
    width: 65.6%;
    position: relative;
}
.content-bloc-right .container-map {
    background-color: #effefd;
    max-height: 660px;
    overflow: hidden;
    position: relative;
}
.content-bloc-right .container-map #map {
    height: 660px;
    width: 100%;
}
.content-bloc-right .container-map .fiche-loc {
    background-color: #fff;
    display: inline-block;
    text-align: center;
    font-size: 18.44px;
    color: #242424;
    left: 22%;
    top: 73px;
    position: absolute;
    z-index: 10;
}
.content-bloc-right .container-map .fiche-loc:after {
    background: url(../images/bg-loc.png) 0 0 transparent;
    content: "";
    width: 41px;
    height: 31px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
}
.content-bloc-right .container-map .infos-loc {
    position: relative;
    padding: 15px 45px;
    background-color: #fff;
}
.content-bloc-right .container-map .fiche-loc {
    display: none;
}
.content-bloc-right .container-map .fiche-loc.active {
    display: block;
}
.content-bloc-right .container-map .infos-loc:before, .content-bloc-right .container-map .infos-loc:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    box-shadow: 0 18px 10px rgba(36, 36, 36, 0.3);
}
.content-bloc-right .container-map .infos-loc:after {
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}
.content-bloc-right .container-map .fiche-loc .title {
    color: #0d7256;
    display: block;
    font-size: 20.75px;
    line-height: normal;
    font-family: 'quicksandbold';
}
.content-bloc-right .container-map .fiche-loc .title-afdi {
    font-size: 25px;
    color: #0d7256;
    line-height: normal;
    font-family: 'quicksandlight';
}
.content-bloc-right .container-map .fiche-loc .pays {
    display: block;
    line-height: 16px;
}
.content-bloc-right .container-map .fiche-loc .btn {
    font-size: 10px;
    margin-top: 10px;
    padding: 3px 20px 5px 20px;
}
.content-bloc-right .container-map .fiche-loc span.fa {
    display: inline-block;
    font-size: 14px;
    background-size: 57% auto;
    position: relative;    /* top: -2px; */
    padding-left: 10px;
}

/*Fiche details**/
.details-loc-map .media-image {
    margin-bottom: 30px;
}
.details-loc-map .media-image.pull-right {
    margin-left: 45px;
    max-width: 255px;
}
.details-loc-map .media-image img {
    width: 100%;
    height: auto;
}
.details-loc-map .content-center {
    background-color: #ffffff;
    color: #242424;
    margin: 0 6%;
    padding-bottom: 7%;
}
.details-loc-map .chapeau {
    color: #242424;
    margin: 0 6%;
    padding-bottom: 14px;
}
.details-loc-map .chapeau .logo-left {
    margin-right: 40px;
}
.details-loc-map .chapeau h2 {
    font-size: 27px;
    color: #0d7256;
    font-family: 'quicksandbold';
}
.details-loc-map .text-green, .details-loc-map a {
    color: #0d7256;
}
.details-loc-map .text-underline {
    text-decoration: underline;
}
.details-loc-map .text-bold {
    font-weight: bold;
}
.details-loc-map .text-light {
    font-family: 'quicksandlight';
}
.details-loc-map .box-content {
    padding: 0 34px 24px 34px;
    line-height: normal;
    color: #000000;
}
.details-loc-map.reseau-details .box-content {
    padding: 0 78px 35px 44px;
}
.details-loc-map.reseau-details .box-content.box-download {
    padding: 0 44px 44px 44px;
}
.details-loc-map.reseau-details .box-content .pays {
    margin-bottom: 12px;
}
.details-loc-map.reseau-details .box-content.box-download .link-download {
    -webkit-box-shadow: 15px 24px 20px -28px rgba(36, 36, 36, 0.5);
    -moz-box-shadow: 15px 24px 20px -28px rgba(36, 36, 36, 0.5);
    box-shadow: 15px 24px 20px -28px rgba(36, 36, 36, 0.5);
    margin-bottom: 10px
}
.details-loc-map.reseau-details .box-content.box-download .link-download a {
    font-size: 23px;
}
.details-loc-map.reseau-details .box-content.box-download .link-download a:before {
    padding-left: 92px;
}
.details-loc-map .list-download.category-list-item {
    margin-top: 20px;
    max-width: 100%;
}
.details-loc-map .box-content.events {
    line-height: 24px;
}
.details-loc-map .box-content.first-bloc {
    margin-bottom: 18px;
}
.details-loc-map .box-content.first-bloc h4 {
    padding-bottom: 5px;
}
.details-loc-map .box-title {
    padding: 34px;
}
.details-loc-map ul {
    padding: 0;
    margin: 0;
}
.details-loc-map .box-content.events ul li {
    list-style: none;
}
.details-loc-map .box-content.collaboration li {
    list-style: none;
    margin: 0 0 12px 0;
    padding: 0;
}
.details-loc-map .box-content.collaboration li p.item {
    display: table-cell;
    vertical-align: top;
    padding-left: 18px;
}
.details-loc-map .box-content.collaboration li:before {
    content: "• ";
    color: #0d7256;
    display: table-cell;
    vertical-align: top;
    font-family: 'quicksandlight';
}
.details-loc-map .box-content h4, .details-loc-map .box-title h4 {
    font-size: 23.96px;
    color: #0d7256;
    margin: 0;
    font-family: 'quicksandbold';
}
.details-loc-map .box-content h4 {
    padding: 12px 0;
}
.details-loc-map .box-content p {
    margin: 0;
}
.details-loc-map {
    display: none;
}
.details-loc-map.active {
    display: block;
    position: absolute;
    left: 0;
    z-index: 100;
    width: 100%;
    background: #f2f2f2;
    top: 0;
    padding-right: 12px;
}
.details-loc-map .close-tab-details {
    position: absolute;
    z-index: 100;
    right: 8px;
    top: 0;
    background-color: #fff;
    display: block;
    text-indent: -9999px;
    height: 44px;
    width: 44px;
}
.details-loc-map .close-tab-details span {
    background: url(../images/close.png) no-repeat center center transparent;
    display: block;
    height: 44px;
}
.details-loc-map .fiche-title {
    font-size: 27px;
    color: #0d7256;
    font-family: 'quicksandbold';
    text-align: center;
    padding: 0 18%;
    margin: 35px 0;
}
.details-loc-map #scroller_rightmap {
    padding-top: 43px;
}
.details-loc-map.reseau-details #scroller_rightmap {
    padding-top: 14px;
}
.details-loc-map .box-content.bloc-chiffres {
    padding-top: 25px;
}
.details-loc-map .box-content.bloc-chiffres ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.details-loc-map .box-content.bloc-chiffres ul li {
    margin-bottom: 6px;
}
.details-loc-map .box-content.bloc-chiffres ul li:nth-child(2) {
    margin-bottom: 13px;
}
.details-loc-map .box-content.box-contact ul {
    margin: 0;
    list-style: none;
}
.details-loc-map .box-content.box-contact .adress {
    margin-top: 20px;
}
.details-loc-map .box-content.box-contact ul li {
    margin: 10px 0 0 0;
}

/**sidebar left**/
.side-barLeft {
    display: table-cell;
    width: 460px;
    vertical-align: top;
    position: relative;
}
.side-barLeft .title-sidebar {
    font-family: 'quicksandbold';
    text-align: center;
    color: #0d7256;
    font-size: 22px;
    margin: 0 0 22px 0;
}
.side-barLeft #scroller_sidebar {
    border-right: 8px solid #96b8a2;
    padding: 28px 25px 0 25px;
}
.shadowscroller {
    background: url(../images/bg-bottom-scroller.png) repeat-x bottom center transparent;
    height: 38px;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 2;
}
.content-bloc-right #scroller_rightmap {
    border-right: 8px solid #96b8a2;
    background: #f2f2f2;
    display: block;
    width: 100%;
}
.slimScrollBar {
    opacity: 1 !important;
    width: 8px !important;
    border-radius: 0 !important;
    right: 0 !important;
}
#scroller_sidebar {
    padding: 28px;
}
.side-barLeft .results-filterForm {
    margin-top: 25px;
}
.side-barLeft >h3 {
    color: #0d7256;
    text-align: center;
    font-size: 22px;
    font-family: 'quicksandbold';
    margin-bottom: 20px;
}
.filter-form label {
    font-size: 18.45px;
    color: #242424;
    font-weight: normal;
    display: inline-block;
    width: 36.6%;
    vertical-align: middle;
    margin-right: 5px;
    margin-bottom: 15px;
}
.filter-form .chosen-container {
    max-width: 240px;
    position: relative;
    margin-bottom: 15px;
}
.filter-form .chosen-container:before, .filter-form .chosen-container:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 16px;
    left: 10px;    /* height: 29px; */
    width: 50%;
    top: 41%;
    box-shadow: 0 18px 10px rgba(36, 36, 36, 0.3);
    transform: rotate(-3deg);
}
.filter-form .chosen-container:after {
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}
.filter-form .chosen-container-single .chosen-single {
    background: 0 #fff;
    border: 0 none;
    border-radius: 0;
    height: 35px;
    box-shadow: inherit;
    line-height: 35px;
}
.filter-form .chosen-container-single .chosen-single b {
    background-position: 0 7px;
}
.filter-form .chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 7px;
}
.filter-form .chosen-drop {
    border: 0 none !important;
    border-radius: 0 !important;
}

/*side bar**/
ul.list-item-sidebar {
    margin: 0;
    list-style: none;
    padding: 0;
}
ul.list-item-sidebar li {
    background-color: #fff;
    position: relative;
    margin-bottom: 12px;
}
ul.list-item-sidebar li a {
    display: block;
}
ul.list-item-sidebar li a:hover, ul.list-item-sidebar li a:focus {
    text-decoration: none;
}
ul.list-item-sidebar li:before, ul.list-item-sidebar li:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 19px;
    left: 10px;
    height: 29px;
    width: 50%;
    box-shadow: 0 20px 10px rgba(36, 36, 36, 0.5);
    transform: rotate(-3deg);
}
ul.list-item-sidebar li:after {
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}
ul.list-item-sidebar li.active, ul.list-item-sidebar li:hover {
    background-color: #0d7256;
}
ul.list-item-sidebar li.active:before, ul.list-item-sidebar li.active:after, ul.list-item-sidebar li:hover:before, ul.list-item-sidebar li:hover:after {
    display: none;
}
ul.list-item-sidebar li.active .media-body .media-heading, ul.list-item-sidebar li.active .media-body .pays, ul.list-item-sidebar li:hover .media-body .media-heading, ul.list-item-sidebar li:hover .media-body .pays {
    color: #fff;
}
ul.list-item-sidebar li .media-body .media-heading {
    color: #0d7256;
    min-height: 58px;
    font-family: 'quicksandbold';
    font-size: 16px;
}
ul.list-item-sidebar li .media-body .media-heading .light {
    font-family: 'quicksandlight';
}
ul.list-item-sidebar li .media-body .pays {
    display: block;
    color: #242424;
}
ul.list-item-sidebar .media-object.media-left {
    width: 118px;
}
ul.list-item-sidebar li .media-body {
    padding: 10px;
    width: 70%;
}
ul.list-item-sidebar.reseau-sidebar li {
    font-size: 20px;
    -webkit-box-shadow: 5px -10px 20px -17px rgba(36, 36, 36, 0.5);
    -moz-box-shadow: 5px -10px 20px -17px rgba(36, 36, 36, 0.5);
    box-shadow: 5px -10px 20px -17px rgba(36, 36, 36, 0.5);
}
ul.list-item-sidebar.reseau-sidebar li.active {
    background-color: #0d7256;
}
ul.list-item-sidebar.reseau-sidebar li.active a, ul.list-item-sidebar.reseau-sidebar li:hover a {
    color: #ffffff;
    background: url(../images/arrow-right.png) no-repeat 96% center transparent;
}
ul.list-item-sidebar.reseau-sidebar li.open {
    background-color: #0d7256;
}
ul.list-item-sidebar.reseau-sidebar li.open a {
    color: #ffffff;
    background: url(../images/close-white.png) no-repeat 96% center transparent;
}
ul.list-item-sidebar.reseau-sidebar li:before, ul.list-item-sidebar.reseau-sidebar li:after {
    height: 5px;
    box-shadow: 0 15px 10px rgba(36, 36, 36, 0.5);
}
ul.list-item-sidebar.reseau-sidebar li > a {
    padding: 4px 28px 6px 28px;
    color: #0d7256;
}

/**PAGE QuiSommes-nous-AFDI **/
.container-top-page.activity .header-single, .container-top-page.partners .header-single {
    padding-top: 140px;
    margin-bottom: 180px;
}
.box-chiffres {
    font-family: 'quicksandbold';
    color: #242424;
    font-size: 23.53px;
    background: url(../images/bg-chiffres.png) no-repeat 0 0 #ffffff;
    background-size: cover;
    min-height: 850px;
}
.box-chiffres h2 {
    text-align: center;
    margin-bottom: 85px;
    color: #0d7256;
    margin-top: 100px;
    font-size: 60.85px;
}
.box-chiffres ul {
    list-style: none;
    padding: 0;
    text-align: center;
}
.box-chiffres ul li {
    display: inline-block;
    width: 30%;
    line-height: 24px;
    vertical-align: top;
    margin-bottom: 45px;
    text-align: center;
}
.box-chiffres .image-chiffre .lazyloaded {
    max-width: 150px;
    max-height: 120px;
}
.content-chiffre {

    /* max-width: 300px;*/
    margin: 25px auto 0 auto;
}

/*
.content-chiffre .light {
font-family: 'Calibri';
}*/
.box-chiffres ul li:first-child .image-chiffre {
    margin-bottom: 45px;
}
.box-chiffres ul li:nth-child(2) .image-chiffre {
    margin-bottom: 45px;
}
.box-chiffres ul li:nth-child(3) .number {
    margin-bottom: 10px;
}
.box-chiffres ul li:nth-child(3) .content-chiffre {
    max-width: 250px;
}
.box-chiffres ul li:nth-child(3) .content-chiffre .light.text-bloc {
    font-size: 32.1px;
    margin: 15px 0 5px 0;
}
.box-chiffres ul li:nth-child(3), .box-chiffres ul li:nth-child(4), .box-chiffres ul li:nth-child(6) {
    font-size: 20px;
}
.box-chiffres ul li:nth-child(4) .col-left, .box-chiffres ul li:nth-child(6) .col-left {
    display: inline-block;
    vertical-align: middle;
}
.box-chiffres ul li:nth-child(6) .col-right {
    margin-left: 10px;
    max-width: 25%;
    display: inline-block;
    vertical-align: middle;
    font-size: 21.38px;
    line-height: 20.59px;
}
.box-chiffres ul li:nth-child(4) .col-right {
    max-width: 51%;
    text-align: left;
    font-size: 21.38px;
    line-height: 20.59px;
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
}
.box-chiffres .text-green {
    color: #0d7256;
}
.box-chiffres .number {
    color: #0d7256;
    font-size: 56px;
    display: inline-block;
}
.box-chiffres .budget {
    font-size: 38.89px;
    font-family: 'MyriadPro-LightSemiExt';
    display: inline-block;
}
.light {
    font-family: 'quicksandlight';
}

/**box-equipe**/
.box-equipe .container-bgsection {
    background: url('../images/box-equipe.jpg') no-repeat center top transparent;
    background-size: cover;
    height: 278px;
    position: relative;
    color: #fff;
    min-height: inherit;
}
.box-equipe .team-thumb .lazyloaded {
    max-width: 150px;
    max-height: 80px;
}
#partner {
    list-style: none;
    line-height: 25px;
    padding: 50px 20px;
}
.partner-ctn a, .no-link {
    float: left;
    width: 50%;
    height: 400px;
    font-size: 1.1em;
    font-weight: 600;
    text-decoration: underline;
    padding: 30px 100px;
}
.partner-ctn img {
    margin: auto;
}
/* #partner {
    display: flex;
    flex-wrap: nowrap;
    list-style-type: none;
}
#partner li {
    min-width: 33.3%;
}
.partner-ctn {
    min-width: 250px;
    margin: auto;
    padding: 0 15px;
} */

/* start team */

/*modal-organigramme*/

.modal-organigramme {
    padding-right: 0 !important;
}

.modal-organigramme-header .close-modal {
    background: url(../images/close-white.png) no-repeat center center transparent;
    display: block;
    width: 19px;
    height: 19px;
    font-size: 40px;
    color: #000;
    border: 0 none;
    right: 15px;
    top: 13px;
    position: absolute;
}
.modal-organigramme .modal-dialog {
    width: 100%;
    margin: 0 auto;
    background-color: #f2f2f2;
    border: 0 none;
    padding-bottom: 8%;
}
.modal-organigramme .modal-content {
    max-width: 1000px;
    margin: 0 auto;
    box-shadow: inherit;
    border-radius: 0;
    border: 0 none;
    background-color: #f2f2f2;
    top: 50px;
}
.modal-organigramme .modal-content .modal-organigramme-body > img {
    height: auto;
    max-width: 100%;
}

.modal-organigramme--thin .modal-organigramme-header .close-modal {
    background: none;
}

.modal-organigramme--thin  .modal-content {
    padding: 50px 20px;
}

.modal-organigramme.modal-organigramme--thin .modal-content .modal-organigramme-body > img {
    max-width: 40%;
    display: block;
    margin: 20px auto;
}

#team {
    margin: 0 auto;
    max-width: 1209px;
    padding: 70px 0 60px;
    width: 100%;
}
#team .column {
    padding: 0px;
    margin-right: 7px;
    margin-bottom: 10px;
    width: 24.26%;
    position: relative;
    display: inline-block;
    vertical-align: top;
    background: #006a4e;
}
#team .column:nth-child(4n) {
    margin-right: 0;
}
#team .column:hover .infos {
    opacity: 0
}
#team .column:hover .team-overlay img {
    opacity: 1;
}
#team .column:nth-child(1):hover .infos, #team .column:nth-child(1):hover img {
    opacity: 1;
}
.team-thumb, .team-overlay {
    max-width: 450px;
}
#team .team-thumb {
    text-align: center;
    padding: 0;
    cursor: pointer;
}
#team .team-thumb .infos {
    position: absolute;
    vertical-align: middle;    /*padding: 25px 10px 20px 20px;*/
    color: #fff;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
}
#team .team-thumb .infos .surname {
    display: block;
}

/*
#team .team-thumb .team-overlay img {
width: 100%;
height: 100%;
}*/
#team .team-thumb .team-overlay img {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    opacity: 0
}
#team .team-thumb h4 {
    font-size: 27px;
    font-family: 'quicksandbold';
    margin: 0;
    padding-bottom: 5px;
}
#team .team-thumb p {
    font-size: 22px;
    font-family: 'quicksandlight';
    line-height: normal;
}

/* end team */
.container-bgsection {
    color: #fff;
    font-family: 'montserratlight';
    min-height: 269px;
    position: relative;
    display: table;
    width: 100%;
    background: url('../images/bg-sections1.jpg') no-repeat;
    min-height: 362px;
    background-size: cover;
}
.container-bgsection.section-histoire {
    background-image: url('../images/bg-section-histoire.jpg');
    min-height: 424px;
    background-size: cover;
}
.container-bgsection .container-middle {
    height: 269px;
    margin: auto;
    bottom: 0;
    top: 0;
    width: 100%;
    display: table-cell;
    right: 0;
    vertical-align: middle;
    position: relative;
    padding: 30px 10px;
}
.container-bgsection.section-histoire .container-middle {
    height: 424px;
}
.container-bgsection .content {
    max-width: 668px;
    text-align: center;
    margin: 0 auto;
}
.container-bgsection.section-histoire .container-middle .content {
    max-width: 850px;
}
.container-bgsection .intro-section {
    font-size: 80px;
    font-family: 'quicksandbold';
    font-weight: normal;
    margin: 0;
    line-height: 57px;
}
.container-bgsection .intro-section span {
    font-size: 57px;
    display: block;
    font-family: 'quicksandlight';
}
.container-bgsection .intro-text {
    font-size: 23px;
    text-align: center;
    font-family: 'quicksandbold';
    margin: 35px 0 0 0;
    font-weight: normal;
}
.our-history .video-content {
    padding-top: 0;
    max-width: 860px;
    margin: 0 auto;
    height: 385px;
    width: 100%;
}
.our-history .video-item {
    position: relative;
    left: 0;
    top: -70px;
    z-index: 1;
    margin: 0;
    width: 100%;
}
.our-history .video-item:before, .our-history .video-item:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    box-shadow: 0 18px 25px rgba(0, 0, 0, 0.25);
    transform: rotate(-3deg);
}
.our-history .video-item:after {
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}

/**doc section**/
section.section-doc, section.container-offre {
    padding-bottom: 5%;
}
.section-doc .container-bgsection {
    background-image: url('../images/bg-section-doc.jpg');
    min-height: 259px;
    background-size: cover;
    background-position: center center;
}
.section-doc .container-bgsection .intro-section {
    font-size: 60px;
    padding-top: 4%;
}
.section-doc ul.category-list-item.list-download {
    max-width: 780px;
    margin: 35px auto 0 auto;
}

/*Start resultat de recherche*/
.container-results ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.container-results p {
    padding: 0;
    margin: 0;
    line-height: 18px;
}
.container-results .row-inner {
    border-bottom: 1px solid #f2f2f2;
    display: table;
    width: 100%;
    background-color: #fff;
}
.container-results .row-inner:hover .number-result, .container-results .row-inner:hover .arrow-result {
    background-color: #0d7256;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.container-results .row-inner .arrow-result {
    text-align: center;
    width: 96px;
}
.container-results .row-inner .arrow-result span {
    background: url(../images/arrow-right.png) no-repeat center center transparent;
    height: 21px;
    display: none;
}
.container-results .row-inner:hover .arrow-result span {
    display: block;
}
.container-results .column {
    display: table-cell;
    vertical-align: middle;
}
.container-results .number-result {
    background-color: #96b8a2;
    text-align: center;
    font-size: 29px;
    color: #f2f2f2;
    width: 95px;
    font-family: 'quicksandbold';
}
.container-results .content-result {
    color: #232323;
    padding: 30px;
}
.container-results .row-inner a:hover, .container-results .row-inner a, .container-results .row-inner a:focus {
    text-decoration: none;
    color: inherit;
}
.container-results .content-result .infos {
    max-width: 630px;
    margin: 0 auto;
}
.container-results .content-result h3 {
    font-size: 26px;
    color: #000000;
    text-transform: uppercase;
    font-family: 'quicksandbold';
    margin: 5px 0 5px -5px;
}
.container-results .content-result .date {
    font-size: 12px;
    color: #696969;
    display: block;
    margin-bottom: 10px;
}
.container-filter .resultats {
    color: #0d7256;
    font-size: 23px;
    font-family: 'quicksandregular';
    padding-left: 28px;
    margin-bottom: 10px;
}
.container-filter .resultats .number {
    color: #0d7256;
    font-size: 23px;
    font-family: 'quicksandbold';
}
.container-filter .infos {
    color: #000000;
    margin: 0;
    display: inline-block;
    padding-left: 28px;
}
.container-filter .infos::before {
    content: "• ";
    color: #96b8a2;
    display: table-cell;
    padding-right: 6px;
    font-size: 35px;
    vertical-align: top;
    font-family: quicksandlight;
}
.container-filter .infos span {
    display: table-cell;
    vertical-align: middle;
}
.search-resultats-form .search-submit {
    border: 0 none;
    background: 0 none;
    color: #0d7256;
}
.container-filter {
    padding: 92px 0 16px 0;
    max-width: 395px;
    width: 100%;
    margin: 0 auto;
}
.container-filter .content-filed {
    position: relative;
    max-width: 360px;
    width: 100%;
    display: inline-block;
    -webkit-box-shadow: 5px -10px 20px -17px rgba(36, 36, 36, 0.5);
    -moz-box-shadow: 5px -10px 20px -17px rgba(36, 36, 36, 0.5);
    box-shadow: 5px -10px 20px -17px rgba(36, 36, 36, 0.5);
}
.container-filter .content-filed:before, .container-filter .content-filed:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 16px;
    left: 10px;
    height: 2px;
    width: 50%;
    top: 45%;
    box-shadow: 0 20px 10px rgba(36, 36, 36, 0.8);
    transform: rotate(-3deg);
}
.container-filter .content-filed:after {
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}
.container-filter .content-filed label {
    width: 100%;
    margin: 0;
}
.container-filter .content-filed input {
    background-color: #fff;
    border: 0 none;
    padding: 0 20px;
    height: 43px;
    width: 100%;
    font-size: 20px;
}

/*end resultat de recherche


/*Start Footer*/
.footer {
    width: 100%;
    bottom: 0;
    z-index: 999;
    color: #fff;
    font-family: 'quicksandregular';
    background: url('../images/bg-footer.jpg') no-repeat center center transparent;
    background-size: cover;    /*margin-top: 60px;*/
}
.footer a {
    color: #fff;
}
.middle-footer {
    width: 54%;
}
.footer .footer-content {
    padding: 0 0 0 35px;
}
.footer .box-perso {
    width: 26%;
    padding-left: 6%;
    position: relative;
    padding-top: 35px;
}
.footer .box-perso h2 {
    margin: 0;
    font-size: 18px;
    font-family: 'quicksandbold';
    color: #f2f2f2;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
}
.footer .box-perso h2 span {
    display: block;
}
.footer .box-perso h2:after {
    width: 51px;
    height: 51px;
    background: url('../images/avatar-footer.png') no-repeat center center transparent;
    content: "";
    position: absolute;
    right: 16%;
    top: -29px;
    background-size: 100% auto;
}
.home .footer .box-perso h2:after {
    width: 111px;
    height: 110px;
    right: 0;
    top: -82px;
}
.footer .col-social {
    width: 19.36%;
}

/*formulaire newsletter*/
.mc4wp-form-basic label, .mc4wp-form-theme label {
    font-weight: 400;
    padding: 0 8px;
}
label {
    font-weight: 400;
}

/**Form Footer**/
.footer .form-control {
    background: #f2f2f2;
    border: 1px solid #c2bda5;
    border-radius: 0;
    box-shadow: inherit;
    color: #0d7256;
    margin-top: 6px;
    margin-bottom: 10px;
}
.footer input {
    height: 35px;
}
.footer input[type="submit"] {
    background: #494949;
    color: #fff;
    font-weight: bold;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    border: 0 none;
}
.footer input[type="submit"]:hover {
    transition: all 0.4s ease-in-out;
    opacity: 0.8;
}
.footer address {
    max-width: 258px;
    margin: 0 auto;
}
.footer address .address-title {
    font-weight: bold;
    font-size: 20px;
    padding-bottom: 10px;
}
.footer .address {
    border-bottom: 1px solid #fff;
    padding-top: 48px;
    display: block;
    padding-bottom: 30px;
}
.footer .address .bold {
    font-family: 'quicksandbold';
}
.footer address .icon {
    margin: 0 18px 0 0;
    float: left;
}
.footer address .icon:before {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    content: "";
}
.footer .afdi-address:before {
    background: url('../images/picto-sprite.png') no-repeat 0 -161px transparent;
}
.footer .phone {
    display: block;
    padding-bottom: 30px;
    padding-top: 22px;
    line-height: 40px;
}
.footer .afdi-phone:before {
    background: url('../images/picto-sprite.png') no-repeat 0 bottom transparent;
}
.footer .social-icon .icon:before {
    width: 52px;
    height: 40px;    /* line-height: 40px; */
    text-align: center;
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}

/* start social icon */
.footer .social-icon {
    position: relative;
    padding: 0;
    margin: 0;
}
.footer .social-icon li {
    display: inline-block;
    float: right;
    list-style: none;
    position: relative;
    text-align: center;
    font-family: 'quicksandbold';
    overflow: hidden;
    text-transform: uppercase;
}
.footer .social-icon li a {

    /* border: 1px solid #fff; */

    border-radius: 2px;
    color: #fff;    /* width: 40px; */

    /* height: 40px; */

    line-height: 190px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;    /* margin-right: 10px; */
    font-size: 15px;
}
.footer .social-icon .afdi-youtube:before {
    background: url('../images/youtube-icon.png') no-repeat 0 0 transparent;
}
.footer .social-icon .afdi-twitter:before {
    background: url('../images/picto-sprite.png') no-repeat 0 0 transparent;
}
.footer .social-icon .afdi-facebook:before {
    background: url('../images/picto-sprite.png') no-repeat 0 -51px transparent;
}
.footer .social-icon .afdi-email:before {
    background: url('../images/picto-sprite.png') no-repeat center -115px transparent;
}
.footer .fb-social, .footer .twitt-social, .footer .youtube-social {
    background: #3c599b;
    width: 33%;
    height: 127px;
}
.footer .youtube-social {
    background: #c4302b;
}
.footer .twitt-social {
    background: #55acee;
}
.footer .fb-social {
    background: #3c599b;
}
.footer .email-social {
    background: #fcbc42;
    width: 99%;
    height: 127px;
}

/* start copyright */
.footer .copyright {
    text-align: center;
    font-size: 12px;
    margin-top: 8px;
}

/* start 1199px media quires*/
@media only screen and (max-width:1199px) {
    .nav-menu-content {
        width: 90%;
        padding-right: 0;
    }
    .home .navbar-default .logo .title {
        display: none;
    }
    .navbar-default .logo img {
        float: none;
        max-height: 68px;
        width: auto;
        max-width: 100%;
        height: auto;
    }
    #team {
        padding: 20px;
    }
    #team .column {
        width: 23.9%;
    }
    .footer .box-perso {
        padding-left: 0;
    }
}


/*
@media only screen and (min-width: 1199px) {
.box-actions .left-col {
padding: 55px 33px;
}
}*/
@media only screen and (min-width:768px) and (max-width:1199px) {
    .box-actions .left-col {
        padding: 55px 33px;
    }
    .box-actions .left-col .big-text {
        font-size: 50px;
    }
    .box-actions .choice {
        left: -23px;
        margin-top: 15px;
    }
    .box-actions .dropdown-form {
        margin-bottom: 16px;
    }
    .box-actions .left-col .small-text {
        font-size: 32px;
    }
    .box-actions .left-col .medium-text {
        font-size: 36px;
    }
    .box-joinus h2 {
        font-size: 46px;
    }
    .box-actions .right-col {
        font-size: 13px;
    }
    .box-actions .right-col .content {
        padding: 48px 32px;
    }
    .news-list .col-inline {
        width: 48.9%;
        margin: 40px 4px;
    }
    .footer .social-icon li a {
        font-size: 13px;
    }
    .footer .box-perso h2 {
        font-size: 14px;
    }
    .home .footer .box-perso h2:after {
        width: 65px;
        height: 65px;
        right: 0;
        top: -53px;
    }
}
@media only screen and (min-width:768px) and (max-width:1023px) {
    .navbar-default .navbar-nav li a {
        padding: 15px 12px;
    }
    .navbar-default .logo {
        width: 10%;
    }
    .nav-search {
        width: 18%;
        margin: 0;
    }
    .nav-search .search-form label {
        width: 82%;
    }
    .news-list h4 {
        font-size: 14px;
    }
}

/* Portrait Portrait */
@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .section-home {
        padding-top: 100px;
        padding-bottom: 9px;
    }
    .section-home .intro-home-section h2 {
        padding: 26px 0 15px;
    }
    .box-actions {
        padding-top: 256px;
    }
    .box-actions .btn-form {
        margin: 0;
        margin-top: 60px;
    }
    .box-actions .action-dropdown {
        margin-top: 82px;
    }
    ul.list-item-sidebar li .media-body .media-heading {
        font-size: 14px;
    }
    .filter-form label {
        width: 100%;
    }
    .filter-form .chosen-container {
        max-width: 100%;
    }
    .content-chiffre {
        font-size: 16px;
    }
    #team .team-thumb h4 {
        font-size: 16px;
    }
    .details-loc-map.reseau-details .box-content.box-download {
        padding: 0 33px;
    }
    .details-loc-map .media-image {
        margin-bottom: 0;
        float: none !important;
    }
    .details-loc-map .chapeau h2 {
        font-size: 22px;
    }
    .details-loc-map.reseau-details .link-download a {
        font-size: 14px !important;
    }
    .details-loc-map .list-download.category-list-item {
        margin-top: 18%;
    }
    .details-loc-map.reseau-details .box-content.box-download .link-download {
        margin-bottom: 42px;
        text-align: center;
    }
    .details-loc-map.reseau-details .box-content.box-download .link-download a {
        padding: 25px 20px 24px 23px;
    }
    .details-loc-map.reseau-details .box-content.box-download .link-download a:before {
        height: 40px;
        width: 40px;
        padding-left: 0;
        background-size: 100%;
        position: absolute;
        top: -29px;
        margin: auto;
        left: 0;
        right: 0;
    }
    .container-offre .col-left {
        width: 60%;
    }
    .category-list-item li h4, .video-slider h4, .video-item .infos-video h4 {
        font-size: 18px;
    }
    .video-slider .pagenavi {
        height: 75px;
    }
    .video-slider .pagenavi .view-more, .video-slider .pagenavi .bx-prev, .video-slider .pagenavi .bx-next {
        width: 38px;
        height: 38px;
    }
    .container-title .title-triangle {
        font-size: 15.75px;
    }
    .news-list .news-image .title-category, .news-details-list .title-category {
        font-size: 22px;
    }
    .video-slider .bx-controls-direction .bx-prev, .video-slider .bx-controls-direction .bx-next {
        width: 40px;
        height: 40px;
    }
    .video-slider .bx-controls-direction .bx-prev {
        top: 12%;
    }
}

/* start 768 media quires*/
@media only screen and (max-width:767px) {
    html, body {
        font-size: 14px;
    }
    header .header-social {
        display: none !important;
    }
    .navbar-default .logo img {
        margin-top: 0;
    }
    .navbar-default.open-menu {
        background: #165342;
    }
    .home .navbar-default .logo .title {
        display: none;
    }
    .navbar-default .nav>li:nth-child(odd) {
        background-color: #0c6c52;
    }
    .navbar-default .nav>li a {
        padding-left: 16%;
        font-size: 15px;
    }
    .nav-search {
        width: 100%;
        display: block;
        float: none;
        padding-left: 6%;
        margin: 70px 0;
    }
    .nav-search .search-form-field {
        font-size: 16px;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #0d7256;
        background: #0d7256;
        width: 100%;
        height: 100vh;
        padding: 0;
        margin: 0;
    }
    .nav-menu-content .navbar-nav {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .nav-search .search-form label {
        width: 93%;
    }
    .navbar-default.sticky .navbar-nav li .current, .sticky .navbar-nav li a, .navbar-default.sticky .navbar-nav li a:focus, .navbar-default.sticky .navbar-nav li a:hover {
        color: #fff;
    }
    .sticky .nav-search .search-form input {
        color: #fff;
    }
    .sticky .nav-search .search-submit i {
        color: #fff;
    }
    .sticky .nav-search .content-filed {
        border-color: #fff;
    }

    /*.open-menu.sticky {
        position: inherit !important;
    }*/
    .sticky .nav-search .search-form input::-webkit-input-placeholder {
        color: #fff;
    }

    /*end menu*/
    header .header-social {
        display: block !important;
        position: inherit;
        clear: both;
    }
    header .header-social ul {
        margin: 0;
        padding: 0;
        overflow: hidden;
    }
    header .header-social ul li {
        width: 50%;
        height: 47px;
    }
    header .header-social ul li a {
        line-height: 47px;
    }
    .container-top-page .header-single {    
        height: 180px;
        padding-top: 120px;
        margin-bottom: 0;
    }
    .container-top-page.nosactions .header-single {
        padding-top: 100px;
        margin-bottom: 120px;
    }
    .container-top-page.activity .header-single, .container-top-page.partners .header-single {
        padding-top: 90px;
        margin-bottom: 280px;
    }
    .container-top-page.partners .header-single {
        margin-bottom: 360px;
    }
    .container-top-page.news .header-single {
        padding-top: 80px;
        margin-bottom: 120px;
    }
    #news .news-list {
        margin: 0;
        padding: 0;
    }
    .box-news {
        padding: 0;
    }
    .news-list .col-inline {
        display: block !important;
        width: 100%;
        min-height: inherit;
        margin-bottom: 45px;
    }
    .news-list h4 {
        font-size: 16.53px;
    }
    .news-list .news-wrapper .news-des {
        padding: 20px 30px;
    }

    /**home**/
    .section-home {
        background-attachment: scroll;
        transform: scale(1.1);
        padding-top: 75px;
        padding-bottom: 20px;
    }
    .section-home .intro-home-section h2 {
        padding: 58px 20px 55px 20px;
        font-size: 18.06px;
        line-height: normal;
    }
    .section-home .intro-home-section .btn-intro {
        width: inherit;
        padding: 0 40px;
    }
    .section-home .intro-home-section .btn-intro .red-btn {
        display: inline-block;
        font-size: 12px;
        padding: 8px 30px 7px;
    }
    .section-home .intro-home-section .btn-intro span, .box-joinus .btn-intro .btn span {
        background-size: 70% auto;
    }
    #home .header-social {
        display: none;
    }
    #Our_actions {
        flex-direction: column;
    }
    .box-actions {
        padding-top: 282px;
    }
    .box-actions .left-col, .box-actions .right-col {
        display: block !important;
        width: 100%;
        padding: 0;
    }
    .box-actions .left-col {
        min-height: 525px;
        overflow: hidden;
    }
    .box-actions .right-col .content {
        padding: 0;
    }
    .box-actions .right-col {
        padding: 15% 30px 0;
        min-height: 570px;
        font-size: 14px;
        background-size: 70%;
    }
    .box-actions .separator {
        padding-top: 5px;
    }
    .box-actions .left-col .big-text {
        font-size: 45px;
        line-height: 45px;
    }
    .box-actions .left-col .small-text {
        font-size: 25px;
        line-height: 25px;
    }
    .box-actions .left-col .medium-text {
        font-size: 32px;
        line-height: 32px;
    }
    .box-actions .dropdown-form {
        margin: 9px 30px 16px 30px;
        max-width: 100%;
    }
    .box-actions .chosen-container {
        max-width: 100%;
        width: 100% !important;
    }
    .box-actions .choice {
        width: 44px;
        margin: 0 auto;
        left: auto;
        display: block;
    }
    .box-actions .btn-form {
        margin: 15% 15px;
        position: relative;
        z-index: 9;
    }
    .box-actions .left-col h2 {
        margin-top: 100px;
        padding: 0 19px;
    }
    .box-actions .action-dropdown {
        margin-top: 70px;
    }

    /**page NousRejoindre**/
    .container-top-page.joinus .header-single {
        padding-top: 60px;
        height: 269px;
        margin-bottom: 80px;
    }
    .container-top-page.joinus .intro-section span, .container-top-page.activity .intro-section span {
        font-size: 40px;
    }
    .container-top-page.joinus .intro-section, .container-top-page.activity .intro-section {
        font-size: 60px;
    }
    .container-top-page.joinus .intro-text {
        font-size: 14.9px;
        margin: 25px 0 0;
        padding: 0 15px;
    }
    .container-top-page.activity .intro-text {
        font-size: 16px;
        margin: 25px 0 0;
        line-height: normal;
        padding: 0 33px;
    }
    .btn-green-carte {
        height: 47px;
        line-height: 47px;
        font-size: 13px;
        padding: 0 20px;
    }
    .container-offre .category-list-item li .item {
        padding: 20px 33px;
    }
    .container-offre .col-left {
        width: 100%;
        padding: 0;
        font-size: 14px;
    }
    .container-offre .item a.btn {
        margin-top: 16px;
        min-width: inherit;
        padding: 10px;
        margin-left: 0;
        display: block;
        margin-right: 0;
        font-size: 12.6px;
    }

    /**END page NousRejoindre**/

    /**page NousRejoindreAnnonce**/

    .container-top-page .intro-section {
        font-size: 35px;
        line-height: normal;
    }
    .container-top-page.news .intro-section {
        font-size: 60px;
    }
    .inner-ads {
        padding: 33px 33px 60px 33px;
        font-size: 14px;
        margin-bottom: 0;
    }
    .inner-ads h3 {
        font-size: 18px;
        margin: 38px 0 28px 0;
    }
    .prev-link-top {
        padding: 3px 25px 8px 25px;
        font-size: 15.84px;
    }
    .inner-ads .btn-ad a {
        font-size: 17px;
    }
    .inner-ads:before, .inner-ads:after {
        display: none;
    }
    .inner-ads .btn-ad {
        margin-top: 90px;
    }

    /*.inner-joinus {
        padding: 6% 0 10%;
    }*/
    .inner-joinus, .inner-section {
        font-size: 14px;
    }
    .inner-joinus .content-center, .inner-section .content-center {
        padding: 38px 33px;
    }
    .wrapper-content.white-container >.inner-section >.content-center {
        padding-top: 60px;
    }
    .inner-joinus .btn-more {
        margin-top: 14%;
        position: relative;
        z-index: 9;
    }
    /* .box-actions .btn-form:before, .box-actions .btn-form:after {
        z-index: -1;
        position: absolute;
        content: "";
        bottom: 15px;
        left: 10px;
        width: 50%;
        top: 41%;
        box-shadow: 0 18px 10px rgba(36, 36, 36, 0.3);
        transform: rotate(-3deg);
    } */
    .box-actions .btn-form:after {
        transform: rotate(3deg);
        right: 10px;
        left: auto;
    }

    /**END page NousRejoindreAnnonce**/

    /**page page actu**/

    .container-top-page h3.title-single {
        font-size: 26px;
        padding: 0 33px;
        line-height: normal;
    }
    .container-top-page .date {
        font-size: 14px;
        padding: 0 33px;
    }
    .wrapper-content {
        padding: 0;
    }
    .details-single h3 {
        font-size: 16px;
        padding: 33px;
    }
    .details-single .image-single {
        max-width: inherit;
        margin: 0;
    }
    .details-single .content-single {
        max-width: inherit;
        margin: 0;
        padding: 33px;
    }
    .details-single p {
        font-size: 14px;
    }
    .list-download, .details-loc-map .list-download.category-list-item {
        max-width: inherit;
        margin: 0 auto;
        padding: 0 14px;
    }
    .list-download.category-list-item, .section-doc ul.category-list-item.list-download {
        padding-top: 35px;
        margin-top: 0;
    }
    .link-download a {
        font-size: 14px !important;
    }
    .list-download.category-list-item li, .details-loc-map.reseau-details .box-content.box-download .link-download {
        margin-bottom: 42px;
        text-align: center;
    }
    .category-list-item li:before {
        left: 2px;
    }
    .category-list-item li:after {
        right: 2px;
    }
    .list-download.category-list-item li a, .details-loc-map.reseau-details .box-content.box-download .link-download a {
        padding: 25px 15px 24px 15px;
    }
    .link-download a:before, .details-loc-map.reseau-details .box-content.box-download .link-download a:before {
        height: 40px;
        width: 40px;
        padding-left: 0;
        background-size: 100%;
        position: absolute;
        top: -29px;
        margin: auto;
        left: 0;
        right: 0;
    }
    .share-post {
        margin: 30px 33px 80px;
        max-width: inherit;
    }
    .share-post .social-icon {
        float: none;
    }
    .share-post .social-icon li {
        display: inline-block;
        margin-left: 6px;
        width: 47%;
    }

    /**END page actu**/

    /**page ResultaRecherche-afdi**/

    .search-resultats-form {
        position: relative;
        margin: 0 14px;
    }
    .search-resultats-form .search-submit {
        position: absolute;
        right: 18px;
        top: 11px;
    }
    .search-resultats-form .search-submit .fa {
        font-size: 19px;
    }
    .container-results .number-result {
        background-color: #0d7256;
        width: 33px;
    }
    .container-results .row-inner .arrow-result {
        display: none;
    }

    /**END page ResultaRecherche-afdi**/

    /**END page-nosactus**/

    .content-middle, .content-right {
        width: 100%;
        display: block;
        margin: 25px 0 0 0;
    }
    .news-details-list .news-list .col-inline {
        width: 100%;
    }
    .container-top-page .intro-section span {
        font-size: 27px;
    }
    .container-top-page.joinus .intro-section span, .container-top-page.news .intro-section span {
        font-size: 40px;
    }
    .container-title .title-triangle {
        width: 90% !important;
    }
    .video-slider {
        padding-right: 0;
        margin-bottom: 50px;
        width: inherit;
        margin-top: 75px;
    }
    .video-slider h4 {
        font-size: 16px;
    }
    .video-slider .bx-controls-direction .bx-prev, .video-slider .bx-controls-direction .bx-next {
        width: 37px;
        height: 37px;
    }
    .video-slider .bx-controls-direction .bx-prev, .video-slider .bx-controls-direction .bx-next {
        top: auto;
        right: 0;
        bottom: 29px;
        left: 0;
        background-size: 9px;
    }
    .video-slider .bx-controls-direction {
        position: static;
        width: 100%;
        height: auto;
    }
    .video-slider .bx-controls-direction .bx-next {
        right: 0;
        left: auto;
    }
    .content-right .list-item-widget {
        margin-bottom: 9px;
    }
    .list-item-widget .container-title {
        margin-bottom: 0;
    }
    .temporary .container-title h2 {
        font-family: 'quicksandregular';
        font-size: 25px;
        color: #fff;
        background-color: #0d7256;
        padding: 10px 35px;
    }
    .list-item-widget .news-des a {
        color: #000;
    }
    .list-item-widget .bx-wrapper {
        background-color: transparent !important;
    }
    
    .list-item-widget .news-wrapper .news-des {
        padding: 20px 30px;
    }

    .list-item-widget .bx-controls-direction {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 center;
        height: inherit;
        padding-top: 0;
    }
    .list-item-widget .bx-controls-direction .bx-prev, .list-item-widget .bx-controls-direction .bx-next {
        background-size: 17px;
        height: 37px;
        width: 37px;
        position: absolute;
        transform: rotate(-270deg);
        -moz-transform: rotate(-270deg);
        -ms-transform: rotate(-270deg);
        -o-transform: rotate(-270deg);
        -webkit-transform: rotate(-270deg);
    }
    .list-item-widget .bx-controls-direction .bx-prev {
        left: 0;
    }
    .list-item-widget .bx-controls-direction .bx-next {
        right: 0;
    }
    .category-list-item li > a {
        padding: 30px 33px 50px 33px;
    }
    .content-right .video-item .video-hidden {
        min-height: 180px;
    }
    .play-video {
        width: 45px;
        height: 45px;
        background-size: 50%;
    }
    .news-list .news-image .title-category, .news-details-list .title-category {
        font-size: 21.97px;
        padding: 6px 35px;
    }
    .video-item .infos-video {
        padding: 18px 30px 30px;
    }
    .section-doc .category-list-item.list-download {
        padding-right: 0;
        padding-left: 0;
    }
    .list-item-widget:before, .list-item-widget:after {
        bottom: 47px;
    }
    .video-item .infos-video h4 {
        font-size: 16.53px;
    }
    .video-slider span#slider-next2 {
        float: right;
    }
    .content-right .list-item-widget .bx-wrapper:before, .content-right .list-item-widget .bx-wrapper:after {
        z-index: -1;
        position: absolute;
        content: "";
        bottom: 18px;
        left: 10px;
        width: 50%;
        top: 41%;
        box-shadow: 0 18px 10px rgba(36, 36, 36, 0.3);
        transform: rotate(-3deg);
    }
    .content-right .list-item-widget .bx-wrapper:after {
        transform: rotate(3deg);
        right: 10px;
        left: auto;
    }

    /*archive*/
    .container-title, #news .container-title {
        margin-bottom: 30px;
        padding-top: 30px;
        display: none;
    }
    .box-archive {
        font-size: 20px;
        margin-bottom: 30px;
    }
    .box-archive .content-archive {
        width: auto;
        float: none;
        margin: 30px 20px;
        position: relative;
        padding: 0;
    }
    .box-archive .content-archive .archive-year, .content-archive >ul .baw-year >a {
        background: #fff none repeat scroll 0 0;
        display: block;
        padding: 5px 15px;
        position: relative;
        height: 38px;
    }
    .box-archive .content-archive .archive-year:after, .content-archive >ul .baw-year >a:after {
        background: #fff url("external/chosen-sprite.png") no-repeat scroll 0 5px;
        content: "";
        width: 12px;
        position: absolute;
        height: 32px;
        right: 15px;
    }
    .box-archive .content-archive .archive-year.active:after, .content-archive >ul .baw-year >a.active:after {
        background-position: -18px 3px;
    }
    .box-archive .content-archive .list-dropdown, .box-archive .content-archive ul.baw-months {
        width: 100%;
        z-index: 90;
        top: 40px;
        position: absolute;
        background-color: #fff;
        padding: 0;
        margin: 0;
        list-style: none;
        overflow: hidden;
        max-height: 0;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: 0;
        -moz-transition-duration: 0.3s;
        -webkit-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
        -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
        -o-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
        transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    }
    .box-archive .content-archive .list-dropdown.open-list, .box-archive .content-archive ul.baw-months.open-list {
        -moz-transition-duration: 0.3s;
        -webkit-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -moz-transition-timing-function: ease-in;
        -webkit-transition-timing-function: ease-in;
        -o-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        max-height: 1000px;
        overflow: hidden;
    }
    .box-archive li {
        margin: 0;
    }
    .box-archive .content-archive:before, .box-archive .content-archive:after {
        content: "";
        width: 50%;
        height: 20px;
        background: transparent;
        position: absolute;
        z-index: -1;
        bottom: 10px;
    }
    .box-archive .content-archive:before {
        left: 36px;
        box-shadow: -20px 10px 20px rgba(36, 36, 36, 0.3);
        -moz-box-shadow: -20px 10px 20px rgba(36, 36, 36, 0.3);
        -webkit-box-shadow: -20px 10px 20px rgba(36, 36, 36, 0.3);
        transform: rotate(-3deg) skew(-20deg);
        -moz-transform: rotate(-3deg) skew(-20deg);
        -webkit-transform: rotate(-3deg) skew(-20deg);
    }
    .box-archive .content-archive:after {
        right: 36px;
        box-shadow: 20px 10px 20px rgba(36, 36, 36, 0.3);
        -moz-box-shadow: 20px 10px 20px rgba(36, 36, 36, 0.3);
        -webkit-box-shadow: 20px 10px 20px rgba(36, 36, 36, 0.3);
        transform: rotate(3deg) skew(20deg);
        -moz-transform: rotate(3deg) skew(20deg);
        -webkit-transform: rotate(3deg) skew(20deg);
    }
    .box-archive .list-dropdown li:nth-child(2n), .box-archive .content-archive ul.baw-months  li:nth-child(2n) {
        background-color: #f8f8f8;
    }
    .box-archive li a {
        padding: 6px 35px;
        display: block;
        color: #000000;
    }

    /**page page-NosActionsAFDI**/

    /*hide map*/

    .container-map {
        display: none;
    }
    .container-top-page.nosactions .intro-text {
        font-size: 16px !important;
    }
    .side-barLeft {
        display: block;
        width: 100%;
        margin: 10% 0;
    }
    ul.list-item-sidebar .media-object.media-left {
        display: block;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .list-item-sidebar .media-left img {
        width: 100%;
    }
    ul.list-item-sidebar li {
        margin-bottom: 8%;
    }
    ul.list-item-sidebar li .media-body .media-heading {
        min-height: 35px;
    }
    .side-barLeft .filter-form {
        padding: 0 20px;
    }
    ul.list-item-sidebar li .media-body {
        padding: 20px 30px 20px 30px;
        width: 100%;
    }
    .filter-form label {
        width: 100%;
    }
    .filter-form .chosen-container {
        max-width: 100%;
        width: 100% !important;
    }
    .content-bloc-right {
        display: block;
        width: 100%;
        position: static;
    }
    .content-bloc-right #scroller_rightmap {
        border: 0 none;
    }
    .side-barLeft #scroller_sidebar {
        border-right: 0 none;
        padding: 0;
    }
    .wrapper-content {
        position: relative;
    }
    .details-loc-map .content-center {
        margin: 0;
    }
    .details-loc-map .fiche-title {
        font-size: 22px;
        padding: 0 12%;
    }
    .details-loc-map .box-content h4, .details-loc-map .box-title h4 {
        font-size: 20px;
    }
    .box-equipe .container-bgsection .container-middle {
        padding-bottom: 20%;
        vertical-align: bottom;
    }

    /**END  page-NosActionsAFDI**/

    /**page NotreReseauMembre**/

    .details-loc-map.active {
        padding-right: 0;
    }
    .details-loc-map .close-tab-details {
        right: 0;
    }
    .container-top-page .content {
        padding: 11% 2%;
    }
    .side-barLeft .title-sidebar {
        margin: 0 0 7%;
        text-align: left;
        font-size: 20.46px;
        padding: 0 20px;
    }
    ul.list-item-sidebar.reseau-sidebar li {
        font-size: 18.45px;
        margin-bottom: 3%;
    }
    ul.list-item-sidebar li:before, ul.list-item-sidebar li:after {
        left: 0;
    }
    ul.list-item-sidebar li:after {
        right: 0;
        left: auto;
    }
    .details-loc-map .chapeau .logo-left {
        margin-right: 0;
        float: none !important;
        text-align: center;
    }
    .details-loc-map .chapeau h2 {
        font-size: 22px;
        text-align: center;
        padding: 0 10%;
    }
    .details-loc-map .media-image {
        float: none !important;
        margin-left: 0 !important;
    }
    .details-loc-map.reseau-details .box-content {
        padding: 0 33px 28px;
    }
    .details-loc-map.reseau-details .box-content.box-download {
        padding: 0;
    }
    .details-loc-map .box-content.box-download h4 {
        padding: 12px 33px;
    }
    .details-loc-map .box-content.box-download h4 span {
        display: block;
    }
    .details-loc-map .list-download.category-list-item {
        margin: 13% auto;
    }
    .details-loc-map.reseau-details #scroller_rightmap {
        padding-top: 20px;
    }

    /**END  NotreReseauMembre**/

    /**page QuiSommes-nous-AFDI**/

    .box-chiffres {
        height: inherit;
        padding: 0 33px 33px 33px;
        background-size: auto 100%;
        background-attachment: scroll;
        background-position: center 0;
    }
    .box-chiffres .budget {
        font-size: 28.2px;
        margin-left: -9px;
    }
    .box-chiffres ul li:first-child .image-chiffre, .box-chiffres ul li:nth-child(2) .image-chiffre {
        margin-bottom: 0;
    }
    .box-chiffres h2 {
        margin-bottom: 13%;
        font-size: 32.86px;
        margin-top: 28%;
    }
    .box-chiffres ul {
        text-align: left;
    }
    .box-chiffres ul li {
        width: inherit;
        margin-bottom: 47px;
        min-width: 50%;
    }
    .box-chiffres ul li:nth-child(2n) {
        float: right;
    }
    .box-chiffres ul li .content-chiffre .text-bloc {
        font-size: 17.79px;
    }
    .box-chiffres ul li:nth-child(3) .content-chiffre .light.text-bloc {
        font-size: 23.28px;
        margin: 0;
    }
    .box-chiffres .content-chiffre {
        margin: 5px auto 0 auto;
        font-size: 15.5px;
        line-height: normal;
    }
    .box-chiffres ul li .content-chiffre .text-bloc.number {
        font-size: 41.26px;
        margin: 0;
        line-height: 38px;
    }
    .box-chiffres ul li:nth-child(4) .col-left {
        display: block;
    }
    .box-chiffres ul li:nth-child(4) .col-right {
        display: block;
        margin: 10px auto 0 auto;
        max-width: 70%;
        text-align: center;
        font-size: 15.69px;
    }
    .box-chiffres ul li:nth-child(4) .col-right .light, .box-chiffres ul li:nth-child(5) .light {
        font-family: 'quicksandbold';
    }
    .box-chiffres ul li:nth-child(5) .light {
        font-size: 24.57px;
    }
    .box-chiffres ul li:nth-child(6) .col-right {
        font-size: 15.57px;
        line-height: normal;
    }
    .box-chiffres .image-chiffre {
        max-width: 36%;
        margin: 0 auto;
    }
    .box-chiffres .image-chiffre img {
        max-width: 85px;
        height: auto;
    }
    .box-chiffres ul li:nth-child(2) .image-chiffre img, .box-chiffres ul li:first-child .image-chiffre img, .box-chiffres ul li:nth-child(3) .image-chiffre img {
        max-width: 62px;
        height: auto;
    }
    .box-chiffres ul li:nth-child(3) .image-chiffre img {
        margin-left: -30px;
    }
    .box-chiffres ul li:nth-child(5) .image-chiffre img {
        margin-left: -18px;
    }
    .box-chiffres .number {
        font-size: 41.26px;
    }
    .box-chiffres ul li:first-child .content-chiffre {
        margin-top: -10px;
    }
    #team {
        padding: 50px 33px;
    }
    #team .column {
        margin-bottom: 5px;
        margin-right: 1px;
        min-height: 124px;
        width: 48.8%;
    }
    #team .column:first-child img {
        margin-bottom: 10px;
        max-width: 40%;
    }
    #team .team-thumb p {
        font-size: 10.2px;
    }
    #team .team-thumb h4 {
        font-size: 12.5px;
    }
    .container-bgsection .intro-section {
        font-size: 60px;
        margin: 0;
        line-height: normal;
    }
    .section-doc .container-bgsection .intro-section {
        font-size: 40px;
        padding-top: 10%;
    }
    .container-bgsection .intro-section span {
        font-size: 40px;
        line-height: 23px;
    }
    .container-bgsection .intro-text {
        font-size: 16px;
        font-weight: normal;
        line-height: normal;
        padding: 0 33px;
    }
    .our-history .video-content {
        padding-top: 0;
        margin: 0 15px;
        height: inherit;
        width: auto;
    }
    .our-history .inner-section {
        margin-top: -52px;
    }
    .our-history .video-item {
        top: -48px;
    }
    .our-history .video-item .video-hidden {
        min-height: 165px;
    }
    .side-barLeft #scroller_sidebar {
        border-right: 0 none;
    }
    .section-doc .container-bgsection {
        margin-bottom: 9%;
    }
    .container-bgsection.section-histoire {
        background-size: inherit;
        background-position: center center;
    }
    /**Footer**/
    .footer {
        padding-bottom: 40px;
    }
    .category-nos-actions .footer, .category-notre-reseau  .footer {
        position: static;
    }
    .footer .box-perso {
        display: none;
    }
    .footer .col-social {
        width: 100%;
    }
    .middle-footer, .footer .col-social {
        width: 100%;
        clear: both;
        float: none !important;
    }
    .footer .footer-content {
        padding: 0;
    }
    .footer .social-icon {
        display: flex;
        flex-wrap: wrap;
    }
    .footer .social-icon li {
        width: 50%
    }
    .footer .fb-social, .footer .twitt-social {
        width: 50%;
    }
    .footer .email-social {
        width: 100%;
    }
    .footer address {
        padding: 10px 0;
    }
    .footer .copyright {
        padding: 10px;
    }
}
a.button_reply {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

    text-decoration: none;
    color: white;
    background-color: #C5C5C5;
    padding: 10px;
    margin-left: 10px;
}