:root        {  
               --pgscale: 75%;       /* original : 100%  */
               --largGa: 360px;      /* original left: 440px       = arrondi de 20px + (890px * --pgscale) à la dizaine */
               --largDr: 530px;      /* original width : 420px     = 890px - --largGa  */
               --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; }
div          { border: 0px solid;
               margin: 0;  
               padding: 0; 
               font-family: Clare, serif;
               font-size: 1em;}
i            { font-size: 0.8em; color: #aaaaaa; }
u            { color: #777777 }
td           { vertical-align: top; }
         
.container   { width: 1000px; 
               height: auto;
               background-image: url(img/fond1000.png); }

.header      { width: 800px;  height: 275px;  background-image: url("img/header900.png"); background-repeat: no-repeat; text-align: start; float: bottom; padding: 0px 0px 0px 100px; }
.linx        { width: 900px;  height: 40px;   font-size: 1em; }
.red         { color: #E9454E; }
.blu         { color: #00AEC1; }
.page        { width: 900px;                  background-image: url("img/edito.png"); background-size: var(--pgscale); text-align: start; background-repeat: no-repeat; float: bottom; }
.pagedroite  { width: var(--largDr, 420px);   position: relative; top: 170px; left: var(--largGa, 440px); text-align: start; }
.footer      { width: 900px;  height: 169px;  background-image: url("img/footer900.png"); background-repeat: no-repeat; }

h1           { font-family: Thunderhouse Pro, Impact, sans-serif; }   
h2           { font-family: CLARENDO, serif; }   
h3           { font-family: CLARENDO, serif; }
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; }