:root        {  
               --pgscale: 100%;      /* original : 100%  */
               --largGa: 470px;      /* original left: 450px       = arrondi de 20px + (890px * --pgscale) à la dizaine */
               --largDr: 430px;      /* original width : 420px     = 890px - --largGa  */
               --fontSz: 0.95em;     /* taille font de base


               --pgscale2: 75%;       
               --largGa2: calc(20px + calc(0.75 * 890px));   /* ne fonctionne pas */
               --largDr2: calc(890px - var(--largGa2));      /* ne fonctionne pas */
             }   

body         { margin: 0;  
               padding: 0;
               font-size: var(--fontSz); }
div          { border: 0px solid;
               margin: 0;  
               padding: 0; 
               font-family: Clare, serif;
               font-size: var(--fontSz);}
i            { font-size: var(--fontSz); color: #aaaaaa; }
u            { color: #777777 }
td           { vertical-align: top; }
         
.container   { width: 1000px; 
               height: auto;
               background-image: url(img/fond1000.png); }

.header      { width: 800px;  height: 170px;  background-image: url("img/header900.png"); background-repeat: no-repeat; text-align: start; padding: 0px 0px 30px 100px; }
.pagedroite  { width: var(--largDr, 420px);   position: relative; top: 40px; left: var(--largGa, 440px); text-align: start; }
.footer      { width: 900px;  height: 169px;  background-image: url("img/footer900.png"); background-repeat: no-repeat; }
.linx        { width: 900px;  height: 40px;   font-size: var(--fontSz); }


  /* DEBUT CONTENU DES PAGES   */


.pgtitre     { padding: 27px 0px 0px 10px;  line-height: 0.9em; letter-spacing: -1.0px; font-size: 1.25em; color: #333; }  /* haut | droit | bas | gauche */
.pgtexte     { padding: 15px 0px 0px 65px;  line-height: 1.0em; letter-spacing: -1.2px; font-size: 0.90em; color: #808080; }
.pgzicos     { padding:  0px 0px 0px 150px; line-height: 1.2em; letter-spacing: 0em;    font-size: 0.70em; color: #808080; }


  /* FIN CONTENU DES PAGES   */


.red         { color: #E9454E; }    /* (233,69,78) */
.blu         { color: #00AEC1; }    /* (0,174,193) */
.page        { width: 900px; background-size: var(--pgscale); text-align: start; background-repeat: no-repeat; float: bottom; }
.petitgris   { font-size: 0.85em; color: #999999;  }
h1           { font-size: 1em, font-family: Thunderhouse Pro, Impact, sans-serif; }   
h2           { font-size: 1em, font-family: CLARENDO, serif; }   
h3           { font-size: 1em, font-family: CLARENDO, serif; color: #00AEC1;}
h4           { font-size: var(--fontSz), font-family: CLARENDO, serif;}
h5           { font-size: var(--fontSz), font-family: CLARENDO, serif, line-height: 1em, color: #aaaaaa; }
a            { color: #00AEC1; }
a:visited    { color: #00818F; }
a:hover      { color: #E9454E; }


@font-face   { font-family: Clare;        src: url("Clare Wide Normal.ttf") format("truetype") }
/* @font-face   { font-family: Clare;        src: url("Clare Wide Bold.ttf")   format("truetype") } */
@font-face   { font-family: CLARENDO;     src: url("CLARENDO.ttf")          format("truetype") }
@font-face   { font-family: Thunderhouse; src: url("Thunderhouse Pro.ttf")  format("truetype") }


stock        { background-color: #F6E54C; }