#page-51 .col-text{
    width: 100%;
}
 .col-text h1{
    text-align:left;
}
 .card-body {
    height: 120px;
}
 .card-footer {
    background-color: rgb(255 255 255) !important;
    padding: 10px;
    margin: 0px 20px;
}
 a.btn.btn-default {
    color: rgb(0 0 0 / 38%);
}
.actu {
    float: none;
    padding: 0;
    min-height: 240px;
    margin-top: 15px;
    text-align: justify;
    margin-bottom: 20px;
    margin: 0 auto;
    width: 90% !important;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
}
@media(max-width:600px){
    #page-51 .actu {
        width: 100% !important;
    }
 }
.imgACTcard {
    height: 10vw;
    object-fit: cover;
}
@media(max-width:767px){
    .imgACTcard{
        height: 35vw;
     }
 }
 .card-title {
    font-size: 15px;    text-align: left;
}
@media(max-width:768px){
    .card-title {
        font-size: 12px;
    }
  }
 
 :root {
    /* Not my favorite that line-height has to be united, but needed */
    --lh: 1.2rem;
  }
 .card-title {
    --max-lines: 3;
    position: relative;
    max-height: calc(var(--lh) * var(--max-lines));
    overflow: hidden;
    padding-right: 1rem; /* space for ellipsis */
  }
  .card-title::before {
    position: absolute;
    content: "...";
    /* tempting... but shows when lines == content */
    /* top: calc(var(--lh) * (var(--max-lines) - 1)); */
    
    /*
    inset-block-end: 0;
    inset-inline-end: 0;
    */
    bottom: 0;
    right: 0;
  }
  .card-title::after {
    content: "";
    position: absolute;
    /*
    inset-inline-end: 0;
    */
    right: 0;
    /* missing bottom on purpose*/
    width: 1rem;
    height: 1rem;
    background: white;
  }

  /*detail act**/
  .btnRetour{
    color: black !important;
 }

 .actu .imgAct {
    float: left;
}

.actu .imgAct img {
    margin-bottom: 30px;
    width: 50%;
}
.actu .imgAct {
    width: 100%;
}
.floatRight{
   float: right;   

}
@media(min-width:600px){
   .actu .imgAct img {
       margin: 15px 30px 10px 0px!important;

   float: left;
   max-width: 50%;
   }
}

.iconDiv{
    border-top: 1px solid rgba(0, 0, 0, 0.125);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    margin-bottom: 20px;
 }
 .iconDiv .fa{
    margin: 10px 10px;
 }
 .containerBlogRecent{
    margin-top: 20px;
 }
 .actuWithoutFond{
     background-color: #fff0!important;
     border: none!important;
 }