body{
    line-height:1.3;
    font-weight:normal;
}
.top-bar-wrapper {
    background-color: #497591;
}

.top-bar-wrapper .top-left a i {
    color: #FFF;
}
.top-bar-wrapper a:hover, .top-bar-wrapper .social-pages a:hover{
    color:#000;
}

.elementor-widget-wp-widget-polylang li{display:inline; margin-right:10px;}
.elementor-widget-wp-widget-polylang li.current-lang img{opacity:1;}
.elementor-widget-wp-widget-polylang img{width:30px; opacity:0.5; transition: all 0.5s;}
.elementor-widget-wp-widget-polylang img:hover{transform:translateY(4px);opacity:1;}


#popup-menu ul, #popup-menu li,
#popup-menu-side ul, #popup-menu-side li{list-style-type: none; margin:0; padding:0;}

#popup-menu ul.menu{
    columns: 2;
}

#popup-menu ul.menu > li{
    /*width:44%; float:left;*/
    text-align:left;
    padding-right:40px;
    margin-bottom:50px;
    break-inside: avoid-column;
}


#popup-menu ul.menu > li > a{
    margin-bottom:15px;
    font-size: 33px;
    font-weight: 800;
    line-height: 48px;
    color:#FFFFFF;
    display: inline-block;
    position: relative;
    font-family:"Gotham", Sans-serif;
}

#popup-menu ul.menu > li > a:after {
    background: #FFFFFF;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
}
#popup-menu ul.menu > li:hover > a:after {
    width: 100%;
    left: 0;
}

#popup-menu ul.menu > li > ul > li > ul {
    display:none;
}

#popup-menu ul.menu > li > ul{
    margin: 5px 0 0 0;
    padding: 0 0 0 0;
}
#popup-menu ul.menu > li > ul > li{

}
#popup-menu ul.menu > li > ul > li a {
    font-size: 18px;
    color: #FFFF;
    line-height: 23px;
    margin-bottom:15px;
    text-decoration: none;
    display: inline-block;
    position: relative;
    transition: all 0.3s ease 0s;
    font-family:"Gotham", Sans-serif;
}
#popup-menu ul.menu > li > ul > li a:hover{
    margin-left:10px;
}



#popup-menu-side ul.elementor-nav-menu > li{
    display: inline-block;
    width:100%;
    position: relative;
}

