@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700');

@font-face {

    font-family: "Gilroy";

    src: url("../fonts/gilroy-light.eot");

    src: url("../fonts/gilroy-light.eot?#iefix") format("embedded-opentype"),

      url("../fonts/gilroy-light.otf") format("opentype"),

      url("../fonts/gilroy-light.svg") format("svg"),

      url("../fonts/gilroy-light.ttf") format("truetype"),

      url("../fonts/gilroy-light.woff") format("woff"),

      url("../fonts/gilroy-light.woff2") format("woff2");

    font-weight: 300;

    font-style: normal;

}

@font-face {

    font-family: "Gilroy";

    src: url("../fonts/gilroy-extrabold.eot");

    src: url("../fonts/gilroy-extrabold.eot?#iefix") format("embedded-opentype"),

      url("../fonts/gilroy-extrabold.otf") format("opentype"),

      url("../fonts/gilroy-extrabold.svg") format("svg"),

      url("../fonts/gilroy-extrabold.ttf") format("truetype"),

      url("../fonts/gilroy-extrabold.woff") format("woff"),

      url("../fonts/gilroy-extrabold.woff2") format("woff2");

    font-weight: 900;

    font-style: normal;

}

html {

    overflow-y: scroll;

    overflow-x: hidden;

    -ms-text-size-adjust: 100%;

    -webkit-text-size-adjust: 100%;

    -webkit-font-smoothing: antialiased;

    font-weight: 400;

}

body {

	font: 400 15px/1.4 "Source Sans Pro", Helvetica, Arial, sans-serif;

    background: #ffffff;

}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {

	font-family: 'Gilroy', Helvetica, Arial, sans-serif;

    color: #000000;

    font-weight: bold;

}

h1{

    font-size: 43px;

}

h2{

    font-size: 37px;

}

h3{

    font-size: 26px;

}

h4{

    font-size: 24px;

}

h5{

    font-size: 19px;

}

h6{

    font-size: 17px;

}

a, .btn {

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}

a:hover, .btn:hover,

.form-control:hover,

a:focus, .btn:focus,

.form-control:focus {

	transition-duration: .1s;

}

a {

	color: #000000;

	text-decoration: none!important;

}

a:hover {

	color: #8bbb13;

}

a:focus {

	outline: none;

}

.btn-main{

    padding: 16px 30px;

    color: #FFF;

    font-size: 13px;

    font-weight: 400;

    outline: none;

    display: inline-block;

    background: #8bbb13;

    border: none;

    font-family: 'Gilroy',Arial, Helvetica, sans-serif;

    cursor: pointer;

}

.btn-outline{

    background: transparent;

    border: 1px solid #8bbb13;

    color: #8bbb13;

}

.btn-main:hover{

    color: #FFF;

}

.btn-outline:hover{

    color: #8bbb13;

}

.main-color{

    color: #8bbb13;

}

.main-background{

    background: #8bbb13;

}

.btn-white:hover,

.btn-white{

    background: #FFFF;

    color: #8bbb13;

}

.offset-top{

    margin-top: 80px;

}

.para-border{

    position: relative;

    padding-bottom: 17px;

}

.para-border:after{

    content: '';

    position: absolute;

    width: 30px;

    height: 4px;

    left: 0px;

    bottom: 0px;

    background: #8bbb13;

}

.border{

    position: absolute;

    top: -40px;

    height: 110px;

    width: 7px;

    background: #168563;

    margin-left: 10px;

}

/**

        HEADER

**/

.navbar{

    margin-bottom: 0;

    min-height: 95px;

    transition: all 200ms ease;

    -webkit-transition: all 200ms ease;

    -moz-transition: all 200ms ease;

    -ms-transition: all 200ms ease;

    -o-transition: all 200ms ease;

}

.navbar-brand>img{

    width: 64px;

    margin-top: 10px;

    display: inline-block;

    vertical-align: middle;

    max-width: 100%;

}

.navbar-brand>img + span{

    font-size: 29px;

    font-family: "Gilroy",Arial, "Helvetica Neue", Helvetica, sans-serif;

    font-weight: 900;

    display: inline-block;

    vertical-align: middle;

    margin-top: 10px;

    color: #FFF;

}

.navbar-brand{

    padding: 0px;

}

.navbar-toggle{

    margin-top: 22px;

}

.navbar-right {

    margin-top: 25px;

    transition: all 200ms ease;

    -webkit-transition: all 200ms ease;

    -moz-transition: all 200ms ease;

    -ms-transition: all 200ms ease;

    -o-transition: all 200ms ease;

}

.navbar-default{

    background: transparent;

    border: none;

}

