a{
	transition: all .2s ease-in-out;

}
a:hover {
    text-decoration: none;
}
a:hover.btOrange{
	/* margin-left:10px; */
	transition: all .2s ease-in-out;
}
.btOrange {
    font-size: 1.6em;
}

#pageAzur #divImg1 {
    background: url(../images/azur-confort/mockup-azur-confort-web.webp);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 50%;
    height: 100%;
    -webkit-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
    aspect-ratio: 5 / 4;
    background-color: #0c2c40;
}

#pageAzur #divImg2 {
    background: url(../images/azur-confort/mac-azur-confort-web.webp);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
    aspect-ratio: 3 / 4;
    background-color: #0c2c40;
    bottom: 0;
    z-index: 11;
}

#pageAzur #divImg3 {
    background: url(../images/azur-confort/senequier-azur-confort-web.webp);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
    aspect-ratio: 2 / 3;
    background-color: #0c2c40;
    /* bottom: 0; */
    z-index: 11;
}

#pageZenkineo #divImg1 {
    background: url(../images/mockup-zenkineo-web.webp);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 50%;
    height: 100%;
    -webkit-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
    aspect-ratio: 5 / 4;
    background-color: #0c2c40;
}

#pageZenkineo #divImg2 {
    background: url(../images/ambiance-zenkineo.webp);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
    aspect-ratio: 3 / 4;
    background-color: #0c2c40;
    bottom: 0;
    z-index: 11;
}

#pageZenkineo #divImg3 {
    background: url(../images/mockup-zenkineo-site-web-tablette-iphon.webp);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
    aspect-ratio: 2 / 3;
    background-color: #0c2c40;
    /* bottom: 0; */
    z-index: 11;
}

#pageTerra #divImg1 {
    background: url(../images/terra-architecte/mockup-terra-architecte-multi-écrans.webp);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 50%;
    height: 100%;
    -webkit-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
    aspect-ratio: 5 / 4;
    background-color: #0c2c40;
}

#pageTerra #divImg2 {
    background: url(../images/terra-architecte/maison-de-l-eau-ambiance-terra-architecture-web.webp);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
    aspect-ratio: 3 / 4;
    background-color: #0c2c40;
    bottom: 0;
    z-index: 11;
}

#pageTerra #d7030 div:nth-child(2) {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
    background: url(../img/exterieur-ambiance-terra-architecture-web.webp);
    background-repeat: no-repeat;
    background-size: cover;
    -o-object-position: center center;
    object-position: center center;
    aspect-ratio: 3 / 2;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

#pageTerra #d7030 div:first-child {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    background: url(../img/mac-terra-architect-web.webp);
    background-repeat: no-repeat;
    background-size: cover;
    aspect-ratio: 1 / 1;
    /* height: 100%; */
}