#popup-menu-side ul.elementor-nav-menu > li a{
    color:#FFFFFF;
    padding:0 !important;
    margin-bottom:30px;
    font-size: 30px;
    font-weight: 800;
    line-height: 45px;
    display: inline-block;
    position: relative;
    font-family:"Gotham", Sans-serif;

}
#popup-menu-side ul.elementor-nav-menu > li a:after {
    background: #FFFFFF;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
}
#popup-menu-side ul.elementor-nav-menu > li:hover > a:after {
    width: 100%;
    left: 0;
}
.contact-form input[type="submit"], .contact-form .submit-btn, .contact-form .submit-btn,
.theme-btn, a.theme-btn, .elementor-button {
    color: #fff;
    padding: 16px 32px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
    background-color: #ef761f;
    border: 2px solid #ef761f;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.contact-form input[type="submit"].active, .contact-form input[type="submit"]:hover, .contact-form .submit-btn.active, .contact-form .submit-btn:hover,
.theme-btn:hover, a.theme-btn:hover, .elementor-button:hover {
    background-color: #497591;
    border: 2px solid #497591;
    color: #FFFFFF !important;
}


.elementor-button{
    color: #fff !important;
}

header.header-1 .logo img{height:80px; width:auto;}

header.header-1 .main-menu ul li{
    text-align:left;
}

header.header-1 .main-menu ul > li > a {
    display: inline-block;
    font-weight: 700;
    font-family:"Gotham";
    line-height: 1;
    padding: 38px 12px;
    font-size:15px;
    overflow: hidden;
    text-align: left;
    position: relative;
}
header.header-1 .main-menu ul > li:hover > a {color: #497591;}
header.header-1 .main-menu ul > li > ul {background-color: #3c3c3c;}
header.header-1 .main-menu ul > li > ul li a {color: #84aac2;}
header.header-1 .main-menu ul > li:hover > ul li:hover > a {color: #FFF;}

header.header-1 .main-menu ul > li > ul li a {
    padding: 10px 24px;
    line-height: 1.5;
}




header.header-1.sticky .logo img{height:40px; width:auto;}

header.header-1.sticky .main-menu ul > li > a {
    display: inline-block;
    font-weight: 700;
    line-height: 1;
    padding: 28px 12px !important;
    font-size:14px;
    overflow: hidden;
    text-align: left;
    position: relative;
}

header.header-1.sticky .main-menu ul > li > ul li a {
    padding: 10px 24px !important;
    line-height: 1.5;
}



header.header-1.sticky .theme-btn {
    padding: 9px 28px;
}


h1, h2, h3, h4, h5, h6 {
    color: #497591;
}

/*
.blog-wrapper .container, .blog-wrapper .container-lg, .blog-wrapper .container-md, .blog-wrapper .container-sm, .blog-wrapper .container-xl, .blog-wrapper .container-xxl {
    max-width: 100% !important;
}
 */

.section-title p {
    text-transform: initial;
}

.section-title h2, .elementor-widget-text-editor h2 {
    text-transform: initial;
    font-size: 40px;
    line-height: 1.2;
    letter-spacing: initial;
}
.section-title span {
    color: #5ebcf71a;
}


.gotobottom-arrow .elementor-icon{
    align-self: flex-end;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    margin: 0 auto 0 auto;
    transform-origin: bottom;
    animation-name: bounce-bottom;
    animation-timing-function: ease;
}
@keyframes bounce-bottom {
    0%   { transform: translateY(0); }
    30%  { transform: translateY(-50px); }
    50%  { transform: translateY(0); }
    100% { transform: translateY(0); }
}



body:not(.elementor-editor-active) #lignetemps{
    display: block;position: relative; margin: 0 auto;
    max-width:1400px; aspect-ratio: 100 / 35;
}
body:not(.elementor-editor-active) #lignetemps .elementor-widget-wrap{height:100%;}

body:not(.elementor-editor-active) .lignetemps-projet{
    position:absolute;
    width:28%;
}
body:not(.elementor-editor-active) .lignetemps-projet-angle{
    position:absolute;
    width:5.6%;
}
body:not(.elementor-editor-active) .lignetemps-projet-angle *{margin:0 !important; padding:0 !important;}

body:not(.elementor-editor-active) .lignetemps-projet *{margin:0 !important; padding:0 !important;}
body:not(.elementor-editor-active) .lignetemps-projet h3{font-size:22px !important;}
body:not(.elementor-editor-active) .lignetemps-projet .elementor-image-box-description{font-size:18px !important; line-height: 1 !important;}


body:not(.elementor-editor-active) #lignetemps-projet-1{
    top:0;
    left:5.6% !important;
}
body:not(.elementor-editor-active) #lignetemps-projet-2{
    top:0;
    left:35.6% !important;
}
body:not(.elementor-editor-active) #lignetemps-projet-3{
    top:0;
    left:65.6% !important;
}
body:not(.elementor-editor-active) #lignetemps-projet-angle-1{
    top:0;
    left:93.6% !important;
}


body:not(.elementor-editor-active) #lignetemps-projet-angle-2{
    top:50%;
    left:0 !important;
}
body:not(.elementor-editor-active) #lignetemps-projet-4{
    top:50%;
    left:5.6% !important;
}
body:not(.elementor-editor-active) #lignetemps-projet-5{
    top:50%;
    left:35.6% !important;
}
body:not(.elementor-editor-active) #lignetemps-projet-6{
    top:50%;
    left:65.6% !important;
}

body:not(.elementor-editor-active) #lignetemps-projet-angle-3{
    top:50%;
    left:93.6% !important;
}


.single-approach-card.single-card-item{
    /*transform: skew(0deg, -2deg);*/
    background:#497591 !important;
    padding:30px;
}
.single-approach-card.single-card-item > *{
    /*transform: skew(0deg, 2deg);*/

}
.single-approach-card .content, .single-service-card .content{
    background:transparent !important;
    padding:30px 35px 30px 35px;
}