.navbar-default .navbar-nav>li>a{

    position: relative;

    font-family: "Source Sans Pro", 'Gilroy', Helvetica, Arial, sans-serif;

    font-size: 16px;

    font-weight: 600;

}

.navbar-default .navbar-nav>li .dropdown{



}

.navbar-default .navbar-nav>li .dropdown-menu{

    border-radius: 0px!important;

    -webkit-border-radius: 0px!important;

    -moz-border-radius: 0px!important;

    -ms-border-radius: 0px!important;

    -o-border-radius: 0px!important;

    box-shadow: none!important;

    left: 0px;

    right: auto;

}

.navbar-default .navbar-nav>li .dropdown-menu a{

    font-size: 15px;

}

.navbar-default .navbar-nav>li.social{



}

.navbar-default .navbar-nav>li.social{

    padding-left: 8px;

    padding-top: 8px;

}

.navbar-default .navbar-nav>li.social a{

    display: inline-block;

    width: 35px;

    height: 35px;

    background: #000;

    color: #FFF;

    text-align: center;

    line-height: 35px;

    font-size: 18px;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}

.navbar-default.navbar-scroll .navbar-nav>li.social a{

    /* color: #000; */

}



.navbar-default .navbar-nav>li.social a.facebook{

    background-color: #3b5998;

}


.navbar-default .navbar-nav>li.social a.youtube{

    background-color: #f00;

}


.navbar-default .navbar-nav>li.social a.linkedin{

    background-color: #007bb5;

}



.navbar-default .navbar-nav>li.social a.instagram{

    background-color: #c32aa3;

}

.navbar-default .navbar-nav>li.social a.whatsapp{

    background-color: #25d366;

}

.navbar-default .navbar-nav>li  .dropdown-menu>li>a{

    padding: 12px 20px;

}

.navbar-default .navbar-nav>li>a.btn-main{

    padding: 16px 23px;

    border-radius: 6px;

}

.navbar-default .navbar-nav>li>a:not(.btn-main):after{

    content: '';

    position: absolute;

    width: 1px;

    height: 40px;

    background-color: transparent;

    top: -30px;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    transition: all 200ms ease;

    -webkit-transition: all 200ms ease;

    -moz-transition: all 200ms ease;

    -ms-transition: all 200ms ease;

    -o-transition: all 200ms ease;

}

.navbar-default .navbar-nav>li>a:not(.btn-main):hover:after{

    background: #FFF;

    transition: all 200ms ease;

    -webkit-transition: all 200ms ease;

    -moz-transition: all 200ms ease;

    -ms-transition: all 200ms ease;

    -o-transition: all 200ms ease;

}

.navbar-default .navbar-nav>li>a.active,

.navbar-default .navbar-nav>li>a:active,

.navbar-default .navbar-nav>li>a:hover,

.navbar-default .navbar-nav>li>a{

    color: #FFF;

    transition: all 200ms ease;

    -webkit-transition: all 200ms ease;

    -moz-transition: all 200ms ease;

    -ms-transition: all 200ms ease;

    -o-transition: all 200ms ease;

}



/* NAVBAR SCROLL */

.navbar-default.navbar-scroll{

    background: #FFF;

    min-height: 80px;

    transition: all 200ms ease;

    -webkit-transition: all 200ms ease;

    -moz-transition: all 200ms ease;

    -ms-transition: all 200ms ease;

    -o-transition: all 200ms ease;

}

.navbar-default.navbar-scroll .navbar-right{

    margin-top: 15px;

    transition: all 200ms ease;

    -webkit-transition: all 200ms ease;

    -moz-transition: all 200ms ease;

    -ms-transition: all 200ms ease;

    -o-transition: all 200ms ease;

}

.navbar-default.navbar-scroll .navbar-brand>img{

    transition: all 200ms ease;

    -webkit-transition: all 200ms ease;

    -moz-transition: all 200ms ease;

    -ms-transition: all 200ms ease;

    -o-transition: all 200ms ease;

}

.navbar-default.navbar-scroll .navbar-nav>li>a.active,

.navbar-default.navbar-scroll .navbar-nav>li>a:active,

.navbar-default.navbar-scroll .navbar-nav>li>a:hover,

.navbar-default.navbar-scroll .navbar-nav>li>a{

    color: #0d0d0d;

}

.navbar-default.navbar-scroll .navbar-nav>li>a.active,

.navbar-default.navbar-scroll .navbar-nav>li>a:active,

.navbar-default.navbar-scroll .navbar-nav>li>a:hove{

    color: #8bbb13!important;

}

