/*essai*/
header{ 
  height: 100px;

 display:flex-reverse;
 justify-content: space-between;
 position: fixed;
z-index: 10;
left:0px;
top:0px;
right:0;
background-attachment: fixed;
background-color: #938c7c90;  

 
} 

header nav{
 float: right;
 margin-top: 40px;
 
}

header nav ul li{
 
 display:inline-block;
 font-family: Montserrat;
}

header nav ul a{
 text-transform: uppercase;
 font-weight: bold;
 margin-right: 15px;
 
} 


/* header li a:hover{
 color: rgba(240, 160, 11, 0.918);
}  */

/* #logoCoralis{
 max-width: 180px;
 /*justify-content: let;
}  */




body h5{
 font-family: Montserrat;
   font-weight: 600;
   font-size: 1.3em;
   line-height: 1.55;
}


* {
   margin: 0;
   box-sizing: border-box;
 }
 
 body {
   color:#000;
   font-family: 'Montserrat','Manrope', sans-serif;
   font-size: 1em;
   /*background-color: #1f2039; bleu*/
   /*background-color: #615252;*/
   margin-top:80px;
   align-items: center;
   justify-content: center;
   width:100%;
 }

a {
   color:rgba(240, 160, 11, 0.918);
   text-decoration: none;
 } 
 
 em {
   color: rgb(1,51,74);
   font-style: italic;
 } 
 
 h1 {
   font-size: 3.5em;
   color: white;
   font-family: 'Montserrat', sans-serif;
 }
 
  h2 {
   color: #f9f8ff;
   font-size: 1.6em;
 } 
 
 p,
 li {
   font-size: 1.2em;
   /*color: #f9f8ff;*/
 }

 div{
   display:block;
   unicode-bidi: isolate;
 }


footer{
  /*min-height: 151px;*/
    padding-top: 15px;
   padding-bottom: 15px; 
   /* background-color: #1d0101; */
    background-color: #1f2039; 
   /*background-color: #1f2039;*/
   
   /* background-position: 52.25752575032321% 100%; */
   background-size: auto;
   background-attachment: scroll;
   background-repeat: no-repeat;
   border-top-width: 5px;
    border-top-color: rgba(255, 255, 255, 0.5); 
   border-top-style: solid;
   border-right-width: 0px;
    border-right-color: rgba(255, 255, 255, 0.5); 
   border-right-style: solid;
   border-bottom-width: 0px;
    border-bottom-color: rgba(255, 255, 255, 0.5); 
   border-bottom-style: solid;
   border-left-width: 0px;
    border-left-color: rgba(255, 255, 255, 0.5); 
   padding: 15px; 
   border-left-style: solid; 
 /* background-image: url(../imgCommune/accueil/footer.png); */
 margin-bottom: 0;
 display: flex;
 flex-direction: row;
 justify-content: center;
 /*align-items: center;*/
 text-align: left;
 /* background-image: linear-gradient(to top, #3d3446 40%, transparent); */
}
footer div h5{
 text-align: left;
 margin:15px;
 color:#fff;
 font-size: 1.2em;
}

footer .lien-icon-social{
 position: relative;
   /*padding: 20px 0px;*/
   display:flex;
   /* justify-content: center;
   align-items: center; */
   
}

/* .footer{
 display:grid;
 grid-template-columns: repeat(3,1fr);
 grid-template-rows:repeat(1,1fr);
} */
.icon{
 font-size: 40px;
 /*padding-right: 90%;*/
 width: 60px;
   height: 60px;
   /*background: #000;*/
   display:flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   border-radius:50%;
   color:#fff;
}

.iconSvg img{
 font-size: 25px;
 width:25px;
 height: 25px;
 display:flex;
 justify-content: center;
 align-items: center;
}

.box{
 display:flex;
 flex-direction: row;
 /*margin-left: 20px;*/
 width: 400px;
 gap: 10px;
 padding:10px;
 /*flex-wrap:wrap;
 /*justify-content: center;*/
}

.box .cta{
 padding: 15px;
 margin-top:10px;
}


/* .contactSuivre{
 display:flex;
 flex-direction: column;
 
 width: 300px;
 gap: 10px;
 padding:20px;
 

 
} */
/* .contactSuivre .box{
 justify-content: center;
align-items: center;
} */

.text p{
 color:#fff;
 text-wrap:wrap;
 text-shadow: 3px 3px 0px rgb(0, 0, 0);
 font-size: 1.1em;
 /*background-color: rgba(79, 77, 96, 0.456);*/
}

/* .contactInfo .text p{
 color:#4a011e;
 text-wrap:wrap;
} */
.texteDroit p a{
  color: #fff;
  text-wrap:wrap;
  font-size: 0.7em;
}


#youtube{
 background:red;
}
#linkedin{
 background:rgba(29, 145, 234, 0.921);
}

