:root {
    --font-size-min: 10px; /* Taille minimale de police */
    --font-size-max: 18px; /* Taille maximale de police */
    --scale-ratio: 1.2;    /* Ratio pour agrandir les titres */
    --line-height: 1.6;    /* Hauteur de ligne standard */
    --line-height-title: 1.3; /* Hauteur de ligne des titres */

    --font-size-fluid: clamp(
        var(--font-size-min),
        calc(0.7rem + 1vw),
        var(--font-size-max)
    );
}

body {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    font-size: var(--font-size-fluid);
    background-color:black;
    color:white;
}

a { color: lime; } /* CSS link color */

INPUT[type="button"]	
  {	
  cursor:pointer;	
#  font-size:1em;
  font-weight:bold;
  line-height:1.5em;
  border-radius:8px;
  background-color:white;
  color:black;
  padding-left:10px;
  padding-right:10px;
  }


INPUT[type="submit"]	
  {	
  cursor:pointer;font-weight:bold;	
  font-size:1.1em;
  line-height:1.2em;
  color:white;margin:auto; 
  background-color:rgba(0,0,140,0.5); border-top-color:rgb(0,120,250); border-right-color:rgb(0,0,60); border-bottom-color:rgb(0,0,60); border-left-color:rgb(0,120,250);
  padding: 3px 2% 3px 2%;
  border-radius:8px;
  }

INPUT[type="date"]	
  {	
  border-radius:8px;
  }
INPUT[type="email"]	
  {	
  border-radius:8px;
  }
INPUT[type="password"]	
  {	
  border-radius:8px;
  }
INPUT[type="text"]	
  {	
  border-radius:8px;
  }







@font-face {
    font-family: 'F4';
    src:url('F4.woff') format('woff'),

    font-weight: normal;
    font-style: normal;
    }