.navbar-default.navbar-scroll .navbar-nav>li>a.btn-main{

    border-color: #8bbb13;

    color: #FFF;

}

.navbar-default.navbar-scroll .navbar-nav>li>a:not(.btn-main):hover:after{

    background: #8bbb13;

}

.navbar-default.navbar-scroll .navbar-nav>li>a.btn-main:hover{

    background: #8bbb13;

}

/***

        ============

             Home

        ============

***/

.presentation-slider .item,

.presentation-slider{

    height: 100vh;

    color: #FFF;

    position: relative;

}

.presentation-slider .item{

    background-size: cover;

    background-position: center center;

}

.presentation-slider .item h2,

.presentation-slider .item h3{

    color: #FFF;

}

.presentation-slider .item h3{

    margin: 0px;

    font-size: 40px;

}

.presentation-slider .item h2{

    margin-top: 2px;

    margin-bottom: 0;

    font-size: 52px;

}

.presentation-slider .item p{

    margin-top: 25px;

    font-size: 26px;

    font-weight: 300;

    line-height: 1.2;

    margin-bottom: 0;

}

.presentation-slider .item a{

    display: block;

    margin-top: 25px;

    font-weight: 300;

    text-decoration: underline!important;

    font-size: 22px;

    color: #FFF;

}

.presentation-slider .owl-dots{

    display: none;

}

.presentation-slider.owl-theme .owl-nav [class*=owl-]{

    border-radius: 0px;

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    -ms-border-radius: 0px;

    -o-border-radius: 0px;

    font-size: 35px;

    padding: 0px;

    width: 56px;

    height: 56px;

    background: rgba(102, 91, 111, .5);

    transition: all 200ms ease;

    -webkit-transition: all 200ms ease;

    -moz-transition: all 200ms ease;

    -ms-transition: all 200ms ease;

    -o-transition: all 200ms ease;

}

.presentation-slider.owl-theme .owl-nav [class*=owl-] i{

    position: relative;

    top: 3px;

    left: 0px;

}

.presentation-slider .owl-next,

.presentation-slider .owl-prev{

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    opacity: 1;

}

.presentation-slider .owl-next{

    right: -5px;

}

.presentation-slider .owl-prev{

    left: -5px;

}

.presentation-slider.owl-theme .owl-nav [class*=owl-]:hover{

    background: #8bbb13;

    transition: all 200ms ease;

    -webkit-transition: all 200ms ease;

    -moz-transition: all 200ms ease;

    -ms-transition: all 200ms ease;

    -o-transition: all 200ms ease;

}

/***

        ============

             Formations

        ============

***/

.type-formation{

    position: relative;

    z-index: 2;

}

.type-formation > .formation-container{

    position: absolute;

    top: -150px;

    width: 100%;

}

.type-formation .formation{

    background: #000;

    padding: 30px 40px;

    height: 220px;

    color: #FFF;

}

.type-formation .formation h4{

    font-size: 27px;

    color: #FFF;

}

.type-formation .formation p{

    margin-top: 20px;

    font-size: 21px;

}

.type-formation .formation a{

    padding: 11px 22px;

    color: #FFF;

    font-size: 16px;

    border: 1px solid #FFF;

    display: inline-block;

    margin-top: 10px;

}

.type-formation .formation.formation-initiale{

    background-color: #8bbb13;

}

.type-formation .formation.formation-continue{

    background-image: url(../img/formation-continue.jpg);

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

}

.type-formation .formation.formation-continue a{

    color: #168563;

    background-color: #FFF;

}

/***

        ============

            Brochures

        ============

***/

.brochures{

    height: auto;

    overflow: hidden;

    padding: 40px 0px;

}

.brochures span{

    font-size: 19px;

}

.brochures h6{

    margin-top: 5px;

    color: #289876;

    font-weight: 400;

    font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;

    font-size: 23px;

    margin-bottom: 18px;

}

.brochures p{

    color:#0b0e0d;

}

.brochures ul li a{

    font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;

    font-weight: 600;

    text-decoration: underline!important;

}

.brochures img{

    display: inline-block;

    max-width: 100%;

    margin-top: 70px;

    opacity: 0.21;

    width: 130px;

}

/***

        ============

            Nos filiers

        ============

***/

.nos-filiers h2{

    font-size: 40px;

}

.filier-title-container{



}

.nos-filiers .filiers-container{

    height: auto;

    overflow: hidden;

    margin-top: 40px;

}

.nos-filiers .filier{

    height: 245px;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    margin-bottom: 25px;

    padding: 20px 40px;

    color: #FFF;

    position: relative;
    background-color: #8bbb13;

}

.nos-filiers .filier label{

    display: block;

}

