html {
    overflow-x: hidden;
    position: relative;
    min-height: 100%;
}

body {
    font-family: Montserrat, sans-serif;
    line-height: 1.8;
    color: #4A4A4A;
}

.container-fluid {
    padding: 30px 25px;
}

@media (min-width: 768px) {
    .container-fluid {
        padding: 60px 50px;
    }
}
.bg-grey {
    background-color: #f6f6f6;
}
.thumbnail {
    padding: 0 0 15px 0;
    border: none;
    border-radius: 0;
}
.thumbnail img {
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
}
.carousel-control.right, .carousel-control.left {
    background-image: none;
}

#carouselAccueil .carousel-control.right, #carouselAccueil .carousel-control.left {
    color: white;
}

#carouselAccueil .carousel-indicators li {
    border-color: white;
}
#carouselAccueil .carousel-indicators li.active {
    background-color: white;
}

#carouselStats .carousel-control.right, #carouselStats .carousel-control.left {
    color: #CAA67B;
}

#carouselStats .carousel-indicators li {
    border-color: #CAA67B;
}
#carouselStats .carousel-indicators li.active {
    background-color: #CAA67B;
}

.item-inner {
    z-index: 3000;
    position: relative;
}

.item h4 {
    font-size: 19px;
    line-height: 1.375em;
    font-weight: 400;
    font-style: italic;
    margin: 70px 0;
}
.item span {
    font-style: normal;
}
.panel {
    border: 1px solid #f4511e;
    border-radius:0 !important;
    transition: box-shadow 0.5s;
}
.panel:hover {
    box-shadow: 5px 0px 40px rgba(0,0,0, .2);
}
.panel-footer .btn:hover {
    border: 1px solid #f4511e;
    background-color: #fff !important;
    color: #f4511e;
}
.panel-heading {
    color: #fff !important;
    background-color: #f4511e !important;
    padding: 25px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.panel-footer {
    background-color: white !important;
}
.panel-footer h3 {
    font-size: 32px;
}
.panel-footer h4 {
    color: #aaa;
    font-size: 14px;
}
.panel-footer .btn {
    margin: 15px 0;
    background-color: #f4511e;
    color: #fff;
}
#navbar {
    margin-bottom: 0;
    background-color: #24989C;
    z-index: 1000;
    border: 0;
    font-size: 12px !important;
    line-height: 1.42857143 !important;
    letter-spacing: 4px;
    border-radius: 0;
    font-family: Montserrat, sans-serif;
}
#navbar  li a, .navbar .navbar-brand {
    color: #fff !important;
}
#navbar .navbar-toggle {
    border-color: transparent;
    color: #fff !important;
}
footer .glyphicon {
    font-size: 20px;
    margin-bottom: 20px;
    color: #f4511e;
}
.slideanim {visibility:hidden;}
.slide {
    animation-name: slide;
    -webkit-animation-name: slide;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    visibility: visible;
}
@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(70%);
    }
    100% {
        opacity: 1;
        transform: translateY(0%);
    }
}
@-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}
@media screen and (max-width: 768px) {
    .col-sm-4 {
        text-align: center;
        margin: 25px 0;
    }
    .btn-lg {
        width: 100%;
        margin-bottom: 35px;
    }
}
@media screen and (max-width: 480px) {
    .logo {
        font-size: 150px;
    }
}


#logo_navbar {
    max-height: 100%;
    padding-left: 15px;
}

.navbar-nav#menu {
    width: 100%;
    text-align: center;
    letter-spacing: 2px;
    padding: 5px 0;
    background-image: linear-gradient(to bottom, rgb(34, 123, 137), #24989C);
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background: inherit;
}

.navbar-nav a:hover, .navbar-nav a.active {
    font-weight: bold;
}

.navbar-nav#social li {
    float: none;
    display: inline-block;
}

#navbar-nav li {
    color: #24989C;
    font-family:'Montserrat';
    font-weight: 300;
}

.navbar-nav li a {
    padding-left: 5px;
}

.navbar-nav {
    height: 100%;
}

.navbar-nav#social {
    padding-top: 5px;
}

