/* ---------------------------- ----------- ---------------------------- */
/* ---------------------------- FONT FAMILY ---------------------------- */
/* ---------------------------- ----------- ---------------------------- */

.Textes{
    font-family: 'Monument';
    font-weight: 100;
}

.Textes-Freight{
    font-family: 'Freight';
    font-weight: 100;
    text-transform: uppercase;
}

/* ---------------------------- ----------- ---------------------------- */

.Textes:hover{
    cursor: default;
}



/* ---------------------------- ----------- ---------------------------- */
/* ---------------------------- ----------- ---------------------------- */
/* ---------------------------- FONT STYLES ---------------------------- */
/* ---------------------------- ----------- ---------------------------- */
/* ---------------------------- ----------- ---------------------------- */


a{
    text-decoration: none;
}

/* ---------------------------- -------------------- ---------------------------- */
/* ---------------------------- - FONT MAIN STYLES - ---------------------------- */
/* ---------------------------- -------------------- ---------------------------- */

.Textes-Courant-1{
    font-size: var(--Fs-Courant-1);
    line-height: var(--Lh-Courant-1);
}

.Textes-Courant-2{
    font-size: var(--Fs-Courant-2);
    line-height: var(--Lh-Courant-2);
}

.Title-Txt-2{
    color: var(--black);
    font-size: var(--Fs-Title-Txt-2);
    line-height: var(--Lh-Title-Txt-2);
    text-align: center;
}

.Accroche-Txt{
    font-size: var(--Fs-Accroche-Txt);
    line-height: var(--Lh-Accroche-Txt);
    text-transform: uppercase;
}

/* ---------------------------- ------------------ ---------------------------- */
/* ---------------------------- FONT STYLES FOOTER ---------------------------- */
/* ---------------------------- ------------------ ---------------------------- */


.Footer-Bottom-Text-1-Large, .Footer-Bottom-Text-Link-1-Large, .Footer-Bottom-Links-Large-Txt{
    color: var(--white);
    font-size: 16px;
    line-height: 22px;
    font-weight: 100;
}

.Footer-Bottom-Links-Large-Txt:hover{
    color: var(--black);
}

.Footer-Bottom-Text-Link-1-Large:hover{
    color: var(--black);
}

.Footer-Mail-Phrase-Large-Txt{
    color: var(--white);
    font-size: 20px;
    line-height: 28px;
    /* font-weight: 100; */
}

.Footer-Mail-Adress-Large-Txt-Link{
    color: var(--white);
    font-size: 40px;
    line-height: 55px;
    /* font-weight: 100; */
}

.Footer-Mail-Adress-Large-Txt-Link:hover{
    color: var(--black);
}

.Siteplan-Links-Txt{
    color: var(--white);
    font-size: 20px;
    line-height: 28px;
    /* font-weight: 100; */
}

.Siteplan-Links-Txt:hover{
    color: var(--black);
}

.Footer-Mail-Phrase-Small-Txt{
    color: var(--white);
    font-size: 12px;
    line-height: 16px;
    /* font-weight: 100; */
}

.Footer-Mail-Adress-Small-Txt-Link{
    color: var(--white);
    font-size: 18px;
    line-height: 23px;
    /* font-weight: 100; */
}

.Footer-Mail-Adress-Small-Txt-Link:hover{
    color: var(--black);
}

.Footer-Documentation-Links-Txt, .Footer-Bottom-Text-1-Small, .Footer-Bottom-Text-Link-1-Small{
    color: var(--white);
    font-size: 10px;
    line-height: 13px;
    /* font-weight: 100; */
}

.Footer-Documentation-Links-Txt:hover{
    color: var(--black);
}

/* .Footer-Bottom-Text-1-Small:hover{
    color: var(--black);
} */

.Footer-Bottom-Text-Link-1-Small:hover{
    color: var(--black);
}

/* ---------------------------- FONT STYLES NAVIGATION ---------------------------- */
/* ---------------------------- FONT STYLES NAVIGATION ---------------------------- */
/* ---------------------------- FONT STYLES NAVIGATION ---------------------------- */

