:root {
--wg-rouge:        #F90015;
--wg-vert-fonce:   #158D00;
--wg-bleu:         #2000C3;
--wg-vert-clair:   #25DE00;
--wg-jaune:        #FFCE00;
--wg-rouge-heure:  #EC0013;
--wg-vert-heure:   #148A00;
--wg-bleu-nav:     #1a35b0;
--wg-barre-h:      52px;
--wg-bleu-bande:   #3b5ab5;
--wg-bleu-lien:    #2000C3;
--wg-fond:         #f8f8f8;
--wg-fond-alt:     #eef1f7;
--wg-filet-clair:  #f0ede6;
--wg-filet:        #d8d3c8;
--wg-filet-vert:   #dde2ee;
--wg-texte:        #16150f;
--wg-texte-2:      #3d3a33;
--wg-meta:         #767162;
--wg-sep-typo:     #c8c3b6;
--wg-noir-direct:  #1c1c1c;
--wg-reserve-noir-fond:   #2a2a2a;
--wg-reserve-noir-bord:   #6a6a6a;
--wg-reserve-noir-texte:  #9a9a9a;
}
.wg2 a,
.wg2 a:link {
color: var(--wg-bleu-lien);
text-decoration: none;
}
.wg2 a:hover {
color: var(--wg-texte);
text-decoration: none;
}
.wg2 a:visited {
color: var(--wg-bleu-lien);
}
.wg2 a:focus-visible,
.wg2 button:focus-visible,
.wg2 [tabindex]:focus-visible {
color: var(--wg-texte);
outline: 2px solid var(--wg-bleu);
outline-offset: 2px;
box-shadow: 0 0 0 2px #fff;
}
@font-face {
font-family: 'Baloo 2';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('fonts/baloo2-700.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F,
U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url('fonts/nunito-600.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F,
U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('fonts/nunito-700.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F,
U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Baloo 2 repli';
src: local('Arial'), local('Helvetica Neue'), local('Liberation Sans');
font-weight: 700;
ascent-override:   107.80%;
descent-override:   52.40%;
line-gap-override:   0%;
size-adjust:        95.41%;
}
@font-face {
font-family: 'Nunito repli';
src: local('Arial'), local('Helvetica Neue'), local('Liberation Sans');
font-weight: 600;
ascent-override:   101.10%;
descent-override:   35.30%;
line-gap-override:   0%;
size-adjust:       101.14%;
}
@font-face {
font-family: 'Nunito repli';
src: local('Arial'), local('Helvetica Neue'), local('Liberation Sans');
font-weight: 700;
ascent-override:   101.10%;
descent-override:   35.30%;
line-gap-override:   0%;
size-adjust:       102.84%;
}
:root {
--wg-titre:     'Baloo 2', 'Baloo 2 repli', Arial, Helvetica, sans-serif;
--wg-interface: 'Nunito',  'Nunito repli',  Arial, Helvetica, sans-serif;
--wg-courant:   Arial, Helvetica, sans-serif;
}
.wg-t26  { font: 700 26px/1.2  var(--wg-titre); }
.wg-t22  { font: 700 22px/1.25 var(--wg-titre); }
.wg-t20  { font: 700 20px/1.3  var(--wg-titre); }
.wg-t17  { font: 700 17px/1.3  var(--wg-titre); }
.wg-t15  { font: 700 15px/1.3  var(--wg-titre); }
.wg-c15  { font: 400 15px/1.6  var(--wg-courant); }
.wg-c14  { font: 700 14px/1.4  var(--wg-courant); }
.wg-i13  { font: 700 13px/1.4  var(--wg-interface); }
.wg-c12  { font: 400 12px/1.35 var(--wg-courant); }
.wg-c11  { font: 400 11px/1.35 var(--wg-courant); }
.wg-i10  { font: 700 10px/1    var(--wg-interface);
letter-spacing: .05em; text-transform: uppercase; }
:root { --wg-cible-min: 44px; }
:root {
--wg-marge-6:  6px;
--wg-marge-12: 12px;
--wg-marge-24: 24px;
--wg-etalon-bloc: 44px;
}
:root {
--wg-page:        1160px;
--wg-page-max:    1280px;
--wg-col-liens:    190px;
--wg-gouttiere:     40px;
--wg-contenu:      930px;
--wg-lecteur:      836px;
--wg-gout-direct:   24px;
--wg-colonne-pub:  300px;
--wg-lecteur-marge: 50px;
--wg-lecteur-ecart: 35px;
}
.wg-page {
width: 100%;
max-width: var(--wg-page);
margin-left: auto;
margin-right: auto;
}
.wg-fond-perdu {
width: 100%;
}
.wg-fond-perdu > .wg-page {
}
:root {
--wg-logo: 150px;
--wg-palier-l: 1160px;
--wg-palier-m: 1024px;
--wg-palier-s:  768px;
--wg-palier-xs: 600px;
}
@media (max-width: 1159px) {
:root { --wg-col-liens: 170px; }
}
.wg-filet5 {
display: flex;
height: 4px;
border-radius: 2px;
overflow: hidden;
}
.wg-filet5 > * { flex: 1; }
.wg-filet5 > :nth-child(1) { background: var(--wg-rouge); }
.wg-filet5 > :nth-child(2) { background: var(--wg-vert-fonce); }
.wg-filet5 > :nth-child(3) { background: var(--wg-bleu); }
.wg-filet5 > :nth-child(4) { background: var(--wg-vert-clair); }
.wg-filet5 > :nth-child(5) { background: var(--wg-jaune); }
.wg-motif-1 { background: var(--wg-rouge); }
.wg-motif-2 { background: var(--wg-vert-fonce); }
.wg-motif-3 { background: var(--wg-bleu); }
.wg-motif-4 { background: var(--wg-vert-clair); }
.wg-motif-5 { background: var(--wg-jaune); }
.wg-cube-1 { background: var(--wg-bleu); }
.wg-cube-2 { background: var(--wg-vert-fonce); }
.wg-cube-3 { background: var(--wg-vert-clair); }
.wg-cube-4 { background: var(--wg-rouge); }
.wg-cube-5 { background: var(--wg-jaune); }
.wg-cube-4--serie4 { background: var(--wg-jaune); }
.wg-cube        { display: inline-block; width: 8px;  height: 8px; border-radius: 2px; }
.wg-cube--petit { display: inline-block; width: 6px;  height: 6px; border-radius: 2px; }
.wg-cube--signe { display: inline-block; width: 11px; height: 11px; border-radius: 3px; }
.wg-cube--separ { display: inline-block; width: 22px; height: 4px;  border-radius: 2px; }
.wg-marqueur { display: inline-flex; gap: 3px; align-items: center; }
.wg-titre-marque {
display: flex;
gap: 11px;
align-items: baseline;
}
.wg-titre-marque > .wg-marqueur {
flex: none;
position: relative;
top: -4px;
display: flex;
gap: 3px;
}
.wg-titre-marque--multi { line-height: 1.35; }
.wg-titre-marque--multi > .wg-marqueur {
display: inline-flex;
gap: 3px;
vertical-align: 2px;
margin-right: 11px;
white-space: nowrap;
}
.wg-titre-marque--multi > .wg-marqueur > * { display: inline-block; }
.wg-marqueur--cartouche {
background: #fff;
border-radius: 4px;
padding: 3px 4px;
}
.wg2 h1, .wg2 h2, .wg2 h3, .wg2 h4, .wg2 h5, .wg2 h6,
.wg2 p, .wg2 ul, .wg2 ol, .wg2 dl, .wg2 figure, .wg2 blockquote {
margin: 0;
}
body.wg2 { margin: 0; }
body.wg2 {
background: var(--wg-fond);
color: var(--wg-texte);
font: 400 15px/1.6 var(--wg-courant);
}