.navbar-header {
    width: 100%;
    height: 80px;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.navbar .container {
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.navbar-brand {
    height: 100%;
}


h2, h3, h4 {
    font-family: 'Montserrat', sans-serif;
    color: #24989C;
    text-transform: uppercase;
}

h2 {
    font-size: 42pt;
}

h3 {
    font-size: 25pt;
    padding-bottom: 15px;
}

h4 {
    font-size: 36pt;
}

h5,h6 {
    font-family: Montserrat;
    font-weight: bold;
    color: #3E50B5;
    text-transform: uppercase;
}

h5 {
    font-size: 1.7em;
}
h6 {
    font-size: 1.4em;
}

p, div.p {
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 1.2em;
    margin: 0 0 10px;
}

main {
    padding-top: 80px;
}

.jumbotron {
    color: #fff;
    padding: 0 !important;
    font-family: Montserrat, sans-serif;
    margin-bottom: 0;
}

.jumbotron item {
    position: relative;
}

.jumbotron .opacity-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.4;
    background-color: #3E50B5;
}

#carouselAccueil .carousel-inner {
    width: 100%;
    margin: 0 auto;
    vertical-align: middle;
}

#carouselStats .carousel-inner {
    width: 80%;
    margin: 0 auto;
    vertical-align: middle;
}


#services, #stats, #testimonies, #agenda, #teams, .modal-right, .teammember {
    background-color: #F6F6F6;
}

h3 span {
    font-size: 0.6em;
}

.carre-illustr {
    background-size: cover;
    background-position: center;
    padding: 0 !important;
    position:relative
}

.carre-illustr .opacity-layer {
    width: 100%;
    height: 100%;
    opacity: 0.7;
}

#carre-sensib .opacity-layer {
    background: #24989C;
}

#carre-former .opacity-layer {

    background: #3E50B5;
}

#carre-accomp .opacity-layer {

    background: #CAA67B;
}

.carre-illustr div.carre-txt {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    color: white;
    font-size: 2.4em;
    text-transform: uppercase;
    width: 100%;
}

.carre-descr {
    padding: 45px 40px;
    background-color: white;
}

a {
    text-decoration: none;
    color: #24989C;
}
a:hover {
   text-decoration: underline;
}

a.readmore {
    color: #24989C;
    cursor: pointer;
    text-decoration: underline;
}

a.readmore-more {
    padding-right: 10px;
}

a.readmore-less {
    padding-left: 10px;
}

a.readmore-more::after {
    content: url('../../images/fleche.svg');
    height: 7px;
    padding-left: 10px;
}

a.readmore.golden-readmore.readmore-less::before {
    content: url('../../images/fleche2.svg');
    height: 7px;
    padding-left: 10px;
    display:inline-block;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    
}

a.readmore.golden-readmore.readmore-more::after {
    content: url('../../images/fleche2.svg');
}

a.readmore.golden-readmore {
    color: #CAA67B;
}

#carre-sensib {
    background-image: url('../../images/sensibiliser.jpg');
}
#carre-former {
    background-image: url('../../images/former.jpg');
}
#carre-accomp {
    background-image: url('../../images/accompagner.jpg');
}

#trois-actions {
    padding-bottom: 70px;
}

h5 img {
    padding-right: 5px;
    padding-bottom: 5px;
}

#mission-equipe {
    margin-top: 50px;
    padding-bottom: 50px;
}

.about-complete, .about-introduction {
    padding: 15px 0;
}

#mission-equipe div.p {
    padding-left: 20px;
}

.stats-amount, .stats-of {
    color: #3E50B5;
}

.stats-of {
    font-size: 2rem;
}


.card {
    font-size: 1em;
    overflow: hidden;
    padding: 0;
    border: none;
    /*border-radius: .28571429rem;
    box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;*/
}

.card-block {
    font-size: 1em;
    position: relative;
    margin: 0;
    border: none;
    border-top: 1px solid rgba(34, 36, 38, .1);
    box-shadow: none;
    padding-bottom: 2em;
    background-color: #f6f6f6;
}

.card-content {
    padding-left: 2em;
    margin-bottom: 20px;
}

.card-img-top {
    display: block;
    width: 100%;
    height: auto;
}

.card-news-date {
    position:absolute;
    top: 0;
    left: 15px;
    height: 40px;
    line-height: 40px;
    width: calc(100% - 30px) ;
    color: white;
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

#actus, .event, #references, #friends, .testimony, .modal-left, .teammember.even {
    background-color: #fdfdfe;
}

#actus h3 {
    padding-bottom: 65px;
}

a.see-news, a.see_details_event {
    color: white;
    background-color: #24989C;
}