@media screen and (max-width:1100px){
 footer{
   display:grid;
   grid-template-columns: repeat(2,1fr);
   grid-template-rows: repeat(2,1fr);
   margin-bottom: 0;
 } 
  .contactSuivre{
   justify-content: center;
   align-items: center;
   
 } 
} 

@media  screen and (max-width:720px) {
 footer img{
   display:none;
 }
 footer {
   display:flex;
   flex-direction: column;
   /*grid-template-rows: repeat(3,1fr); */
 }
 .box{
   width: 300px;
 }
}



/* footer h5{
 color: white;
 justify-content: center;
 text-align: center;
} */

 
  header
  {
   background-color: #938c7c90;
    padding: 15px 50px; 
   
 } 

  
 .cta {
   display: inline-block;
   /* background-color: rgba(130, 25, 111, 0.859); */
   /*background-color: rgba(88, 33, 51, 0.986); */
    background: linear-gradient(#8e86b5, #acaeed); 
   color: white;
   flex-wrap: wrap;
   border-radius: 50px;
   width:auto;
   /*padding: 20px auto;*/
   padding: 20px 10px;
   justify-content: center;
   text-align: center;
 }

 

 a:hover {
   text-decoration: underline;
 }
/* .lien-conteneur-photo div{
 visibility: hidden;
}

.lien-conteneur-photo img:hover + div{
 visibility: visible;
} */



 .cta:hover {
   background:rgba(240, 160, 11, 0.918);
   /* background: linear-gradient(#696484, #8788ba); */
   text-decoration: none;
 }

 .lien-icone {
   margin-left: 30px;
   display: inline-block;

 }

  /*.accueil-introduction #logoCoralis{
   max-width:100px;
 } */


 .main{
 display:inline-block;
 position:flex cover;
} 

 

 .entete div{
   text-align: right;
 }
 
 .menu-principal a{
   text-align: right;
 }
 
 .menu-principal img{
   max-width: 100px;
 }
 
 .imageIntro img{
   position: fixed;
 }

 nav ul{
   list-style-type: none;
   padding-inline-start: 100px;
 }

 .entete a{
   display:inline-block;
   text-align: justify;
 }
   nav{
   display:block;
   unicode-bidi: isolate;
 }  

 

 
 @media screen and (max-width:1200px){
   /* p{
     font-size: 1.1em;
   } */
   h1{
     font-size: 2em;
   }
  
    .navbar{
     display:flex;
     flex-direction: column;
     
   }
  
  
    
 }


 /*test-menu*/
.navbar{
 height: 100px;
 display: flex;
 flex-direction: row;
 justify-content: space-between;
 position: fixed;
 z-index: 10;
 left: 0px;
 top: 0px;
 right: 0;
 background-attachment: fixed;
 /*background-color: #938c7c90;*/
 background-color: #615252;
 padding:15px 30px;
 align-items: center;
 




 /* height: 100px;
  position:fixed; */
   /*padding: 15px 5px;*/
   /*z-index: 10;
   /*margin-top:0;*/
   /*display:flex;
   align-items: center;
   /*justify-content:space-between;
   /*width:100%;*/
   /*box-sizing: border-box;*/
   /*left:0px;
   top:0px;
   right:0;
   background-attachment: fixed;
   background-color: #938c7c90; */
 }

 .nav-listeMenu a{
   color:#fff;
   font-family: Montserrat;
   text-transform: uppercase;
   font-weight: bold;
   right: 0px;
  
 }
/*test pour les sous menus-->*/
  ul li ul.dropdown li{
   display:block;
   
 }
  ul li ul.dropdown a:hover{
   left:0;
 }

  ul li ul.dropdown{
   width: auto;
   background: #615252;
   position:fixed;
   /*z-index:999;*/
   display:none;
   margin-top:50px;
   text-align: left;
   
 }

  ul li:hover ul.dropdown{
   display:flex;
   flex-direction: column;
   align-items: left;
   
 }

/*fin du test de sous menu*/
 .nav-listeMenu li a:hover{
   /*color: rgba(240, 160, 11, 0.918);*/
   /*color: #ff510194;*/
   /*color: #1eacbfc5;*/
   /*color:#2378a0e5;*/
   color:#4c4a84;
   /*color:#148c80;*/
 }
 .nav-listeMenu{
   display:flex;
   /*align-items: right;*/
  
 }

 .nav-listeMenu ul{
   display:flex;
   justify-content: end;

 }

 /* .nav-listeMenu ul li{
   margin: 0 15px;
   
 }  */

 .nav-listeMenu ul li.active a{
   /*color: rgba(240, 160, 11, 0.918);*/
   color:#4c4a84;
   /*color: #2378a0e5;*/
   /*color: #ff510194;*/
   /*color:#1eacbfc5;*/
   /*color: #148c80;*/
 }
 .nav-listeMenu ul li.active  #home{

   /*background-color: rgba(240, 160, 11, 0.918);*/
   /*background-color: #2378a0e5;*/
   background-color:#4c4a84;
   /*background-color:  #1eacbfc5;*/
   /*background-color: #148c80;*/
   border-radius:50%;
 }

 .menu-hamburger span{
    color:#fff; 
   /* color:#01334a; */
   /*color:#18f1b0c5;*/
   /*position:fixed;*/
   width:100%;
   align-items: center;
   /*margin-right:20px;*/
   justify-content: center;
   display:none;
 }

 

 .nav-listeMenu #drapeau img{
   height: 25px;
   width: 25px;
   /*margin: 0 10px;*/
 }

 .nav-listeMenu #home img{
   height:25px;
   width: 25px;
 }

 .nav-listeMenu ul li #home{
   display:flex;
   flex-direction: row;
 }

 .nav-listeMenu ul li #home:hover{
   /*background-color: rgba(240, 160, 11, 0.918);*/
   /*background-color: #2378a0e5;*/
   background-color:#4c4a84;
   /*background-color:  #1eacbfc5;*/
   /*background-color: #148c80;*/
   border-radius:50%;
   /*padding: 10px;*/
 }

 #drapeau{
   display:flex;
   flex-direction: row;
 }
 #menuNav{
   /* background-color: #787070; */
    /*background-color: #537990;  */
     background-color: #1f2039; 
   /*background-color: #105f83; */
 }
 

 @media screen and (max-width:1320px) {
  .navbar{
   padding:0;
   /*background-color: #938c7c90;*/
   /* background-color: #615252; */
   background-color: #f0e8e8;
  }
   .menu-hamburger span{
     display:flex;
     padding-right: 90%;
   }
   .nav-listeMenu{
     padding:10px;
     margin-top:430px;
     position:fixed;
     /*background-color: rgba(130, 170, 176, 0.79);*/
     background-color: rgba(31, 32, 57, 0.79);
     width: 90%;
     backdrop-filter: blur(7px);
     display:flex;
     justify-content: center;
     align-items: center;
     text-align: left;
     margin-left:-100%;
     transition:all 0.5s ease;
   }

   #drapeau{
     display:flex;
     flex-direction:row;
     
   }

   .nav-listeMenu.mobile-menu{
     margin-left:0;
   }

   .nav-listeMenu ul{
     display:flex;
     flex-direction: column;
   }
   .nav-listeMenu ul li{
     margin:0;

   }

 }

 /*fin du test-menu*/

 .lien-conteneur-photo{
   position: relative;
   
 }

 .lien-conteneur-photo:hover .photo-hover {
   display: flex;
 }
 /* .entete img{
   max-width: 100px;/*primordial pour mettre à la bonne taille l'icone
 } */


 /*solution et avantages*/

 .page-content{
   background:white;
   /*margin: 5px;*/
 }
 .solution-avantage{
   /* width:100%;
   flex:0 0 auto;
   background:white;
   align-items: center; */

   height: auto;
   min-height: unset;
   background-color: rgba(0, 0, 0, 0);
   background-image: none;
   padding-top: 50px;
   padding-right: 1px;
   padding-bottom: 1px;
   padding-left: 1px;
   
 }

 .accueil-introduction div{
   /*background-image: url('../imgCommune/logiciel/ProductionCatalogue.jpeg');*/
   background-size: cover; /* Adapte la taille de l'image à l'élément */
   background-position: center;
   height: 100vh; /* ou une autre hauteur adaptée à ton design */
 }
