/*
APG-TEMPLATE : www.gouillou.com - 2019-2024
Version 2024-03-10
*/
/* DEBUG ================================================================================ */
.debug {
background-color: #ddd;
border: 1px solid red;
}
/* OUTLINE */
/*
* { outline: 2px dotted red }
* * { outline: 2px dotted green }
* * * { outline: 2px dotted orange }
* * * * { outline: 2px dotted blue }
* * * * * { outline: 1px solid red }
* * * * * * { outline: 1px solid green }
* * * * * * * { outline: 1px solid orange }
* * * * * * * * { outline: 1px solid blue }
* * * * * * * * * { outline: 1px solid red }
* { background-color: rgba(255,0,0,.2); }
* * { background-color: rgba(0,255,0,.2); }
* * * { background-color: rgba(0,0,255,.2); }
* * * * { background-color: rgba(255,0,255,.2); }
* * * * * { background-color: rgba(0,255,255,.2); }
* * * * * * { background-color: rgba(255,255,0,.2); }
* * * * * * * { background-color: rgba(255,0,0,.2); }
* * * * * * * * { background-color: rgba(0,255,0,.2); }
* * * * * * * * * { background-color: rgba(0,0,255,.2); }
*/
/* AROW DEBUG */
/*
.arow {border: 1px solid red;}
.arowsm {border: 1px solid lightblue;}
.arowmd{border: 2px solid darkred;}
.arowlg {border: 2px solid green;}
.arowxl {border: 2px solid purple;}
*/
/*
.arow > div {border: 1px solid yellow; background-color: yellow;}
.arowsm > div {border: 1px solid lightblue; background-color: blue;}
.arowmd > div {border: 1px solid darkred; background-color: red;}
.arowlg > div {border: 1px solid lightgreen; background-color: green;}
.arowxl > div {border: 1px solid black; background-color: purple;}
*/
/* SCROLL TO TOP ========================================================================= */
html {
scroll-behavior: smooth;
@media (prefers-reduced-motion: reduce) {
scroll-behavior: auto;
}
}
/* COLORS ================================================================================ */
html {
/* --colorA : #12bbad; */
--colorBeige : #f5f1f0;
--colorBlack : #000;
--colorBlue : #3b8bba;
--colorGreenDark : #004460;
--colorGreyDark : #444;
--colorGreyLight : #f2f2f2;
--colorGreyMid : #777;
--colorGold : goldenrod;
--colorOrange : #f96;
--colorOrangeMid : #f18f24;
--colorRed : #cf0014;
--colorRedDark : darkred;
--colorWhite : #fff;
/* Color Links */
--colorA : darkred;
--colorAhover : #cf0014;
--colorAvisited : brown;
/* Color Background - Foreground */
--colorBackground : var(--colorBeige);
--colorForeground : var(--colorWhite);
/* Color Police */
--colorFont : var(--colorGreyDark);
/* Color Headers h2-h6 */
--colorHfont : var(--colorGreenDark);
--colorH2border : var(--colorRedDark);
--colorH3border : var(--colorGreenDark);
--colorTableHead : var(--colorGreenDark);
/* Color Menu */
--colorMenubg : var(--colorBeige);
--colorMenuA : var(--colorGreyDark);
--colorMenuAhover : var(--colorAhover);
--colorHamburger : #333;
--colorBorder : #d3d3d3;
--colorBtnfocus : rgba(18, 187, 173, 0.25);
--colorBtnshadow : rgba(0, 0, 0, 0.125);
--colorCode : #e83e8c;
--colorShadow : #555;
--colorStrong : #970c08;
--colorTooltip : goldenrod;
--colorEncadreCar : var(--colorBeige);
--colorEncadreBg : var(--colorGreyDark);
--colorExergue : var(--colorRed);
}
html {color: var(--colorFont);}
a:visited .nocolor,
a .nocolor {color: var(--colorFont) !important;}
a {color: var(--colorA);}
a:hover {color: var(--colorAhover);}
a:visited {color: var(--colorAvisited);}
code {color: var(--colorCode);}
table strong {color: var(--colorStrong); }
/* Background Color */
.bBeige {background-color: var(--colorBeige); }
.bBlack {background-color: var(--colorBlack);}
.bGrisClair {background-color: var(--colorGreyLight);}
.bGrisSombre{background-color: var(--colorGreyDark);}
.bGrisSombre a, .bGrisSombre a:visited, .bGrisSombre a:hover {color: var(--colorWhite);}
.bTransp {background-color: transparent;}
.bWhite {background-color: var(--colorWhite);}
/* Caracter Color */
.cBeige {color: var(--colorBeige); }
.cBlack {color: var(--colorBlack);}
.cWhite {color: var(--colorWhite);}
/* Links Color */
.aWhite a, .aWhite a:visited, .aWhite a:hover {color: var(--colorWhite); }
/* Caracter Blend and Shadow */
.blend {mix-blend-mode: difference;}
.blendBlack {color: var(--colorBlack); mix-blend-mode: difference; }
.blendWhite {color: var(--colorWhite); mix-blend-mode: difference; }
.shadow {text-shadow: 0 2px 3px var(--colorGreyMid);}
.shadowWhite{text-shadow: 0 1px 1px var(--colorWhite);}
/* GENERAL ================================================================================ */
:root {
--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
*, *::before, *::after {box-sizing: border-box;}
html {font-family: var(--font-family-sans-serif); font-size: 100%; line-height: 1.6; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; height: 100%; height: -webkit-fill-available; -webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-rendering:optimizeLegibility; letter-spacing: .5px; scroll-behavior: smooth;scroll-snap-type: x mandatory;-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
@media(max-width: 576px) {html {font-size: 90%}}
body {background-color: var(--colorBackground); margin: 0px; padding: 0px; max-width: 100%;min-height: 100vh; min-height: -webkit-fill-available;}
article, aside, dialog, div, figcaption, figure, footer, header, hgroup, main, nav, p, section {display: block; max-width: 100%;}
[tabindex=" -1"]:focus {outline: 0 !important;}
/* VERTICAL SPACE */
p {margin-top: 1rem;}
.contenuArticle {margin-top: 2rem; padding: .5rem}
/* .contenuArticle > * + * {margin-top: 1.5rem;} */
.contenuArticle > h2 + * {margin-top: 1rem;}
.contenuArticle > img + * {margin-top: 1rem;}
.contenuArticle > * + h2 {margin-top: 2rem;}
.contenuArticle > * + h3 {margin-top: 1.5rem;}
.contenuArticle > * + img {margin-top: 1rem;}
.contenuArticle > img + img {margin-top: 1rem;}
.contenuArticle > h2 + h3 {margin-top: 2rem;}
/* FONT */
a {text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects;}
a:hover {text-decoration: underline;}
a:visited {text-decoration: none;}
h1, h2, h3,
h4, h5, h6 {font-weight: 700; line-height:1.2em; margin: 0 0 20px 0;}
h1 {font-size:2.2rem; text-align: center;}
h2 {font-size:1.5rem; text-transform: uppercase;}
h3 {font-size:1.2rem;}
h4 {font-size:1.1rem;}
h5 {font-size:1.0rem;}
h6 {font-size:1.0rem;}
code {font-family: var(--font-family-monospace); white-space: pre-wrap; word-break: break-word;}
pre {display: block; max-width: 100%; overflow: scroll !important;}
h2.titre:before {height:2px;width: 200px;border-width:0;color:var(--colorRed);background-color:var(--colorRed); margin: 1rem auto;content: ""; display: block;}
.subtitle {font-size: .6em; font-style: italic; margin-top: 0;}
.rssfeed {border:1px solid;border-radius: 10px;color: var(--colorWhite); background-color: var(--colorOrange);text-decoration:none;margin:4px; font-size: .9rem !important;padding: .5rem .5rem;}
.rssfeed:hover,
.rssfeed:visited {color: var(--colorWhite); background: var(--colorOrangeMid)}
/* blockquote {border-left: 4px solid var(--colorBeige); padding: 0 25px;} */
/* FORMULAIRES */
input, button, select, optgroup, textarea {margin: 0;font-family: inherit;font-size: inherit;line-height: inherit;}
textarea {resize:vertical; font-family: monospace;}
.g-recaptcha > div {margin: 0 auto;}
/* IMAGES */
img {max-width: 100%; }
.img-left {float:left; margin-right: .5rem;margin-bottom: .5rem;}
.img-right {float:right; margin-left: .5rem;margin-bottom: .5rem;}
.img-thumb,
.thumbnail {max-width: 150px;}
.img-medium {max-width: 600px;}
.img-center,
.img-center img,
.centered img {display:block; text-align:center !important; margin-left: auto !important; margin-right: auto !important;}
/* Image Effect */
.rounded {border-radius:6px}
.i3d {box-shadow:4px 4px 8px var(--colorShadow)}
.hover3d:hover {box-shadow: 4px 4px 8px var(--colorShadow);}
.thumbnail:hover {position:relative; top: -25px; left: -35px; max-width:600px; height:auto; display:block; z-index:999;}
/* COVER */
.fit150 img {height: 150px; width: 100%;}
.fit150sq img {height: 150px; width: 150px;}
.fitcover img {object-fit: cover;}
.fitcontain img {object-fit: contain;}
.fitsquale img {object-fit: scale-down;}
.fitnone img {object-fit: none;}
/* UTILISATION :
*/
/* LIST */
ul {list-style-type: square;list-style-position: outside; }
ol {margin-top: .5rem;}
li {margin-bottom: .5rem;}
li,.nobreak {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;}
li p {margin-bottom: 0rem;}
ul li {margin-bottom: 0rem;margin-top: .8rem;}
ul li + li {margin-bottom: 0rem;margin-top: .8rem;}
ul ul li {margin-bottom: 0rem;margin-top: .4rem;}
ul ul li + li {margin-bottom: 0rem;margin-top: .4rem;}
ul ul ul li {margin-bottom: 0rem;margin-top: .1rem;}
ul ul ul li + li {margin-bottom: 0rem;margin-top: .1rem;}
ul ul ul ul li {margin-bottom: 0rem;margin-top: .1rem;}
ul ul ul ul li + li {margin-bottom: 0rem;margin-top: 0rem;}
ul ul ul ul ul li {margin-bottom: 0rem;margin-top: 0rem;}
ul ul ul ul ul li + li {margin-bottom: 0rem;margin-top: 0rem;}
ol li {margin-bottom: 0rem;margin-top: .8rem;}
ol li + li {margin-bottom: 0rem;margin-top: .8rem;}
ol ol li {margin-bottom: 0rem;margin-top: .4rem;}
ol ol li + li {margin-bottom: 0rem;margin-top: .4rem;}
ol ol ol li {margin-bottom: 0rem;margin-top: .1rem;}
ol ol ol li + li {margin-bottom: 0rem;margin-top: .1rem;}
ol ol ol ol li {margin-bottom: 0rem;margin-top: .1rem;}
ol ol ol ol li + li {margin-bottom: 0rem;margin-top: 0rem;}
ol ol ol ol ol li {margin-bottom: 0rem;margin-top: 0rem;}
ol ol ol ol ol li + li {margin-bottom: 0rem;margin-top: 0rem;}
.noli, .nobullet {list-style: none;}
.inlineli {list-style: none; display: inline;}
/* TABLE */
table {display:block; overflow: auto; border-collapse: collapse; margin-left: auto; margin-right: auto;}
/* table {font-size: .9rem;} */
td {padding: .5rem; vertical-align: top;}
th {text-align: center; padding: .5em 0.5rem;background-color: var(--colorForeground); font-size: .8em;}
tr {background-color: var(--colorWhite); border-bottom: 1px solid var(--colorGreyLight);}
thead tr {font-weight: bold; font-size: 1.2rem; border-bottom: 1px solid var(--colorTableHead); color: var(--colorTableHead);}
tr:nth-of-type(odd) {background-color: var(--colorGreyLight);}
tr:hover {background-color: var(--colorBeige); }
.google tr,
.google tr:hover {background-color: transparent !important; color: var(--colorFont) !important;}
.google .gsc-control {width: 100%}
/* Position sticky 1ere colonne : */
.sticky th:first-child,
.sticky td:first-child {background-color: inherit; left: 0; position: sticky; z-index: 9999}
/* Position sticky 1ere ligne : */
.sticky th {background-color: inherit; position: sticky; top: 0; z-index: 9999;}
th, td {font-family: monospace;}
.sommaireIndex th {display: none;}
.sommaireIndex tr {background-color: var(--colorWhite) !important; color: var(--colorFont) !important; border: none !important;}
.sommaireIndex thead {border: none !important;}
.trnoborder tr {border: none !important;}
.sommaireIndex tr:hover {background-color: var(--colorGreyLight) !important;}
/* APGFLEX ================================================================================ */
/* Config */
html {
--acontainer: 1200px;
}
/* Layout */
.acontainer{display:block;max-width:var(--acontainer);margin:0 auto!important;}.acontainer50{display:block;max-width:calc(var(--acontainer) *.5);margin:0 auto!important;}.acontainer75{display:block;max-width:calc(var(--acontainer) * .75);margin:0 auto!important;}.acolfinal{padding:.5rem}.arow{display:flex;margin:0;padding:0}.browlg,.browmd,.browsm,.browxl{display:flex}@media(min-width:576px){.arowsm{display:flex}.browsm{display:block}}@media(min-width:768px){.arowmd{display:flex}.browmd{display:block}}@media(min-width:992px){.arowlg{display:flex}.browlg{display:block}}@media(min-width:1200px){.arowxl{display:flex}.browxl{display:block}}.arow>div,.arowlg>div,.arowmd>div,.arowsm>div,.arowxl>div,.browlg>div,.browmd>div,.browsm>div,.browxl>div{flex:1}.flex2{flex:2!important}.flex3{flex:3!important}.flex4{flex:4!important}.flex5{flex:5!important}.flex6{flex:6!important}.flex7{flex:7!important}.flex8{flex:8!important}.flex9{flex:9!important}.flex10{flex:10!important}.flex11{flex:11!important}.flex12{flex:12!important}
/* Hidden down*/
@media(max-width: 576px) {.dhidden-xs {display: none !important;}}
@media(max-width: 768px) {.dhidden-sm {display: none !important;}}
@media(max-width: 992px) {.dhidden-md {display: none !important;}}
@media(max-width: 1200px) {.dhidden-lg {display: none !important;}}
/* Hidden up*/
@media(min-width: 576px) {.thidden-sm {display: none !important;}}
@media(min-width: 768px) {.thidden-md {display: none !important;}}
@media(min-width: 992px) {.thidden-lg {display: none !important;}}
@media(min-width: 1200px) {.thidden-xl {display: none !important;}}
/* COLONNES */
.tcol-sm-2,.tcol-sm-3,.tcol-sm-4,.tcol-sm-5,.tcol-sm-6,
.tcol-md-2,.tcol-md-3,.tcol-md-4,.tcol-md-5,.tcol-md-6,
.tcol-lg-2,.tcol-lg-3,.tcol-lg-4,.tcol-lg-5,.tcol-lg-6,
.tcol-xl-2,.tcol-xl-3,.tcol-xl-4,.tcol-xl-5,.tcol-xl-6,
.tcols {columns: 1; column-gap: 1rem;}
.tcol-xs-2 {columns: 2; column-gap: 1rem;}
.tcol-xs-3 {columns: 3; column-gap: 1rem;}
.tcol-xs-4 {columns: 4; column-gap: 1rem;}
.tcol-xs-5 {columns: 5; column-gap: 1rem;}
.tcol-xs-6 {columns: 6; column-gap: 1rem;}
@media(min-width: 576px) {.tcol-sm-2 {columns: 2;}.tcol-sm-3 {columns: 3;}.tcol-sm-4 {columns: 4;}.tcol-sm-5 {columns: 5;}.tcol-sm-6 {columns: 6;}}
@media(min-width: 768px) {.tcol-md-2 {columns: 2;}.tcol-md-3 {columns: 3;}.tcol-md-4 {columns: 4;}.tcol-md-5 {columns: 5;}.tcol-md-6 {columns: 6;}}
@media(min-width: 992px) {.tcol-lg-2 {columns: 2;}.tcol-lg-3 {columns: 3;}.tcol-lg-4 {columns: 4;}.tcol-lg-5 {columns: 5;}.tcol-lg-6 {columns: 6;}}
@media(min-width: 1200px) {.tcol-xl-2 {columns: 2;}.tcol-xl-3 {columns: 3;}.tcol-xl-4 {columns: 4;}.tcol-xl-5 {columns: 5;}.tcol-xl-6 {columns: 6;}}
/* WIDTH */
.wdt1 {width: 8.33% !important;}
.wdt2 {width: 16.67% !important;}
.wdt3 {width: 25% !important;}
.wdt6 {width: 33.33% !important;}
.wdt5 {width: 41.67% !important;}
.wdt6 {width: 50% !important;}
.wdt7 {width: 58.33% !important;}
.wdt8 {width: 66.67% !important;}
.wdt9 {width: 75% !important;}
.wdt10 {width: 83.33% !important;}
.wdt11 {width: 91.67% !important;}
.wdt12 {width: 100% !important;}
/* ATOMIC REM (m pour négatif) ============================================================= */
.mm05{margin:-.5rem}.mmt05{margin-top:-.5rem}.mmr05{margin-right:-.5rem}.mmb05{margin-bottom:-.5rem}.mml05{margin-left:-.5rem}.mm10{margin:-1rem}.mmt10{margin-top:-1rem}.mmr10{margin-right:-1rem}.mmb10{margin-bottom:-1rem}.mml10{margin-left:-1rem}.mm15{margin:-1.5rem}.mmt15{margin-top:-1.5rem}.mmr15{margin-right:-1.5rem}.mmb15{margin-bottom:-1.5rem}.mml15{margin-left:-1.5rem}.mm20{margin:-2rem}.mmt20{margin-top:-2rem}.mmr20{margin-right:-2rem}.mmb20{margin-bottom:-2rem}.mml20{margin-left:-2rem}.mm3{margin:-3rem}.mmt3{margin-top:-3rem}.mmr3{margin-right:-3rem}.mmb3{margin-bottom:-3rem}.mml3{margin-left:-3rem}
.m0{margin:0}.mt0{margin-top:0}.mr0{margin-right:0}.mb0{margin-bottom:0}.ml0{margin-left:0}.m05{margin:.5rem}.mt05{margin-top:.5rem}.mr05{margin-right:.5rem}.mb05{margin-bottom:.5rem}.ml05{margin-left:.5rem}.m10{margin:1rem}.mt10{margin-top:1rem}.mr10{margin-right:1rem}.mb10{margin-bottom:1rem}.ml10{margin-left:1rem}.m15{margin:1.5rem}.mt15{margin-top:1.5rem}.mr15{margin-right:1.5rem}.mb15{margin-bottom:1.5rem}.ml15{margin-left:1.5rem}.m20{margin:2rem}.mt20{margin-top:2rem}.mr20{margin-right:2rem}.mb20{margin-bottom:2rem}.ml20{margin-left:2rem}.m3{margin:3rem}.mt3{margin-top:3rem}.mr3{margin-right:3rem}.mb3{margin-bottom:3rem}.ml3{margin-left:3rem}
/* .pm5{padding:-.5rem}.pmt5{padding-top:-.5rem}.pmr5{padding-right:-.5rem}.pmb5{padding-bottom:-.5rem}.pml5{padding-left:-.5rem}.pm10{padding:-1rem}.pmt10{padding-top:-1rem}.pmr10{padding-right:-1rem}.pmb10{padding-bottom:-1rem}.pml10{padding-left:-1rem}.pm15{padding:-1.5rem}.pmt15{padding-top:-1.5rem}.pmr15{padding-right:-1.5rem}.pmb15{padding-bottom:-1.5rem}.pml15{padding-left:-1.5rem}.pm20{padding:-2rem}.pmt20{padding-top:-2rem}.pmr20{padding-right:-2rem}.pmb20{padding-bottom:-2rem}.pml20{padding-left:-2rem} */
.p0{padding:0}.pt0{padding-top:0}.pr0{padding-right:0}.pb0{padding-bottom:0}.pl0{padding-left:0}.p5{padding:.5rem}.pt5{padding-top:.5rem}.pr5{padding-right:.5rem}.pb5{padding-bottom:.5rem}.pl5{padding-left:.5rem}.p10{padding:1rem}.pt10{padding-top:1rem}.pr10{padding-right:1rem}.pb10{padding-bottom:1rem}.pl10{padding-left:1rem}.p15{padding:1.5rem}.pt15{padding-top:1.5rem}.pr15{padding-right:1.5rem}.pb15{padding-bottom:1.5rem}.pl15{padding-left:1.5rem}.p20{padding:2rem}.pt20{padding-top:2rem}.pr20{padding-right:2rem}.pb20{padding-bottom:2rem}.pl20{padding-left:2rem}.ptmenu{padding-top: 7rem;}
.b0{border:none}.bt0{border-top:none}.br0{border-right:none}.bb0{border-bottom:none}.bl0{border-left:none}.b05{border:.5px solid var(--colorborder)}.bt05{border-top:.5px solid var(--colorborder)}.br05{border-right:.5px solid var(--colorborder)}.bb05{border-bottom:.5px solid var(--colorborder)}.bl05{border-left:.5px solid var(--colorborder)}.b10{border:1px solid var(--colorborder)}.bt10{border-top:1px solid var(--colorborder)}.br10{border-right:1px solid var(--colorborder)}.bb10{border-bottom:1px solid var(--colorborder)}.bl10{border-left:1px solid var(--colorborder)}
/* MODIFIERS ============================================================================== */
@media (min-width:72em){
/* body {font-size: 87.5%;} */
}
/* FONT SIZE MODIFIERS */
.lead {font-size: 1.25rem;}
.large {font-size: 125%;}
.small {font-size: 80%;}
.mono {font-family: monospace;}
.exergue {display: block;font-size: 125%;margin: 1rem auto !important; width: 80%; text-align: center;}
/* .exergue:before {background-color:var(--colorExergue); display:block; margin:1.6rem auto 0 auto; content:' '; width:8%; height:2px;background-color:var(--colorBlue)}
.exergue:after {background-color:var(--colorExergue); display:block; margin:0 auto .8rem auto; width:8%;height:2px;background-color:var(--colorBlue)} */
.majuscules {text-transform: uppercase;}
.gras {font-weight: bold;}
.hrblue {height:2px;width: 200px;border-width:0;color:var(--colorBlue);background-color:var(--colorBlue); margin: 1rem auto}
.hrred {height:2px;width: 200px;border-width:0;color:var(--colorRed);background-color:var(--colorRed); margin: 1rem auto}
/* ALIGNMENT */
.centered p {display: block; text-align: center !important; margin-left: auto !important; margin-right: auto !important;}
.text-center {display: block; text-align: center; }
.text-justify {display: block; text-align: justify;}
.text-left {display: block; text-align: left; }
.text-right {display: block; text-align: right; }
@media(max-width: 576px){.xs-text-center {text-align: center;}.xs-text-justify {text-align: justify;}.xs-text-left {text-align: left;}.xs-text-right {text-align: right;}}
@media(max-width: 768px){.sm-text-center {text-align: center;}.sm-text-justify {text-align: justify;}.sm-text-left {text-align: left;}.sm-text-right {text-align: right;}}
@media(max-width: 992px){.md-text-center {text-align: center;}.md-text-justify {text-align: justify;}.md-text-left {text-align: left;}.md-text-right {text-align: right;}}
@media(max-width: 1200px) {.lg-text-center {text-align: center;}.lg-text-justify {text-align: justify;}.lg-text-left {text-align: left;}.lg-text-right {text-align: right;}}
@media(min-width: 1200px) {.xl-text-center {text-align: center;}.xl-text-justify {text-align: justify;}.xl-text-left {text-align: left;}.xl-text-right {text-align: right;}}
.clickable:hover {cursor: grab;}
.nodisplay {display: none;}
.invisible {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px;}
/* APG-MARDOWN IMAGE CODE ================================================================= */
/*
- **Size :**
- **Width :** sixth, fourth, third, half, twothird, full, 100, 100sq, 150, 150sq, 200, 300, 400, 450, 500, 600
- **height :** h50, h100, h200, hfull
- **Align :** center, left, right
- **Margin :** m0, m1
- **Style :** i3d, circle, rounded
*/
img[alt~=fullxs]:hover, img[alt~=fullsm]:hover, img[alt~=fullmd]:hover {width:100%}img[alt~=h50]{height:50px}img[alt~=h100]{height:100px}img[alt~=h200]{height:200px}img[alt~=hfull]{height:100vh}img[alt~=sixth]{width:16.67%}img[alt~=third]{width:33.33%}img[alt~=half]{width:50%}img[alt~=twothird]{width:66.67%}img[alt~=full]{min-width:100%}img[alt~="100"]{width:100px}img[alt~="100sq"]{width:100px;height:100px}img[alt~="150"]{width:150px}img[alt~="150sq"]{width:150px;height:150px}img[alt~="200"]{width:200px}img[alt~="450"]{width:450px}img[alt~="600"]{width:600px}img[alt~=center]{display:block;margin:1em auto}img[alt~=left]{float:left;margin:0 1em 1em 0}img[alt~=right]{float:right;margin:0 0 1em 1em}img[alt~=m0]{margin:0 0}img[alt~=m1]{margin:1em 1em}img[alt~=rounded]{border-radius:6px}img[alt~=circle]{border-radius:50%}img[alt~="3d"]{box-shadow:4px 4px 8px var(--colorShadow)}figcaption{display:none}@media(max-width:576px){img[alt~=fullxs]{width:initial}}@media(max-width:768px){img[alt~=fullsm]{width:initial}}@media(max-width:992px){img[alt~=fullmd]{width:initial}}@media(max-width:1200px){img[alt~=fulllg]{width:initial}}
img .fullxs:hover, img .fullsm:hover, img .fullmd:hover{width:100%}img .h50 {height:50px}img .h100 {height:100px}img .h200 {height:200px}img .hfull {height:100vh}img .sixth {width:16.67%}img .third {width:33.33%}img .half {width:50%}img .twothird {width:66.67%}img .full {min-width:100%}img .w100 {width:100px}img .w100sq {width:100px;height:100px}img .w150 {width:150px}img .w150sq {width:150px;height:150px}img .w200 {width:200px}img .w450 {width:450px}img .w600 {width:600px}img .center {display:block;margin:1em auto}img .left {float:left;margin:0 1em 1em 0}img .right {float:right;margin:0 0 1em 1em}img .m0 {margin:0 0}img .m1 {margin:1em 1em}img .rounded {border-radius:6px}img .circle {border-radius:50%}img .i3d {box-shadow:4px 4px 8px var(--colorShadow)}figcaption{display:none}@media(max-width:576px){img .fullxs {width:initial}}@media(max-width:768px){img .fullsm {width:initial}}@media(max-width:992px){img .fullmd {width:initial}}@media(max-width:1200px){img .fulllg {width:initial}}
/* APG-MARKDOWN BLOCKQUOTE */
/* Exergue : 3 > => justifié, 4 > => centré, 5 > => colorEncadreBg */
blockquote {margin-left: 3rem; margin-right: 3rem; padding-left: .5rem; padding-right: .5rem;}
blockquote > blockquote > blockquote {font-size: 1.25rem; font-style: italic; font-weight: normal; letter-spacing: .5px; line-height: 30px; text-align: justify; font-variant-caps: normal; font-feature-settings: 'smcp' 0;margin-left: initial; margin-right: initial;padding-left: initial; padding-right: initial;}
blockquote > blockquote > blockquote > blockquote {text-align: center;margin-left: initial; margin-right: initial;padding-left: initial;padding-right: initial;}
blockquote > blockquote > blockquote > blockquote > blockquote {background-color: var(--colorEncadreBg);color:var(--colorEncadreCar);font-style: normal;padding-top: .5rem; padding-bottom: .5rem;margin-left: initial; margin-right: initial;padding-left: 1rem; padding-right: 1rem;}
/* MENU ================================================================================== */
.header{background-color: var(--colorMenubg);box-shadow:1px 1px 4px 0 rgba(0,0,0,.1);position:fixed;width:100%;z-index:3;}
.header ul{margin:0;padding:0;list-style:none;overflow:hidden;background-color: var(--colorMenubg)}
.header li a{color:var(--colorMenuA);display:block;padding:0 20px;border-right:1px solid #f4f4f4;text-decoration:none}
.header .menu-btn:hover,.header li a:hover{color:var(--colorMenuAhover);background-color: var(--colorMenubg)}
.header li span {display: inline;}
.header .logo{display:block;float:left;font-size:2em;padding:10px 20px;text-decoration:none}
.header .menu{clear:both;max-height:0;transition:max-height .2s ease-out}
/* .header .menu-icon{cursor:pointer;display:inline-block;float:right;padding:28px 20px;position:relative;user-select:none} */
.header .menu-icon{cursor:pointer;display:inline-block;float:right;padding-right: 1rem;;position:relative;user-select:none}
.header .menu-icon .navicon{background:var(--colorHamburger);display:block;height:2px;position:relative;transition:background .2s ease-out;width:18px;margin-top: 1rem;}
.header .menu-icon .navicon:after,.header .menu-icon .navicon:before{background:var(--colorHamburger);content:'';display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}
.header .menu-icon .navicon:before{top:5px}
.header .menu-icon .navicon:after{top: -5px}
.header .menu-btn{display:none}
.header .menu-btn:checked~.menu{max-height:300px;overflow:auto}
.header .menu-btn:checked~.menu-icon .navicon{background:0 0}
.header .menu-btn:checked~.menu-icon .navicon:before{transform:rotate(-45deg)}
.header .menu-btn:checked~.menu-icon .navicon:after{transform:rotate(45deg)}
.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:after,.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:before{top:0}
@media (min-width:72em){
.header {background-color: var(--colorMenubg)}
.header li{float:left}
.header li a{padding:5px 30px}
.header li span {display: none;}
.header .menu{clear:none;float:right;max-height:none}
.header .menu-icon{display:none}
}
/* Décalage pour menu fixed: rajouter la classe scroll à l'id du lien. Ex : 