a.see-news {
    padding: 10px 15px;
}

a.see_details_event {
    padding: 15px 30px;
}

.event-details {
    margin-top: 20px;
}

.event {
    margin: 30px auto;
}

.event-infos,
.event-description {
    padding: 30px;
}

.event-image {
    padding: 30px 0;
}

.event-duration {
    color: #3E50B5;
}

#testimoniesCarousel .carousel-inner .item.left.active {
    transform: translateX(-33%);
}
#testimoniesCarousel .carousel-inner .item.right.active {
    transform: translateX(33%);
}

#testimoniesCarousel .carousel-inner .item.next {
    transform: translateX(33%)
}
#testimoniesCarousel .carousel-inner .item.prev {
    transform: translateX(-33%)
}

#testimoniesCarousel .carousel-inner .item.right,
#testimoniesCarousel .carousel-inner .item.left {
    transform: translateX(0);
}

.testimony-wrapper {
    padding: 0 10px;
}


.testimony {
    padding: 50px 10px 15px 10px;
}

.testimony img {
    margin-top: -100px;
    margin-bottom: 40px;
    max-width: 33%;
    border-radius: 50%;
}

.testimony-author {
    margin-top: 15px;
}

.secondary-color {
    color: #3E50B5;
}

.main-color {
    color: #24989C;
}

#teams {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
}

.our-teams {
    margin-top: 1rem;
    padding: 1rem;
}

@media (min-width: 768px) {
    .our-teams {
        margin-top: 0;
        padding: 4rem;
    }
}

@media (min-width: 992px) {
    .our-teams {
        padding: 7rem;
    }
}

.our-teams h3 {
    margin-bottom:20px;
}

footer.container-fluid {
    background-color: #eeeef0;
    padding: 10px 10px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

footer a {
    color: #bababa;
    font-weight: bold;
}

footer li.nav-item {
    display: inline-block;
}

footer .navbar {
    margin-bottom: 0;
    min-height: inherit;
}

footer img {
    padding: 5px 10px;
}

.about-complete {
    display: none;
}

.modal {
    z-index: 2000;
    border-radius: inherit;
}

.modal-right, .modal-left {
    padding: 60px 40px;
}

.modal-right h4, .modal-left h4 {
    color: #A4A4A4;
    text-transform: uppercase;
}

.modal-left h4 {
    font-size: 2.6rem;
    padding-bottom: 40px;
}

.modal-right h4 {
    font-size: 1.9rem;
    padding-bottom: 20px;
}

.modal-dialog {
    width: 80%;
}

.modal-body {
    padding: 0;
}

.modal row {
    margin: 0 0 ;
}

.equal {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

img.close {
    position: absolute;
    right:10px;
    top:10px;
    opacity:1;
}

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

.actu-title {
    margin-top: 0;
}

.actu-head-row img {
    height: 40px;
    width: 30px;
    max-height: 100%;
    max-width: 50%;
    padding-top: 10px;
    padding-left: 2px;
    padding-right: 2px;
}

.date-icon {
    padding-right: 7px;
    padding-bottom: 2px;
}

.actu h6 {
    margin-top: 10px;
    margin-bottom: 30px;
}

#contact, #support {
    padding: 0;
}

#contact_content, #support_content {
    padding: 20px;
}

#map {
    height: 100%;
    width: 100%;
}

.download {
    position:absolute;
    top: calc(50% - 45px);
    left: calc(50% - 45px);
}

#documents-container {
    padding-top: 70px;
    padding-bottom: 80px;
}

.document-wrapper {
    background-color: grey;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 200px;
    display: block;
    position: relative;
    opacity: 0.5;
}

.faq-question, .faq-question:hover {
    font-weight:bold;
    font-size: 1.8rem;
    color: #4A4A4A;
    line-height: 2rem;
    padding-bottom:20px;
    padding-top: 5px;
    text-decoration: none;
    display:inline-block;
}

.faq {
    margin-top: 20px;
}

#account_nb {
    font-size: 2rem;
    color: #989698;
}

#navbar {
    border-bottom: 3px solid #24989C;
}
.navbar-header {
    background-color: #eee;
}

#main-navbar a {
    text-transform: uppercase;
}

.noscript-warning {
    background-color: #C70A0A;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    padding: 4px 0;
    text-align: center;
    width: 100%;
    position:relative;
    z-index: 9000;
}

#carouselStats .item {
    padding-bottom: 70px;
    padding-top: 60px;
}

