.mt35 {
    margin-top: 35px;
}
.plr0{
    padding-left: 0;
    padding-right: 0;
}
.pdl0{
    padding-left: 0;
}
.pdr0{
    padding-right: 0;
}
.social ::before {
    color: #8085b3;
    font-size: 35px;
}
.fa-meetup:before {
    display: block;
    content: ' ';
    background-image: url('/wp-content/themes/Agyla/images/meetup.svg');
    height: 35px;
    width: 30px;
    background-size: 30px 35px;
    background-position: bottom;

}
.customFooterborder{
    display: block;
    border-bottom: 2px solid #9296be;
    padding-bottom: 20px;
    margin-bottom: 22px;
}
.display-b{
    display: block;
}
a.mention-legale{
    color: #394189;
    font-size: 18px;
  
}
 
footer  {
    font-family: 'Rubik' ;
}
.apropostxt {
    text-align: left;
    color: black;
    font-size: 16px;
    font-family: 'Open Sans';
}
.infocontact {
    font-size: 16px;
    color: black;
    font-family: 'Open Sans';
}
.infocontact p {
    margin: 0;
    margin-bottom: 16px;
}
.footerContact p {
    padding-left: 25px;
    position: relative;
}
.footerContact img {
    position: absolute;
    left: 0px;
    top: 3px;
}
.footertitreActu{
    font-size: 20px;
    color: #394189;
    font-weight: 600;
    margin-bottom: 10px;
}
.footerdateActu {
    font-size: 12px;
    font-weight: 400;
    color: #3c3744;
    margin-bottom: 0;
}
.display-f{
    display: flex;
}
.articleActu{
    display: flex;
}
.titrepage {
    color: #34367d;
    font-size: 32px;
    font-weight: 900;
    text-align: center;
    margin: 45px 0;
}
.lieuMailStyle{
    border-radius: 38px;
    padding: 35px 60px;
    box-shadow: 0px 0px 13px 0px rgba(161,161,161,0.5);
    height: 100%;
    font-size: 26px;
    text-align: center;
    color: #394189;
}
.lieuMailStyle img {
    float: left;
}
.lineheight60{
    line-height: 60px;
}
.titleMaps{
    font-size: 28px;
    padding: 70px 0 40px;
    color: #3c3744;
    text-align: center;
}
.inputs_contact, textarea {
    border: 1px solid #d9d8d6;
    padding: 22px 45px;
    color: #3c3744;
    font-size: 22px;
    border-bottom-right-radius: 0;
}
textarea.wpcf7-form-control.wpcf7-textarea {
    height: 200px;
    width: 100%;
    padding: 15px 8px;
    font-size: 17px;
    font-weight: 500;
    border: 1px solid #d9d8d6;
    margin-top: 8px;
}
input.wpcf7-form-control.wpcf7-submit {
    width: 33%;
    background: #fba919;
    color: white;
    border: none;
    border-radius: 3px;
    font-size: 22px;
    padding: 15px 20px;
}
.contactmaps{
    height: 100%;
    width: 100%;
    border-radius: 38px;
    border-bottom-right-radius: 0;
    filter: grayscale(.7);
}
span.wpcf7-not-valid-tip {
    display: inline-block !important;
    margin-bottom: 0;
    padding: 2px 0;
}
.jobs{
    background-image: url('/wp-content/themes/Agyla/images/bg-jobs.png');
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    background-position: center
}
.cart {
    text-align: center;
    top: 50%;
    position: relative;
    left: 50%;
    transform: translateX(-50%)  ;
    color: white;
    padding: 60px 0;
}
.jobs a{
 
    border-top-right-radius: 28px;
    border-top-left-radius: 28px;
    border-bottom-left-radius: 28px;
    padding: 17px 70px;
    font-size: 22px;
    /* margin: 0 19px; */
}
.jobs a.link1{
  background-color: white;
  color: #394189;
  margin-right: 20px;
}
.jobs a.link2{
    background-color: #30cef2;
    color: white;
    margin-left: 20px;
  }
  .cart p {
    padding-bottom: 21px;
    font-size: 25px;
    padding-top: 50px;
}

