/*Realisation*/
.about_content p    {text-align: justify;}  
.card,.card-body ,
.card .card-title ,
.detail-project ,.card .card-title ,
.card .card-title ,.list-group,.list-group .list-group-item  {border :none;}

.list-group-flush .list-group-item:first-child { border-top-width: 2px;}

.list-group-flush:last-child .list-group-item:last-child{border-bottom-width: 2px;}


.article  {  display: flex;
             flex-direction: row;
             justify-content:center;
             flex-wrap: wrap;
         
              align-content:space-around;
              align-items: stretch;
           
             background-color: #ECF0F1;
              padding-bottom: 80px;
         
          }
.card {
       width: 35%;
       margin: 80px 0px 0px 40px; 
       height: max-content;
      
       z-index: 1;
  
       box-shadow: 0px 1px 10px 0px rgb(0 0 0 / 75%);

    
      } 
  
 
.card ul li {font-size: 18px; font-family: Calibri,Cambria,Arial,sans-serif;line-height: 40px; font-style: normal; font-weight: 400;padding: 0.75rem 1.25rem;}   
 .card p {}
.about  .tooltip {margin-top: 0px;}

.card-body {display: block; flex: none;padding: 0rem;}

.card-title {margin-bottom: 0;}

.card-body h5 {}

.card-body p {padding: 15px 10px ;font-size: 18px;font-weight: 600;}

.card .figure {}

.card .figure-img {margin-bottom: 0;}

.card .card-title, .card .card-text {font-weight: bold;}

.card-body,.list-group-flush .list-group-item , .list-group-flush .list-group-item:first-child{ background-color:#fff ;  color: black;} 

.card .card-title {}

.list-group { }
 

.about-project {margin: 50px 15px; }

.detail-project {  }

.card-body p, .card-body h5{}
.card .card-text ,.list-group .list-group-item {
             border-width: 2px 2px 0px 2px;
             border-style: solid solid solid solid;
             border-color: rgba(234, 236, 238) rgba(234, 236, 238) rgba(234, 236, 238) rgba(234, 236, 238);
           }

.card .card-title {
                  border-width: 0px 0px 2px 0px;
                  border-style: solid solid solid solid;/*dashed solid dashed solid;*/
                  border-color: rgba(234, 236, 238) rgba(234, 236, 238) rgba(234, 236, 238) rgba(234, 236, 238);
                  border-radius: 5px;
                  }




/* Tooltip container */
.tooltip {  position: relative;  display: inline-block;  opacity: 1;}

/* Tooltip text */
.tooltip .tooltiptext {  border-radius: 0px;  position: relative; z-index: 2;  
                      }

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {}

.tooltip:hover .card-title {}

.about {background-color:#f7faff;}

.about ul:nth-child(1),.about .about-project p {box-shadow: 0px 10px 20px -10px rgb(0 0 0 / 75%); margin: 30px;padding: 45px;background-color: white; }

.about ul:nth-child(1) li  {padding: 0.2rem 0rem;}

.about  .figure , .about  .tooltiptext   {border: 1px solid rgba(0,0,0,.125);}

.about > .card:nth-of-type(1)  {flex: 0 0 50%;max-width: 50%; width: 100%; margin :0px;padding:35px; box-shadow: none;background-color:#f7faff  }   

.about >.card:nth-of-type(2)  {flex: 0 0 50%; max-width: 50%;width: 100%;margin: 0px;padding: 30px 60px; box-shadow: none; background-color:#f7faff;}   

.about .tooltip  {margin: 0px}

.row .about-project p {box-shadow: 0px 10px 20px -10px rgb(0 0 0 / 75% )!important;   padding: 45px !important;           }

.card .rounded {  border-radius: 0rem!important;}

.container {padding-bottom: 55px; }

.container  p {padding: 65px;text-align: justify; }

.container .image-groupe {margin: 30px ;}

.container .image-groupe:nth-of-type(1)  img:nth-of-type(1)  {
                                                             width:62%;margin-right: 0%;z-index:1; position: relative;}

.container .image-groupe:nth-of-type(1)  img:nth-of-type(2) {width: 55%;z-index: 0;position: relative;}

.container .image-groupe:nth-of-type(2)  img:nth-of-type(1) {width: 52%;z-index: 0;position: relative;}

.container .image-groupe:nth-of-type(2)  img:nth-of-type(2) { width:48%;z-index:1;margin-left: -15%;position: relative; }

.container img {box-shadow: 0px 10px 20px -10px rgb(0 0 0 / 75%);}

.Services h2 {font-size: 50px; font-family: 'Oswald', sans-serif; font-weight: 400; color:  #ff9408;}