/* début Styles CONSTANTES */
/* ======================= */
/* Styles CONSTANTES */
:root {
    /*
    HSL aide
    hsl( teinte , saturation % , luminosité % )
    Donc "teinte" ==> thème principal de couleur
    */

    /* Ratio horizontal et vertical */
 /*   --PromoRatioHz: 28%;   /* Utilisation : var(--PromoRatioHz) */
    --PromoRatioHz: 540px;   /* Utilisation : var(--PromoRatioHz)  ======>>>> AUSSI ADAPTER DANS LA CONDITION ['3d_on_off'] */ 
    --PromoRatioVz: 150px;   /* Utilisation : var(--PromoRatioVz) */

    /* thème couleur et font */
    /*--PromoColorTheme:      146;                        /* Utilisation : var(--PromoColorTheme) */
    /*--PromoFontFamily: Jost;     /*    var(--PromoFontFamily)   Valeur par défaut */

    /* Fond */
    --PromoColorFondFonceVif:      hsl(var(--PromoColorTheme) , 70%, 20%);   /* Utilisation : var(--PromoColorFondFonce) */
    --PromoColorFondFonce:      hsl(var(--PromoColorTheme) , 30%, 20%);   /* Utilisation : var(--PromoColorFondFonce) */
    --PromoColorFondFonceHover: hsl(var(--PromoColorTheme) , 30%, 40%);   /* Utilisation : var(--PromoColorFondFonceHover) */
    /*--PromoColorFondMoyen:      hsl(var(--PromoColorTheme) , 30%, 77%);   /* Utilisation : var(--PromoColorFondMoyen) */
    --PromoColorFondMoyen:      hsl(var(--PromoColorTheme) , 30%, 70%);   /* Utilisation : var(--PromoColorFondMoyen) */
    --PromoColorFondMoyen2:      hsl(var(--PromoColorTheme) , 30%, 50%);   /* Utilisation : var(--PromoColorFondMoyen) */
    --PromoColorFondClair:      hsl(var(--PromoColorTheme) , 30%, 88%);   /* Utilisation : var(--PromoColorFondClair) */

    /* Texte */
    --PromoColorTextFonce: hsl(var(--PromoColorTheme) , 30%, 20%);   /* Utilisation : var(--PromoColorTextFonce) */
    --PromoColorTextMoyen: hsl(var(--PromoColorTheme) , 40%, 88%);   /* Utilisation : var(--PromoColorTextMoyen) */
    --PromoColorTextClair: hsl(var(--PromoColorTheme) , 30%, 88%);   /* Utilisation : var(--PromoColorTextClair) */
    --PromoColorTextBlanc: hsl(0, 0%, 100%);    /* Utilisation : var(--PromoColorTextBlanc) */
    --PromoColorTextNoir:  hsl(0, 0%, 0%);      /* Utilisation : var(--PromoColorTextNoir) */

    /* etiquette */
    --PromoColorVert: hsl(120, 60%, 40%);   /* Utilisation : var(--PromoColorVert)  ===> pour étiquette haut droite */
}

    /* fin Styles CONSTANTES */
    /* = = = = = = = = = */
	
	
	
/*  -------- début de style ---------    
text non sélectionnable pour l'entier du site 
    ==================================    */

/* html { */
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}