.single-approach-card .content .case-cat img{
    max-width:30px; max-height:30px; height:auto; width:auto;
}
.single-approach-card .content .case-cat a, .single-service-card .content .case-cat a{
    color: #FFF;
    background: #ef761f;
}
.single-approach-card .content .case-cat a:hover, .single-service-card .content .case-cat a:hover{
    color: #FFF;
    background: #000000;
}
.single-approach-card .content, .single-service-card .content{
    color: #FFFFFF;
}
.single-approach-card .content h3 a, .single-service-card .content h3 a{
    color: #FFFFFF;
}
.single-approach-card .content h3:hover a, .single-service-card .content h3:hover a{
    color: #000000;
}

.single-approach-card .content .read-btn, .single-service-card .content .read-btn{
    color: #FFFFFF;
}
.single-approach-card .content .read-btn:hover, .single-service-card .content .read-btn:hover{
    color:#000000;
}


.single-blog-card .post-content .post-date{
    border-radius:0;
}

.section-padding {
    padding: 60px 0px 80px 0;
}

.elementor-aspect-ratio-219 .elementor-fit-aspect-ratio {
    padding-bottom: 40% !important;
}

.breadcrumb-wrapper {
    background-color: #f8f8f8;
    padding: 9px 0px;
    color: #497591;
    font-size:13px;
}
.breadcrumb-wrapper a{
    font-size:13px;
}
.breadcrumb-wrapper a:hover {
    color:#000;
}


.be-pack.timeline li{
    list-style-type: none;
}

.main-sidebar .single-sidebar-widget .social-link a:hover{
    color:#fff !important;
}

.recent_post_wid .post-data{
    margin-bottom:15px;
}
.recent_post_wid .post-data span{margin-bottom:5px;display:block;}
.recent_post_wid .post-data span i{margin-right:5px;}
.recent_post_wid .post-data span h5{line-height:1.3;}

.single_job_listing .meta .job-type{
    color:#999 !important;
    background-color:#fff !important;
}

.single_job_listing .company img, .blog-wrapper .single-blog-post .post-content p{
    position:initial !important;
    display: inline-block;
    vertical-align: middle;
    float:none !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
}

.super-msg h1{
    letter-spacing:initial !important;
    line-height: 38px !important;
}

.super-field-size-medium .super-fileupload-button i {
    top: 10px !important;
}

.job_listing .job-type{
    color:#000 !important;
}

.blog-wrapper .border-wrap{
    padding:25px 50px;
}

.blog-wrapper .single-blog-post .post-content .post-meta span{
    color: var(--e-global-color-2a0e152);
    font-size: 22px;
    font-weight: bold;
}
.recent_post_wid .post-data span{
    color: var(--e-global-color-2a0e152);
    font-size: 17px;
    font-weight: bold;
}

#scrollUp {
    background-color: #497591;
    line-height: 40px;
}
#scrollUp:hover {
    background-color: #ef761f;
}



.wpcf7-response-output{
    padding:30px;
    font-size:1.2em;
    color:#000;
}

#home-activites .elementor-button-link{
    width:100%;
    align-items: center;
    justify-content:center;
    display: flex;
}

body.single-job_listing .blog-wrapper .post-navigation, body.single-post .blog-wrapper .post-navigation{display:none;}
.single-blog-card .post-content h3{margin-top:10px !important;}
.single-blog-card .post-content p{margin-top:5px !important;}

.elementor-nav-menu .current-menu-ancestor > a{
    color: #000000 !important;
}
.elementor-nav-menu .current-menu-ancestor > a:after {
    opacity:1 !important;
    background-color: #000000;
    height: 3px;
    width: 100%;
    left: 0;
    content: "";
    bottom: 0;
    z-index: 2;
}

.grecaptcha-badge{
    display:none !important;
}

body{
    overflow-x:hidden !important;
    height:auto !important;
}

@media only screen and (max-width: 1400px) {
    a.theme-btn{padding:16px !important;}
    header.header-1 .main-menu ul > li > a{padding-left:4px !important;padding-right:4px !important;font-size: 14px !important;}
    header a.theme-btn {font-size: 14px !important;}

}

@media only screen and (max-width: 1400px) and (min-width:992px) {
    .header-1 .container{max-width:100% !important;}

    .single-approach-card.single-card-item{
        padding:15px;
    }

}