.nos-filiers .filier a{

    font-weight: bold;

    padding: 12px 25px;

    border-radius: 4px;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

    margin-top: 15px;

}

.nos-filiers .filier label{

    font-weight: 400;

}

.nos-filiers .filier span{

    font-size: 18px;

}

.nos-filiers .filier h6{

    font-size: 20px;

    color: #FFF;

    margin-top: 2px;

}

.vie-eheb{

    padding: 70px 0px;

    position: relative;

}

.vie-eheb:before{

    content: '';

    height: 35vh;

    width: 100%;

    background-color: #f8f8f8;

    position: absolute;

    bottom: 0px;

    left: 0px;

    width: 100%;

}

.vie-eheb .vie-eheb-text{

    box-shadow: 2px 2px 20px #EDEDED;

    padding: 90px 40px 60px 48px;

    margin-top: 40px;

    position: relative;

    background-color: #FFF;

}

.vie-eheb .vie-eheb-text .main-color{

    color: #168563;

    font-size: 16px;

    font-weight: bold;

}

.vie-eheb .vie-eheb-text h4{

    font-size: 31px;

    margin-bottom: 4px;

    margin-top: 7px;

}

.vie-eheb .vie-eheb-text span{

    color: #8c8c8c;

    display: block;

}

.vie-eheb .vie-eheb-text p{

    margin-top: 20px;

    margin-bottom: 20px;

    color: #000000;

}

.vie-eheb .vie-eheb-text a{

    font-weight: bold;

}

.vie-eheb .vie-eheb-text a i{

    margin-left: 3px;

}

.vie-eheb .vie-eheb-img{

    position: relative;

    left: -35px;

    z-index: 2;

}

.temoignages{

    background-color: #f8f8f8;

    padding: 50px 0px;

}

.temoignages h3{

    font-size: 35px;

    color: #000000;

    margin-bottom: 5px;

}

.temoignages h3 + span{

    color: #5a5959;

    font-size: 19px;

    position: relative;

    padding-bottom: 20px;

}

.temoignages h3 + span:before{

    content: '';

    position: absolute;

    bottom: 0px;

    width: 35px;

    height: 4px;

    margin: auto;

    background-color: #168563;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

}

.temoignages .temoignages-container{

    margin-top: 70px;

}

.temoignages .temoignages-container .item{

    background: #FFF;

    position: relative;

    padding: 90px 30px 40px;

    box-shadow: 2px 2px 20px #EDEDED;

    margin-bottom: 20px;

}

.temoignages .temoignages-container .item:before{

    content: '';

    background-image: url(../img/quote.png);

    background-repeat: no-repeat;

    width: 20px;

    height: 20px;

    position: absolute;

    top: 35px;

    left: 30px;

}

.temoignages .temoignages-container .item .membre{

    position: relative;

    padding-left: 70px;

    margin-top: 30px;

}

.temoignages .temoignages-container .item a{

    font-weight: 600;

    display: block;

    margin-top: 15px;

}

.temoignages .temoignages-container .item .name{

    padding-top: 15px;

}

.temoignages .temoignages-container .item .name h5{

    margin-top: 0px;

    margin-bottom: 0;

    font-size: 16px;

    position: relative;

    top: -2px;

}

.temoignages .temoignages-container .item img{

    width: 60px;

    height: 60px;

    position: absolute;

    left: 0px;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}

.temoignages .btn-main{

    margin-top: 50px;

    font-weight: 600;

    background-color: #168563;

    border-radius: 4px;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

    font-size: 16px;

}

.temoignages .btn-main i{

    margin-left: 7px;

    position: relative;

    top: 2px;

    font-size: 17px;

}

/***

    ============

        Footer

    ============

***/

.footer{



}

.footer .footer-info{

    padding: 70px 0px;

}

.footer .footer-info h5{

    margin-top: 30px;

    font-size: 17px;

}

.footer .footer-info ul{

    margin-top: 17px;

}

.footer .footer-info ul li{

    color:#231f20;

}

.footer .footer-info img{

    width: 70px;

}

.footer .footer-info p{

    margin-top: 10px;

}

.footer .footer-info a{

    font-weight: bold;

}

.footer .footer-info ul.contact-info-list li{

    padding-left: 30px;

    position: relative;

    margin-bottom: 8px;

}

.footer .footer-info ul.contact-info-list li b{



    margin-left: -22px;

}

.footer .footer-info ul li img{

    position: absolute;

    left: 0px;

    top: 0px;

    max-width: 25px;

    width: auto;

}

.footer .footer-info ul li a{

    font-weight: 400;

}