.cart h2 {
    font-size: 32px;
    font-weight: 900;
    margin-bottom: 30px;
}
.iframejobs{
    width: 100%;
    height: 650px;
    border-top-right-radius: 40px;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    display: none;
}
.d-block{
    display: block !important;
}
section.contact {
    padding-bottom: 100px;
}
.display-f-res{
    /*display: flex;*/
}
.cus-pos-img1{
    display: block;
    margin: auto;
    position: relative;
    top: -116px;

}

div.wpcf7 .ajax-loader {
position: absolute !important;
}
.wpcf7-form p {
    margin-bottom: 0;
}

.linksbanner a {
    display: inline-block;
    color: #fba919;
    background: white;
    width: 185px;
    border-radius: 3px;
    font-family: 'Ubuntu';
    text-align: center;
    padding: 14px 0;
    font-size: 20px;
    font-weight: 500;
    margin-right: 12px;
    margin-top: 15px;
}
.linksbanner a:first-child {
    background: #fba919;
    color: white;
}
.cardBanner h3 {
    font-size: 32px;
    font-family: 'Ubuntu';
    margin-bottom: 0;
}
.cardBanner p {
    font-size: 18px;
    color: #e9e9e9;
    font-family: 'Open Sans';
    margin-bottom: 15px;
}
.cardBanner {
    width: 650px;
    color: white;
    top: 180px;
    left: 120px;
    position: absolute;
}
.section2{
    padding:70px 0 ;
    margin: auto;
    text-align: center;
}
.ReferenceItem{
    position: relative;
}
.ActiviteItem {
    position: relative;
    height: 300px;
}
.ReferenceItem p, .ActiviteItem p {
    color: white;
    font-size: 22px;
    font-family: 'Ubuntu';
    background: #fba919ad;
    margin: auto;
    padding: 15px 10px;
    position: absolute;
    width: 100%;
    bottom: 0;
}
.ActiviteItem img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.ReferenceItem p.over {
    color: white;
    font-size: 24px;
    font-family: 'Ubuntu';
    padding: 22px 0;
    position: absolute;
    background: no-repeat;
    width: 100%;
    bottom: auto;
}
.rowActivites{
    padding-bottom: 30px;

}
.section3 {
    padding-bottom: 40px;
}
.section3 .detail-bloc ,.section4 .detail-bloc ,.section5 .detail-bloc {
    width: 700px;
    margin: 50px auto;
}
.actualiteItem{
    position: relative;
    background: white;
}
.Firstactualitedetail .actualitedetail{
    background: white;
    opacity: .9;
    position: absolute;
    bottom: 44px;
    padding: 35px;
    width: calc(100% - 30px);
    left: 50%;
    transform: translateX(-50%);
    border-radius: 3px;
}
.otheractualiteItem {
    position: relative;
    padding: 18px 17px;
    border-radius: 3px;
    background: white;
    display: flex;
    margin-bottom: 35px;
    height: 100%;
}
.otheractualiteItem:last-child {
    margin: 0;
}
.otheractualiteItem img{
    object-fit: contain;
    height: 100%;
}
.section4 {
    padding: 80px 0;
    background: #f4f0f0 url(/wp-content/themes/Agyla/images/bg-actu.png);
}
.apropositem .titreactu {
    font-size: 22px;
    font-family: 'Ubuntu';
    font-weight: 900;
    border-bottom: none;
    padding-bottom: 0;
    margin-top: 22px;
}
.apropos {
    padding: 70px 0;
}
.apropositem p {
    font-family: 'Open Sans';
    font-size: 16px;
    margin: 0;
}
.section5 {
    padding: 80px 0;
    background: white;
}
.section5 p {
    margin-bottom: 10px;
}
body {
    background: url(/wp-content/themes/Agyla/images/bgsite.png);
    background-size: auto;
}
.fa-angle-left:before {
    color: #fba919;
}
.fa-angle-right:before {
    color: #fba919;
}
.cartInfo {
    padding: 25px 15px;
    border: 1px solid #d9d8d6;
    background: #fff;
}
.cartInfo *:not(h2) {
    font-family: 'Open Sans';
    font-size: 16px;
    color: #000;
}
#page-contact .contact , #page-ref .ref , #page-activites .slider{
    padding: 70px 0 140px;
}
.txt-center{
    text-align: center;
}
section.contact label{
    width: 100%;
}
input.wpcf7-form-control.wpcf7-text {
    width: 100%;
    padding: 15px 8px;
    font-size: 17px;
    font-weight: 500;
    border: 1px solid #d9d8d6;
    margin-top: 8px;
}
div.wpcf7-response-output {
    margin: -2em 0.5em 1em !important;
 
}
section.headerInfo {
    position: fixed;
    background: #0e0e0e;
    top: 0px;
    width: 100%;
    color: white;
    text-align: center;
    padding: 1px 0;
    z-index: 1;
}
nav.navbar-fixed-top {
    top: 48px;
}
.headerInfo p.email {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
.headerInfo p {
    margin: 12px 0;
    position: relative;
}
.banner-page {
    position: relative;
}   
.banner-page p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(22px);
    font-size: 32px;
    color: black;
    font-family: 'Ubuntu';
    font-weight: 900;
}
.banner-page img {
    width: 100%;
    margin-top: 58px;
    height: 200px;
}
section.motfondateur {
    padding: 70px 0;
}
.float-right{
    float: right;
}
.motdufondateurLibelle{
    color: #fba919;
    float: right;
    font-size: 18px;
    font-family: 'Open Sans';
}
.motfondateur .qse_p {
    font-size: 18px;
    font-family: 'Open Sans';
    text-align: justify;
    color: black;
}
#page-apropos .title-bloc, #page-qse .title-bloc {
    margin: 35px 0px;
}
#page-apropos .paragraphe_propos ul li {
    font-size: 16px;
    color: #000;
    margin-bottom: 10px;
    font-family: 'Open Sans';
}
.VMV p {
    font-size: 18px;
    font-family: 'Open Sans';
    text-align: justify;
    color: black;
}
.logged-in header .acc-header .navbar-default {
    top: 32px;
}
/* .VMVimg span {
   
    padding: 70px 39px;
    width: 200px;
    height: 200px;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    line-height: 25px;
    color: white;
    transform: translateY(-50%);
    font-size: 23px;
    font-weight: 900;
    font-family: 'Open Sans';
}
.VMVimg {
    position: relative;
    text-align: center;
    display: block;
    height: 200px;
    margin-bottom: 100px;
} */
.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 25px;
    color: white;
    font-size: 23px;
    font-weight: 600;
    font-family: 'Open Sans';
}
.parent1 {
    position: relative;
    display: inline-block;
    text-align: center;
    width: 200px;
    margin: 0 30px;
}
.VMVimg {
    display: inline-block;
    margin-bottom: 100px;
    text-align: center;
    width: 100%;
}
.motfondateur .col-md-3 img {
    text-align: center;
    display: block;
    margin: auto;
}
.qse-title {
    color: #f7a900;
    font-size: 22px;
    font-family: 'Ubuntu';
    font-weight: 900;
    text-transform: capitalize;
    margin-bottom: 15px;
}
#page-ref .col-md-8 .ReferenceItem {
    height: 100%;
}
#page-ref .col-md-8 .ReferenceItem img {
    width: 100%;
}
.ref-grid{
    display: grid;
    padding: 10px;
    grid-gap: 15px;
    text-align: center;
}
.detailOver {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-100%);
    width: 100%;
}
.overlaycard {
    opacity: 0;
    transition: .5s;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #555555b8;
    z-index: 1;
    top: 0;
}
.ReferenceItem:hover .overlaycard {
    opacity: 1;
    transition: .5s;
}
.ReferenceItem .overlaycard img {
    width: 35px;
    height: 35px;
}
.ReferenceItem img{
 width: 100%;
 height: 100%;
}
.ReferenceItem.a{
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;
}
.ReferenceItem.b{
    grid-column-start: 3;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 1;
}
.ReferenceItem.c{
    grid-column-start: 3;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 2;
}
.ReferenceItem.d{
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 3;
    grid-row-end: 3;
}
.ReferenceItem.e{
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 3;
}
.ReferenceItem.f{
    grid-column-start: 3;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 3;
}
.ReferenceItem.g{
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 4;
    grid-row-end: 4;
}
.ReferenceItem.h{
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 4;
    grid-row-end: 4;
}
.ReferenceItem.i{
    grid-column-start: 3;
    grid-column-end: 3;
    grid-row-start: 4;
    grid-row-end: 4;
}
/* image viewer */
#flavorOverlay {
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 1;
  }
  
  #flavorLightbox { display: none; }
  
  #flavorLightbox > img {
    position: fixed;
    max-width: 100%;
    max-height: 100%;
    top: 50%;
    left: 50%;
    z-index: 10;
    transform: translateX(-50%) translateY(-50%);
}
  
  #flavorLightboxClose {
    font-size: 32px;
    cursor: pointer;
    color: #fff;
    position: fixed;
    top: 200px;
    right: 30px;
    z-index: 666;
  }
 /* end image viewer */
 /*.owl-buttons ,*/
 .owl-nav {
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    width: 100%;
}
.owl-theme .owl-nav [class*='owl-']:hover {
    background: transparent;
}
.carousel-activites  .owl-next {
    float: right;
}
.carousel-activites  .owl-prev {
    float: left;
}
.carousel-activites i.fa {
    font-size: 50px;
    color: white;
}
.owl-theme.carousel-activites .owl-controls .owl-buttons div {
    background: transparent;
    opacity: 1;
}
.carousel-activites ,.carousel-activites .owl-wrapper-outer,.carousel-activites .owl-wrapper,.carousel-activites .owl-item {
    height: 100%;
}
.carousel-activites img {
    height: 100%;
    width: 100%;
}
.coustomDrtailStyle {
    column-count: 2;
    text-align: justify;
    column-gap: 50px;
    font-size: 18px;
    font-family: 'Open Sans';
    color: black;
}
.detailProject {
    padding-top: 60px;
    font-size: 24px;
    font-family: 'Open Sans';
    color: black;
    margin-bottom: 14px;
}
.actualiteGrid{
    display: grid;
    padding: 10px;
    grid-gap: 15px;
    grid-auto-columns: 1fr;
}
.actualiteHomeitem.a{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 4;
}
.actualiteHomeitem.b{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
}
.actualiteHomeitem.c{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
}
.actualiteHomeitem.d{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 4;
}
.Firstactualitedetail img {
    height: 100%;
}
#page-activites .cartInfo {
    height: 100%;
}
li .dropdown-menu a {
    padding: 4px 14px !important;
    font-size: 15px !important;
    font-weight: 400 !important;
}
.dropdown-menu .active a {
    border-bottom: 3px solid #fba919 !important;
}
.navbar-nav>li>.dropdown-menu a{
    word-break: break-word;
    white-space: pre-line;
    width: 400px
    

}
.headerInfo p img {
    top: -4px;
    left: -4px;
    position: relative;
}
@media(max-width:1366px){

}
@media(max-width:991px){
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        max-height: initial !important;
    }
    .navbar-nav>li>.dropdown-menu {
        width: 100%;
        text-align: center;
        position: relative;
        margin: 0 !important;
    padding: 15px 60px;
    }
    .navbar-nav>li>.dropdown-menu a{
        word-break: break-word;
        white-space: pre-line;
        width: max-content;
         margin: auto;
    }
    .ReferenceItem {
        margin-bottom: 15px;
    }
    .wpcf7-form .col-md-6 {
        padding: 0;
    }
    .wpcf7-form .col-md-12 {
        padding: 0;
    }
    .motfondateur .col-md-3 img {
        margin-bottom: 15px;
    }
    
    .navbar-nav {
        text-align: center;
    }
    .logo-footer {
        margin: auto;
        display: block;
    }
    .apropostxt {
        text-align: center;
        margin: 0;
    }
    footer ul {
        text-align: center;
        padding: 0;
    }
    .footerContact p {
        width: auto;
        text-align: center;
    }
    .infocontact {
        padding: 0 100px;
    }
    div.wpcf7-response-output {
        margin: 1em 0.5em 1em !important;
    }
    .Firstactualitedetail {
        margin-bottom: 30px;
    }
    .pdlr0-res{
        padding-left: 0;
        padding-right: 0;
    }
    .actualiteItem img {
        width: 100%;
    }
    
    .apropositem img {
        display: block;
        margin: auto;
    }
    .apropositem {
        text-align: center;
    }
    .apropositem .col-md-8.pdl0 {
        padding: 0;
    }
    .apropositem .titreactu {
        display: block;
        text-align: center;
        margin-top: 15px;
    }
    .ActiviteItem  {
        margin-bottom: 15px;
       }
    .cus-pos-img1{
        position: relative;
        top: 0px;
    }
    .display-f-res{
        display: block;
    }
   
    .contactmaps {
        height: 400px;
    }
    footer h3 {
        text-align: center;
    }
    .articleActu .col-md-7 {
        padding-left: 15px;
    }
    .articleActu img {
        height: 100px;
    }
    .footerActu{
        padding-bottom: 40px;
    }
    footer ul.social {
        text-align: center;
    }
    .footerContact{
        text-align: center;
    }
    .lieuMailStyle {
        padding: 15px 60px;
        margin-bottom: 19px;
    }
}
@media(max-width:767px){
    .navbar-nav>li>.dropdown-menu {
    padding: 15px 60px;
    }
    footer {
        padding: 30px 0 0;
    }
    footer h3 {
        margin-top: 20px;
        margin-bottom: 15px;
    }
    .widget {
        margin: 1.5em 0 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    img.custom-logo {
        width: 80px;
    }
    .navbar-default .navbar-toggle {
        margin-top: 20px;
    }
    input.wpcf7-form-control.wpcf7-submit {
        width: max-content;
        font-size: 16px;
        padding: 10px 15px;
    }
    .carousel-activites img {
        height: 365px;
        /* width: max-content; */
    }
    .qse-title {
        font-size: 16px;
    }
    .motfondateur .qse_p {
        font-size: 16px;
    }
    .banner-page img {
        margin-top: 46px;
        height: 150px;
    }
    .apropositem img {

        width: 65px;
    }
    .titreactu,
    .cartInfo h2 {
        font-size: 20px;
        padding-bottom: 15px;
    }
    .title-bloc {
        font-size: 25px;
    }
    .soustitle-bloc {
        font-size: 17px;
    }
    .ActiviteItem p {
        font-size: 19px;
        padding: 15px 0;
    }
    section.home .banner {
        height: 470px;
    }
    .cardBanner h3 {
        font-size: 25px;
        font-family: 'Ubuntu';
        margin-bottom: 0;
    }
    .cardBanner p {
        font-size: 16px;
        margin-bottom: 40px;
    }
    section.headerInfo{
        display: none;
    }
    nav.navbar-fixed-top {
        top: 0;
    }
    .headerInfo img{
         display: none; 
    }
    .headerInfo p {
        font-size: 12px;
    }
    .coustomDrtailStyle {
        column-count: 1;
    }
    .parent1 {
        margin: 10px 30px;
    }
    .Firstactualitedetail img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .actualiteHomeitem.a {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: 2;
        height: 400px;
    }
    .actualiteHomeitem.b {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 2;
        grid-row-end: 3;
    }
    .actualiteHomeitem.c {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 3;
        grid-row-end: 4;
    }
    .actualiteHomeitem.d {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 4;
        grid-row-end: 5;
    }
    .linksbanner a {
        margin-bottom: 15px;
        width: min-content;
        padding: 10px 25px;
        font-size: 16px;
    }
    .infocontact {
        padding: 0 50px;
    }
    .cardBanner {
        width: auto;
        left: 15px;
        right: 15px;
        top:160px;
    }
    .section3 .detail-bloc, .section4 .detail-bloc, .section5 .detail-bloc {
        width: auto;
        margin: 25px auto;
    }
   
    .ActiviteItem img {
        width: 100%;
        height: 300px;
    }
    .rowActivites {
        padding-bottom: 0px;  
    }
    header .navbar-default .navbar-nav>li>a {
        font-size: 16px;
    }
    .banner-page p {   
        font-size: 25px;  
    }
    .title-bloc {
        font-size: 20px;
    }
    .titreactu,
    .cartInfo h2 {
        font-size: 18px;
        padding-bottom: 10px;
    }
    section.motfondateur {
        padding: 45px 0;
    }
    .parent1 {
        width: 150px;
        margin: 0 20px;
    }
    .centered {
        font-size: 15px;
    }
#page-apropos .title-bloc, #page-qse .title-bloc {
    margin: 15px 0px;
}
    
    
}
@media(max-width:500px){
    .infocontact {
        padding: 0 0px;
    }
}