/* .accueil-introduction .desktop-image{
 display: flex;
   flex-direction: row;
   position: relative;
   width: 100%;
   height: 100vh;
   align-items: flex;
   padding-right: 0;
   align-items: center;
   justify-content: center;
} */
 /* Par défaut, on affiche l'image pour desktop */
/* .accueil-introduction .mobile-image {
 display: none;} /* Cache l'image mobile par défaut */


 @media screen and (max-width: 1200px) {
 .accueil-introduction div{

     /*background-image: url('../imgCommune/accueil/ProdAccueil2.jpg');*/
     background-size: cover;
     align-items: center;
 }

}  

/* Pour les petits écrans */
/*@media screen and (max-width: 1200px) {
 .accueil-introduction .desktop-image {
     display: none; }*/ /* Cache l'image desktop */

 /* .accueil-introduction .mobile-image {
     display: block;*/ /* Affiche l'image mobile */
    /* width: 100%; }}*/ /* Ajuste la taille si nécessaire */



  /* @media(min-width:1024px){
   .solution-container{
   flex-direction: column;
 }  } */
 /* .accueil-introduction img{
   display: flex;
   flex-direction: row;
   position: relative;
   width: 100%;
   height: 100vh;
   align-items: flex;
   padding-right: 0;
   align-items: center;
   justify-content: center;
   
 }  */


 .solution-avantage h1{
   color: rgb(1, 51, 74);
   font-family: Mitr;
   font-weight: 200;
   display:flex;
   text-align: center;
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;
   margin-top: 10px;
   
 }
 .solution-avantage h3{
   font-family: Montserrat;
   font-weight: 200;
   font-size: 2.25em;
   /* line-height: 1.25; */
   color: rgb(1, 51, 74);
   overflow-wrap: break-word;
   text-align: center;
   display:flex;
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;
 }

 .solution-avantage span{
   color: rgb(1, 51, 74);
   font-family:"Montserrat";
   /*font-size: 80%;*/
   font-weight: 400;
   align-items: center;
   text-align:center;
   flex-wrap: wrap;
 }