.Nav-Item-Txt, .Nav-Link-Txt{
    color: var(--black);
    color: var(--green);
    font-size: 20px;
    line-height: 28px;
    /* font-weight: 100; */
}

/* .Nav-Item-Txt:hover{
    color: var(--black);
} */

.Nav-Link-Txt:hover{
    color: var(--green);
    color: var(--black);
}

/* ---------------------------- ---------------- ---------------------------- */
/* ---------------------------- FONT STYLES MENU ---------------------------- */
/* ---------------------------- ---------------- ---------------------------- */

.Menu-Txt-Link{
    color: var(--black);
}

.Menu-Txt-Link:hover{
    color: var(--white);
}

.Menu-Item-Txt{
    font-size: var(--Fs-Menu-Item-Txt);
    line-height: var(--Lh-Menu-Item-Txt);
    text-transform: uppercase;
    white-space: nowrap;
}

.Menu-Mail-Accroche-Txt{
    color: var(--black);
}

.Menu-Mail-Accroche-Txt-1{
    font-size: var(--Fs-Menu-Mail-Accroche-Txt-1);
    line-height: var(--Lh-Menu-Mail-Accroche-Txt-1);
    text-align: center;
}
.Menu-Mail-Accroche-Txt-2{
    font-size: var(--Fs-Menu-Mail-Accroche-Txt-2);
    line-height: var(--Lh-Menu-Mail-Accroche-Txt-2);
}

.Menu-Mail-Txt-1{
    font-size: var(--Fs-Menu-Mail-Txt-1);
    line-height: var(--Lh-Menu-Mail-Txt-1);
    text-align: center!important;
}

.Menu-Mail-Txt-2{
    font-size: var(--Fs-Menu-Mail-Txt-2);
    line-height: var(--Lh-Menu-Mail-Txt-2);
}

/* ---------------------------- ---------------------- ---------------------------- */
/* ---------------------------- FONT STYLES BTNS TEXTS ---------------------------- */
/* ---------------------------- ---------------------- ---------------------------- */

.Btn-Text{
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
}





/* ---------------------------- ----------------------- ---------------------------- */
/* ---------------------------- FONT STYLES - HOME PAGE ---------------------------- */
/* ---------------------------- ----------------------- ---------------------------- */

/* ---------------------------- FONT STYLES HEADLINE ---------------------------- */

.Headline-Txt{
    text-transform: uppercase;
    color: var(--black);
    font-size: var(--Fs-Headline-Txt);
    line-height: var(--Lh-Headline-Txt);
}

.Headline-Txt-1{
    text-align: center;
    /* font-size: var(--Fs-Headline-1-Txt); */
    /* line-height: var(--Lh-Headline-1-Txt); */
}

/* .Headline-Txt-2{ */
    /* font-size: var(--Fs-Headline-2-Txt); */
    /* line-height: var(--Lh-Headline-2-Txt); */
/* } */

/* ---------------------------- FONT STYLES INTRO ---------------------------- */

.Intro-Txt{
    color: var(--black);
}

/* ---------------------- FONT -- STYLES -- HOME -- ACCROCHE ---------------------- */

.Home-Accroche-Txt{
    color: var(--white);
    text-transform: uppercase;
    font-size: var(--Fs-Home-Accroche-Txt);
    line-height: var(--Lh-Home-Accroche-Txt);
}

/* ---------------------- FONT -- STYLES -- HOME -- CONTENT ---------------------- */

.Home-Content-Txt{
    color: var(--black);
}

/* ---------------------- -- FONT - STYLES -- HOME - RDV -- ---------------------- */

.Home-Rdv-Title-Txt{
    color: var(--black);
    text-align: center;
    text-transform: uppercase;
    font-size: var(--Fs-Title-Txt-2);
    line-height: var(--Lh-Title-Txt-2);
}

.Home-Rdv-Txt{
    color: var(--black);
    text-align: center;
}

.Home-Rdv-Btn-Text{
    color: var(--black);
    font-size: var(--Fs-Home-Rdv-Btn-Txt);
    line-height: var(--Lh-Home-Rdv-Btn-Txt);
}




