@font-face {
    font-family: montserratLight;
    src: url(../font/Montserrat-Light.ttf);
}

@font-face {
    font-family: montserratMedium;
    src: url(../font/Montserrat-Medium.ttf);
}

@font-face {
    font-family: montserratBold;
    src: url(../font/Montserrat-Bold.ttf);
}

@font-face {
    font-family: montserratSemiBold;
    src: url(../font/Montserrat-SemiBold.ttf);
}

@font-face {
    font-family: montserratBlack;
    src: url(../font/Montserrat-Black.ttf);
}

* {
    /* border: red 1px solid; */
}

body{
    font-family: montserratLight;
}


.color-blue {
    color: #70ddce;
}

.navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-block: 0.7rem;
    background-color: #171818;
}

.nav-link:hover{
    text-shadow:0 0 5px #03e9f4,0 0 15px #03e9f4,
        0 0 25px #03e9f4,0 0 100px #03e9f4;
}

.navlogo{
    width: 210px;
}

header {
    min-height: 100vh;
/*background: #9C91EF;
background: linear-gradient(135deg, #9C91EF, #FB6BCA);
    color: white;
    background-repeat: no-repeat;
    background-attachment: fixed;*/
    background-color: #171818;
    padding-top: 130px;
}

header h1 {
    /*font-family:montserratBold;*/
    font-size: 90px;
    background: linear-gradient(to right, #03e9f4,#fff 50%);
    background-size: 200% auto;
    -webkit-background-clip :text;
    -webkit-text-fill-color:transparent;
    
}

.alignement-text-home{
    text-align: end;
}


h2{
    font-size:50px;
    font-family:montserratMedium;
    margin-bottom: 75px;
    border-bottom: 1px solid #70ddce;
}


.formlogo {
    min-height: 100vh;
    padding-top: 235px;
}

.headerlogo{
    display: none;
}

#notreessence .row{
    min-height: 100vh;
}

#notreessence img{
    padding-top: 215px;
    display: block;
    margin : 0 auto;
}

#cequenousproposons{
    min-height: 100vh;
    justify-content: center;
  gap: 20px; /* Espacement de 20 pixels entre les cartes */
  background-color: #171818;
  color:white;
}

#cequenousproposons h2{
    text-align: center;
    width: 70%;
}

#cequenousproposons img{
    height: 170px;
}

#cequenousproposons .btn{
    -webkit-box-reflect: below
        1px linear-gradient(transparent,#0004);
        box-shadow:0 0 5px #03e9f4,0 0 15px #03e9f4,
        0 0 25px #03e9f4,0 0 100px #03e9f4;
}

.btn-primary{
    background-color: #03e9f4;
    border-color: #03e9f4;
}

.btn-primary:hover{
    background-color: #0004;
    border-color: #0004;
}

.manage-card{
    margin: auto;
    padding-left: 5%;
    padding-right: 5%;
}

.card{
    border:none;
}

.display-card{
    padding: 3rem;
}

.card-body{
    background-color:#171818;
    border:none;
}

.card-text{
    height: 150px;
}

.card-body h5{
    font-family:montserratMedium;
    
}


#nospointfort{
    margin-bottom: 100px;
}

#nospointfort img{
    width:90%;
    padding-top: 215px;
    display: block;
    margin : 0 auto;
}
#contact{
    min-height: calc(100vh - 50px);
}

footer{
    background-color: #171818;
    color: white;
}

footer .rpw{
    padding:3rem
}

footer p{
    font-size: 14PX;
    margin-top: 14px;
}

footer ul{
    margin-left: auto;
}

footer li{
    font-size: 14PX;
}

.footerlogo{
    margin-top: 14px;
    width:150PX;
}

.powered{
    font-size: 10PX;
}

.hidden-image {
    opacity: 0; /* L'image est initialement transparente */
    transition: opacity 1s ease-in-out; /* Transition fluide pour l'opacité */
}
/* Style pour l'élément déclencheur (ici, une div) */
.trigger-point {
height: 0px; /* Hauteur suffisante pour faire défiler la page */
background-color: #f0f0f0; /* Couleur de fond pour visualiser la zone */
}
.trigger-point2 {
height: 0px; /* Hauteur suffisante pour faire défiler la page */
background-color: #f0f0f0; /* Couleur de fond pour visualiser la zone */
}
.trigger-point3 {
height: 0px; /* Hauteur suffisante pour faire défiler la page */
background-color: #f0f0f0; /* Couleur de fond pour visualiser la zone */
}


/*smartphone portrait and landscape*/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    header h1 {
        font-size: 50px;
    }
    .img-home{
        width: inherit;
    }
    .alignement-text-home{
        text-align: center;
    }
    
    #cequenousproposons h2 {
        text-align: center;
        width: 100%;
    }
    h2{
        font-size: 40px;
    }
    .display-card{
        padding: 2rem;
    }
    footer ul{
        margin-left: 0;
        text-align: center;
    }
}

/*smartphone landscape*/
@media only screen and (min-width : 321px) {
    .img-trigger-1{
        width: 100%;
    }
}

/*smartphone portrait*/
@media only screen and (max-width : 320px) {
    
}

/*Ipad portrait and landscape*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

}
    

/*Ipad landscape*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}

/*Ipad portrait*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

}

/*Desktops and laptops*/
@media only screen and (min-width : 1224px){
    /*header{
        padding-top: 335px;
    }*/
    /*header div:first-child{
        margin: auto 100px;
    }*/
    header h1 {
        font-size: 70px;
    }
    .headerlogo{
        display: block;
    }
    .img-trigger-1{
        width: 85%;
    }
}

/*Large screens*/
@media only screen and (min-width : 1824px) {
    header h1 {
        font-size: 90px;
    }
    .img-trigger-1{
        margin-top: 65px;
    }
}