@font-face {
    font-family: 'roboto_condensedregular';
    src: url('assets/base/font/robotocondensed-regular-webfont.eot');
    src: url('assets/base/font/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('assets/base/font/robotocondensed-regular-webfont.woff2') format('woff2'),
        url('assets/base/font/robotocondensed-regular-webfont.woff') format('woff'),
        url('assets/base/font/robotocondensed-regular-webfont.ttf') format('truetype'),
        url('assets/base/font/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'roboto_condensedlight';
    src: url('assets/base/font/robotocondensed-light-webfont.eot');
    src: url('assets/base/font/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('assets/base/font/robotocondensed-light-webfont.woff2') format('woff2'),
        url('assets/base/font/robotocondensed-light-webfont.woff') format('woff'),
        url('assets/base/font/robotocondensed-light-webfont.ttf') format('truetype'),
        url('assets/base/font/robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'roboto_condensedbold';
    src: url('assets/base/font/robotocondensed-bold-webfont.eot');
    src: url('assets/base/font/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('assets/base/font/robotocondensed-bold-webfont.woff2') format('woff2'),
        url('assets/base/font/robotocondensed-bold-webfont.woff') format('woff'),
        url('assets/base/font/robotocondensed-bold-webfont.ttf') format('truetype'),
        url('assets/base/font/robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*----- BEGIN: GLOBAL -----*/
html{
    background-color: #1c2126;
}
body{
    font-family: 'roboto_condensedlight',Helvetica,Arial, sans-serif;
    font-size: 18px;
}
.c-font-color{
    color: #0089CF !important;
    font-size: 24px;
    margin: 0 0 30px 0;
}
.c-font-bold{
    font-family: 'roboto_condensedbold',Helvetica,Arial, sans-serif;
    letter-spacing: 1px;
}
.c-content-feedback-1 > .row > div > .c-container h3{
    padding-bottom: 20px
}
.c-font-54, .c-content-feedback-1 > .row > div > .c-container h3, .p-top-contact-20{
    font-family: 'roboto_condensedregular',Helvetica,Arial, sans-serif;
}
a:active, a:hover, a:focus{
    color: #0089CF;
}
.content-box-100.c-size-md{
    padding-top: 108px;

}
.content-box-50{
    padding-top: 50px;
}
.c-content-testimonials-4 .c-content{
    text-align: left;
    line-height: 180%;
}
.p-bottom-50{
    padding-bottom: 50px;
}
.p-bottom-100{
    padding-bottom: 100px;
}
.p-bottom-250{
    padding-bottom: 250px;
}
.c-content-box.c-size-lg{
    padding: 130px 0 50px;
}
.p-top-10{
    padding-top: 10px;
}
.p-top-contact-20{
    padding-top: 20px;
    color: #0089CF;
    font-size: 18px;
}
.c-body .c-section .p-top-contact-20{
    color: #0089CF !important;
    font-size: 18px !important;
    margin-top: -5px !important;
    font-family: 'roboto_condensedregular',Helvetica,Arial, sans-serif;
}
.p-bottom-10{
    padding-bottom: 10px;
}
.c-theme-btn.btn{
    background-color: #0089CF;
    border-color: #7FB8E3;
    margin-top: 20px
}
.c-theme-btn.btn:hover{
    background-color: #7FB8E3;
    border-color: #0089CF;
}
.p-top-50{
    padding-top: 50px;
}
.p-top-40{
    padding-top: 40px;
}
.m-top-adverse-80{
    margin-top: -80px;
}
.m-top-30{
    margin-top: 30px;
}
.n-active{
    color: #0089CF !important;
}
.n-arrow{
    color: #FFFFFF;
    padding-left: 10px;
}
.c-font-thin{
    font-weight: 500 !important;
}
.c-layout-revo-slider-7 .c-singup-form{
    text-align: left;
    top: 85%;
    left: 40px;
}
.t-content-home{
    text-align: center;
    padding-top: 40px;
}
.c-content-blog-post-card-1.c-option-2 .c-body{
    padding-top: 0;
}
.owl-carousel.c-theme .owl-controls .owl-dot.active{
    background: #0089CF !important;
}
.owl-carousel .owl-item img{
    cursor: default;
}
.c-panel li a{
    color: #FFFFFF;
}
.c-panel li a:hover{
    color: #1c2126;
}
.c-media.c-content-overlay a img{
    cursor: pointer;
}
.c-content-tile-1 .c-wrapper .c-tile-title{
    font-size: 18px;
    padding-top: 10px;
    font-family: 'roboto_condensedregular',Helvetica,Arial, sans-serif;
}
.c-content-title-1 > h3.c-font-uppercase{
    font-size: 24px;
}
.c-content-contact-1 > .row .c-body > .c-section > h3{
    font-family: 'roboto_condensedregular',Helvetica,Arial, sans-serif;
}
.fa{
    color: #0089CF !important;
}
/*----- END: GLOBAL -----*/

/*--- BEGIN: NAV ---*/
.c-layout-header .c-brand{
    margin: 20px 15px 21px !important;
}
.c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-brand.c-desktop-logo-inverse{
    margin: 5px 0 19px 0;
}
.c-theme-nav li.c-active > a:not(.btn){
    color: #0089CF !important;
}
.c-theme-nav li:focus > a:not(.btn), .c-theme-nav li:active > a:not(.btn), .c-theme-nav li:hover > a:not(.btn){
    color: #0089CF !important;
}
.c-layout-header.c-layout-header-2{
    background: rgba(30, 36, 42, 0.90);
}
.c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-mega-menu .nav.navbar-nav > li > .c-link.posi-flag{
    /*padding: 23px 0 21px 15px !important;*/
}
.c-link.dropdown-toggle.posi-flag {
    margin-top: -1px;
}
a:hover .flag{
    border: 1px solid #0089CF;
}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li > .dropdown-menu .drop-flag{
    min-width: 20px !important;
    width: 20px !important;
}
.dropdown-menu{
    font-family: 'roboto_condensedregular',Helvetica,Arial, sans-serif;
}
/*--- END: NAV ---*/

/*--- BEGIN: INDEX ---*/
.home-nav{
    display: block;
    position: absolute;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 2em;
    text-transform: uppercase;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    text-align: center;
    background-color: rgba(30, 36, 42, 0.82);
    width: 100%;
}
.c-content-isotope-gallery .c-content-isotope-item{
    /*edit 2017-0502*/
    position: absolute;
}
.c-bg-home-1{
    background-image: url(assets/base/img/content/background.jpg);
}
.c-content-position{
    position: relative; 
    height: 759px; 
    margin-top: 40px;
}
.owl-carousel.owl-loaded{
    padding-top: 20px;
}
.c-theme-ul-bg > li{
    background: #0089CF !important;
}
.border-bg-home{
    border: 1px solid #DBDADA;
}
.c-content-tab-3 > .c-tab-content {
    padding: 20px 0;
}
.c-content-contact-1 > .row .c-body{
    /*margin: 0;*/
    padding: 50px 40px;
}
.t-content-bottom{
    text-align: center;
    margin-bottom: -30px;
}
/*----- END: INDEX -----*/

/*----- BEGIN: PRESENTATION -----*/
.c-bg-parallax {
    background-image: url(assets/base/img/content/presentation.jpg);
}
/*----- END: PRESENTATION -----*/

/*----- BEGIN: SERVICES -----*/
.service-accueil{
    margin: 0 260px 50px;
    padding-top: 180px
}
.c-content-v-center{
    background-color: #7FB8E3 !important;
    height: 330px;
}
.c-content-tile-1 .c-tile-content.c-arrow-left::after{
    border-right-color: #7FB8E3;
    border-bottom-color: #7FB8E3;
}
.c-content-tile-1 .c-tile-content.c-arrow-right::after{
    border-left-color: #7FB8E3;
    border-top-color: #7FB8E3;
}
.service{
    margin: 100px 60px;
}

/*----- END: SERVICES -----*/

/*----- BEGIN: PRO-EXE/FORMATION/CONSULTANCE/PRESTATION TECHNIQUE -----*/
.p-top-btn{
    padding-top: 100px;
}
.c-content-product-1 .row .c-body{
    padding: 0 0 20px 20px;
}
/*----- END: PRO-EXE/FORMATION/CONSULTANCE/PRESTATION TECHNIQUE -----*/

/*----- BEGIN: REFERENCES -----*/
.c-bg-reference{
    background-color: #FFFFFF !important;
}
.c-content-client-logos-1 .c-logos{
    padding-top: 20px;
}
.c-content-list-1.c-theme.c-separator-dot > li::before, .c-content-list-1.c-theme > li::before {
    background: #0089CF;
}
.c-content-client-logos-1 .c-logo-7, .c-content-client-logos-1 .c-logo-8 {
    border-right: 1px solid #edeff0;
    border-top: 1px solid #edeff0;
}
.c-content-client-logos-1 .c-logo-9{
    border-top: 1px solid #edeff0;
}
/*----- END: REFERENCES -----*/

/*----- BEGIN: PARTENAIRES -----*/
.c-content-client-logos-1 .c-logo-part-1{
    border-right: 1px solid #edeff0;
    border-bottom: 1px solid #edeff0;
}
.c-content-client-logos-1 .c-logo-part-2{
    border-bottom: 1px solid #edeff0;
}
.c-content-client-logos-1 .c-logo-part-3{
    border-right: 1px solid #edeff0;
}

/*----- END: PARTENAIRES -----*/

/*----- BEGIN: CONTACT -----*/
.cbp{
    height: 360px;
}
.cbp-l-grid-agency-title, .cbp-l-grid-agency-desc, .cbp-l-grid-work-title, .cbp-l-grid-work-desc, .cbp-l-grid-blog-title, .cbp-l-grid-projects-title, .cbp-l-grid-projects-desc, .cbp-l-grid-masonry-projects-title, .cbp-l-grid-masonry-projects-desc{
    white-space: normal;
    overflow: visible;
}
.img-resp-google{
    width: 95%;

}
.img-resp-google-home{
    width: 100%;
}
.team-image-1{
    width: 262px; 
    left: 0px; 
    top: 0px;
}
.team-image-2{
    width: 262px; 
    left: 292px !important; 
    top: 0px;
}
.team-image-3{
    width: 262px;
    left: 584px !important; 
    top: 0px;
}
.team-image-4{
    width: 262px; 
    left: 876px !important; 
    top: 0px;
}
.c-bg-contact-1{
    background-image:url(assets/base/img/content/backcontact.jpg);
}
.c-bg-contact-2{
    background-image:url(assets/base/img/content/feedback_box_3.png);
}
.c-theme.form-control:focus, .c-theme.form-control:active, .c-theme.form-control.active{
    border-color: #0089CF !important;
}
/*----- END: CONTACT -----*/

/*----- BEGIN: CV -----*/
.c-theme-bg{
    background-color: #0089CF !important;
    margin-bottom: 20px;
}
.c-person img{
    border-radius: 100%;
    width: 80%;
}
.c-bg-blue-fp{
    background-color: #0089CF;
}
div .c-feature-15-desc.p-font-white{
    color: #FFFFFF !important;
}
.c-theme-border{
    border-color: #e30613 !important;
}
.c-content-feature-15 .c-feature-15-container .c-feature-15-title, .c-title-size-320{
    width: 320px;
}
.c-content-feature-15 .c-feature-15-container{
    margin: 0;
}

.c-btn-border-2x.c-btn-blue-fp{
    position: relative;
    bottom: 0;
    border-color: #1c2126;
    color: #1c2126;
    background: rgba(255,255,255, 0.8);
    display: block;
    width: 150px;
}
.c-btn-border-2x.c-btn-blue-fp:hover{
    border-color: #FFFFFF;
    color: #FFFFFF;
    background: rgba(28,33,38, 0.8);
}
/*----- END: CV -----*/

/*--- BEGIN: FOOTER ---*/
.c-layout-footer.c-layout-footer-1 .c-postfooter{
    background-color: #1c2126;
}
.c-layout-footer.c-layout-footer-1 .c-postfooter .c-socials > li > a:hover > i{
    background: #0089CF;
    color: #FFFFFF;
}
.c-layout-footer.c-layout-footer-1 .c-postfooter .c-copyright{
    color: #0089CF;
}
.c-layout-footer.c-layout-footer-1 .c-postfooter .c-copyright a{
    color: #0089CF;
}
.c-layout-footer.c-layout-footer-1 .c-postfooter .c-copyright a:hover{
    color: #FFFFFF;
}
/*--- END: FOOTER ---*/

/*----------- BEGIN: MEDIA -----------*/

@media (min-width: 992px){
    /*--- BEGIN: GLOBAL ---*/
    .c-layout-header .c-brand{
        margin: 20px 0 37px 0 !important;
    }
    /*--- END: GLOBAL ---*/
    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-classic{
        min-width: 200px;
        width: 200px;
    }
    .c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon, .c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link{
        font-family: 'roboto_condensedregular',Helvetica,Arial, sans-serif;
        font-size: 16px;
    }
    /*BEGIN: nav position flag*/
    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-classic.drop-flag{
        min-width: 70px !important;
        width: 70px !important;
    }
    /*END: nav position flag*/
    /*BEGIN: nav position drop-down*/
    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li .dropdown-menu > li > a{
        padding: 10px 20px 10px 15px;
    }
    /*END: nav position drop-down*/

}


@media (max-width: 991px) {
    /*--- BEGIN: INDEX ---*/
    .home-nav{
        font-weight: 400;
        font-size: 1.2em;
    }
    .c-layout-revo-slider-7 .c-singup-form{
        top: 50%;
    }
    .t-content-home{
        padding-top: 20px;
    }
    .border-bg-home{
        display: block;
        margin: 5px auto;
        padding-top: 20px;
    }
    .c-content-tab-3 > .c-tab-content{
        padding: 0;
    }
    .c-tab-content .container{
        margin: -50px;
    }
    .c-content-tab-3 > .c-tab-content ul.c-photos > li + li{
        margin-bottom: 0;
    }
    .c-responsive-bottom-70{
        padding-bottom: 70px;
    }
    /*----- END: INDEX -----*/

    /*----- BEGIN: GLOBAL -----*/
    .c-content-box.c-size-lg{
        padding: 110px 0 30px;
    }
    .content-box-100.c-size-md{
        padding-top: 65px;
    }
    .m-top-adverse-80{
        margin-top: 30px;
    }
    .c-layout-header .c-brand{
        margin: 20px 0 37px 0 !important;
    }
    /*----- END: GLOBAL -----*/

    /*----- BEGIN: PRO-EXE/FORMATION/CONSULTANCE/PRESTATION TECHNIQUE -----*/
    .c-content-product-1 .row .c-media > img{
        width: 60%;
        height: auto;
    }
    .p-top-btn{
        padding-top: 50px;
        padding-bottom: 0;
    }
    /*----- END: PRO-EXE/FORMATION/CONSULTANCE/PRESTATION TECHNIQUE -----*/

    .content-resize{
        width: 80%;
        display: block;
        vertical-align: central;
    }
    /*----- BEGIN: SERVICES -----*/
    .c-block-img{
        /*edit 2017-0504*/
        width: 110%;
        height: auto;
    }
    .c-content-v-center{
        height: 150px;
    }
    .service{
        margin: auto;
    }

    /*----- END: SERVICES -----*/
    /*----- BEGIN: CONTACT -----*/
    .img-resp-google{
        display: block;
        width: 100%;
    }
    .cbp .cbp-item {
        position: initial;
        padding-bottom: 10px;
    }
    .c-content-box.c-size-md.p-top-50.container{
        height: 200px;
    }
    .cbp{
        height: 633px;
    }
    /*----- END: CONTACT -----*/

}

@media (max-width: 767px) {
    /*--- BEGIN: GLOBAL ---*/
    .c-layout-header .c-brand{
        margin: 20px 0 37px 0 !important;
    }
    /*--- END: GLOBAL ---*/
    /*--- BEGIN: INDEX ---*/
    .home-nav{
        font-weight: 400;
        font-size: 1em;
    }
    
    /*----- END: INDEX -----*/

    /*----- BEGIN: CONTACT -----*/
    .cbp{
        height: 633px;
    }
    /*----- END: CONTACT -----*/
    div .c-feature-15-desc.p-font-white{
        font-size: 0.8em;
    }
    /*----- BEGIN: SERVICES -----*/
    .c-block-img{
        /*edit 2017-0504*/
        width: 110%;
        height: auto;
    }
    .c-content-v-center{
        height: 150px;
    }
    .service{
        margin: auto;
    }

    /*----- END: SERVICES -----*/
}


@media (max-width: 480px) {
    /*--- BEGIN: GLOBAL ---*/
    .c-layout-header .c-brand{
        margin: 20px 0 37px 0 !important;
    }
    /*--- END: GLOBAL ---*/
    /*--- BEGIN: INDEX ---*/
    .home-nav{
        font-weight: 300;
        font-size: 0.6em;
    }
    /*----- END: INDEX -----*/

    /*----- BEGIN: CONTACT -----*/
    .cbp{
        height: 1233px;
    }
    /*----- END: CONTACT -----*/
    /*----- BEGIN: SERVICES -----*/
    .c-block-img{
        /*edit 2017-0504*/
        width: 110%;
        height: auto;
    }
    .c-content-v-center{
        height: 150px;
    }
    .service{
        margin: auto;
    }

    /*----- END: SERVICES -----*/

}
/*----- END: MEDIA -----*/