@import url('https://fonts.googleapis.com/css2?family=Cedarville+Cursive&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,400;1,500;1,600;1,700;1,800&family=Roboto:ital,wght@0,400;0,500;0,900;1,100;1,300;1,700&display=swap');

body{
    font-family: 'Open Sans', sans-serif;
    background-color: #fafcff;
}
.borderr{
   border: 1px solid red;
}
.border{
   border: 1px solid #000;
}
.pad0{
    padding: 0px;
}
.padtb20{
    padding-block: 20px;
}
.padtb50{
    padding-block: 50px;
}
.padtb10{
    padding-block: 10px;
}

.fadeBg{
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  z-index: 2;
  position: fixed;
  display: none;
}

/* Header */

.header{
  z-index: 2;
  font-family:'Poppins','Roboto';
    background: url('../img/header-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    top: 0%;
    position: sticky;
    z-index: 1;

}
.header .bi-list, .header .bi-x-lg{
  font-size: 2em;
  display: inline-block;
  margin-top: 30px;
  color: #eee;
  display: none;
}

.logo{
    margin-top: 20px;
    padding-bottom: 5px;
}

/* navbar */

.mobileBar{
  display: block;
}

.navBar ul{
  list-style: none;
  display:inline-block;
  padding: 20px 0px;
  margin-top: 12px;
  position: relative;
}
.navBar li{
  display: inline-block;
}
.navBar li a{
  font-family:'Poppins','Roboto';
 padding-inline: 0px 25px;
 text-decoration: none;
 color: #eeeeee;
 font-weight: 600;
 font-size:1.8rem;
}

/* drop-down */

.navBar ul ul li{
  display: block;
  text-align: left;
  padding-block: 5px;
}
.navBar ul ul {
  position: absolute;
  left: 0px;
  display: none;
  padding: 20px 0px;
  top: 50%;
  padding: 25px;
  box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
  border-radius: 10px;
  color:#041249;
  background-color: #fff;
}
.navBar li li a{
  color: #05165b;
  text-decoration: none;
  font-weight: 700;
  font-size: 1.6rem;
}
.navBar li li a:hover{
  color: #144a9d;
  
}
.navBar ul li:hover ul{
  display: block;
}


.profile ul{
  list-style: none;
  position: relative;
}

.profile ul ul{
  position:absolute;
 left: 0px;
  display: none;
}
.profile ul li:hover ul{
  display: block;
}
.profile ul li{
  display: inline-block;
}
.profile ul li li{
  display: block;
  min-width: 200px;
  text-align: left;
}
.profile a{
 text-decoration: none;
 color: #eee;
 font-size: 1.7rem;
  display: inline-block; 
}
.profile img{
  display: inline-block; 
  padding: 6px;
}

.profile i{
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-weight: 100;
    margin-top: 20px;
    font-size: 2rem;
} 
.bagmsg{
    background-color: #f3f3f3;
    padding: 25px;
    border-radius: 10px;
    color: #404040;

}

/* maison    <!-- first section -->    */

.maison{
    background:url('../img/header-bg.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover
}
.maisonDesc{
   background-color: #fafcff;;
}
.maisonBg{
    color: #eee;
    text-align: center;
    font-family: 'Poppins','Roboto';
}
.maisonBg h1{
    font-weight: 400;
    font-size: 4.8rem;
}

.maisonBox{
    margin-top: 40px;
}

.maisonBox p{
  color:#0c1b58;
  font-size: 1.6rem;
  font-family: 'Poppins','Roboto';
  font-weight: 400;
  padding: 20px;
  padding-inline: 50px;
}

  /* <!--second section --> */

 .expertise{
      font-family: 'Poppins','Roboto';
      background-color: #fafcff;
  }
 .expertiseBg{
      padding-bottom: 30px;
  }
  .expertiseDesc{
    width: 60%;
    margin: auto;
    padding-block: 20px;
  }
  .expertiseDesc h2{
    color:#172d82;
    font-size: 3.4rem;
    font-weight: 600;
    padding-block: 20px;
  }
  .expertiseDesc p{
    margin-top: 20px;
    color:#5f5f5f;
    font-size: 1.7rem;
    font-weight: 400;
  }
  .expertiseDesc span{
    color:#070707;
    font-size: 1.5rem;
    font-weight: 600;
  }
  .equipe h3{
    padding-block: 30px;
    color: #05165b;
    font-size: 3.1rem;
    font-weight: 600;
  }
  .svgImg img{
    border-radius: 10px;
    margin-bottom: 20px;
  }
  .svgImg img:hover{
    box-shadow: rgba(19, 71, 184, 0.25) 0px 54px 55px, rgba(14, 45, 167, 0.12) 0px -12px 30px, rgba(29, 65, 208, 0.12) 0px 4px 6px, rgba(51, 13, 203, 0.17) 0px 12px 13px, rgba(12, 24, 188, 0.09) 0px -3px 5px;
    transition: all 0.5s ease-in-out;
    
  }

  /* <!-- david-sergent --> */
.sergentBg{
  background-color: #e7edf5;
  padding: 50px;
  border-radius: 10px;
}
 .sergentDesc{
    font-family: 'Poppins','Roboto';
    font-size: 1.2em;
    color: #091233;
    font-weight: 300;
 }
 .sergentDesc span{
  font-weight: 600;
  color: #144a9d;
 }
.para{
  font-weight:700 ;
  color: #144a9d;
  padding-top: 10px;
}
.contactBtn{
  padding: 30px;
  text-align: right;
}
.contactBtn i{
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
   font-size: 1.5em;
}
.contactBtn a{
  text-align: center;
  text-decoration: none;
   font-size: 1.7rem;
   padding: 14px 36px;
   background-color: #144a9d;
   color: #eee;
   font-weight: 600;
   border-radius: 10px;
}
.contactBtn a:hover{
   background-color:#eee;
   color: #144a9d;
   transition: all 0.5s ease-in-out;
   border: 1px solid #144a9d;
}

/* <!-- third-section --> */

.sgsBg img{
  border-radius: 10px;
}
.sgsBg{
  margin-top: 50px;
}
.sgsBg p{
   margin-top: 20px;
   color: #091233;
    font-size: 1.2em;
    font-weight: 400;
}
.sgsBg span{
  font-weight: 900;
  color: #0c155b;
}
.sgsDesc{
  margin: 70px;
  padding: 20px;
}

/* <!-- Nos engagements qualité --> */


.engagements{
 background-color: #fafcff;;
}
.engagementsBg{
   margin-top: 20px; 
   font-family: 'Poppins','Roboto';
}

.engagementsBg h1{
  color: #144a9d;
  font-weight: 600;
}
.engagementsCard{
  margin-top: 30px;
  background-color: #fff;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  border-radius: 10px;
  padding: 20px;
  min-height: 360px;
}
 .engagementsCard img{
  margin-bottom: 30px;
  margin-left: 5px;
} 

.sousNotes img{
  width: 80px;
  margin-left: 5px;
  /* margin-bottom: 35px; */
}
.engagementsCard h3{
  font-weight: 700;
  color: #05165b;
  padding-left: 20px;
}
.engagementsCard p{
  font-size: 1.6rem;
  color: #05165b;
  padding-left: 20px;
  /* padding-inline: 30px; */
  padding-top: 10px;
}
.engagementsCard span{
  font-weight: 700;
}
.phone{
  padding-bottom: 50px;
}
.location{
  padding-bottom: 190px;
}
.cap{
  padding-bottom: 140px;
}
/* <!-- POUR ALLER PLUS LOIN --> */

.pourPlus h3{
  text-align: center;
  color: #05165b;
  font-weight: 500;
  font-size: 3.8rem;
  font-family: 'Poppins','Roboto';
  padding-block: 30px;
}

.pourPluspic1{
  background: url('../img/SGS-home-bloc-01-FINAL.jpg') no-repeat center center;
  background-size: cover;
  height: 400px;
  border-radius: 15px;
  position: relative;
  margin-bottom: 20px;
}
.pourPlusHead{
  width: 50%;
  color: #fff;
  font-weight: 900;
}
.pourPlusHead h2{
  font-weight: 900;
  font-size: 3.6rem;
}
.pourBtn{
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.pourPluspic1 a{
  background-color: #fff;
  color: #144a9d;
}
.pourPlusPic2 a{
  background-color: #fff;
  color: #144a9d;
}
.pourPlusPic2 a:hover{
  background-color:#144a9d;
  color: #fff;
}
.pourPluspic1 a:hover{
  background-color: #144a9d;
  color: #eee;
}

.pourPlusPicBg{
  background:url('../img/SGS-home-bloc-02-FINAL.jpg') no-repeat;
  background-size: 100% 100%;
  height: 400px;
  width: 100%;
  border-radius: 15px;
}

/* <!-- Grading Services --> */
.gradingBg{
  margin-top: 30px;
  background: url('../img/Expertise-scaled-uai-2064x744.jpg') no-repeat center center;
  background-size: cover;
  /* width: 100%; */
  height: 450px;
  border-radius: 20px;
}
.gradingBgDesc{
  top: 30%;
  width: 50%;
  color: #fff;
  font-weight: 900;
  font-size:4.5rem;
}
.gradingBgDesc h2{
  font-weight: 700;
  font-size:3.5rem;
}
.gradingBg{
  position: relative;
}
.gradingBtn{
  position: absolute;
  top: 80%;
}
.gradingBtn a{
  background-color: #fff;
  color:#05165b;
}
.gradingBtn a:hover{
  background-color: #144a9d;
  color: #eee;
}
/* footer */

.footer{
  margin-top: 70px;
  background-color: #0c153c; 
  color: #eee;
  padding-block: 50px;
}
.footSocial a{
  text-decoration: none;
  color: #eee;
}
.footSocial{
  padding: 50px;
}
.footSocial i{
  margin-top: 20px;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 20px;
  text-align: center;
  font-size: 2.2rem;
}
.footDesc{
  padding: 45px;
}
.footDesc span{
  font-size: 2rem;
 font-weight: 800;
}
.footDesc a{
  font-family: 'Poppins','Roboto';
  display: block;
  margin-bottom: 10px;
    text-decoration: none;
    color: #e4e4e4;
    font-size: 1.6rem;
}
.footDesc a:hover{
    color: #a6a5a5;
    transition: all 0.5s ease-in-out;
}
.footDesc3{
  padding-inline: 0px;
}

/* notation */
.notation{
  background-color: #fafcff;
}

.notationBg h3{
  width:65%;
  text-align: center;
  color: #020a45;
  padding: 50px;
  font-weight: 600;
  font-family: 'Poppins','Roboto';
}
.notationBg img{
 border-radius: 18px;
}
.notationDesc{
  padding: 50px;
  text-align: left;
  margin-top: 30px;
}
.notationDesc span{
  color: #020a45;
  font-weight: 700;
}
.notationDesc p{
  font-size: 1.7rem;
  font-weight: 300;
  font-family: 'Poppins','Roboto';
}
.notationDesc h4{
  color: #144a9d;
  font-weight: 600;
  font-size: 2.5rem;
  padding-block: 10px;
}
/* <!-- second-section of notation --> */

.notationSecnd{
  margin-top: 30px;
}
.notationSecnd img{
  border-radius: 18px;
}
.notationSecndDesc li{
  color: #144a9d;
}
.notationSecndDesc em{
  color: #3f3f3f;
  font-size: 1.7rem;
  font-weight: 400;
}
.notationSecndImg{
  margin-top: 130px;
}

/* <!-- third-section of notation --> */
.notationThird{
  margin-top: 30px;
}
.notationThirdDesc h4{
  color: #144a9d;
  font-weight: 600;
  font-size: 2.5rem;
  padding-block: 10px;
}
.notationThirdDesc{
  padding-left: 50px;
  text-align: left;
  margin-top: 10px;
  padding-right: 0px;
}
.notationThirdDesc span{
  color: #020a45;
  font-weight: 700;
}
.notationThirdDesc p{
  text-align: left;
  font-size: 1.6rem;
  font-weight: 300;
  font-family: 'Poppins','Roboto';
}

/* <!-- transparente et méthodique --> */

.transparentHead{
  width:75%;
  color: #020a45;
  padding-block: 50px;
  font-family: 'Poppins','Roboto';
  margin: auto;
}
.transparentHead h3{
  text-align: center;
  color: #020a45;
  font-weight: 500;
  font-family: 'Poppins','Roboto';
  font-size: 3.2rem;
  margin-bottom: 20px;
}
.transparentHead p{
  color: #0c153c;
  text-align: left;
  font-size: 1.7rem;
  font-weight: 300;
  font-family: 'Poppins','Roboto';
  padding-inline: 20px;
}
.transparentHead span{
  color: #020a45;
  font-weight: 700;
}

 /* l'identification */

 .identificationDesc{
  margin-top: 80px;
  padding: 35px;
 }

.identification img{
  border-radius: 20px;
}
.identificationImg2{
 margin-top: 40px;
}
.identification h3{
  text-align:left;
  color: #144a9d;
  font-weight: 600;
  font-family: 'Poppins','Roboto';
  font-size: 2.5rem;
}
.identification p{
  color: #0c153c;
  text-align: left;
  font-size: 1.6rem;
  font-weight: 300;
  font-family: 'Poppins','Roboto';
}
.identification span{
  color: #020a45;
  font-weight: 700;
}
.identificationDesc li{
  color: #144a9d;
  padding-block: 3px;
}
.identificationDesc em{
  color:#0c153c;
  font-size: 1.7rem;
  font-weight: 400;
}
.identificationDesc2 b{
  color: #020a45;
  padding-block: 3px;
  font-size:1.7rem;
  font-weight: 400;
}
.identificationDesc5 b{
  color: #020a45;
  padding-block: 3px;
  font-size:1.7rem;
  font-weight: 400;
}
.identificationDesc5 span{
  color: #020a45;
  padding-block: 3px;
  font-size:1.7rem;
  font-weight: 900;
}

/* <!-- Grading Report --> */

.reportImg{
  width: 60%;
  margin: auto;
  border-radius: 0px;
}
.reportImg img{
  border-radius: 0px;
}
.greadingReportBg{
  text-align: center;
  margin-top: 30px;
}
.greadingReportBg h3{
  color: #020a45;
  font-size: 3.5rem;
  font-weight: 500;
  margin-bottom: 25px;
}
.reportImg p{
  color: #0c153c;
  text-align: left;
  font-size: 1.6rem;
  font-weight: 300;
  font-family: 'Poppins','Roboto';
  padding-bottom: 10px;
}
.reportImg a{
  color: #144a9d;
  text-decoration: underline;
  font-weight: 600;
}
.reportImg{
  border-bottom: 1px solid #dbdbdb;
}

/* professionnelle */

.professionnelleDesc h3{ 
  text-align: center;
  font-weight: 400;
  padding-block: 30px;
}
.professionnelleDesc span{ 
  color: #144a9d;
  font-weight: 700;
}

.porSection{
background: url('../img/livraison.webp');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 20px;
    height: 400px;
    position: relative;
}
.pourPluspicDesc h2{
  color: #eee;
  font-weight: 700;
  font-size: 3.8rem;
}
.pourPluspicDesc{
  position: absolute;
  top: 50%;
}

/* ProfitezBg */

.Profitez{
  padding-inline: 20px;
}

.ProfitezBg{
  margin-top: 10px;
}

.ProfitezBg{
  background: url('../img/SGS-home-bloc-06B-FINAL-v2-uai-2064x663.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 20px;
  height: 400px;
  position: relative;
}
.ProfitezBtn{
  position: absolute;
  top: 85%;
  right: 0%;
}
.profitDesc{
  color: #eee;
  padding-block:30px;
  font-size: 3.8rem;
}
.profitDesc h2{
  font-size: 3.8rem;
}
.ProfitezBtn a{
  text-align: center;
  text-decoration: none;
   font-size: 1.7rem;
   padding: 14px 36px;
   background-color:#eee;
   color: #144a9d;
   font-weight: 600;
   border-radius: 10px;
}
.ProfitezBtn a:hover{
 color:#eee;
   background: #144a9d;
   transition: all 0.5s ease-in-out;
}

/* tarifs */

.tarifBg{
  margin-top: 30px;
}

.tarifs{
  padding-inline: 5px;
  min-height: 400px;
}
.tarifs h4{
  font-weight: 700;
  color: #020a45;
  padding-left: 20px;
  padding-top: 10px;
}
.tarifs b{
  font-weight: 700;
  color: #144a9d;
  font-weight: 600;
  font-size: 6rem;
  margin-left: 10px;
}
.tarifsExtra{
  padding-bottom: 65px;
}
.tarifMenu{
  background-color: #fafcff;
}
.tarifMenuBg ul{
  list-style: none;
  padding: 20px 0px;
}
.tarifMenuBg li{
 display: inline-block;
 margin-bottom: 10px;
}
.tarifMenu{
  background-color: #fafcff;
  padding-top: 20px;
}
.tarifMenuBg a{
padding: 0px 25px;
font-weight: 600;
color: #020a45;
font-size: 1.8rem;
text-decoration: none;
}
.tarifMenuBg a:hover{
transition: all 0.5s ease-in-out;
color: #144a9d;
}
.tarifMenuBg span{
color: #144a9d;
text-decoration: underline;
}
.tarifs span{
  color: #020a45;
  font-weight: 600; 
} 
.tarifsEngagementsBg{
  margin-top: 0px;
}
.authenticBg {
  padding-inline: 15px;
  padding-bottom: 150px;
}
.engagementsBulk{
  width: 60%;
  margin: auto;
}
.engagementsBulk p{
  margin-top: -10px;
}
.optionfst{
  padding-bottom: 40px;
}
.optionsBg{
  padding-bottom: 65px;
}
.optionEm em{
  font-size: 1.7rem;
  padding-left: 20px;
}
.optionEm em a{
  color: #020a45;
  text-decoration: none;
}
.autres{
  padding-inline: 0px;
  box-shadow: none;
  background-color: #fafcff;
}

.autres h4{
  padding-block: 20px;
}
.autres li{
 padding-left: 7px;
}
.autres p{
 padding-left: 7px;
}
.autres  b{
font-weight: 700;
color: #020a45;
 font-size: 1.7rem;
}
.mentionsHead{
  background-color: #fafcff;
}
.mentionsHeadBg{
  margin-top: 40px;
  font-family: 'Poppins','Roboto';
  padding-left: 80px;
}
.mentionsHeadBg h2{
  color: #144a9d;
  font-weight: 700;
  font-size: 2.5rem;
  padding-block: 10px;
}
.mentionsHeadBg p{
  font-size: 1.7rem;
  color: #05165b;
  font-weight: 300;
}
.mentionsHeadBg a{
  color: #144a9d;
 font-weight: 500;
 text-decoration: underline;
}
.mentionsHeadBg b{
  color: #05165b;
 font-weight: 700;
 font-size: 1.9rem;
}
.mentionsHeadBg li{
  color: #144a9d;
  padding-left: 10px;
}
.mentionsHeadBg span{
  font-size: 17px;
  color: #05165b;
  font-weight: 300;
}
.mentionsHeadBg em{
  font-size: 1.8rem;
  color: #144a9d;
  font-weight: 500;
}
.mentnPara{
  margin-top: -6px;
}
.mentnPara2{
  margin-top: -7px;
  font-size: 16px!important;
}
.list2 li{
  padding-left: 50px;
  list-style:circle;
  font-size: 2rem;
  color: #000;
}
.list3 li{
  padding-left: 50px;
  list-style:disc;
  font-size: 2rem;
  color: #000;
}
.chrome a{
  color: #144a9d;
  font-size: 1.7rem;
  font-weight: 500;
}
.chrome span{
  font-weight: 400;
}
.panier{
  background-color: #fafcff;
}
.panierDesc{
  margin: auto;
  width: 50%
}
.panierDesc p{
  font-size: 16px;
  font-weight: 400;
  color: #05165b;
  font-family: 'Poppins','Roboto';
}
.panierBg{
  padding-bottom: 280px;
}

.panierDesc a{
  transition: all 0.5s ease-in-out;
  background-color: #020a45;
  color: #fff;
  font-weight: 600;
  padding: 14px 24px;
  text-decoration: none;
  border-radius: 10px;
  font-size: 1.6rem;
}
.panierDesc a:hover{
 color: #0c1b58;
 background-color: #f4f4f4;
}

.processusBg{
  background-color: #fafcff;
}
.processusHead{
  font-family: 'Poppins','Roboto';
  width: 75%;
  margin: auto;
  padding-block: 50px;
}
.processusHead h3{
  color: #05165b;
  font-weight: 500;
}
.processusHead h2{
  color: #020b2d;
 font-weight: 500;
 font-size: 3.5rem;
}
.processusHead span{
 font-weight: 700;
}
.processusDesc{
  margin: auto;
  position: relative;
  border-left: 2px solid #144a9d;
  
}
.processusDesclast{
  border: none;
}
.processusColm1{
  position: absolute;
  left: 0%;
  width: 200px;
  float: left;
  top: 0%;
}
.procrssusCol2{
  text-align: left;
  padding-left: 180px;
  padding-top: 30px;
}

.processusPic{
  left: -10%;
}
.processusPara{
  margin-top: 30px;
}
.procrssusCol2 h4{
 color: #144a9d;
 font-size: 2.5rem;
 font-weight: 600;
 padding-block: 10px;
}
.procrssusCol2 p{
  font-size: 1.7rem;
 font-weight: 400;
 color: #05165b;
 font-family: 'Poppins','Roboto';
}
.procrssusCol2 b{
 font-weight: 700;
 color: #05165b;
}
.procrssusCol2 a{
 font-weight: 700;
 color: #144a9d;
 text-decoration: underline;
}
.coffrets{
  background-color: #fafcff;
}
.foo{
  margin-top: 0px;
}
.connexion{
  background-color: #fafcff;
}
.connexionBg{
  margin-top: 20px;
  font-family: 'Poppins','Roboto';
}

.connexionRow a{
padding-inline: 50px;
text-decoration: none;
  font-weight: 500;
  font-size: 1.9rem;
  color: #05165b;
}
.connexionRow span{
  color: #1653af;
}
.connexionRow a:hover{
  color: #1653af;
}

.connexionHead h1{
  font-size: 4.5rem;
}
.connexionDesc{
  font-family: 'Poppins','Roboto';
  width: 40%; 
   margin: auto;
   box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
   border-radius: 20px;
   padding: 20px;
 background-color: #fff;
}
.connexionRow{
  margin: auto;
  }
  .connexionDesc label{
    font-size: 1.7rem;
    font-weight: 500;
    color: #05165b;
    padding-top: 20px;
  }
  .connexionDesc span{
    font-size: 1.8rem;
    color: red;
    font-weight: 700;
  }
  .connexionDesc input{
    width: 100%;
    padding: 10px;
    border-radius:10px;
    border: 1px solid #d5d5d5;
    margin-top: 10px;
  }
  .connexionDesc input[type="checkbox"]{
   width: 15px;
   height: 15px;
    margin: 0px;
    padding: 0px;
    margin-right: 10px;
  }
  .check{
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center;

  }
  .connexionDesc input[type="submit"]{
   background-color: #144a9d;
   border: none;
   color: #fff;
   font-weight: 500;
   font-size: 1.7rem;
   margin-bottom: 20px;
   padding: 15px;
  }
  .connexionDesc input[type="submit"]:hover{
   background-color: #fff;
   border: 1px solid #020a45;
   transition: all 0.5s ease-in-out;
   color: #144a9d;

  }
  .connexionDesc b{
    color: #0c1b58;
    font-size: 1.5rem;
    font-weight: 500;
  }
  .connexionDesc a{
    text-decoration: none;
    color: #05165b;
    font-size: 1.6rem;
    font-weight: 500;
  }
  .connexionEmail p{
    padding-top: 10px;
    display: inline-block;
    color: #0c1b58;
    font-size: 1.5rem;
    font-weight: 300;
  }
  .connexionEmail em{
    color: #011789;
    font-size: 1.2rem;
    font-weight: 300;

  }
  .connexionEmail{
    box-shadow: none;
    background-color: #fafcff;
  }

 .mobileOff{
   display: inline-block !important;

 }
.mobileOn{
  display: none !important;
}
.mobileOn img{
  margin-right: 8px;
}
.contactez{
  background-color: #fafcff;
}
.contactezBg{
padding-inline: 60px;
}
.contactezBg p, .contactezBg ul{
  font-size: 1.7rem;
  color: #05165b;
  font-weight: 400;
 margin: 0px;
 padding: 0px;
 padding-top: 10px;
}
.contactezBg a{
  text-decoration: underline;
  font-weight: 700;
  color: #1b56b0;
}
.contactezBg li{
  color: #1653af;
}








/* RESPONSIVE */

@media(max-width: 900px)
{
  .navBar{
    display: none;
    width: 100vw;
    height: 100vh;
    z-index: 1;
    overflow: auto;
  }
  .header .bi-list, .header .bi-x-lg{
    display:block;
  }
  .mobileBar ul{
    list-style: none;
    padding: 20px 0px;
    margin-top: 12px;
  }
  .contactBtn{
    text-align: center;
  }
  .mobileBar li{
    display: block;
  }
  .mobileBar li a{
    text-align: center;
    padding: 8px  0px;
    display: block;
  }
  .mobileBar ul ul {
    display: block;
    padding: 0px 0px;
    background-color: transparent !important;
    position: unset !important;
  }
  .mobileBar li li a{
    color: #999;
  }
  .mobileBox{display: block;}

  .mobileOff{
    display: none !important;
  }
 .mobileOn{
  display: block !important;
 }
 
 .pourPlusPicBg{
  height: 300px;
 }
 .engagementsCard{
  min-height: auto;
}

.phone{
  padding-bottom: 30px;
}
.location{
  padding-bottom: 30px;
}
.cap{
  padding-bottom: 30px;
}
    .expertiseDesc{
      width: 100%;
    }
    .expertiseDesc h2{
      font-size:2rem;
  
    }
.engagementsBg h1{
  font-size: 2.5rem;
}
    .maisonBox{
      padding: 0px;
    }
    .maisonBox2{
      padding-left: 20px;
    }
    .maisonBg h1{
      font-size: 2rem;
    }
    .pourPlus h3{
      font-size: 2.5rem;
      font-weight: 600;
    }

    .svgImg img{
      width: 100%;
    }
    .sgsDesc{
      margin: 10px;
      padding: 0px;
    }
    .footDesc3{
      padding-inline:45px ;
    }
    center{
      font-size: 1rem;
    }
    .connexionHead h1{
      font-size: 2rem;
    
    }
    .panierDesc{
      
      width: 100%
    }

    .tarifs b{
      font-size: 4rem;
      margin-left: 10px;
    }
    .footDesc{
      padding: 0px;
    }
    .footSocial{
      padding-block: 20px;
      padding-left: 0px;
    }
    .footDesc a{
        font-size: 1.3rem;
    }
    .panierDesc p{
      font-size: 14px;
    }

    .notationDesc{
      padding-left: 20px;
      text-align: left;
      margin-top: 0px;
    }
    .notationSecndDesc{
      padding-inline: 30px;
      margin-top: -20px;
    }

    .notationBg h3{
      width:100%;
      padding: 10px;
      font-weight: 500;
      font-size: 2rem;
      font-family: 'Poppins','Roboto';
    }
    .notationDesc h4{
      color: #144a9d;
      font-weight: 600;
      font-size: 2.5rem;
      padding-block:10px;
    }
    .notationSecndImg{
      margin-top: 20px;
      padding-inline: 30px;
    }
.notationThirdDesc{
  padding: 20px 10px;
}
.transparentHead{
  width:100%;
}
.transparente{
  padding-block: 0px;
}

.transparentHead h3{
  font-weight: 500;
  font-size: 2.6rem;
  margin-top: 0px;
}
.identification{
padding-block:15px;
}

.identificationDesc{
  margin-top: 0px;
  padding-left: 30px;
 }
.identificationDesc h3{
  margin-top: -30px;
  
 }
 .processusColm1{
  position: unset;
  float: unset;
}
.procrssusCol2{
  margin: 0px;
  padding: 0px;
}
.processusDesc{
  text-align: left;
  border-left:none;
}
.processusHead h3{
 font-size: 1.6rem;
 padding-inline: 0px;
}
.procrssusCol2 h4{
  padding-block: 20px;
  font-size: 2rem;
}
.processusHead h2{
  font-size: 1.8rem;
}
.processusHead{
  width: 100%;
  padding-inline: 10px;
}

.processusDesc img{
  width: 50%;
}

.reportImg{
  width: 95%;
}
.greadingReportBg{
  margin-top: 0px;
}
.greadingReport h3{
  margin-top: -30px;
 font-size: 2.5rem;
 text-align: center;
}
.professionnelleDesc h3{ 
  font-size: 1.8rem;
  padding-inline: 10px;
  padding-block: 0px;
}
.professionnelle{
  padding-block: 0px;
}
.professionnelleBg{
  margin-top: -20px;
}
.identification{
  padding-block:0px;
  }
  .connexionDesc{
    width: 95%; 

  }
  .connexionRow a{
    padding-inline: 10px;
}
  .connexionRow ul{
   margin: 0px;
   padding: 0px;
}
.contactezBg{
  padding-inline: 20px;
  font-size: 1.4rem;
  }
  .mentionsHeadBg h2{
    font-size: 2rem;
  }
  .mentionsHeadBg{
    padding-left: 30px;
  }
  .mentionsHeadBg p{
    font-size: 1.4rem;
  }

}
@media(max-width: 1100px)
{
  .sgsDesc{
   margin: 0px;
   padding: 20px;
  }
  .sgsBg{
    margin-top: 0px;
  }
  .sgsBg img{
   margin-top:40px;
   
  }
}