.custom_container {
    max-width:1260px;
    width:100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-right:0;
    margin-left:0;
  }
  
  .row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin:0 !important;
  }
  
  .col {
    box-sizing: border-box;
    padding: 15px;
  }
  
  .col-1 { flex-basis: 8.33333333%; }
  .col-2 { flex-basis: 16.66666667%; }
  .col-3 { flex-basis: 25%; }
  .col-4 { flex-basis: 33.33333333%; }
  .col-5 { flex-basis: 41.66666667%; }
  .col-6 { flex-basis: 50%; }
  .col-7 { flex-basis: 58.33333333%; }
  .col-8 { flex-basis: 66.66666667%; }
  .col-9 { flex-basis: 75%; }
  .col-10 { flex-basis: 83.33333333%; }
  .col-11 { flex-basis: 91.66666667%; }
  .col-12 { flex-basis: 100%; }

  .bureau_container{
    background:#e0eff8;
    padding:40px;
  }

  .bureau_container h3{
    font-family: "Lato";
    font-style: normal;
    font-weight: 400;
    font-size: 27px;
    color:#0daf97;
    margin:0 0 30px 0;
  }
  .liste_bureaux .bold{
    font-weight: 700;
  }
  .liste_bureaux span,
  .liste_bureaux .phone,
  .liste_bureaux .email:hover,
  .single-bureau .bureau-single-type-droit li,
  .single-bureau .equipe_link:hover,
  .footer_bureau .col_content .content .tel:hover{
    color:#416a9e;
  }
  .liste_bureaux .adresse,
  .liste_bureaux .email,
  .liste_bureaux .phone:hover{
    color:#0daf97;
  }
  .liste_bureaux h4,
  .fusion-panel .liste_bureaux h4,
  .info_col h3{
    font-family: "Lato";
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    color:#416a9e;
    margin:0 0 30px 0;
  }
  .liste_bureaux .fax:after{
    content:", ";
    display:inline-block;
    margin-right:4px;
  }
  .liste_bureaux .fax:last-child:after{
    display:none;
    margin:0;
  }
  .liste_bureaux h4,
  .fusion-panel .liste_bureaux h4{
    font-size: 23px;
  }
  .info_col h3{
    font-size: 31px;
  }
  .fusion-panel .liste_bureaux p{
    font-family: "Lato";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
  }
  .liste_contact{
    padding:0;
  }
  .liste_contact li{
    list-style-type: none;
    font-size:25px;
    margin-bottom:25px;
  }
  .liste_contact li:last-child{
    margin-bottom:0;
  }
  .liste_contact li a{
    color:#000;
  }
  .liste_contact li a:hover,
  .single-bureau .equipe_link{
    color:#0daf97;
  }
  .liste_contact li a:hover i{
    animation: slide .4s cubic-bezier(.21,.6,.35,1)
  }
  @keyframes slide {
    0% {
      transform: translateX(0);
    }
    25% {
      opacity: 0;
    }
    26% {
      transform: translateX(1.25em);
    }
    27% {
      transform: translateX(-1.25em);
    }
    75% {
      opacity: 1;
    } 
    100% {
      transform: translateX(0);
    }
  }
.info_bureau{
   position:relative;
}
.info_bureau:after{
    content:'';
    width:420px;
    height:439px;
    background: url(https://ccjll.wenodev.com/wp-content/uploads/2023/06/ccjll-logo-filigrane-element-graphique-2.png) no-repeat bottom right;
    background-size: cover;
    position: absolute;
    bottom:0;
    right:0;
    mix-blend-mode: multiply;
    z-index:1;
}
  .info_col{
    padding:1px;
  }
  .info_col .content{
    background-color: #e0eff8;
    padding:45px 125px 45px 125px;
    height:100%;
  }
  .info_col .content h3,
  .info_col .content a{
    position: relative;
    z-index:10;
  }
  .heures_ouverture,
  .single-bureau .bureau-single-type-droit{
    padding:0;
  }
  .heures_ouverture li{
    list-style-type: none;
    color:#416a9e;
  }
  .single-bureau .bureau-single-type-droit li{
    list-style-position: inside;
  }
  .row_content{
    padding-bottom:75px;
  }
  .footer_bureau{
    padding:130px 0;
  }
  .footer_bureau h2{
    font-family: "Lato";
    font-style: normal;
    font-weight: 300;
    font-size: 56px;
    margin: 0 0 50px 0;
    text-transform: uppercase;
    line-height: 1.2;
    color:#416a9e;
  }
  .footer_bureau h2 .highlight {
    position: relative;
    display: inline-block;
    z-index:1;
  }
  .footer_bureau h2 .highlight:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 105%;
    height: 45%;
    background-color: #E3F4E5;
    z-index: -1;
}
.footer_bureau .col_img{ 
    padding:30px 50px 30px 0;
    border-right:solid 1px #ddd;
}
.footer_bureau .col_content .content{
    padding:120px 0 50px 75px;
    border-bottom:solid 1px #ddd;
}
.footer_bureau .col_content .content p{
    font-size:18px;
    margin-bottom:30px;
}
.footer_bureau .col_content .content .tel{
    color:#0daf97;
    font-size: 33px;
}
.postid-4392 #main .fusion-row{
    max-width:100% !important;
}
.postid-4392 .custom_container{
    margin: 0 auto;
}
.postid-4392 #main{
    padding-top:130px;
}
.postid-4392 .info_bureau:after{
    display:none;
}
.siege_social{
    background:#fafafb;
    padding:130px 0;
    margin:130px -30px 0 -30px;
}
.siege_social h2{
    font-size:36px;
    text-transform: uppercase;
    text-align: center;
    margin:0 auto 50px auto;
}
.siege_social .col{
    padding:0 25px;
    margin-bottom:50px;
}
.siege_social .col .content{
    background:#fff;
    box-shadow:1px 3px 50px -30px;
    height:100%;
    padding:0 20px 20px 20px;
}
.siege_social .col .content h3{
    font-size:21px;
    color:#416a9e;
}
.siege_social .col .content .courriel{
    color:#0daf97;
}
.siege_social .col .content .courriel:hover{
    color:#416a9e;
}
  @media (max-width: 768px) {
    .col {
      flex-basis: 100%;
      margin-bottom: 15px;
    }
    .bureau_container{
        padding:20px;
    }
    .info_col .content{
        height:auto;
    }
    .info_bureau:after{
        display:none;
    }
    .heures_ouverture li {
        margin-bottom: 7px;
    }
    .single-bureau .bureau-single-type-droit{
        padding-left:20px;
    }
    .single-bureau .bureau-single-type-droit li{
        list-style-position: outside;
    }
    .row_content{
        padding-bottom: 50px;
    }
    .footer_bureau{
        padding:50px 0 0 0;
    }
    .footer_bureau .col_img {
        padding: 0 0 20px 0;
        border:0;
    }
    .footer_bureau .col_content .content{
        padding:30px 0;
    }
    .footer_bureau h2{
        font-size:45px;
        margin-bottom: 30px;
    }
    .footer_bureau .col_content .content p{
        font-size: 16px;
        margin-bottom: 20px;
    }
    .footer_bureau .col_content .content .tel {
        font-size: 27px;
    }
    .siege_social{
        padding: 50px 0;
        margin: 50px -30px 0 -30px;
    }
    .postid-4392 #main {
        padding-top: 50px;
    }
  }
  @media (max-width: 1042px) {
    .info_col .content{
        padding:30px;
    }
  }