@charset "utf-8";
/*#region Grid*/
*{padding: 0px !important; margin: 0px !important;}
body { overflow-x: hidden;}
.grid-pad {padding: 0px 20px !important;}
.rel {position: relative;}
.center { display: block; margin-left: auto; margin-right: auto;}
.txt-l {text-align:left;}
.txt-c {text-align:center;}
.txt-r {text-align:right;}
.txt-j {text-align: justify;}
.mx-auto {margin-left:auto !important; margin-right: auto !important;}
.right {float: right;}

/*#endregion */
/*#region General*/
.DN {display: none;}
.VH {visibility: hidden;}
/*#endregion */
/*#region Website*/

/*#endregion */
/*#region ANIMATION*/
    .animServicesFade-enter-from,.animServicesFade-leave-to { opacity: 0; }
    .animServicesFade-enter-active,.animServicesFade-leave-active { opacity: 1; }

    .scroll-textes { opacity: 0; transform: translateY(30px); transition: all 1s ease-out; }
    .scroll-textes-up { opacity: 0; transform: translateY(-30px); transition: all 1s ease-out; }
    .scroll-textes-right { opacity: 0; transform: translatex(-30px); transition: all 1s ease-out; }
    .scroll-btn-left { opacity: 0; transform: translate(-50px,30px);  transition: all 1s ease-out; }
    .scroll-btn-right { opacity: 0; transform: translate(50px,30px);  transition: all 1s ease-out; }
    .scroll-realisation-border { opacity: 0; transform: translate(50px,50px);  transition: all 2s ease-out; }
    .scroll-realisation-image { opacity: 0; transform: translate(50px,0px);  transition: all 1s ease-out; }
    .scroll-histoire-image { opacity: 0; transform: translate(-50px,-30px);  transition: all 2s ease-out; }
    .scroll-history-border { opacity: 0; transform: translate(-50px,-50px);  transition: all 2s ease-out; }
    .scroll-photo-border { opacity: 0; transform: translate(-50px,50px);  transition: all 2s ease-out; }
    .scroll-photo-image { opacity: 0; transform: translate(50px,0px);  transition: all 1s ease-out; }
    .scroll-textes-up.is-visible, .scroll-history-border.is-visible, .scroll-textes-right.is-visible , .scroll-photo-image.is-visible, .scroll-photo-border.is-visible, .scroll-realisation-image.is-visible, .scroll-realisation-border.is-visible, .scroll-histoire-image.is-visible, .scroll-textes.is-visible, .scroll-btn-left.is-visible, .scroll-btn-right.is-visible { opacity: 1; transform: translate(0,0); }
/*#endregion */
/*#region Ecommerce*/

.titleStyle {color: rgba(var(--primary)); font-weight: var(--fw-light) !important;}

.orderBtnStyle1{width: auto; background-color: rgb(var(--secondary)) !important; border: 1px solid white;}
.orderBtnStyle1:hover {background-color: rgb(var(--primary)) !important;}
.orderBtnTitleStyle1 {font-weight: lighter; color: rgb(var(--tierce)) !important;}

.orderBtnStyle2{width: auto; background-color: transparent; border: 1px solid white;}
.orderBtnStyle2:hover {background-color: rgb(var(--secondary)) !important;}
.orderBtnTitleStyle2 {font-weight: lighter; color: rgb(var(--tierce)) !important;}
/*#endregion */
/*#region Mobile*/
@media handheld, only screen and (max-width: 600px) {
    .grid-pad {padding: 0px 5px !important;}
    body {overflow-y: hidden;}
    h1 {font-size: 74px !important; font-family: Ephesis; text-align: left; color: rgb(var(--secondary),0.5); height: 180px;}
}
@media handheld, only screen and (max-width: 960px) {
    .grid-pad {padding: 0px 0px;} /* padding: 0px 50px;*/
    h1 {font-size: 74px !important; font-family: Ephesis; text-align: left; color: rgb(var(--secondary),0.5); height: 180px;}
    .pageTitleHeight{height:80px !important;}
    .soustitre {font-size: 36px; padding-left: 0% !important;}
}
@media handheld, only screen and (max-width: 1264px) {
    h1 {font-size: 120px; font-family: Ephesis; text-align: left; color: rgb(var(--secondary),0.5); height: 180px;}
}

/*#endregion */