.footer .footer-info ul li a[target='_blank']{

    font-size: 18px;

}

.footer .footer-copyright{



}

.footer .footer-copyright .container{

    border-top: 1px solid #ececec;

    padding: 19px 0px;

}



.footer .footer-copyright ul,

.footer .footer-copyright p{

    margin-bottom: 0;

}

@media(max-width:991px){

    .vie-eheb .vie-eheb-text{

        padding: 90px 20px 40px

    }

    .vie-eheb .vie-eheb-text h4{

        font-size: 25px;

    }

    .vie-eheb .vie-eheb-img{

        left: auto;

    }

    .presentation-slider .item, .presentation-slider{

        height: 500px;

    }

    .presentation-slider .item h3{

        font-size: 25px;

    }

    .presentation-slider .item h2{

        font-size: 30px;

    }

    .presentation-slider .item p{

        font-size: 17px;

    }

    .presentation-slider .item a{

        font-size: 17px;

    }

    .presentation-slider.owl-theme .owl-nav [class*=owl-]{

        display: none;

    }

    .type-formation > .formation-container{

        position: static;

        top: 0px;

        margin-top: 15px;

    }

    .brochures img{

        margin-top: 15px;

        margin-bottom: 25px;

    }

    .center-xs{

        text-align: center!important;

    }

    .footer .footer-copyright p{

        margin-bottom: 5px;

    }

}







.main-banner{

    color: #FFF;

    height: 400px;

}

.main-banner .niveau{

    font-size: 30px;

    font-weight: 300;

}

.main-banner h1{

    font-size: 50px;

    color: #FFF;

    margin-bottom: 20px;

    margin-top: 0px;

}

.main-banner.large-banner{

    height: 100vh;

}

.main-banner.formation-banner{

    background-image: url(../img/formation-banner.jpg);

    background-position: center;

    background-size: cover;

}

.main-banner p{

    font-size: 18px;

    line-height: 1.5;

    font-weight: 300;

}

.main-formation{

    padding: 30px 70px;

    background-color: #FFF;

    margin-bottom: 10px;

}
.main-formation.min-pad{
    padding: 3px 70px!important;
}
.main-formation .formation-heading{

    position: relative;

}

.main-formation .formation-heading:before{

    content: '';

    width: 24px;

    height: 2px;

    position: absolute;

    left: -35px;

    background: #8bbb13;

    top: 50%;

    margin-top: -2px;

}

.main-formation.large{

    padding: 34px 70px;

}

.main-formation.m-15-l{

    margin-left: 10px;

}

.main-formation.m-15-r{

    margin-right: 10px;

}

.main-formation.objectif{

    padding: 60px 50px;

    background-color: #8bbb13;

   margin-top: -120px;

    width: calc(100% + 15px);

}

.main-formation.objectif ul li{

    color: #FFF;

}

.main-formation h3{

    font-size: 18px;

    color: #010101;

    margin-bottom: 15px;

}

.main-formation h6{

    font-size: 14px;

    margin-top: 25px;

    margin-bottom: 35px;

}

.main-formation p{

    color:#010101;

}

.main-formation.objectif p,

.main-formation.objectif h3{

    color: #FFF;

}

.main-formation.objectif p{

    font-size: 16px;

}

.main-formation ul{

    margin-top: 15px;

}

.main-formation ul li{

    margin-bottom: 8px;

}

.main-formation.stage{

    padding: 20px 19px 20px 50px;

    background: #178564;



}

.main-formation.stage h3{

    color: #FFF;

}

.main-formation.stage p{

    color: #FFF;

}

.main-formation.formation-contact{

    padding: 41px 15px;

}

.main-formation.formation-contact img{



}

.main-formation.formation-contact h4{

    font-size: 20px;

    margin-top: 17px;

    margin-bottom: 0px;



}

.main-formation.formation-contact a{

    color: #178564;

}

.formations{

    background-color: #f2f2f2;

}



@media(max-width: 991px){

    .formations{

        background: #FFF;

    }

    .main-banner h1{

        font-size: 31px;

    }

    .main-banner p{

        font-size: 15px;

    }

    .formation .container{

        padding: 0px;

        margin: 0px;

    }

    .main-formation.objectif{

        padding: 20px;

        width: 100vw;

        margin-top: 0;

        position: relative;

        left: 50%;

        transform: translateX(-50%);

    }

    .main-formation.stage{

        width: 100vw;

        position: relative;

        left: 50%;

        transform: translateX(-50%);

    }

    .main-formation,

    .main-formation.large{

        padding: 10px 0px 10px 20px;

    }

    .main-formation.m-15-r,

    .main-formation.m-15-f{

        margin-left: 0;

        margin-right: 0;

    }

    .main-banner.large-banner{

        height: 450px;

    }

}



