*{
    font-family: montserrat;
    margin:0;
    padding:0;
} 

  #logoCoralis{
    max-width: 130px;
   
  }
  
  #drapeau{
    display:flex;
    flex-direction: row;
  }

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

.slides{
    list-style:none;
    /*margin-top: 80px;
    background:#615252;*/
}

/*.slides:after{*/
    /*position:fixed;*/
    /* width:100%;
    height:100%; */
    /*margin-top: 100px;*/
    /* background-size:cover;
    top:0;
    left:0;
    z-index:0;
} */
.slides li span{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    color:transparent;
    background-size:cover;
    /*background-position:50% 50%;*/
    background-repeat: no-repeat;
    opacity:0;
    z-index:0;
    animation:animate 25s linear infinite 0s;
    
}

.slides li:nth-child(1) span{
    background-image:url(../imgCommune/logiciel/carriere2.jpg);
}
.slides li:nth-child(2) span{
    background-image: url(../imgCommune/logiciel/GeologieCatalogue.jpg);
    animation-delay:5s;
}
.slides li:nth-child(3) span{
    background-image: url(../imgCommune/logiciel/AtlasCatalogue.jpeg);
    animation-delay:10s;
}
.slides li:nth-child(4) span{
    background-image: url(../imgCommune/logiciel/EnvironnementCatalogue.jpeg);
    animation-delay:15s;
}
.slides li:nth-child(5) span{
    background-image: url(../imgCommune/logiciel/ProductionCatalogue.jpeg);
    animation-delay:20s;
}
.slides li:nth-child(6) span{
    background-image: url(../imgCommune/logiciel/DesignCatalogue.png);
    animation-delay:25s;
}


@keyframes animate{
    0%{
        opacity:0;
    }
    8%{
        opacity: 1;
    }
    17%{
        opacity:1;
    }
    25%{
        opacity: 0;
    }
    100%{
        opacity: 0;
    }
}

  .newNavbar{
    background-color: #615a5a;
    /*background-color: #615252; */
    overflow: hidden;
    position:fixed;
    top:0;
    /*padding:0 100px;*/
    width:100%;
    z-index:9999;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.newNavbar a{
    /*color:#01334a;*/
    color:#fff;
    /*font-family: Montserrat;*/
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
    right: 0px;
    float: left;
    display:flex;
    justify-content: center;
    /*color:#05010e;*/
    align-items: center;
    text-align: center;
    padding:14px 16px;
    text-decoration:none;
}
.newNavbar .logo{
    float:left;
    margin-right: 20px;
    font-size: 24px;
    font-weight: bold;
    
    line-height: 1.8;
}



 /* .newNavbar a:hover{
    
    /*background-color: rgb(242, 144, 8);*/
    /*color:rgb(242, 144, 8);
}    */

.header-text{
    background:rgba(0,0,0,0.3);
    text-align: center;
    display:flex;
    justify-content: center;
    align-items: center;
    /*margin-top:100px;*/
    overflow:hidden;
    place-items: center;
    height: 87vh;
    /*width:100%;*/
    position:relative;
    z-index:9998;
}


/*<!--test separateur maquette-->*/
/* #demo{
    min-height: 200px;
    height: 20vh;
    height: round(20vh, 1px);
    display: grid;
    grid-template-rows: calc(50% - var(--m) / 2) calc(50% + var(--m) / 2);
    --top: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 50px));
    --bottom: polygon(0 0, 100% 50px, 100% 100%, 0 100%);
    --m: -40px;
}

#demo:before{
    background:#615252;
}
#demo.clip:before{
    clip-path: var(--top);
}

#demo:before, #demo:after{
    content:'';
}
 #demo.clip:after{
    clip-path:var(--bottom);
}
#demo:after{
    background:#fff;
    margin-top:var(--m);
}   */
/*fin du test separateur maquette*/


.presentationLogiciel{
    /*background-image: url(../imgCommune/logiciel/carriere2.jpg);*/
    background-size:cover;
    /*background-position:50% 50%;*/
    background-repeat: no-repeat;
   

}
.hi-slide{
    position:relative;
    width: 745px;
    height: 292px;
    border-radius: 50px;
    margin: 115px auto 0;
}

.hi-slide .hi-next,
.hi-slide .hi-prev{
    position:absolute;
    top:50%;
    width:40px;
    height: 40px;
    margin-top: -20px;
    border-radius:50px;
    line-height: 40px;
    text-align:center;
    cursor:pointer;
    background-color:white;
    transition: all 0.7s;
    font-size: 20px;
    color:black;
    font-weight: bold;
}

.hi-slide .hi-next:hover,
.hi-slide .hi-prev:hover{
    opacity:1;
    background-color: white;
}

.hi-slide .hi-prev{right:102%;}

.hi-slide .hi-prev::before{
    content:'<';
}

.hi-slide .hi-next{right: -59px;}

.hi-slide .hi-next::before{
    content: '>';
}


.hi-slide > ul{
    list-style: none;
    position:relative;
    width:745px;
    height: 292px;
    margin:0;
    padding:0;
}

.hi-slide > ul > li{
    overflow:hidden;
    position:absolute;
    z-index:0;
    left: 377px;
    top:147px;
    width:0;
    height: 0;
    padding:0;
    border:3px solid white;
    cursor:pointer;
    background-color:#333;
}

.hi-slide > ul > li > a > img{
    width:100%;
    height:100%;
    background-position: center;
}

/* .slides::before{
    right:50%;
    transform: skew(0, 20deg);
}

.slides::after{
    left:50%;
    transform:skew(0,-20deg);
} */

.textSlide h1{
    color: #fff;
    /*font-family: bebas neue;*/
    font-size: 80px;
    margin:0;
    padding:0;
    /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.5);*/
    text-shadow: 3px 3px 0px rgba(0,0,0,0.5);
}
.textSlide p{
    color:#fff;
    /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.5);*/
    
    text-shadow: 3px 3px 0px rgba(0,0,0,0.5);;
}
.textSlide h1 span{
    color:rgb(242, 144, 8);
    /*font-family:bebas neue;*/
    
}
.textSlide a{
    background: rgb(242, 144, 8);
    display:inline-block;
    text-decoration: none;
    padding: 10px 30px;
    color:#202020;
    margin-top: 30px;
    border-radius:50px;
}