/*forme en fleche*/
.bloc-fleche{
 display:flex;
 flex-direction: row;
 gap: 30px;
 padding-top:10px;
 padding-bottom: 10px;
   justify-content: center;
   flex-wrap: wrap;
}
.pointer {
 width: 200px;
 height: 40px;
 position: relative;
 display: flex;
 flex-direction: row;
 justify-content: center;
 flex-wrap: wrap;
 animation:slideDown 5s;
 align-items: center;
}

.pointer:after {
 content: "";
 position: absolute;
 left: 0;
 bottom: 0;
 width: 0;
 height: 0;
 border-left: 20px solid white;
 border-top: 20px solid transparent;
 border-bottom: 20px solid transparent;}
 /* display: flex;
 flex-direction: row;
 justify-content: space-around;} */


.pointer:before {
 content: "";
 position: absolute;
 right: -20px;
 bottom: 0;
 width: 0;
 height: 0;}
 /* border-left: 20px solid rgb(224,161,0);
 border-top: 20px solid transparent;
 border-bottom: 20px solid transparent;} */
 /* display: flex;
 flex-direction: row;
 justify-content: space-around;*/

 #pointerExploration {
  
   background: rgb(229,96,94);
   display: flex;
   flex-direction: row;
   justify-content: space-around;
   padding-left: 20px;
   
 }

 #pointerExploration:after {
   border-left: 20px solid white;
   border-top: 20px solid transparent;
   border-bottom: 20px solid transparent;}
 
  
 #pointerExploration:before {
   border-left: 20px solid rgb(229,96,94);
   border-top: 20px solid transparent;
   border-bottom: 20px solid transparent;}
   

   #pointerModelisation {
     background: rgb(224,161,0);
     padding-left: 20px;
   }
 
   #pointerModelisation:after {
     border-left: 20px solid white;
     border-top: 20px solid transparent;
     border-bottom: 20px solid transparent;}
    
    
   #pointerModelisation:before {
     border-left: 20px solid rgb(224,161,0);
     border-top: 20px solid transparent;
     border-bottom: 20px solid transparent;}
     

     #pointerPlanification {
       background: rgb(229,226,94);
       padding-left: 20px;
     }
   
     #pointerPlanification:after {
       border-left: 20px solid white;
       border-top: 20px solid transparent;
       border-bottom: 20px solid transparent;}
      
     #pointerPlanification:before {
       border-left: 20px solid rgb(229,226,94);
       border-top: 20px solid transparent;
       border-bottom: 20px solid transparent;}
      
       #pointerProduction{
         background:rgb(151,229,93);
         padding-left: 15px;
       }

       #pointerProduction:after{
         border-left: 20px solid white;
       border-top: 20px solid transparent;
       border-bottom: 20px solid transparent;}
       
       #pointerProduction:before{
         border-left: 20px solid rgb(151,229,93);
       border-top: 20px solid transparent;
       border-bottom: 20px solid transparent;
       }

       #pointerRestauration{
         background:rgb(93,229,217);
         padding-left: 20px;
       }

       #pointerRestauration:after{
         border-left: 20px solid white;
         border-top: 20px solid transparent;
         border-bottom: 20px solid transparent;
       }

       #pointerRestauration:before{
         border-left: 20px solid rgb(93,229,217);
       border-top: 20px solid transparent;
       border-bottom: 20px solid transparent;
       }

       #pointerEnvironnement{
         background:rgb(203,94,229);
         padding-left: 30px;
       }

       #pointerEnvironnement:after{
         border-left: 20px solid white;
         border-top: 20px solid transparent;
         border-bottom: 20px solid transparent;
       }

       #pointerEnvironnement:before{
         border-left: 20px solid rgb(203,94,229);
         border-top: 20px solid transparent;
         border-bottom: 20px solid transparent;
       }

       @keyframes slideDown{
         from{
           transform: translateX(200px);
           opacity:0;
         }to{
           transform: translateX(0);
           opacity:1;
         }
       }
 
  .text-content {
     display: flex;
     /* position: absolute; */
/* text-align:center; */
   }
 
     .text-content p {
       /* text-align: center;*/
       color: #242424;
       /*justify-content: center; */
       font-size: 16px;
       
     } 

     /*fin de la partie fléchée*/


.solution-container{
 /*padding: 10px;*/
 /*display:flex;
/*flex-direction: row ; 
 /*grid-template-columns: repeat(2,1fr);*/
 
 /*justify-content: center; */
 /*flex-wrap: wrap;*/
 margin: 80px auto;
 margin-top: 10px;
 width:100%;

}
/* .solution-container:nth-child(2n)>*:first-child{
 order:1;
} */