/* --------------------------- -------------------------- -------------------------- */
/* --------------------------- FONT STYLES - COVER SLOGAN -------------------------- */
/* --------------------------- -------------------------- -------------------------- */

/* --- COPYRIGHT -------------- --- 2025 -- --- OASIS LAB -------------- */
/* --------------------------- FONT STYLES - COVER SLOGAN -------------------------- */

.Cover-Slogan-Text{
    color: var(--black);
    font-size: var(--Fs-Cover-Slogan-Text);
    line-height: var(--Lh-Cover-Slogan-Text);
    text-transform: uppercase;
}

/* -------------------------- FONT STYLES - CONTACT SLOGAN ------------------------- */

.Contact-Cover-Slogan-Text-1, .Contact-Cover-Slogan-Text-2{
    text-align: left;
}

.Contact-Cover-Slogan-Text-3, .Contact-Cover-Slogan-Text-4{
    text-align: right;
}

/* ------------------------ FONT STYLES -- JOAILLERIE SLOGAN ----------------------- */

.Joaillerie-Cover-Slogan-Text-1, .Joaillerie-Cover-Slogan-Text-2{
    text-align: left;
}

.Joaillerie-Cover-Slogan-Text-2, .Joaillerie-Cover-Slogan-Text-4, .Joaillerie-Cover-Slogan-Text-5{
    text-align: right;
}

/* ------------------------ FONT STYLES -- MESURE SLOGAN ----------------------- */

.Mesure-Cover-Slogan-Text-1, .Mesure-Cover-Slogan-Text-2{
    text-align: left;
}

.Mesure-Cover-Slogan-Text-2, .Mesure-Cover-Slogan-Text-4, .Mesure-Cover-Slogan-Text-5{
    text-align: right;
}

/* ---------------------------- ----------------------- ---------------------------- */
/* ---------------------------- - FONT STYLES CONTACT - ---------------------------- */
/* ---------------------------- ----------------------- ---------------------------- */

.Contact-Action-Txt{
    color: var(--black);
    text-align: center;
}

.Home-Rdv-Btn-Text{
    color: var(--black);
    font-size: var(--Fs-Home-Rdv-Btn-Txt);
    line-height: var(--Lh-Home-Rdv-Btn-Txt);
}


.Contact-Mail-Adress-Large-Txt-Link{
    color: var(--black);
    font-size: var(--Fs-Contact-Mail-Adress-Large-Txt-Link);
    line-height: var(--Lh-Contact-Mail-Adress-Large-Txt-Link);
    text-transform: lowercase!important;
    /* text-align: center; */
}

.Contact-Mail-Adress-Large-Txt-Link:hover{
    color: var(--green);
}



/* ---------------------------- ----------------------- ---------------------------- */
/* ---------------------------- FONT STYLES JOAILLAIRIE ---------------------------- */
/* ---------------------------- ----------------------- ---------------------------- */




.Joaillerie-Intro-Txt{
    color: var(--black);
}


.Joaillerie-Collections-Title-Info-Txt{
    color: var(--black);
    font-size: var(--Fs-Suggestions-Infos-Title);
    line-height: var(--Lh-Suggestions-Infos-Title);
    text-transform: uppercase;
    text-align: center;
}

.Joaillerie-Collections-Accroche-Txt{
    color: var(--black);
    text-align: center;
}

.Collection-Btn-Text{
    font-size: var(--Fs-Suggestions-Btn-Text);
    line-height: var(--Lh-Suggestions-Btn-Text);
}



/* ---------------------------- ----------------------- ---------------------------- */
/* ---------------------------- -- FONT STYLES MESURE - ---------------------------- */
/* ---------------------------- ----------------------- ---------------------------- */

.Mesure-Intro-Txt{
    color: var(--black);
}

.Mesure-Global-Title-Txt{
    color: var(--black);
    text-transform: uppercase;
    text-align: left;
    font-size: var(--Fs-Title-Txt-2);
    line-height: var(--Lh-Title-Txt-2);
}

.Mesure-Rdv-Title-Txt{
    color: var(--black);
    text-transform: uppercase;
    text-align: center;
    font-size: var(--Fs-Title-Txt-2);
    line-height: var(--Lh-Title-Txt-2);
}