/****

        ==== Présentation ====

****/



.eheb-presentation.vie-eheb{



}

.eheb-presentation.nos-filiers{

    padding: 50px 0px;

}

.eheb-presentation.nos-filiers h2{

    font-size: 27px;

}



.banner-post{

    height: 180px;

    background: #00815c;

}

.banner-post h1{

    margin: 5px 0px;

    color: #FFF;

    font-size: 40px;

}

.banner-post span{

    color: #8abd00;

    font-size: 17px;

}
.large-banner .breadcrumb,
.banner-post .breadcrumb{

    background: transparent;

    padding-top: 0;

    margin-bottom: 0;

}
.large-banner .breadcrumb li,
.banner-post .breadcrumb li{

    font-size: 17px;

}
.large-banner .breadcrumb li a,
.banner-post .breadcrumb li a{

    color: #FFF;

}
.large-banner .breadcrumb li.active,
.banner-post .breadcrumb li.active{

    color: #8abd00;

}



.notre-mission{

    height: auto;

    overflow: hidden;

}

.notre-mission h3{

    font-size: 35px;

}

.notre-mission p{

    font-size: 19px;

}

.notre-mission ul{

    margin-top: 17px;

}

.notre-mission ul li{

    position: relative;

    padding-left: 13px;

    margin-bottom: 8px;

    font-size: 16px;

    color: #777;

    text-align: justify;

}

.notre-mission ul li:before{

    content: '';

    width: 5px;

    height: 5px;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    background: #8bbb13;

    position: absolute;

    top: 9px;

    left: 0px;

}

.notre-mission img{

    margin: auto;

}



.ecole-citoyenne{

    margin-top: 50px;

    height:320px;

    background: #f8f8f8;

}
.ecole-citoyenne-p{
    font-style: italic;
    font-size: 13px!important;
    color: #919090;
    text-align: left;
    margin-top: 18px;
}
.ecole-citoyenne h3{

    font-size: 35px;

    margin-bottom: 20px;

}

.ecole-citoyenne p{

    font-size: 16px;

}

/***

        ==== BLOG ====

***/

.blog{

    height: auto;

    overflow: hidden;

    padding: 50px 0px;

}



.blog .item{

    box-shadow: 2px 2px 10px #ededed;

    height: 470px;

    margin-bottom: 40px;

}

.blog .item .item-image{

    overflow: hidden;

    position: relative;

    transition: all 200ms ease-in;

    -webkit-transition: all 200ms ease-in;

    -moz-transition: all 200ms ease-in;

    -ms-transition: all 200ms ease-in;

    -o-transition: all 200ms ease-in;

    height: 220px;

}

.blog .item .item-image:after{

    transition: all 200ms ease-in;

    -webkit-transition: all 200ms ease-in;

    -moz-transition: all 200ms ease-in;

    -ms-transition: all 200ms ease-in;

    -o-transition: all 200ms ease-in;

}

.blog .item .item-image:hover:after{

    content: '';

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    background: rgba(139, 187, 19, .56);

    transition: all 200ms ease-in-out;

    -webkit-transition: all 200ms ease-in-out;

    -moz-transition: all 200ms ease-in-out;

    -ms-transition: all 200ms ease-in-out;

    -o-transition: all 200ms ease-in-out;

}

.blog .item .item-description{

    padding: 20px;

}