.bloc-solution-img{
 /* order:1;
 overflow: visible;*/
 /*display:flex;
 flex-direction: column;
 /*flex-wrap: wrap;
 align-items: center;
 justify-content: center; */
 float: left;
 shape-outside: margin-box;
 display:flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 margin: 10px;
 /*margin:5% 0px 0px 0;*/
  /* left:0;
 top:10px;
 right:0px;
 bottom:0;  */
 
 
}
@media screen and (min-width:920px){
  .accordion{
   padding:15px;
 } 

 .valoriser-contenu-4bloc{
   display:grid;
   grid-template-columns: repeat(2,1fr);
   grid-template-rows: 150px 180px;
   gap:100px;
   margin: 10px 10px;
 }
 .cta{
   padding:20px 50px;
 }
 
 
}

@media screen and (max-width:780px){
 .solution-container{
   display:flex;
   flex-direction: column;
   margin:0;
 }
 .bloc-solution-img{
   display:flex;
   flex-direction: column;
   /*align-items: center;*/
   justify-content: center;
 }
 .bloc-solution-texte{
   display:flex;
   flex-direction: column;
   
 }
 
 .accordion .contentBx{
   padding: 15px 0;
   margin: 0;
 }
 .valoriser-contenu-4bloc{
   display:grid;
   grid-template-columns: 1fr;
   grid-gap: 20px;
 }
 
}


.bloc-solution-img img{
max-width:400px;
max-height: 150px;
box-shadow : 6px 6px 25px rgb(15, 26, 34); 
}
.imgTopAccueil{
margin-left: 0;
margin-bottom: -10px;

}
.imgMediumAccueil{
 margin-top: 15px;
 margin-left: 35px;
 /* opacity: 0.5;  */
 
}
.imgBottomAccueil{
margin-top: 15px;
margin-left:45px; 
}
.bloc-solution-texte>*+*{
 margin-top: 20px;
}
.bloc-solution-texte{
 /* order:2;
 overflow: hidden;
 display:flex;
 flex-direction: column;
 flex-wrap: wrap; */
 border-right: 1px solid #8e86b5;
 border-bottom: 1px solid #8e86b5;
 padding: 10px; 
 text-align: left;
  margin-top: 20px; 
 
}

.bloc-solution-texte p{
 overflow-wrap: break-word;
}
.bloc-solution-texte h1{
 font-family:"Montserrat";
 font-size:2rem;
 color:#000;
 margin:0;
 line-height: 1.1;
}
.bloc-solution-texte p span{
 color: rgb(1, 51, 74);
 font-family:"Montserrat";
 font-size: 101%;
 font-weight: 400;
}
.bloc-solution-texte p a{
 color: rgb(224, 161, 0);
 font-family: "Montserrat";
 font-size: 101%;
 font-weight: 400;
}


/*partie avantage*/
.avantage-container{
 display:flex;
 flex-direction:column;
 padding:15px, 10%;
 margin-top: 10px;
}
.avantage-container h3{
 justify-content: flex-start;
}
.avantage-container h3{
 color: rgb(1, 51, 74);
 font-size: 1.6em;
 font-family: "Montserrat";
 padding: 10px;
 margin-left:25px;
}

.accordion{
 border-radius: 10px;
 margin-top: 10px;
 /*padding:15px 10%;*/
}

.accordion .contentBx{
 position:relative;
 margin: 10px 20px;
 text-align: left;
 background-color: rgb(1, 51, 74);
 border-radius: 10px;
 transition-duration: 0.5s;
}
.accordion .contentBx .label:hover{
color: rgba(240, 160, 11, 0.918);
}

.accordion .contentBx .label{
 position:relative;
 padding: 10px;
 color: #fff;
 background:rgb(1, 51, 74);
 cursor:pointer;
 align-items: center;
 display:flex;
 min-height: 3.5rem;
 line-height: 1.25rem;
}

.accordion .contentBx .label:before{
 content:'+';
 position:absolute;
 top:50%;
 right: 20px;
 transform: translateY(-50%);
 font-size: 1.5em;
 
}

.accordion .contentBx .content{
 position:relative;
 /* padding:10px; */
 background:#fff;
 height: 0;
 overflow:hidden;
 transition:max-height 0.2s ease-out;
 overflow-y: auto;
 
 
}

.label{
 border-radius: 10px;
}

.accordion .contentBx .content p{
 color:#000;
 line-height: 1.6;
 
 /* display: block; */
   /* margin-block-start: 1em;
   margin-block-end: 1em;
   margin-inline-start: 0px;
   margin-inline-end: 0px;
   unicode-bidi: isolate; */
   
}

.accordion .contentBx.active .content{
 height: auto;
 padding: 10px;
 /* border-radius: 0.5rem; */
 box-shadow: 0 4px 8px 0 rgba(0,0,0,0.5);
 
}