#image_support {
    background-image: url('../../images/nous-soutenir.jpg');
    background-size: cover;
    background-position:center;
    background-repeat:no-repeat;
}

.dropdown.open .dropdown-menu {
    display: block;
    margin-top: 0;
    background-color: #228791;
}

.dropdown-menu li {
    display: block !important;
    padding: 3px 5px;
}

.dropdown-menu li a:hover, .dropdown-menu li a:active, .dropdown-menu li a:focus {
    background-color: #228791;
}

.teammember {
    padding: 6rem 3rem
}

.teammember p {
    text-align: left;
    margin-top: 3rem;
}

.home-image-teammember img {
    max-width: 15rem;
    padding-bottom: 2rem;
}

.rounded-circle {
    border-radius: 50%;
}

.text-bold {
    font-weight: bold;
}

#toggle_menu_button {
    position: absolute;
    margin: 0;
    right: 10px;
    top: 25px;
}

#menu {
    margin: 0;
}

.navbar-brand {
    padding-left: 10px;
}

@media (max-width: 767px) {

    .navbar-brand {
        padding-left: 0;
        padding-right: 0;
        height: 90%;
    }
}

.dropdown-menu {
    margin-left: 5rem;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover, .dropdown-menu a:hover, .dropdown-menu a:focus {
    background-color: initial;
}

#carouselAccueil .item {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    padding: 80px 40px 80px 40px;
    vertical-align: middle;
}

h1, .jumbotron h1 {
    font-size: 2.2rem;
    font-family: 'Kaushan Script', cursive;
}
.stats-amount {
    font-size: 3rem;
}

@media(min-width:678px) {
    .navbar-nav#menu li {
        float: none;
        display: inline-block;
    }
    .navbar-nav#social {
        padding-right: 15px;
    }

    #carouselStats .item {
        padding-top: 50px;
    }
    .dropdown-menu {
        margin-left: 0;
    }
}

@media(min-width: 768px) {
    #carouselAccueil .item {
        height: 100%;
        width: 100%;
        min-height: 500px;
        background-size: cover;
        background-position: center;
        padding: 150px 140px 85px 140px;
        vertical-align: middle;
    }

    h1, .jumbotron h1 {
        font-size: 3.8rem;
    }

    .stats-amount {
        font-size: 4rem;
    }

    #support_content {
        padding: 100px;
    }
    #contact_content {
        padding: 150px 100px;
    }
    #navbar {
        border: 0;
    }
    .navbar-header {
        background-color: white;
    }
    .carousel-indicators {
        bottom: -5px;
    }
}

.teammember img.img-responsive {
     max-width: 65%;
    margin: 0 auto;
 }

#language-switcher {
    padding: 15px 0 15px 20px;
    display: inline-block;
    letter-spacing: initial;
    color: #147070;
    font-size: 1.4rem;
}

@media(min-width: 992px) {
    .teammember.even, .teammember.even p {
        text-align: right;
    }
    .teammember img.img-responsive {
        max-width: 90%;
    }
    #language-switcher {
        padding-top: 20px;
    }
}

@media (max-width: 991.98px) {
    .col-0 {
        display: none !important;
    }
    .navbar-nav#social {
        display: none;
    }
}

@media(min-width: 992px) {
    .d-lg-block {
        display: block !important;
    }
    .d-lg-none {
        display:none !important;
    }
}

#actus-link-back {
    color: #3f51b5;
    font-weight: bold;
    padding: 0 30px;
    font-size: 1.7rem;
    font-variant: small-caps;
}

.actu-links {
    margin-bottom:2rem;
}

#tools {
    background: rgba(246,246,246,1);
    background: -moz-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(246,246,246,1) 31%, rgba(246,246,246,1) 49%, rgba(254,254,254,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(246,246,246,1)), color-stop(31%, rgba(246,246,246,1)), color-stop(49%, rgba(246,246,246,1)), color-stop(100%, rgba(254,254,254,1)));
    background: -webkit-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(246,246,246,1) 31%, rgba(246,246,246,1) 49%, rgba(254,254,254,1) 100%);
    background: -o-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(246,246,246,1) 31%, rgba(246,246,246,1) 49%, rgba(254,254,254,1) 100%);
    background: -ms-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(246,246,246,1) 31%, rgba(246,246,246,1) 49%, rgba(254,254,254,1) 100%);
}