.blog .item .item-description h3{

    margin-top: 5px;

	height: 60px;

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

.blog .item .item-image > img{

    transition: all 200ms ease-in;

    -webkit-transition: all 200ms ease-in;

    -moz-transition: all 200ms ease-in;

    -ms-transition: all 200ms ease-in;

    -o-transition: all 200ms ease-in;

}

.blog .item .item-image:hover > img{

    transform: scale(1.15);

    -webkit-transform: scale(1.15);

    -moz-transform: scale(1.15);

    -ms-transform: scale(1.15);

    -o-transform: scale(1.15);

    transition: all 200ms ease-in-out;

    -webkit-transition: all 200ms ease-in-out;

    -moz-transition: all 200ms ease-in-out;

    -ms-transition: all 200ms ease-in-out;

    -o-transition: all 200ms ease-in-out;

}

.blog .item .btn-main{

    font-weight: 600;

    border-radius: 4px;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

}

.blog .item .item-description p{

    color: #777;

    margin-bottom: 15px;

	height: 45px;

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

.post{

    height: auto;

    margin-top: 40px;

    margin-bottom: 50px;

}

.post .main-post{

    box-shadow: 2px 2px 20px #ededed;

}

.post .main-post iframe{

    max-width: 100%!important;

}

.post .img-container{

    padding: 10px;

}

.post .details{

    padding: 40px;

}

.post  .details h1{

    margin-top: 0;

    margin-bottom: 15px;

}

.post  .details p{

    font-size: 16px;

    color: #777;

    text-align: justify;

    line-height: 1.7;

}

.post .img-container > img{

    margin: auto;

}

.contact-container{

    padding: 40px 0px;

}

.contact-container h4{

    height: 27px;

    margin-bottom: 5px;

}

.contact-container h4 + p{

    margin-bottom: 25px;

}

.contact-container input,

.contact-container textarea{

    border-radius: 0px;

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    -ms-border-radius: 0px;

    -o-border-radius: 0px;

    box-shadow: none;

    border-color: #ccc;

}

.contact-container input{

    height: 50px;

}

.contact-container textarea{

    height: 150px;

    resize: none;

}

.contact-container .btn-main{

    font-weight: bold;

    font-size: 16px;

}

#map{

    height: 450px;

}



/**

    Inscription

**/

.inscription{



}

.inscription .inscription-container{

    height: auto;

    overflow: hidden;

    padding: 40px 0px;

}

.inscription .inscription-container label{

    font-size: 16px;

    color: #5a5959;

    margin-bottom: 8px;

}

.inscription .inscription-container select,

.inscription .inscription-container input,

.inscription .inscription-container textarea{

    box-shadow: none;

    margin-bottom: 30px;

    border-radius: 0px;

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    -ms-border-radius: 0px;

    -o-border-radius: 0px;

    border-color: #ccc;

}

.inscription .inscription-container select,

.inscription .inscription-container input{

    height: 50px;

}

.inscription .inscription-container textarea{

    height: 170px;

    resize: none;

}

.inscription .inscription-container .btn-main{

    font-weight: bold;

    font-size: 16px;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    margin-top: 20px;

}

.inscription .inscription-container h6{

    font-size: 25px;

}

.inscription .inscription-container p{

    font-size: 16px;

}

.inscription .inscription-container h6 + p{

    /* margin-bottom: 30px; */

}

@media(max-width:991px){

    .inscription .inscription-container{

        padding: 40px 20px;

    }

    .post .main-post iframe{

        height: auto!important;

    }

    .banner-post h1 {

		font-size: 20px;

    }

}



.inscription .alert-info p {

	font-size : 25px;

}





.fileinput-button{

    padding: 14px 25px!important;

    background: #168563;

    font-weight: 600;

    color: #FFF;

    font-size: 16px;

    border: none;

    margin-bottom: 20px;

}

.fileinput-button:hover{

    background: #168563;

}

.fileinput-button i{

    position: relative;

    top: 2px;

    margin-right: 2px;

}

#files p{

    width: 220px;

    max-width: 100%;

    margin: 5px;

    float: left;

    text-align: center;

    color: #FFF;

    background: #CCC;

    padding: 5px;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}

#files ul  {

    list-style: none;

}

#files ul li{

    display: inline-block;

    width: 220px;

    max-width: 100%;

    background: #777;

    padding: 5px;

    color: #FFF;

    text-align: center;

    margin: 5px;

}



.navigation-posts{

    height: 80px;

    margin-top: 40px;

}

.post-item{

    position: relative;

    background: #FFF;

    box-shadow: 2px 2px 20px #ededed;

    height: auto;

    overflow: hidden;

    height: 80px;

    margin-bottom: 15px;

    height: 90px;

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

.post-item img{

    width: 120px;

    position: absolute;

    top: 0px;



}

.post-item.prev{

    padding-left: 130px;

    padding-right: 15px;

}

.post-item.prev img{

    left: 0px;

    right: auto;

}

.post-item.next{

    padding-right: 130px;

    padding-left: 15px;

}

.post-item.next img{

    right: 0px;

    left: auto;

}

.post-item h3{

    color: #0b0e0d;

    padding-top: 0px;

    margin-top: 2px;

    font-size: 18px;

}

.post-item span{

    display: inline-block;

    margin-top: 15px;

}



.temoignage-details img{

    margin: auto;

    margin-bottom: 20px;

}







.fb_iframe_widget{

    height: 319px;

    overflow: hidden;

}



#container-files input{

 display: none;

}

.inscription .inscription-container .custom-files-upload span.btn-main{

    margin-top: 0;

    text-align: center;

    padding: 12px 24px;

    font-size: 14px;

}

.no_file_selected{
    font-weight: bold;
    font-size: 16px;
    margin-top: 15px;
}


