/*-- 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 : 08 fevrier 2026 --*/ :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, 5vh, 30px); --main-page_section-padding-bottom : clamp(5px, 5vh, 60px); --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 : 'Times New Roman', sans-serif; --html-background : rgb(204, 203, 203); --header-height : 0px; --encart-grid-background : rgb(224, 221, 221); --encart-grid-border-color : #d8b460; --encart-grid-border-size : 6px; /* ---------------------------------------------------------------------------------- * Constante pour la MAIN_PAGE * ---------------------------------------------------------------------------------- */ --main_page-font-family-ht : 'Cinzel Decorative', serif; --main_page-font-size-ht : clamp(0.8rem, 2vw, 10rem); --main_page-color-ht : #d8b460; --main_page-line-height-ht : clamp(1.8rem, 3.5vw, 2.6rem); --main_page-font-family-h1 : "Times New Roman", sans-serif; --main_page-font-size-h1 : clamp(2.4rem, 4vw, 3.5rem); --main_page-color-h1 : white; --main_page-line-height-h1 : clamp(1.8rem, 3.5vw, 2.6rem); --main_page-font-family-h2 : "Times New Roman", sans-serif; --main_page-font-size-h2 : clamp(1.0rem, 2.0vw, 1.6rem); --main_page-color-h2 : #d8b460; --main_page-line-height-h2 : clamp(1.5rem, 2.5vw, 2.2rem); --main_page-font-family-h3 : 'Verdana', sans-serif; --main_page-font-size-h3 : clamp(1.2rem, 2.5vw, 2rem); --main_page-color-h3 : white; --main_page-line-height-h3 : clamp(1.5rem, 3vw, 2.4rem); --main_page-font-weight-h3 : 500; --main_page-font-family-p : 'Times New Roman', sans-serif; --main_page-font-size-p : clamp(1rem, 1.3vw, 1.25rem); --main_page-color-p :black; --main_page-line-height-p : clamp(1.6rem, 2.4vw, 1.8rem); --main_page-font-weight-p : 400; --main_page-bg1 : #2a4cc7; --main_page-bg2 : #556cc0; --main_page-bg3 : #0e6b91; --main_page-bg4 : #d8b460; --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(0.9rem, 3vw, 1.6rem); --card-font-size-h2 : clamp(0.8rem, 3vw, 1.4rem); --card-font-size-h3 : clamp(0.7rem, 3vw, 1.3rem); --card-font-size-p : clamp(0.75rem, 2vw, 1.2rem); --card-border-radius : clamp(8px, 3vw, 16px); --card-color-h1 : #007BFF; --card-color-p : black; --card-font-family-p : 'Inter', sans-serif;; --card-line-height : 1.4; /* ---------------------------------------------------------------------------------- * Constantes pour SUB_PAGE * --------------------------------------------------------------------- */ --section-space-section : 2px; /* ---------------------------------------------------------------------------------- * Constantes pour TILE * ---------------------------------------------------------------------------------- */ --tile-bg : white; --tile-border-radius : 0px; --tile-font-family-p : 'Inter', 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 : 'Montserrat', sans-serif; --button-font-size : clamp(0.875rem, 1.2vw, 1.2rem); /* ---------------------------------------------------------------------------------- * 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; /* ---------------------------------------------------------------------------------- * * ---------------------------------------------------------------------------------- */ --section-mainMessage-bg : white; /* var(--main_page-bg1); */ --section_mainPicture-bg : white; /* var(--main_page-bg1); */ --section_NosServices-bg : white; /* var(--main_page-bg2); */ --section_voyageurs-bg : white; /*var(--main_page-bg1);*/ --section_Accompagnements-bg : white; /* var(--main_page-bg2); */ --section_TemoignagesClients-bg : white; /* var(--main_page-bg1); */ --section_aPropos-bg : white; /* var(--main_page-bg2); */ --section_contact-bg : white; /* var(--main_page-bg1); */ /* ---------------------------------------------------------------------------------- * Couleurs formles * ---------------------------------------------------------------------------------- */ --color-essentielle : #00aaff; --color-serenite : #0033cc; --color-premium : #6600cc; --color-vip : #d8b460; --color-essentielle-rgba : rgba(0, 170, 255, 0.5); --color-serenite-rgba : rgba(0, 51, 204, 0.5); --color-premium-rgba : rgba(102, 0, 204, 0.5); --color-vip-rgba : rgba(216, 180, 96, 0.5); /* ---------------------------------------------------------------------------------- * Main Page Frame / Simple container * ---------------------------------------------------------------------------------- */ --simple-container-background : rgb(238, 232, 232); --simple-container-border-color : #d8b460; --simple-container-border-size : 6px; --simple-container-font-size-h1 : clamp(1.0rem, 1vw, 2.4rem); --simple-container-font-family-h1 : 'Times New Roman', sans-serif; --simple-container-font-color-h1 : black; --simple-container-font-size-h2 : clamp(0.95rem, 1vw, 1.8rem); --simple-container-font-family-h2 : 'Times New Roman', sans-serif; --simple-container-font-color-h2 : black; --simple-container-font-size-h3 : clamp(0.8rem, 1vw, 2.2rem); --simple-container-font-family-h3 : 'Times New Roman', sans-serif; --simple-container-font-color-h3 : black; --simple-container-font-size-p : clamp(0.8rem, 1vw, 2.2rem); --simple-container-font-family-p : 'Times New Roman', sans-serif; --simple-container-font-color-p : black; /* ---------------------------------------------------------------------------------- * Main Page Frame / Simple Encart * ---------------------------------------------------------------------------------- */ --encart-simple-background : rgb(238, 232, 232); --encart-simple-border-color : #d8b460; --encart-simple-border-size : 6px; --encart-simple-font-size-h1 : clamp(1.0rem, 1vw, 2.4rem); --encart-simple-font-family-h1 : 'Times New Roman', sans-serif; --encart-simple-font-color-h1 : black; --encart-simple-font-size-h2 : clamp(0.95rem, 1vw, 1.8rem); --encart-simple-font-family-h2 : 'Times New Roman', sans-serif; --encart-simple-font-color-h2 : black; --encart-simple-font-size-h3 : clamp(0.8rem, 1vw, 2.2rem); --encart-simple-font-family-h3 : 'Times New Roman', sans-serif; --encart-simple-font-color-h3 : black; --encart-simple-font-size-p : clamp(0.8rem, 1vw, 2.2rem); --encart-simple-font-family-p : 'Times New Roman', sans-serif; --encart-simple-font-color-p : black; /* ---------------------------------------------------------------------------------- * Main Page Frame / Grid Encart * ---------------------------------------------------------------------------------- */ --encart-grid-background :#8B8589; --encart-grid-border-color : #d8b460; --encart-grid-border-size : 6px; --encart-grid-font-size-h1 : clamp(1.0rem, 1vw, 2.4rem); --encart-grid-font-family-h1 : 'Times New Roman', sans-serif; --encart-grid-font-color-h1 : black; --encart-grid-font-size-h2 : clamp(0.95rem, 1vw, 1.8rem); --encart-grid-font-family-h2 : 'Times New Roman', sans-serif; --encart-grid-font-color-h2 : black; --encart-grid-font-size-h3 : clamp(0.8rem, 1vw, 2.2rem); --encart-grid-font-family-h3 : 'Times New Roman', sans-serif; --encart-grid-font-color-h3 : white; --encart-grid-font-size-p : clamp(0.8rem, 1vw, 2.2rem); --encart-grid-font-family-p : 'Times New Roman', sans-serif; --encart-grid-font-color-p : white; }