/*-- Nom du fichier : constantes.css Description : Principales constantes pour l'affichage du projet. Auteur : French Riviera Conciergerie Copyright : © 2024-2025 French Riviera Conciergerie. Tous droits réservés. Licence : Ce fichier est la propriété de French Riviera Conciergerie. Toute utilisation, reproduction, modification, ou distribution de ce fichier est strictement interdite sans l'autorisation écrite préalable de French Riviera Conciergerie. Date de création : 22 septembre 2024 Dernière mise à jour : 21 juillet 2025 --*/ :root { /* ---------------------------------------------------------------------------------- * Facteurs d'échelle pour responsive * ---------------------------------------------------------------------------------- */ --scale-tablette : 0.9; --scale-telephone : 0.6; --scale-paysage : 1.05; /* ---------------------------------------------------------------------------------- * Padding * ---------------------------------------------------------------------------------- */ --body-padding-left-right : clamp(1px, 4vw, 20px); --main-page-padding-left-right : clamp(20px, 8vw, 80px); --main-page_section-padding-top : clamp(5px, 10vw, 80px); --main-page_section-padding-bottom : clamp(5px, 10vw, 80px); --main-page_section-padding-left : clamp(1px, 5vw, 40px); --main-page_section-padding-right : clamp(1px, 5vw, 40px); /* ---------------------------------------------------------------------------------- * Taille par defaut * ---------------------------------------------------------------------------------- */ --html-font-size : 24px; --html-font-family : 'Arial', sans-serif; --html-background : rgb(204, 203, 203); /* ---------------------------------------------------------------------------------- * Constante pour la MAIN_PAGE * ---------------------------------------------------------------------------------- */ --main_page-font-family-h1 : 'Georgia', sans-serif; --main_page-font-size-h1 : clamp(1.2rem, 2.5vw, 2.8rem); --main_page-font-size-h1 : clamp(1.1rem, 2.5vw, 2.8rem); --main_page-color-h1 : white; --main_page-line-height-h1 : clamp(1.2em 1.5em, 2.5em); --main_page-font-family-h2 : 'Arial', sans-serif; --main_page-font-size-h2 : clamp(1rem, 1.8vw, 1.8rem); --main_page-font-size-h2 : clamp(0.9rem, 1.8vw, 1.8rem); --main_page-color-h2 : #f1de2d; --main_page-line-height-h2 : clamp(1.2em, 1.4em, 2em); --main_page-font-family-h3 : 'Arial', sans-serif; --main_page-font-size-h3 : clamp(0.9rem, 1.5vw, 1.6rem); --main_page-font-size-h3 : clamp(0.8rem, 1.5vw, 1.6rem); --main_page-color-h3 : white; --main_page-font-family-p : 'Arial', sans-serif; --main_page-font-size-p : clamp(0.8rem, 1.5vw, 1.6rem); --main_page-font-size-p : clamp(0.7rem, 1.5vw, 1.6rem); --main_page-bg1 : #1D2BB2; --main_page-bg2 : #cccbcb; --main_page-bg3 : #0e6b91; --main_page-border-radius : clamp(10px, 2vw, 30px); --main_page-line-height : clamp(1, 0.2vw, 1.6); /* ---------------------------------------------------------------------------------- * Constantes pour CARD / MAIN PAGE * ---------------------------------------------------------------------------------- */ --card-bg : white; --card-font-size-h1 : clamp(1.0rem, 3vw, 1.6rem); --card-font-size-h1 : clamp(0.9rem, 3vw, 1.6rem); --card-font-size-h2 : clamp(1rem, 3vw, 1.4rem); --card-font-size-h2 : clamp(0.8, 3vw, 1.4rem); --card-font-size-h3 : clamp(0.9rem, 3vw, 1.3rem); --card-font-size-h3 : clamp(0.7rem, 3vw, 1.3rem); --card-font-size-p : clamp(0.85rem, 1.5vw, 1.2rem); --card-font-size-p : clamp(0.75rem, 1.5vw, 1.2rem); --card-border-radius : clamp(8px, 3vw, 16px); --card-color-h1 : #007BFF; --card-color-p : black; --card-font-family-p : 'Arial', sans-serif; --card-line-height : 1.4; /* ---------------------------------------------------------------------------------- * Constantes pour SUB_PAGE * ---------------------------------------------------------------------------------- */ --sub_page-font-family-h1 : 'Georgia', sans-serif; --sub_page-font-size-h1 : clamp(1rem, 3vw, 1.8rem); --sub_page-font-size-h1 : clamp(0.9rem, 3vw, 1.8rem); --sub_page-color-h1 : yellow; --sub_page-line-height-h1 : 1.4; --sub_page-font-family-h2 : 'Arial', sans-serif; --sub_page-font-size-h2 : clamp(0.75rem, 3vw, 1.3rem); --sub_page-font-size-h2 : clamp(0.65rem, 3vw, 1.3rem); --sub_page-color-h2 : white; --sub_page-line-height-h2 : clamp(1.3, 1.4, 1.5); --sub_page-font-family-h3 : 'Arial', sans-serif; --sub_page-font-size-h3 : clamp(0.75rem, 3vw, 1.3rem); --sub_page-font-size-h3 : clamp(0.65rem, 3vw, 1.3rem); --sub_page-color-h3 : white; --sub_page-line-height-h3 : 1.3; --sub_page-font-family-p : 'Arial', sans-serif; --sub_page-font-size-p : clamp(0.65rem, 3vw, 1.2rem); --sub_page-font-size-p : clamp(0.55rem, 3vw, 1.2rem); --sub_page-color-p : white; --sub_page-line-height-p : 1.4; --sub_page-bg1 : rgb(204, 203, 203); --sub_page-bg2 : #0e6b91; --sub_page-bg3 : #0f93c7; --sub_page-border-radius : clamp(10px, 3vw, 30px); --section-space-header : 40px; --section-space-section : clamp(10px, 5vw, 40px); /* ---------------------------------------------------------------------------------- * Constantes pour TILE * ---------------------------------------------------------------------------------- */ --tile-bg : white; --tile-border-radius : 0px; --tile-font-family-p : 'Arial', sans-serif; --tile-font-size-p : clamp(0.75rem, 3vw, 1.2rem); --tile-font-size-p : clamp(0.65rem, 3vw, 1.2rem); --tile-color-p : black; --tile-line-height-p : 1.3; /* ---------------------------------------------------------------------------------- * Constantes pour BUTTONS * ---------------------------------------------------------------------------------- */ --button-font-family : 'Arial', sans-serif; --button-font-size : clamp(0.7em, 2vw, 0.9em); /* ---------------------------------------------------------------------------------- * Constantes pour TOWN CARDS * ---------------------------------------------------------------------------------- */ --card-presentation-town-font-size-h2 : clamp(2.0rem, 3vw, 2.5rem); --card-presentation-town-font-size-h2 : clamp(1.9rem, 3vw, 2.5rem); --card-presentation-town-font-family-h2 : 'Poppins', sans-serif; --card-bien-containter-font-size-h3 : clamp(1.0rem, 3vw, 2.0rem); --card-bien-containter-font-size-h3 : clamp(0.9rem, 3vw, 2.0rem); --card-bien-containter-font-family-h3 : 'Arial'; --card-presentation-texte-p-font-size : clamp(1.5rem, 3vw, 2.5rem); --card-presentation-texte-p-font-size : clamp(1.4rem, 3vw, 2.5rem); --card-presentation-texte-p-font-family :'Dancing Script', cursive; /* ---------------------------------------------------------------------------------- * Texte * ---------------------------------------------------------------------------------- */ --highlight-text-color : cyan; }