#files{

    list-style: none;

    margin-bottom: 20px;

}

#files li{

    float: left;

    margin-bottom: 20px;

    padding: 11px 32px;

    background-color: #00825b;

    color: #FFF;

    border-radius: 8px;

    text-align: center;

    font-weight: bold;

    margin-right: 6px;

    position: relative;

}

#files li span{

    background: #8bbb13;

    width: 30px;

    height: 30px;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    line-height: 30px;

    text-align: center;

    color: #FFF;

    position: absolute;

    top: -15px;

    right: -15px;

    z-index: 99;

    cursor: pointer;

}

.medium-insert-buttons{

    display: none!important;

}

@media(max-width:991px){

    .post-item h3{

        font-size: 15px;

    }

}



/* @media(min-width:768px){
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin-left: -50px;
    }
} */
@media(min-width:992px){

    .inscription-btn-online{

        padding-right: 10px!important;

    }

    .inscription-btn-online .btn-main{

        font-weight: bold;

        font-size: 17px;

        border-radius: 5px;

        -webkit-border-radius: 5px;

        -moz-border-radius: 5px;

        -ms-border-radius: 5px;

        -o-border-radius: 5px;

}

}

.intl-tel-input.separate-dial-code .selected-dial-code {

	padding-left: 24px;

}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    left: 100%!important;
    top: 22px;
    right: auto;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-menu.multi-level{
    min-width: 200px!important;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left: 100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.partenariat{
    background-color: #F4F4F4;
    padding: 25px 0px 50px;
}
.partenariat .main-para{
    margin-top: 40px;
    font-size: 16px;
    margin-bottom: 30px;
}
.partenariat .partenariat-item{
    padding: 25px 30px;
    background-color: #FFF;
    margin-bottom: 10px;
}
.partenariat .partenariat-item h3{
    font-size: 19px;
}


.main-formation.m-15-r.large h3{
    position: relative;
}
.main-formation.m-15-r.large h3:before{

    content: '';

    width: 24px;

    height: 2px;

    position: absolute;

    left: -35px;

    background: #8bbb13;

    top: 50%;

    margin-top: -2px;

}

.contact-link{
    font-weight: bold;
    color: #8bbb13;
}


/***************
    Tabs
***************/
#tile-1{
    margin-top: 30px;
    margin-bottom: 25px;
}
#tile-1 .tab-pane
{
}
#tile-1 .nav-tabs
{
  position:relative;
  border:none!important;
  background-color:#fff;
/*   box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2); */
  border-radius:6px;
}
#tile-1 .nav-tabs:before{
    content: '';
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 4px;
    background-color: #efebeb;
}
#tile-1 .nav-tabs li
{
  margin:0px!important;
}
#tile-1 .nav-tabs li svg{
    height:45px;
    width:45px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
}
#tile-1 .nav-tabs li a
{
  position:relative;
  margin-right:0px!important;
  padding: 20px 40px!important;
  font-size:16px;
  border:none!important;
  color:#333;
  font-weight: bold;
}
#tile-1 .nav-tabs a:hover
{
  background-color:transparent!important; 
  border:none;
}
#tile-1 .slider
{
  display:inline-block;
  width:30px;
  height:4px;
  border-radius:3px;
  /* background-color:#8bbb13; */
  position:absolute;
  z-index:2;
  bottom:0;
  transition:all .4s linear;
  
}
#tile-1 .nav-tabs .active
{
  background-color:transparent!important;
  border:none!important;
  color:#8bbb13!important;  
}
#tile-1 .nav-tabs .active svg{
    fill: #8bbb13;
}
#tile-1 .nav-item{
    transition: all 200ms ease;
}
#tile-1 .nav-item:before{
    content: '';
    position: absolute;
    bottom: 0px;
    background-color: #8bbb13;
    left: 0px;
    height: 4px;
    z-index: 3;
    transition: all 200ms ease;
    width: 0px;
}
#tile-1 .nav-item.active:before{
    
    width: 100%;
    
    transition: all 200ms ease;
}
#tile-1 .nav-item.active a{
    color: #8bbb13;
}

@media(max-width: 767px){
    #tile-1 .nav-tabs li{
        width: 33.3%;
        float: left;
    }
    #tile-1 .nav-tabs li svg{
        display: block;
        margin: auto;
        width: 35px;
        height: 35px;
    }
    #tile-1 .nav-tabs li a{
        padding: 0px 0px 5px!important;
        line-height: 1.1;

    }
    #tile-1 .nav-tabs li a span{
        font-weight: 600;
        font-size: 12px;
        display: block;
        margin-bottom: 8px;
    }
}