/*
Red/Orange : #ed380e
Grey : #636363
Grey fond : #4d4d4d
New orange : ##ed380e

font-family: 'Julius Sans One', sans-serif;
font-family: 'Alegreya Sans SC', sans-serif;
font-family: 'Puritan', sans-serif;
*/
.container-expand {
    width:100%;
    cursor: pointer;
}
.container-expand div {
    width:100%;
}
.container-expand .header {
    background-color:#d3d3d3;
    padding: 2px;
    cursor: pointer;
    font-weight: bold;
}
.container-expand .content-expand {
    display: none;
    padding : 5px;
}
.container-expand .content-expand,.container-expand .content-expand p {
    text-align: justify;
} 

.hide {
  display: none;
}
.navbar-custom {
    background-color: #4d4d4d;
}

#footer a:hover {
    font-weight:bold;
    color:#fff;
}
#back-to-top {
    /*background: #ed380e;*/
}
.tab-wrap {
    border: 0;
}
.nav-tabs {
    border-bottom: transparent;
    border: 1px solid #e6e6e6;
}
.se-pre-con {
    background: url(ajax-loader.gif) center no-repeat #fff;
}
a:hover, a:focus {
    color: #636363;
    text-decoration: underline;
}
body {
    font-family: 'Puritan', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Julius Sans One', sans-serif;
}
.section {
    padding: 110px 0 110px 0;
    background: #4d4d4d;
}
.section.not-last {
    padding: 110px 0 0 0;
    background: #4d4d4d;
}
.section.orange,.orange,nav#footer {
    background: #ed380e;
}
nav#footer {
    color: #fff;
}
.section, .section p.para, .section  p,.section h1,.section h2,.section h3,.section h4,.section h5,.section h6,.section div  {
    color:#fff;
}
.title-maizing {
    font-weight: 200;
    margin-bottom: 45px;
    font-size: 40px;
}
.title-maizing .blanc,.title-maizing .orange {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-size: contain;
}
.title-maizing .blanc {
    background: url(exclamation_blanc.png) center center no-repeat;
}
.title-maizing .orange {
    background: url(exclamation_orange) center center no-repeat;
}
/*.tp-caption.NotGeneric-Title > .tp-splitted:after {
    content: url(exclamation_blanc_x2.png);
    display: inline-block;
    transform: scale(.8);
    top: 15px;
    position: relative;
}*/
.contenair-ajust {
    padding:0 50px;
}
.logo-baseline {
    color: #fff;
    margin: 21px 0 0 10px;
    display: inline-block;
}
.navbar-nav > li > a {
    font-family: 'Alegreya Sans SC', sans-serif;
    font-weight: 300;
}
/*,.navbar-nav > li:hover > a, .navbar-nav > li > a:focus*/
.navbar-nav > li.active > a {
    color:#fff;
    font-weight: 600;
}
.nav > li.menulang  {
    padding-left: 20px;
}
.nav > li.menulang > a {

    display: inline-block;
    padding: 13px 0;
    font-size: 11px;
    font-weight: 100;
}
.navbar-nav > li.menulang:hover > a, .navbar-nav > li.menulang > a:focus {
    background: transparent;
    color: #fff;
}
.nav > li.menulang .menulang-separator {
    display: inline-block;
    padding: 0;
    font-size: 11px;
    color: #fff;
}
.tp-caption.NotGeneric-Title, .NotGeneric-Title {
    font-family: 'Julius Sans One', sans-serif;
    font-size: 70px;
    font-style: normal;
    line-height: 30px;
    padding: 10px 0;
    text-decoration: none;
}
.tp-caption.NotGeneric-SubTitle, .NotGeneric-SubTitle {
    margin-top: 90px;
    font-family: 'Julius Sans One', sans-serif;
    font-size: 35px;
    font-style: normal;
    line-height: 70px;
    padding: 10px 0;
    text-decoration: none;
}
.cbp-l-filters-alignRight .cbp-filter-item {
    color: #fff;
    cursor: pointer;
    font: 400 14px/29px 'Puritan', sans-serif;
    /*border: 1px solid transparent;*/
    /*display: block;*/
}
.cbp-filter-counter {
    display:none;
}
.cbp-l-caption-alignCenter .cbp-l-caption-body {
    background-color: #eb684a;
}
.cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-item-active {
    font-weight: bold;
    background-color: #eb684a;
}
.cbp-l-filters-alignRight .cbp-filter-item:hover {
    font-weight: bold;
    color:#fff;
}
.about-ag-b {
    background: url(about.jpg) scroll top center / contain no-repeat;
    height:500px;
}
.title-maizing,.title-maizing-blanc {

}
#menu_agency {
    background: url(agence.jpg) repeat fixed 0 0 / cover;
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
    padding: 110px 0;
    font-size: 18px;
}
#menu_clef {
    background: url(clef.jpg) repeat fixed 0 0 / cover;
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
    padding: 110px 0;
    font-size: 18px;
}
.about-i p {
    margin-left: 0;
}
.about-text {
    padding-left: 55px;
}
.nav-tabs>li>a,.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #fff;
}
#contact {
    background: #4d4d4d;
}
#contact .form-control {
    border-bottom: 2px solid #fff;
}
.form-control {
    color: #000;
    border: 1px solid #fff;
}
#contact .form-control:focus {
    border: 1px solid #ccc;
}
.button-send {
    color:#fff;
    background: #ed380e;
}
#contact form {
    padding: 50px 0;
}
.footer-bottom {
    background: #4d4d4d;
}
.f-b {
    text-transform: initial;
    font-family: 'Puritan', sans-serif;
}
.title-maizing,.title-maizing-blanc {
    font-weight: 200;
    margin-bottom: 45px;
    font-size: 50px !important;
}
.about-text {
    vertical-align: top;
}
.img-responsive2 {
    background: url(about2.jpg) scroll top center / contain no-repeat;
    height:500px;
}
.modal-content.new-style {
    border: 0;
    box-shadow: none;
    background: transparent;
    color: #fff;
    text-align: left;
}
.modal-content.new-style a {
    text-decoration: underline;
}
.modal-content.new-style a:hover {
    color:#ccc;
}
.close-animatedModal {
    text-align: right;
}
.closebt {
    padding: 10px;
}
.rev_slider .tp-mask-wrap .tp-caption, .rev_slider .tp-mask-wrap {
    font-size: 70px !important;
}
.rev_slider .tp-mask-wrap .tp-caption.NotGeneric-SubTitle {
    font-size: 35px !important;
}
.about-text2 {
    height: auto;
}
.navbar-nav {
    /*overflow-y: scroll;*/
}
@media (max-width: 1200px) {
    .rev_slider .tp-mask-wrap .tp-caption, .rev_slider .tp-mask-wrap {
        font-size: 60px !important;
    }
    .about-text {
        padding-left: 15px;
    }
}
@media (max-width: 1040px) {
    .rev_slider .tp-mask-wrap .tp-caption, .rev_slider .tp-mask-wrap {
        font-size: 50px !important;
    }
    .rev_slider .tp-mask-wrap .tp-caption.NotGeneric-SubTitle {
        font-size: 25px !important;
    }
    #menu_agency {
        background: url(agence.jpg) repeat fixed center 0 / cover;
    }
    .about-ag-b {
        height: 400px;
    }
    .about-text {
        height: auto;
        padding-bottom: 100px;
    }
    .about-text2 {
        padding-bottom: 0;
    }

}
@media (max-width: 980px) {
    .section {
        padding: 40px 0 ;
    }
    .about-text {
        padding-left: 0;
        padding-bottom: 30px;
        height:auto !important;        
    }
    .tp-caption.NotGeneric-Title > .tp-splitted:after {
        transform: scale(.7);
        top: 20px;
    }
    .logo-baseline {
        vertical-align: top;
    }
    .navbar-brand {
        height: auto;
    }
    .rev_slider .tp-mask-wrap .tp-caption, .rev_slider .tp-mask-wrap {
        font-size: 50px !important;
    }
    .rev_slider .tp-mask-wrap .tp-caption.NotGeneric-SubTitle {
        font-size: 25px !important;
    }
    .navbar-fixed-top, .navbar-fixed-bottom {
    /*position: relative;*/
    position: absolute;
}

}
@media (max-width: 768px) {
    .tp-caption.NotGeneric-Title > .tp-splitted:after {
        transform: scale(.3);
        top: 37px;
        right: 10px;
    }
    .logo-baseline {
        margin:0;
    }
    .navbar-brand img {
        margin:0 auto;
    }
    .rev_slider .tp-mask-wrap .tp-caption, .rev_slider .tp-mask-wrap {
        font-size: 20px !important;
    }
    .rev_slider .tp-mask-wrap .tp-caption.NotGeneric-SubTitle {
        font-size: 15px !important;
    }
    .service_section .col-md-3 {
        width: 50%;
        float: left;
        height: 460px;
    }
    .title-maizing, .title-maizing-blanc {
        font-size: 30px !important;
    }
    .title-maizing .orange {
        background: url(exclamation_orange) bottom center no-repeat;
        background-size: 30% 80%;
    }
    .title-maizing .blanc {
        background: url(exclamation_blanc.png)  bottom center no-repeat;
        background-size: 30% 80%;
    }
    #menu_agency {
        background: url(agence.jpg) repeat scroll center top / cover;
    }
    #menu_clef {
        background: url(clef.jpg)  repeat scroll center top / cover;
    }
    .nav > li.menulang {
        padding-left: 0;
    }
    .img-responsive2,.about-ag-b {
        max-height: 280px;
    }
    .about-ag-b {
        max-height: 280px;
    }
    .img-responsive1 {
        max-height: 236px;
    }
    .about-i.section {
        padding: 0;
    }
    .service_section h4 {
        font-size: 15px;
    }
    .service_section p {
        line-height: 18px;
        font-size: 12px;
    }
    .modal-content .title-maizing {
        font-size: 16px !important;
        margin: 70px 0 0;
        color: #fff;
        font-weight: bold !important;
    }
    .col-center {
        padding:0 50px;
        
    }
}
@media (min-width: 768px) {
    .navbar-custom.top-nav-collapse {
        background: #636363;
    }
    .navbar-custom {
        background: rgba(255, 255, 255, 0.2);
    }
    .service_section .col-md-3 {
        width: 25%;
        float: left;
    }
    

}
.tp-leftarrow.tparrows,.tp-rightarrow.tparrows {
    display: none;
}

/*iPad in landscape*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
    .logo-baseline {
        text-align: left;
        margin: 0;
        font-size: 11px;
        position: absolute;
        top: 42px;
        left: 47px;
    }
    .navbar-custom.top-nav-collapse {
        background: #636363;
    }
    #menu_agency {
        background: url(agence.jpg) repeat scroll center top / cover;
    }
    #menu_clef {
        background: url(clef.jpg)  repeat scroll center top / cover;
    }
    .top-nav-collapse {
        background: #636363 !important;
    }
    .about-ag-b {
        height: 400px;
    }
}

/*iPad in portrait*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  
and (orientation : portrait) { 
    .logo-baseline {
        margin: 22px 0 0 10px;
    }
    .navbar-custom.top-nav-collapse {
        background: #636363;
    }
    #menu_agency {
        background: url(agence.jpg) repeat scroll center top / cover;
    }
    #menu_clef {
        background: url(clef.jpg)  repeat scroll center top / cover;
    }
    .navbar-custom.top-nav-collapse {
        background: #636363;
    }
}