.accordion .contentBx.active .label:before{
 content:'-';
 color:#fff;


 
}
.accordion .contentBx.active .label{
 background: rgba(240, 160, 11, 0.918);
 color:#fff; 
}
/*fin de la partie avantage*/

/*photo d'arriere plan + bouton lien vers contact*/

.bloc-plus-d-info{
 height: auto;
   min-height: unset;
   background-position: center center;
   background-size: cover;
   background-image: url(../imgCommune/logiciel/AtlasCatalogue600X335.jpg);
   background-attachment: scroll;
   background-repeat: no-repeat;
   padding-top: 40px;
   padding-bottom: 40px;
   color: #FFFFFF;
   opacity: 0.9;
   
}

 .plus-d-info-container{
   display:flex;
   flex-direction: column;
   gap:15px;
   justify-content: center;
   color: #fff;
   justify-items: center;
   
 }

 .plus-d-info-container h2 {
   color: #fff;
   text-align: center;
   overflow:hidden;
   flex-wrap:wrap;
 }

 .plus-d-info-container span{
   color:#fff;
 font-weight: 600;
 font-family: "Montserrat";
 /*padding: 15px 10%;*/
 text-align: center;
 font-size: 1.9em;
   line-height: 1.143;
   
   text-shadow: 3px 3px 0px rgba(0,0,0,0.2);
   flex-wrap: wrap;
 }

 .plus-d-info-container a {
   display:flex;
   justify-content: center;
   font-family: Montserrat;
   
 }

 .plus-d-info-container + div{
   display:flex;
   justify-content: center;
 }
/*fin de photo d'arriere plan + bouton lien vers contact*/

/*debut partie valoriser*/

.valoriser-container{
 padding:30px;
}
.valoriser-header{
 
 padding: 30px 30px;
 width:100%;
 padding-right: 0;
 padding-left: 0;
 margin-right: auto;
 margin-left: auto;
 font-size: 1.5em;
 flex:0 0 auto;
 text-align: center;
}
/* .valoriser-header>*+*{
 /* margin-top:10px;} */

/* .valoriser-header span strong{
 font-family: "Montserrat", sans-serif;
 font-weight: 600;

} */
.valoriser-label p{
 font-family:"Montserrat";
 overflow: hidden;
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
   text-align: center;
   /* border-right: 1px solid #8e86b5;
   border-bottom: 1px solid #8e86b5; */
   
   margin-bottom: 20px; 
 color: rgb(1, 51, 74);
 font-size: 1.5em;
 overflow-wrap: break-word;
}

.valoriser-contenu-4bloc{
 display:grid;
 gap:40px;
 /*grid-template-columns: repeat(2, 1fr);*/
 /*grid-template-rows: 150px 180px;*/
  overflow: visible; 
 justify-content:center;
 /*padding: 100px;*/
  padding-top: 5px;
 padding-bottom: 5px; 
 /* border-color: #000; */
 flex-basis:0;
 margin-bottom: 20px;
}





.blocValoriser{
 /* max-width:400px;
   max-height: 350px; */
    display:flex;
   justify-content: center;
   gap:0px;
   box-shadow : 6px 6px 15px rgb(29, 49, 63);  

  height: auto;
 min-height: unset;
 border-top-width: 0px;
 border-top-color: rgb(224, 161, 0);
 border-top-style: solid;
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
 border-right-width: 0px;
 border-right-color: rgb(224, 161, 0);
 border-right-style: solid;
 border-bottom-width: 3px;
 border-bottom-color: rgb(224, 161, 0);
 border-bottom-style: solid;
 border-bottom-left-radius: 5px;
 border-bottom-right-radius: 5px;
 border-left-width: 0px;
 border-left-color: rgb(224, 161, 0);
 border-left-style: solid;
 background-color: rgb(255, 255, 255);
 background-image: none;
 box-shadow: 0px 0px 3px 2px rgba(189, 189, 189, 0.4);
 text-align: center;
 display:flex;
 gap:15px;
 flex-direction:row;
 justify-content: center; 
 /*padding :10px;*/
  margin:10px;
 margin-top: 5px;
 margin-bottom: 5px;  
 
}

.bloc-iconeSVG-Valoriser span{
 order:1;
 fill: rgb(224, 161, 0);
 width: 60px;
 border-top-width: 2px;
 border-top-color: rgb(224, 161, 0);
 border-top-style: solid;
 /* border-top-left-radius: 300px; */
 /* border-top-right-radius: 300px; */
 border-right-width: 2px;
 border-right-color: rgb(224, 161, 0);
 border-right-style: solid;
 border-bottom-width: 2px;
 border-bottom-color: rgb(224, 161, 0);
 border-bottom-style: solid;
 border-bottom-left-radius: 300px;
 border-bottom-right-radius: 300px;
 border-left-width: 2px;
 border-left-color: rgb(224, 161, 0);
 border-left-style: solid;
 padding-top: 10px;
 padding-right: 10px;
 padding-bottom: 10px;
 padding-left: 10px;
 align-items: center;
 text-align: center;
 display:flex;
 flex-wrap:wrap;
 justify-content: center;
 text-wrap:wrap;

}