@media only screen and (max-width: 1150px) {
    header.header-1 .main-menu ul > li > a{font-size: 12px !important;}
    .single-approach-card .content, .single-service-card .content{
        padding: 20px 15px 20px 0px;
    }
}
@media only screen and (max-width: 1180px) {
    body:not(.elementor-editor-active) .lignetemps-projet h3{font-size: 20px !important;}
    body:not(.elementor-editor-active) .lignetemps-projet .elementor-image-box-description {font-size: 16px !important;}


    #popup-menu ul.menu > li{
        padding-right:2%;
        margin-bottom:20px;
    }

    #popup-menu ul.menu > li > a{
        margin-bottom:15px;
        font-size: 28px;
        font-weight: 700;
        line-height: 30px;
    }

    #popup-menu-side ul.elementor-nav-menu > li a{
        margin-bottom:15px;
        font-size: 20px;
        font-weight: 700;
        line-height: 25px;
    }

}

@media only screen and (max-width: 920px) {
    body:not(.elementor-editor-active) #lignetemps{aspect-ratio: 100 / 45;}
    body:not(.elementor-editor-active) .lignetemps-projet h3{font-size:16px !important;}
    body:not(.elementor-editor-active) .lignetemps-projet .elementor-image-box-description{font-size:15px !important;}

}
@media only screen and (max-width: 767px) {
    .elementor-aspect-ratio-219 .elementor-fit-aspect-ratio {
        padding-bottom: 43% !important;
    }
    .section-title h2, .elementor-widget-text-editor h2 {
        font-size: 30px;
    }
    .single-approach-card, .single-service-card{
        padding:15px !important;
    }
    .single-approach-card .content, .single-service-card .content{
        padding: 20px 0px 20px 0px;
    }

    #popup-menu ul{
        columns: 1 !important;
    }
    #popup-menu ul.menu > li{
        padding-right:0;
    }
    #popup-menu ul.menu > li > a, #popup-menu-side ul.elementor-nav-menu > li a{
        margin-bottom:15px;
        font-size: 28px;
        font-weight: 700;
        line-height: 30px;
    }

}


@media only screen and (max-width: 600px) {

    body:not(.elementor-editor-active) .lignetemps-projet {
        width: 46% !important;
    }

    body:not(.elementor-editor-active) #lignetemps {
        height: auto !important;
        background: none;
        aspect-ratio: auto !important;
    }


    body:not(.elementor-editor-active) #lignetemps-projet-1, body:not(.elementor-editor-active) #lignetemps-projet-2, body:not(.elementor-editor-active) #lignetemps-projet-3,
    body:not(.elementor-editor-active) #lignetemps-projet-4, body:not(.elementor-editor-active) #lignetemps-projet-5, body:not(.elementor-editor-active) #lignetemps-projet-6,
    body:not(.elementor-editor-active) #lignetemps-projet-7 {
        position: relative !important;
        float: left !important;
        margin-bottom: 15px !important;
        margin-left: 2%;
        margin-right: 2%;
        top: auto !important;
        left: auto !important;
    }

    body:not(.elementor-editor-active) #lignetemps-projet-angle-1, body:not(.elementor-editor-active) #lignetemps-projet-angle-2,body:not(.elementor-editor-active) #lignetemps-projet-angle-3{
        display:none;
    }

    .section-title h2, .elementor-widget-text-editor h2 {
        font-size: 25px;
    }

    #popup-menu ul.menu > li > a, #popup-menu-side ul.elementor-nav-menu > li a{
        margin-bottom:5px;
        font-size: 25px;
        font-weight: 700;
        line-height: 30px;
    }
    #popup-menu ul.menu > li > ul > li a {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 7px;
    }

    #popup-menu ul.menu > li, #popup-menu ul.menu > li:nth-child(3), #popup-menu ul.menu > li:nth-child(4){
        margin-bottom:10px !important;
    }

}

@media only screen and (max-width: 360px) {
    .elementor-widget-wp-widget-polylang img {width: 25px;}

    #popup-menu ul.menu > li > a, #popup-menu-side ul.elementor-nav-menu > li a{
        margin-bottom:10px;
        font-size: 25px;
        line-height: 27px;
    }

}