.Mesure-Global-Paragraphe{
    color: var(--black);
}

/* ---------------------- -- FONT - STYLES -- MESURE - RDV -- ---------------------- */

.Mesure-Rdv-Title-Txt{
    color: var(--black);
    text-align: center;
    text-transform: uppercase;
    font-size: var(--Fs-Title-Txt-2);
    line-height: var(--Lh-Title-Txt-2);
}

.Mesure-Rdv-Txt{
    color: var(--black);
    text-align: center;
}

.Mesure-Rdv-Btn-Text{
    color: var(--black);
    font-size: var(--Fs-Home-Rdv-Btn-Txt);
    line-height: var(--Lh-Home-Rdv-Btn-Txt);
}


/* ---------------------------- ----------------------- ---------------------------- */
/* ---------------------------- -- FONT STYLES MAISON - ---------------------------- */
/* ---------------------------- ----------------------- ---------------------------- */

.Maison-Title-Txt{
    color: var(--black);
    text-transform: uppercase;
    text-align: left;
    font-size: var(--Fs-Title-Txt-2);
    line-height: var(--Lh-Title-Txt-2);
}


.Maison-Cover-Slogan-Text{
    font-size: var(--Fs-Maison-Cover-Slogan-Text);
    line-height: var(--Lh-Maison-Cover-Slogan-Text);
}

.Maison-Paragraphe-Txt{
    color: var(--black);
    font-weight: 100!important;
}

/* ---------------------- FONT -- STYLES -- HOME -- ACCROCHE ---------------------- */

.Maison-Accroche-Txt{
    color: var(--white);
    text-transform: uppercase;
    font-size: var(--Fs-Maison-Accroche-Txt);
    line-height: var(--Lh-Maison-Accroche-Txt);
}

.Maison-Punchline-Txt{
    color: var(--white);
    text-transform: uppercase;
    font-size: var(--Fs-Maison-Punchline-Txt);
    line-height: var(--Lh-Maison-Punchline-Txt);
}

.Maison-Materiaux-Txt{
    color: var(--white);
}

.Maison-Materiaux-Title-Txt{
    color: var(--white);
}


/* ---------------------------- ----------------------- ---------------------------- */
/* ---------------------------- FONT STYLES COLLECTIONS ---------------------------- */
/* ---------------------------- ----------------------- ---------------------------- */

/* --------------------------- FONT -- STYLES -- COVER -------------------------- */

.Cover-Title-Text{
    text-align: center;
    color: var(--black);
    /* font-size: 240px; */
    /* line-height: 301px; */
    font-size: var(--Fs-Collec-Cover-Title);
    line-height: var(--Lh-Collec-Cover-Title);
}

/* --------------------------- FONT -- STYLES -- INFO ------------------------------ */

.Collection-Intro{
    color: var(--black);
}

/* --------------------------- FONT -- STYLES -- INFO ------------------------------ */

.Collection-Info-Text{
    color: var(--black);
}

/* --------------------------- FONT -- STYLES -- ACCROCHE -------------------------- */

.Collection-Accroche-Txt{
    color: var(--white);
}


/* ---------------------------- FONT STYLES PRODUCTS ---------------------------- */

.Product-Title{
    color: var(--black);
    font-size: 50px;
    line-height: 62px;
}

.Product-Price{
    color: var(--black);
    /* font-size: 34px; */
    /* line-height: 47px; */
    font-size: 32px;
    line-height: 44px;
}

.Product-Description{
    color: var(--black);
    font-size: 26px;
    line-height: 36px;
}

.Product-Btn-Text{
    color: var(--black);
    font-size: 32px;
    line-height: 44px;
}

.Gold-Btn-Text, .Pierre-Btn-Text{
    color: var(--black);
    font-size: 18px;
    line-height: 25px;
}


/* --------------------------- FONT STYLES IOS PRDCTS --------------------------- */

.Ios-Prdcts-Title{
    color: var(--black);
    font-size: var(--Fs-Ios-Prdcts-Title);
    line-height: var(--Lh-Ios-Prdcts-Title);
}