.bloc-texteValoriser{
 order:2;
 height:auto;
 text-align: left;
 display:flex;
 gap:10px;
 flex-direction: column;
 margin:auto;
 padding: 10px;
}


svg{
 max-width: 100%;
}  
svg:hover{
 fill:#000;
}
/*fin de la partie valoriser*/

/*partie de news*/

 .news-header{
   display:flex;
   flex-direction: column;
   height: 20px;
 }

.news-container {
 font-size: 16px;
 /*background-color:#d8e0e5;*/
 background-color: #d8e0e5;
 line-height: 1.4;
 padding:20px;
 gap: 20px;
 display:grid;
 grid-template-rows:repeat(1,1fr);
 grid-template-columns: repeat(4,1fr);
 
} 

@media screen and (max-width:1100px){
 .news-container{
   
   grid-template-columns:repeat(2,1fr);
   grid-template-rows: repeat(2,1fr);
   gap:10px;
   justify-content: center;
   flex-basis: 0;
   margin-bottom: 20px;
 }
 .cardNews__subtitle{
   font-size: none;
 }
 .cardNews__title{
   font-size: none;
 }
 article {
   gap: 40px;
 }
 .cardNews:hover & img{
   height: 185px;
 }

 .cardNews__body:hover{
   height: 350px;
 }
 
}


@media screen and (max-width:720px){
 .news-container{
   
   grid-template-columns:1fr;
   gap:10px;
   justify-content: center;
   flex-basis: 0;
   margin-bottom: 20px;
 }
 .cardNews__body:hover{
   height: 320px;
 }
 .plus-d-info-container h2 {
   font-size:1.3em;
 }
}




.news-header{
 display:flex;
 flex-direction:column;
}
article img{
 width:100%;
 height:auto;
 /* display:block;
 opacity:1; */
}
article{
 
 position:relative;
 border: solid #000;
 /*width:500px;*/
 
 /*padding:20px;*/
 background-color: #fff;
  overflow:hidden; 

}

article .cardNews{
 position:absolute;
 top:50%;
 left:50%; 
 transform: translateX(-50%) translateY(-50%);
 background-color: #fff;
 box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
 transition:box-shadow 0.3s;
  overflow:hidden; 
} 

article .cardNews__category a{
 color:#fff;
 text-decoration:none;

}

.cardNews:hover{
 box-shadow: 0px 0px 50px rgba(0,0,0,0.3);
}

.cardNews__date{
 position:absolute;
 width:45px; 
 height: 45px;
 background-color: rgb(224, 161, 0);
 /* background-color: #EF5A31; */
 color:#fff; 
 text-align: center;
 top:-5px;
 right: -4px;
 border-radius:50%; 
 font-weight: bold;
 line-height:13px;
 padding-top:10px;
} 

.cardNews__date__day{
 display:block;
 font-size: 14px;
}
.cardNews__date__month{
 display:block;
 font-size: 10px;
 text-transform: uppercase;
}

.cardNews__thumb{
 /*height: 275px;*/
 overflow:hidden;
 background-color:#000;
 transition: height 0.3s;

 img{
   display:block;
   opacity:1;
   transition-property: opacity, transform;
   transition-duration:0.3s;
  
   transform: scale(1);
 }
 .cardNews:hover & img{
   opacity:0.6;
   transform: scale(1.2);

 }
 .cardNews:hover &{
   height:185px;
 }
}

.cardNews:hover .cardNews__thumb img{
 opacity:0.6;
}

.cardNews__body{
 position:relative;
 padding:20px;
 height: 275px;

 .cardNews:hover &{
   height:175px + 100px;
 }
}

.cardNews__category{
 position: absolute;
 left:0;
 top: -25px;
 height: 25px;
 padding:0 15px;
 color:#fff;
 background-color: rgb(224, 161, 0);
 font-size: 11px;
 line-height:25px;
 text-transform: uppercase;
}

.cardNews__title{
 margin:0;
 padding:0 0 10px 0;
 font-size:22px;
 /*color:#000;*/
 
}
.cardNews__title a{
 color:#000;
 font-weight:bold;
}
.cardNews__subtitle{
 margin:0;
 font-size:18px;
 color: rgb(224, 161, 0);
 /*color:#EF5A31;*/
 padding:0 0 10px 0;
}
.cardNews__description{
 font-size: 14px;
 /*line-height:27px;*/
 opacity:0;
 transition:opacity 0.3s;

 .cardNews:hover &{
   opacity:1;
 }
}
.cardNews__description p{
 color:#666C74;
}

/*fin de la partie des news*/

.client-container + div{
 display:flex;
 justify-content: center;
 align-items: center;
 padding:15px 10%;
 flex-wrap: wrap;
 
}
.client-header h2 span{
 padding-top:50px;
 padding-bottom:10px;
 font-size: 1.5em;
 /* padding: 0px 30px; */
 width: 100%;
 padding-right: 0;
 padding-left: 0;
 margin-right: auto;
 margin-left: auto;
 /*font-weight: 300;*/
 color: #1f2039;
 /*font-size: 1.3em;*/
 flex: 0 0 auto;
 display:flex;
 flex-wrap: wrap;
 justify-content: center;
 align-items: center; 
 background-color: white;
}



.client-label p span{
 font-family: "Montserrat";
 overflow: hidden;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 color: rgb(255,33,0);
 font-size: 1.2em;
 font-weight: 300;
 overflow-wrap: break-word;
 align-items: center; 
 justify-content: center; 
 text-align: center;
}



.card-item p div{
 color :#FFFFFF;
 width: 300px;
 padding:30px;
 display : flex;
 border-radius: 8px;
 background: rgba(255,255,255,0.2);
 border: 1px solid rgba(255,255,255,0.5);
 flex-direction: column;
 text-align: center;
 display: flex;
 gap: 15px;
 justify-content: center;
 margin: 10px;
 margin-top: 5px;
 margin-bottom: 5px;
}

#card-item{
 /* height: auto;
 min-height: unset;
 background-position: center center;
 background-size: cover;
 padding-top: 40px;
 padding-bottom: 40px;
 color: #FFFFFF;
width:1100px; */

 
 padding: 60px;
 position: relative;
 /*margin: 10px 20px;*/
 /*background-color: rgb(1, 51, 74);*/
 /*border-radius: 19px;*/
 transition-duration: 0.5s;
 /*width: auto;*/
 /* height:auto; */
 min-height: unset; 
 display:flex;
 flex-direction: row;
 justify-content: center;
 align-items: center;
 /*border-left-width: 0px;*/
 /*border-left-style: solid;*/
 background-color: rgb(255, 255, 255);
 /*background-color: #acaeed;*/
 /*box-shadow: 0px 0px 3px 2px rgba(189, 189, 189, 0.4);*/
 margin: 10px;
 margin-top: 5px;
 margin-bottom: 5px;
  
}

/* .client-container {
 background-color: #acaeed;
} */

.card-item-guillemetSvgOuvert span{
 /*order:1;*/
 width: 90px;
 
 padding-right: 10px;
 padding-bottom: 80px;
 padding-left: 10px;
 display:flex;
 flex-direction: row; 
 text-align:top;
 margin-left: 0;
}

.card-item-guillemetSvgOuvert{
 display:flex;
 text-align: bottom; 
 justify-content: bottom;
 position:relative;
 padding-bottom: 90px;
 padding-top: 0px;
}

.card-item-guillemetSvgFerme span{
 /*order:3;*/
 width: 90px;
   padding-top: 50px;
   padding-right: 10px;
   padding-left: 10px;
   display:flex;
   text-align: bottom; 
   margin-right: 0; 
   
}
.card-item-guillemetSvgFerme{
 display:flex;
 text-align: bottom; 
 justify-content: bottom;
 position:relative;
 padding-top: 90px;
 padding-bottom :0px;
 
}

.slider-wrapper{
 display:flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 flex-wrap: wrap;
 gap:20px;
 position:relative;
 /*margin-top: 10px;*/

}

.texteClient #slide1{
 /* background-image: url(../imgCommune/logiciel/ProductionCatalogue.jpeg); */
 background-position: center;
   height: 100vh;
}


.texteClient{
 /*order:2;*/
 align-items: center;
 flex-wrap: wrap;
 display: flex;
 text-wrap:wrap;
 flex-direction: column;
 
 position:relative;
}

.texteClient h2{
 align-items: center;
 flex-wrap: wrap;
 display: flex;
 text-wrap:wrap;
 color:#1f2039;
}
.card-item-signature{
 display:flex;
 flex-direction: row;
 position:relative;
 top:50px;
 right:100px;
 background-color: rgb(255, 255, 255);
 background-image: none;
}

.nomClient {
 /*height: 15px;*/
 text-align: left;
 display: absolute;
 flex-direction: column;
 /*margin: auto;*/

}

/* @keyframes slide{
 from{
   transform: translateX(0);
 }
 to{
   transform: translateX(-100%);
 }
}

.card-item{
 animation: scroll 40% linear infinite;
}

.card-item:hover{
 animation-play-state: paused;
}  */

@media screen and (max-width:1000px){
 .card-item-guillemetSvgFerme{
   display:none;
 }
 .card-item-guillemetSvgOuvert{
   display:none;
 }
 .card-item-signature{
   right:0px;
   top:0px;
   
   
 }
 .card-item-signature img{
   width: 120px;
 }
 #card-item{
   margin:0;
 }

}

@media screen and (max-width:900px){
 .client-header h2 span{
   display:flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
   text-align: center;
}
}