.Ios-Prdcts-Price-Txt{
    color: var(--black);
    font-size: var(--Fs-Ios-Prdcts-Price);
    line-height: var(--Lh-Ios-Prdcts-Price);
}

.Ios-Prdcts-Info-Txt{
    color: var(--black);
    font-size: var(--Fs-Ios-Prdcts-Info);
    line-height: var(--Lh-Ios-Prdcts-Info);
}

.Ios-Prdcts-Btn-Text{
    color: var(--black);
    font-size: var(--Fs-Ios-Prdcts-Btn);
    line-height: var(--Lh-Ios-Prdcts-Btn);
}



/* ---------------------------- FONT - STYLES - QUALITY ---------------------------- */

.Quality-Infos-Txt{
    color: var(--black);
    font-size: 20px;
    font-size: var(--Fs-Quality);
    line-height: 28px;
    line-height: var(--Lh-Quality);
    text-align: center;
}


/* ------------------------- FONT - STYLES - RECOMMANDATION ------------------------ */

.Recommandation-Content-Title-Txt{
    color: var(--black);
    font-size: 16px;
    line-height: 20px;
}

.Recommandation-Content-Price-Txt{
    color: var(--black);
    font-size: 12px;
    line-height: 17px;
}

.Recommandation-Content-Intro-Txt{
    color: var(--black);
    font-size: 8px;
    line-height: 11px;
}

.Recommandation-Btn-Text{
    color: var(--black);
    font-size: 12px;
    line-height: 17px;
}

/* ---------------------------- FONT - STYLES - SUGGEST ---------------------------- */

.Suggestions-Title-Txt{
    text-align: center;
}

.Suggestions-Accroche-Txt{
    color: var(--black);
    font-size: var(--Fs-Courant-2);
    line-height: var(--Lh-Courant-2);
    text-align: center;
}

.Suggestions-Infos-Title-Txt{
    color: var(--black);
    font-size: var(--Fs-Suggestions-Infos-Title);
    line-height: var(--Lh-Suggestions-Infos-Title);
    text-transform: uppercase;
    text-align: center;
}

.Suggestions-Infos-Txt{
    color: var(--black);
    font-size: var(--Fs-Courant-2);
    line-height: var(--Lh-Courant-2);
    text-align: center;
}

.Suggestions-Btn-Text{
    color: var(--black);
    font-size: 32px;
    line-height: 44px;
    font-size: var(--Fs-Suggestions-Btn-Text);
    line-height: var(--Lh-Suggestions-Btn-Text);
}

/* ---------------------------- FONT - STYLES - WARNING ---------------------------- */

.Warning-Title-Txt{
    color: var(--black);
    font-size: var(--Fs-Warning-Title);
    line-height: var(--Lh-Warning-Title);
    text-align: center;
    text-transform: uppercase;
}

.Warning-Info-Txt{
    color: var(--black);
    font-size: var(--Fs-Warning-Info);
    line-height: var(--Lh-Warning-Info);
    text-align: center;
}




/* --------------------------- ------------------------- --------------------------- */
/* --------------------------- FONT STYLES DOCUMENTATION --------------------------- */
/* --------------------------- ------------------------- --------------------------- */

.Documentation-Title-Txt{
    color: var(--black);
    text-align: center;
    text-transform: uppercase;
    font-size: var(--Fs-Documentation-Title);
    line-height: var(--Lh-Documentation-Title);
}

.Documentation-Title-One-Txt{
    color: var(--black);
    text-transform: uppercase;
    font-size: var(--Fs-Documentation-Title-One);
    line-height: var(--Lh-Documentation-Title-One);
}

.Documentation-Title-Two-Txt{
    color: var(--black);
    text-transform: uppercase;
    font-size: var(--Fs-Documentation-Title-Two);
    line-height: var(--Lh-Documentation-Title-Two);
}

.Documentation-Courant-Txt{
    color: var(--black);
    font-size: var(--Fs-Documentation-Courant);
    line-height: var(--Lh-Documentation-Courant);
}

.Documentation-Maj-Txt{
    color: var(--black);
    font-size: var(--Fs-Documentation-Maj);
    line-height: var(--Lh-Documentation-Maj);
}