Cette procédure génère le fichier utilisé pour utiliser des noms de classe dans les options attendant un style.
Seules les règles simples seront retenues
Génère un script permettant de traduire des noms de classe en style
syntaxe
syntaxe
{up upclass2style=pathCSSfile1,pathCSSfile2,...}@version: UP-5.2 @author: Lomart @license: GNU/GPLv3 @credit: script xxx de xxx @tags: UP
- upclass2style: chemin du fichier CSS
- up-style = 1: inclure la feuille de style de UP
- list = compact: affiche uniquement le nom des classes. Toutes autres valeurs affiche une liste détaillée (class:propriétés)
- id:
Utilité
Avant la version 5.2 de UP, quelques options imposaient de saisir uniquement des règles CSS alors que d'autres plus permissives acceptaient styles ou classes.
En effet, les options ajoutant des règles dans le head de la page doivent se soumettre à cette obligation du HTML.
Quelques exemples, en utilisant les classes de la feuille de style de UP :
Avant la version 5.2
col-style-* = text-align:center;color:#369
css-head = .foo[box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2);]Depuis la version 5.2
col-style-* = tc;t-bleuClair
css-head = .foo[shadow]
Les avantages :
- saisie plus rapide
- saisie plus intuitive
- couleur correspondant à la charte du site
- relecture facilitée, shortcode moins chargé
Comment est-ce possible ?
UP va simplement remplacer le nom de la classe par sa règle dans le fichier CSS.
Pour cela, UP doit disposer d'un fichier référence réalisé par l'action upclasse2style.
Vous n'aurez besoin d'utiliser cette action uniquement dans ces cas :
- vous voulez que vos feuilles de styles soient reconnues.
- vous avez modifié les variables (couleurs, ...) de UP
Note : l'installation ou la mise à jour de UP contient la référence pour les styles de UP.
{up upclasse2style=media/templates/site/cassiopeia/css/user.css}Le shortcode ci-dessus ajoute le fichier CSS utilisateur de Cassiopeia à celui de UP.
Pour ne pas prendre en compte celui de UP, ajouter l'option up-style=0
Utiliser le fichier user de votre template n'est pas forcément une bonne idée, car il contient beaucoup de règles qui sont inexploitables.
Par exemple, des titres définis par une règle du type : .item-page h2{...} n'a pas de sens dans le contenu d'un article.
Ce type de règle n'est d'ailleurs pas prise en compte lors de la réalisation du fichier références.
Par exemple, des titres définis par une règle du type : .item-page h2{...} n'a pas de sens dans le contenu d'un article.
Ce type de règle n'est d'ailleurs pas prise en compte lors de la réalisation du fichier références.
Pour palier à cela, 2 solutions :
- Ajouter une classe simple qui cible la même définition. ex:
.myH2, .item-page h2{...} - créer une feuille de styles spécifique à vos besoins
Les classes simples
Seules les règles composées d'un nom de classe simple, d'une propriété et d'une valeur sont admises.
Exemple : .t-red{color:red;}
Lors de la réalisation du fichier référence, l'action upclass2style ignore les règles suivantes :
- balise HTML. ex:
p{...} - sélecteur composé. ex :
.foo > ulou.foo ul - pseudo-classe. ex:
bg-hover-redqui a pour définitionbg-hover-red:hover{...} - mediaquerie. ex:
ws50qui a pour définition@media (max-width: 480px) {.ws50 { ... }} - sélecteur avec attribut ; ex
.foo[attr="xyz"]
Attention, certaines classes simples sont prévues pour se compléter.
Exemple : la classe badge est associée à une classe badge-couleur
Vous pouvez créer une feuille de style qui contiendra une version plus compacte des classes.
Comment les utiliser
Le plus simplement du monde, en les utilisant à la place des règles CSS, sans oublier l'habituel point-virgule pour les séparer
Suivant le type d'options, deux cas peuvent se présenter selon l'emplacement dans lequel les règles seront écrites.
- dans la balise du bloc l'utilisant : depuis longtemps, UP fait le tri entre styles et classes.
- dans le head de la page : vous pouvez maintenant mixer styles et classes simples que je nomme class2style pour les différencier dans les documentations
Dans le cas de l'option css-base que l'on trouve dans la majorité des actions, il suffit d'écrire la règle en utilisant la version simple de la classe.
Un exemple pour illustrer mon propos, à la place de bg-hover-red, utilisez : css-head = .foo:hover[bg-red]
Il suffira ensuite d'attribuer la classe .foo aux blocs concernés.
Dans le cas des options "style" d'une action, il est souvent impossible d'utiliser autre chose que les formes simples.
Exemple avec l'option col-style-2 de l'action csv2table : il est impossible d'utiliser une classe comme bg-hover-yellow, car cela conduirait à écrire une règle du type invalide tr td:nth-child(2){:hover{background:yellow}};
La solution dans ce cas est, aujourd'hui comme hier, d'ajouter la règle dans l'option css-head :css-head=#id tr td:nth-child(2):hover[background:yellow]
Liste des classes reconnues
Liste compacte
Les classes connues de UP, sont obtenues avec le shortcode {up upclass2style | list=compact} qui affichera le résultat ci-dessous.
Note : le contenu ci-dessous ne contient que la feuille de style de UP. C'est le fichier inclus dans l'installation de UP.
abs-bloc ▪ abs-bottom ▪ abs-center ▪ abs-left ▪ abs-right ▪ abs-top ▪ b ▪ badge ▪ badge-bleu ▪ badge-blue ▪ badge-green ▪ badge-orange ▪ badge-red ▪ badge-rouge ▪ badge-vert ▪ bd-arrondi ▪ bd-beige ▪ bd-black ▪ bd-blanc ▪ bd-bleu ▪ bd-bleuclair ▪ bd-bleufonce ▪ bd-bleupale ▪ bd-blue ▪ bd-brown ▪ bd-brun ▪ bd-c0 ▪ bd-c1 ▪ bd-c1fonce ▪ bd-c1pale ▪ bd-c2 ▪ bd-c2fonce ▪ bd-c2pale ▪ bd-darkblue ▪ bd-darkgreen ▪ bd-darkgrey ▪ bd-darkprimary ▪ bd-darkred ▪ bd-darksecondary ▪ bd-darkyellow ▪ bd-dotted ▪ bd-green ▪ bd-grey ▪ bd-gris ▪ bd-grisclair ▪ bd-grisfonce ▪ bd-grispale ▪ bd-jaune ▪ bd-jauneclair ▪ bd-jaunefonce ▪ bd-lightblue ▪ bd-lightgreen ▪ bd-lightgrey ▪ bd-lightred ▪ bd-lightyellow ▪ bd-noir ▪ bd-orange ▪ bd-paleblue ▪ bd-palegrey ▪ bd-paleprimary ▪ bd-palesecondary ▪ bd-pink ▪ bd-primary ▪ bd-purple ▪ bd-red ▪ bd-rond ▪ bd-rose ▪ bd-rouge ▪ bd-rougeclair ▪ bd-rougefonce ▪ bd-secondary ▪ bd-solid ▪ bd-tan ▪ bd-transparent ▪ bd-vert ▪ bd-vertclair ▪ bd-vertfonce ▪ bd-violet ▪ bd-white ▪ bd-yellow ▪ bd0 ▪ bd1 ▪ bd2 ▪ bd3 ▪ bdb0 ▪ bdb1 ▪ bdb2 ▪ bdb3 ▪ bdl0 ▪ bdl1 ▪ bdl2 ▪ bdl3 ▪ bdr0 ▪ bdr1 ▪ bdr2 ▪ bdr3 ▪ bdt0 ▪ bdt1 ▪ bdt2 ▪ bdt3 ▪ bg-30 ▪ bg-50 ▪ bg-80 ▪ bg-beige ▪ bg-black ▪ bg-blanc ▪ bg-bleu ▪ bg-bleuclair ▪ bg-bleufonce ▪ bg-bleupale ▪ bg-blue ▪ bg-brown ▪ bg-brun ▪ bg-c0 ▪ bg-c1 ▪ bg-c1fonce ▪ bg-c1pale ▪ bg-c2 ▪ bg-c2fonce ▪ bg-c2pale ▪ bg-darkblue ▪ bg-darkgreen ▪ bg-darkgrey ▪ bg-darkprimary ▪ bg-darkred ▪ bg-darksecondary ▪ bg-darkyellow ▪ bg-green ▪ bg-grey ▪ bg-gris ▪ bg-grisclair ▪ bg-grisfonce ▪ bg-grispale ▪ bg-jaune ▪ bg-jauneclair ▪ bg-jaunefonce ▪ bg-lightblue ▪ bg-lightgreen ▪ bg-lightgrey ▪ bg-lightred ▪ bg-lightyellow ▪ bg-noir ▪ bg-orange ▪ bg-paleblue ▪ bg-palegrey ▪ bg-paleprimary ▪ bg-palesecondary ▪ bg-pink ▪ bg-primary ▪ bg-purple ▪ bg-red ▪ bg-rose ▪ bg-rouge ▪ bg-rougeclair ▪ bg-rougefonce ▪ bg-secondary ▪ bg-tan ▪ bg-transparent ▪ bg-vert ▪ bg-vertclair ▪ bg-vertfonce ▪ bg-violet ▪ bg-white ▪ bg-yellow ▪ bloc1 ▪ bloc2 ▪ bloc3 ▪ box-danger ▪ box-error ▪ box-gris ▪ box-grispale ▪ box-idee ▪ box-info ▪ box-note ▪ box-ok ▪ cell ▪ cell-bottom ▪ cell-center ▪ cell-row ▪ cell-top ▪ cesure ▪ display-block ▪ display-inline ▪ display-inline-block ▪ display-none ▪ ff-cursive ▪ ff-mono ▪ fg-around ▪ fg-auto ▪ fg-autour ▪ fg-between ▪ fg-c0 ▪ fg-center ▪ fg-end ▪ fg-entre ▪ fg-gap ▪ fg-ord-1 ▪ fg-ord-2 ▪ fg-ord-3 ▪ fg-ord-4 ▪ fg-ord-5 ▪ fg-ord-6 ▪ fg-reverse ▪ fg-row ▪ fg-start ▪ fg-vbottom ▪ fg-vcenter ▪ fg-vfill ▪ fg-vspace-around ▪ fg-vspace-between ▪ fg-vspace-center ▪ fg-vspace-end ▪ fg-vspace-evenly ▪ fg-vspace-start ▪ fg-vtop ▪ float-left ▪ float-right ▪ fs100 ▪ fs120 ▪ fs150 ▪ fs200 ▪ fs300 ▪ fs400 ▪ fs500 ▪ fs80 ▪ fs90 ▪ hscreen ▪ i ▪ img-grey ▪ img-grey-min ▪ img-none ▪ img-opacity ▪ img-opacity-max ▪ img-sepia ▪ img-sepia-min ▪ lh100 ▪ lh120 ▪ lh150 ▪ lh200 ▪ lh300 ▪ lh400 ▪ lh500 ▪ lh80 ▪ lh90 ▪ list-inline ▪ list-inline-dash ▪ list-inline-dot ▪ list-inline-sep ▪ list-none ▪ m0 ▪ m1 ▪ m2 ▪ m3 ▪ maxh0 ▪ maxh100 ▪ maxh200 ▪ maxh400 ▪ maxw100 ▪ maxw200 ▪ maxw400 ▪ maxw50vw ▪ maxw600 ▪ maxw75vw ▪ maxw800 ▪ maxw90vw ▪ mb0 ▪ mb1 ▪ mb2 ▪ mb3 ▪ mcenter ▪ mh0 ▪ mh1 ▪ mh2 ▪ mh3 ▪ minh0 ▪ minh100 ▪ minh200 ▪ minh400 ▪ ml0 ▪ ml1 ▪ ml2 ▪ ml3 ▪ mleft ▪ mr0 ▪ mr1 ▪ mr2 ▪ mr3 ▪ mright ▪ mt0 ▪ mt1 ▪ mt2 ▪ mt3 ▪ mv0 ▪ mv1 ▪ mv2 ▪ mv3 ▪ nocesure ▪ nowrap ▪ ombre ▪ ombremax ▪ p0 ▪ p1 ▪ p2 ▪ p3 ▪ pb0 ▪ pb1 ▪ pb2 ▪ pb3 ▪ ph0 ▪ ph1 ▪ ph2 ▪ ph3 ▪ pl0 ▪ pl1 ▪ pl2 ▪ pl3 ▪ pos-relative ▪ pos-sticky ▪ pr0 ▪ pr1 ▪ pr2 ▪ pr3 ▪ pt0 ▪ pt1 ▪ pt2 ▪ pt3 ▪ pv0 ▪ pv1 ▪ pv2 ▪ pv3 ▪ rotate-3 ▪ rotate-6 ▪ rotate3 ▪ rotate45 ▪ rotate6 ▪ rotate90 ▪ s ▪ scrollx ▪ scrolly ▪ shadow ▪ shadowmax ▪ t-beige ▪ t-black ▪ t-blanc ▪ t-bleu ▪ t-bleuclair ▪ t-bleufonce ▪ t-bleupale ▪ t-blue ▪ t-brown ▪ t-brun ▪ t-c0 ▪ t-c1 ▪ t-c1fonce ▪ t-c1pale ▪ t-c2 ▪ t-c2fonce ▪ t-c2pale ▪ t-darkblue ▪ t-darkgreen ▪ t-darkgrey ▪ t-darkprimary ▪ t-darkred ▪ t-darksecondary ▪ t-darkyellow ▪ t-green ▪ t-grey ▪ t-gris ▪ t-grisclair ▪ t-grisfonce ▪ t-grispale ▪ t-jaune ▪ t-jauneclair ▪ t-jaunefonce ▪ t-lightblue ▪ t-lightgreen ▪ t-lightgrey ▪ t-lightred ▪ t-lightyellow ▪ t-noir ▪ t-orange ▪ t-paleblue ▪ t-palegrey ▪ t-paleprimary ▪ t-palesecondary ▪ t-pink ▪ t-primary ▪ t-purple ▪ t-red ▪ t-rose ▪ t-rouge ▪ t-rougeclair ▪ t-rougefonce ▪ t-secondary ▪ t-tan ▪ t-transparent ▪ t-vert ▪ t-vertclair ▪ t-vertfonce ▪ t-violet ▪ t-white ▪ t-yellow ▪ tc ▪ text-col-no-break ▪ tj ▪ tl ▪ tr ▪ u ▪ ud ▪ up-center ▪ up-center-outer ▪ up-modal ▪ up-modal-content ▪ up-table-line ▪ w0 ▪ w1 ▪ w10 ▪ w100 ▪ w11 ▪ w12 ▪ w2 ▪ w25 ▪ w3 ▪ w4 ▪ w5 ▪ w50 ▪ w6 ▪ w7 ▪ w75 ▪ w8 ▪ w9 ▪ wauto
Liste détaillée
Toutes autres valeurs pour list afficheront la liste détaillée comportant le nom de la classe et ses propriétés CSS.
abs-bloc : position:relative
abs-bottom : position:absolute;bottom:0
abs-center : position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)
abs-left : position:absolute;left:0;top:50%;transform:translate(0%, -50%)
abs-right : position:absolute;right:0;top:50%;transform:translate(0%, -50%)
abs-top : position:absolute;top:0
b : font-weight:bold !important
badge : display:inline;padding:2px 8px;border-radius:.7em;background:#888;color:#fff;font-weight:500;white-space:nowrap
badge-bleu : background:#01457F
badge-blue : background:#01457F
badge-green : background:#46a546
badge-orange : background:#ff851b
badge-red : background:#f11
badge-rouge : background:#f11
badge-vert : background:#46a546
bd-arrondi : border-radius:5px;border-width:1px;border-style:solid
bd-beige : border-color:#E8DAC3 !important;border-width:1px;border-style:solid
bd-black : border-color:#000 !important;border-width:1px;border-style:solid
bd-blanc : border-color:#fff !important;border-width:1px;border-style:solid
bd-bleu : border-color:#01457F !important;border-width:1px;border-style:solid
bd-bleuclair : border-color:#069 !important;border-width:1px;border-style:solid
bd-bleufonce : border-color:#001f3f !important;border-width:1px;border-style:solid
bd-bleupale : border-color:#BCE0FF !important;border-width:1px;border-style:solid
bd-blue : border-color:#01457F !important;border-width:1px;border-style:solid
bd-brown : border-color:sienna !important;border-width:1px;border-style:solid
bd-brun : border-color:sienna !important;border-width:1px;border-style:solid
bd-c0 : border-color:transparent !important;border-width:1px;border-style:solid
bd-c1 : border-color:#01457F !important;border-width:1px;border-style:solid
bd-c1fonce : border-color:#001f3f !important;border-width:1px;border-style:solid
bd-c1pale : border-color:#BCE0FF !important;border-width:1px;border-style:solid
bd-c2 : border-color:#888 !important;border-width:1px;border-style:solid
bd-c2fonce : border-color:#333 !important;border-width:1px;border-style:solid
bd-c2pale : border-color:#ddd !important;border-width:1px;border-style:solid
bd-darkblue : border-color:#001f3f !important;border-width:1px;border-style:solid
bd-darkgreen : border-color:#006400 !important;border-width:1px;border-style:solid
bd-darkgrey : border-color:#333 !important;border-width:1px;border-style:solid
bd-darkprimary : border-color:#001f3f !important;border-width:1px;border-style:solid
bd-darkred : border-color:#8b0000 !important;border-width:1px;border-style:solid
bd-darksecondary : border-color:#333 !important;border-width:1px;border-style:solid
bd-darkyellow : border-color:#ffc40d !important;border-width:1px;border-style:solid
bd-dotted : border-style:dotted !important;border-width:1px;border-style:solid
bd-green : border-color:#46a546 !important;border-width:1px;border-style:solid
bd-grey : border-color:#888 !important;border-width:1px;border-style:solid
bd-gris : border-color:#888 !important;border-width:1px;border-style:solid
bd-grisclair : border-color:#bbb !important;border-width:1px;border-style:solid
bd-grisfonce : border-color:#333 !important;border-width:1px;border-style:solid
bd-grispale : border-color:#ddd !important;border-width:1px;border-style:solid
bd-jaune : border-color:#fe0 !important;border-width:1px;border-style:solid
bd-jauneclair : border-color:#ffffe0 !important;border-width:1px;border-style:solid
bd-jaunefonce : border-color:#ffc40d !important;border-width:1px;border-style:solid
bd-lightblue : border-color:#069 !important;border-width:1px;border-style:solid
bd-lightgreen : border-color:#98fb98 !important;border-width:1px;border-style:solid
bd-lightgrey : border-color:#bbb !important;border-width:1px;border-style:solid
bd-lightred : border-color:#f08080 !important;border-width:1px;border-style:solid
bd-lightyellow : border-color:#ffffe0 !important;border-width:1px;border-style:solid
bd-noir : border-color:#000 !important;border-width:1px;border-style:solid
bd-orange : border-color:#ff851b !important;border-width:1px;border-style:solid
bd-paleblue : border-color:#BCE0FF !important;border-width:1px;border-style:solid
bd-palegrey : border-color:#ddd !important;border-width:1px;border-style:solid
bd-paleprimary : border-color:#BCE0FF !important;border-width:1px;border-style:solid
bd-palesecondary : border-color:#ddd !important;border-width:1px;border-style:solid
bd-pink : border-color:#f012be !important;border-width:1px;border-style:solid
bd-primary : border-color:#01457F !important;border-width:1px;border-style:solid
bd-purple : border-color:#9400D3 !important;border-width:1px;border-style:solid
bd-red : border-color:#f11 !important;border-width:1px;border-style:solid
bd-rond : border-radius:50%;border-width:1px;border-style:solid
bd-rose : border-color:#f012be !important;border-width:1px;border-style:solid
bd-rouge : border-color:#f11 !important;border-width:1px;border-style:solid
bd-rougeclair : border-color:#f08080 !important;border-width:1px;border-style:solid
bd-rougefonce : border-color:#8b0000 !important;border-width:1px;border-style:solid
bd-secondary : border-color:#888 !important;border-width:1px;border-style:solid
bd-solid : border-style:solid !important;border-width:1px;border-style:solid
bd-tan : border-color:#E8DAC3 !important;border-width:1px;border-style:solid
bd-transparent : border-color:transparent !important;border-width:1px;border-style:solid
bd-vert : border-color:#46a546 !important;border-width:1px;border-style:solid
bd-vertclair : border-color:#98fb98 !important;border-width:1px;border-style:solid
bd-vertfonce : border-color:#006400 !important;border-width:1px;border-style:solid
bd-violet : border-color:#9400D3 !important;border-width:1px;border-style:solid
bd-white : border-color:#fff !important;border-width:1px;border-style:solid
bd-yellow : border-color:#fe0 !important;border-width:1px;border-style:solid
bd0 : border-width:0 !important
bd1 : border-width:1px !important
bd2 : border-width:2px !important
bd3 : border-width:6px !important
bdb0 : border-bottom-width:0 !important
bdb1 : border-bottom-width:1px !important
bdb2 : border-bottom-width:2px !important
bdb3 : border-bottom-width:6px !important
bdl0 : border-left-width:0 !important
bdl1 : border-left-width:1px !important
bdl2 : border-left-width:2px !important
bdl3 : border-left-width:6px !important
bdr0 : border-right-width:0 !important
bdr1 : border-right-width:1px !important
bdr2 : border-right-width:2px !important
bdr3 : border-right-width:6px !important
bdt0 : border-top-width:0 !important
bdt1 : border-top-width:1px !important
bdt2 : border-top-width:2px !important
bdt3 : border-top-width:6px !important
bg-30 : background-color:rgba(255,255,255,0.3) !important
bg-50 : background-color:rgba(255,255,255,0.5) !important
bg-80 : background-color:rgba(255,255,255,0.8) !important
bg-beige : background-color:#E8DAC3 !important;color:#000
bg-black : background-color:#000 !important;color:#fff
bg-blanc : background-color:#fff !important;color:#000
bg-bleu : background-color:#01457F !important;color:#fff
bg-bleuclair : background-color:#069 !important;color:#fff
bg-bleufonce : background-color:#001f3f !important;color:#fff
bg-bleupale : background-color:#BCE0FF !important;color:#000
bg-blue : background-color:#01457F !important;color:#fff
bg-brown : background-color:sienna !important;color:#fff
bg-brun : background-color:sienna !important;color:#fff
bg-c0 : background-color:transparent !important;color:#fff
bg-c1 : background-color:#01457F !important;color:#fff
bg-c1fonce : background-color:#001f3f !important;color:#fff
bg-c1pale : background-color:#BCE0FF !important;color:#000
bg-c2 : background-color:#888 !important;color:#000
bg-c2fonce : background-color:#333 !important;color:#fff
bg-c2pale : background-color:#ddd !important;color:#000
bg-darkblue : background-color:#001f3f !important;color:#fff
bg-darkgreen : background-color:#006400 !important;color:#fff
bg-darkgrey : background-color:#333 !important;color:#fff
bg-darkprimary : background-color:#001f3f !important;color:#fff
bg-darkred : background-color:#8b0000 !important;color:#fff
bg-darksecondary : background-color:#333 !important;color:#fff
bg-darkyellow : background-color:#ffc40d !important;color:#000
bg-green : background-color:#46a546 !important;color:#fff
bg-grey : background-color:#888 !important;color:#000
bg-gris : background-color:#888 !important;color:#000
bg-grisclair : background-color:#bbb !important;color:#000
bg-grisfonce : background-color:#333 !important;color:#fff
bg-grispale : background-color:#ddd !important;color:#000
bg-jaune : background-color:#fe0 !important;color:#000
bg-jauneclair : background-color:#ffffe0 !important;color:#000
bg-jaunefonce : background-color:#ffc40d !important;color:#000
bg-lightblue : background-color:#069 !important;color:#fff
bg-lightgreen : background-color:#98fb98 !important;color:#000
bg-lightgrey : background-color:#bbb !important;color:#000
bg-lightred : background-color:#f08080 !important;color:#000
bg-lightyellow : background-color:#ffffe0 !important;color:#000
bg-noir : background-color:#000 !important;color:#fff
bg-orange : background-color:#ff851b !important;color:#000
bg-paleblue : background-color:#BCE0FF !important;color:#000
bg-palegrey : background-color:#ddd !important;color:#000
bg-paleprimary : background-color:#BCE0FF !important;color:#000
bg-palesecondary : background-color:#ddd !important;color:#000
bg-pink : background-color:#f012be !important;color:#000
bg-primary : background-color:#01457F !important;color:#fff
bg-purple : background-color:#9400D3 !important;color:#fff
bg-red : background-color:#f11 !important;color:#000
bg-rose : background-color:#f012be !important;color:#000
bg-rouge : background-color:#f11 !important;color:#000
bg-rougeclair : background-color:#f08080 !important;color:#000
bg-rougefonce : background-color:#8b0000 !important;color:#fff
bg-secondary : background-color:#888 !important;color:#000
bg-tan : background-color:#E8DAC3 !important;color:#000
bg-transparent : background-color:transparent !important;color:#fff
bg-vert : background-color:#46a546 !important;color:#fff
bg-vertclair : background-color:#98fb98 !important;color:#000
bg-vertfonce : background-color:#006400 !important;color:#fff
bg-violet : background-color:#9400D3 !important;color:#fff
bg-white : background-color:#fff !important;color:#000
bg-yellow : background-color:#fe0 !important;color:#000
bloc1 : margin:10px 0;padding:10px 5px;border:1px solid #ddd
bloc2 : margin:24px 0;padding:24px 12px
bloc3 : margin:36px 0;padding:36px 18px
box-danger : padding:10px;background:#ffae68 url(img/ico-danger.png) no-repeat 10px 10px;padding-left:40px;border:#ff851b 1px solid;margin-bottom:0
box-error : padding:10px;background:#f08080 url(img/ico-faux.png) no-repeat 10px 10px;padding-left:40px;border:#e83c3c 1px solid;margin-bottom:0
box-gris : padding:10px;background-color:#aeaeae;border:#888 1px solid;margin-bottom:0
box-grispale : padding:10px;background-color:#ddd;border:#b7b7b7 1px solid;margin-bottom:0
box-idee : padding:10px;background:#ffffad url(img/ico-idee.png) no-repeat 10px 10px;padding-left:40px;border:#ffff61 1px solid;margin-bottom:0
box-info : padding:10px;background:#BCE0FF url(img/ico-info.png) no-repeat 10px 10px;padding-left:40px;border:#70bdff 1px solid;margin-bottom:0
box-note : padding:10px;background:#E8DAC3 url(img/ico-crayon.png) no-repeat 10px 10px;padding-left:40px;border:#d3b88c 1px solid;margin-bottom:0
box-ok : padding:10px;background:#98fb98 url(img/ico-vrai.png) no-repeat 10px 10px;padding-left:40px;border:#4ef84e 1px solid;margin-bottom:0
cell : display:table-cell
cell-bottom : vertical-align:bottom
cell-center : vertical-align:middle
cell-row : display:table;width:100%
cell-top : vertical-align:top
cesure : -webkit-hyphens:auto;hyphens:auto;word-wrap:break-word
display-block : display:block !important
display-inline : display:inline !important
display-inline-block : display:inline-block !important
display-none : display:none !important
ff-cursive : font-family:Comic Sans MS, cursive
ff-mono : font-family:Lucida Console, Monaco, monospace
fg-around : justify-content:space-around
fg-auto : flex:0 1 auto
fg-autour : justify-content:space-around
fg-between : justify-content:space-between
fg-c0 : display:none;flex:0 1 auto
fg-center : justify-content:center;flex:0 1 auto
fg-end : justify-content:flex-end
fg-entre : justify-content:space-between
fg-gap : margin-left:-.5rem;margin-right:-.5rem
fg-ord-1 : order:-6
fg-ord-2 : order:-5
fg-ord-3 : order:-4
fg-ord-4 : order:-3
fg-ord-5 : order:-2
fg-ord-6 : order:-1
fg-reverse : flex-direction:row-reverse
fg-row : display:flex;flex-flow:row wrap;list-style:none;padding:0
fg-start : justify-content:flex-start
fg-vbottom : align-items:flex-end
fg-vcenter : align-items:center
fg-vfill : align-items:stretch
fg-vspace-around : justify-content:space-around
fg-vspace-between : display:flex;flex-flow:column wrap;justify-content:space-between
fg-vspace-center : justify-content:center
fg-vspace-end : justify-content:end
fg-vspace-evenly : justify-content:space-evenly
fg-vspace-start : justify-content:start
fg-vtop : align-items:flex-start
float-left : float:left
float-right : float:right
fs100 : font-size:100%
fs120 : font-size:120%
fs150 : font-size:150%
fs200 : font-size:200%
fs300 : font-size:300%
fs400 : font-size:400%
fs500 : font-size:500%
fs80 : font-size:80%
fs90 : font-size:90%
hscreen : min-height:100vh
i : font-style:italic
img-grey : filter:grayscale(100%)
img-grey-min : filter:grayscale(50%)
img-none : filter:none;opacity:1
img-opacity : opacity:0.8
img-opacity-max : opacity:0.35
img-sepia : filter:sepia(100%)
img-sepia-min : filter:sepia(50%)
lh100 : line-height:100%
lh120 : line-height:120%
lh150 : line-height:150%
lh200 : line-height:200%
lh300 : line-height:300%
lh400 : line-height:400%
lh500 : line-height:500%
lh80 : line-height:80%
lh90 : line-height:90%
list-inline : margin-left:0;list-style:none
list-inline-dash : margin-left:0;list-style:none
list-inline-dot : margin-left:0;list-style:none
list-inline-sep : margin-left:0;list-style:none
list-none : list-style:none outside;margin-left:0
m0 : margin:0 !important
m1 : margin:10px !important
m2 : margin:24px !important
m3 : margin:36px !important
maxh0 : max-height:0px;overflow:scroll
maxh100 : max-height:100px;overflow:scroll
maxh200 : max-height:200px;overflow:scroll
maxh400 : max-height:400px;overflow:scroll
maxw100 : max-width:100px
maxw200 : max-width:200px
maxw400 : max-width:400px
maxw50vw : max-width:50vw
maxw600 : max-width:600px
maxw75vw : max-width:75vw
maxw800 : max-width:800px
maxw90vw : max-width:90vw
mb0 : margin-bottom:0 !important
mb1 : margin-bottom:10px !important
mb2 : margin-bottom:24px !important
mb3 : margin-bottom:36px !important
mcenter : margin-left:auto !important;margin-right:auto !important
mh0 : margin-left:0 !important;margin-right:0 !important
mh1 : margin-left:10px !important;margin-right:10px !important
mh2 : margin-left:24px !important;margin-right:24px !important
mh3 : margin-left:36px !important;margin-right:36px !important
minh0 : min-height:0px
minh100 : min-height:100px
minh200 : min-height:200px
minh400 : min-height:400px
ml0 : margin-left:0 !important
ml1 : margin-left:10px !important
ml2 : margin-left:24px !important
ml3 : margin-left:36px !important
mleft : margin-left:0 !important;margin-right:auto !important
mr0 : margin-right:0 !important
mr1 : margin-right:10px !important
mr2 : margin-right:24px !important
mr3 : margin-right:36px !important
mright : margin-left:auto !important;margin-right:0 !important
mt0 : margin-top:0 !important
mt1 : margin-top:10px !important
mt2 : margin-top:24px !important
mt3 : margin-top:36px !important
mv0 : margin-top:0 !important;margin-bottom:0 !important
mv1 : margin-top:10px !important;margin-bottom:10px !important
mv2 : margin-top:24px !important;margin-bottom:24px !important
mv3 : margin-top:36px !important;margin-bottom:36px !important
nocesure : -webkit-hyphens:none;hyphens:none;word-wrap:normal
nowrap : white-space:nowrap
ombre : box-shadow:0 3px 2px rgba(0,0,0,0.2)
ombremax : box-shadow:0 5px 5px 0 rgba(0,0,0,0.25),0 2px 10px 0 rgba(0,0,0,0.16)
p0 : padding:0 !important
p1 : padding:10px !important
p2 : padding:24px !important
p3 : padding:36px !important
pb0 : padding-bottom:0 !important
pb1 : padding-bottom:10px !important
pb2 : padding-bottom:24px !important
pb3 : padding-bottom:36px !important
ph0 : padding-left:0 !important;padding-right:0 !important
ph1 : padding-left:10px !important;padding-right:10px !important
ph2 : padding-left:24px !important;padding-right:24px !important
ph3 : padding-left:36px !important;padding-right:36px !important
pl0 : padding-left:0 !important
pl1 : padding-left:10px !important
pl2 : padding-left:24px !important
pl3 : padding-left:36px !important
pos-relative : position:relative
pos-sticky : position:sticky;top:0;z-index:999
pr0 : padding-right:0 !important
pr1 : padding-right:10px !important
pr2 : padding-right:24px !important
pr3 : padding-right:36px !important
pt0 : padding-top:0 !important
pt1 : padding-top:10px !important
pt2 : padding-top:24px !important
pt3 : padding-top:36px !important
pv0 : padding-top:0 !important;padding-bottom:0 !important
pv1 : padding-top:10px !important;padding-bottom:10px !important
pv2 : padding-top:24px !important;padding-bottom:24px !important
pv3 : padding-top:36px !important;padding-bottom:36px !important
rotate-3 : transform:rotate(3deg)
rotate-6 : transform:rotate(6deg)
rotate3 : transform:rotate(-3deg)
rotate45 : transform:rotate(-45deg)
rotate6 : transform:rotate(-6deg)
rotate90 : transform:rotate(-90deg)
s : text-decoration:line-through
scrollx : overflow-x:scroll
scrolly : overflow-y:scroll
shadow : box-shadow:0 3px 2px rgba(0,0,0,0.2)
shadowmax : box-shadow:0 5px 5px 0 rgba(0,0,0,0.25),0 2px 10px 0 rgba(0,0,0,0.16)
t-beige : color:#E8DAC3 !important
t-black : color:#000 !important
t-blanc : color:#fff !important
t-bleu : color:#01457F !important
t-bleuclair : color:#069 !important
t-bleufonce : color:#001f3f !important
t-bleupale : color:#BCE0FF !important
t-blue : color:#01457F !important
t-brown : color:sienna !important
t-brun : color:sienna !important
t-c0 : color:transparent !important
t-c1 : color:#01457F !important
t-c1fonce : color:#001f3f !important
t-c1pale : color:#BCE0FF !important
t-c2 : color:#888 !important
t-c2fonce : color:#333 !important
t-c2pale : color:#ddd !important
t-darkblue : color:#001f3f !important
t-darkgreen : color:#006400 !important
t-darkgrey : color:#333 !important
t-darkprimary : color:#001f3f !important
t-darkred : color:#8b0000 !important
t-darksecondary : color:#333 !important
t-darkyellow : color:#ffc40d !important
t-green : color:#46a546 !important
t-grey : color:#888 !important
t-gris : color:#888 !important
t-grisclair : color:#bbb !important
t-grisfonce : color:#333 !important
t-grispale : color:#ddd !important
t-jaune : color:#fe0 !important
t-jauneclair : color:#ffffe0 !important
t-jaunefonce : color:#ffc40d !important
t-lightblue : color:#069 !important
t-lightgreen : color:#98fb98 !important
t-lightgrey : color:#bbb !important
t-lightred : color:#f08080 !important
t-lightyellow : color:#ffffe0 !important
t-noir : color:#000 !important
t-orange : color:#ff851b !important
t-paleblue : color:#BCE0FF !important
t-palegrey : color:#ddd !important
t-paleprimary : color:#BCE0FF !important
t-palesecondary : color:#ddd !important
t-pink : color:#f012be !important
t-primary : color:#01457F !important
t-purple : color:#9400D3 !important
t-red : color:#f11 !important
t-rose : color:#f012be !important
t-rouge : color:#f11 !important
t-rougeclair : color:#f08080 !important
t-rougefonce : color:#8b0000 !important
t-secondary : color:#888 !important
t-tan : color:#E8DAC3 !important
t-transparent : color:transparent !important
t-vert : color:#46a546 !important
t-vertclair : color:#98fb98 !important
t-vertfonce : color:#006400 !important
t-violet : color:#9400D3 !important
t-white : color:#fff !important
t-yellow : color:#fe0 !important
tc : text-align:center !important
text-col-no-break : break-inside:avoid
tj : text-align:justify !important
tl : text-align:left !important
tr : text-align:right !important
u : text-decoration:underline !important
ud : text-decoration:underline dotted !important
up-center : display:flex;align-items:center;justify-content:center
up-center-outer : display:flex;align-items:center;justify-content:center
up-modal : z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.4)
up-modal-content : margin:auto;background-color:#fff;position:relative;max-width:600px
up-table-line : border:none;border-top:solid 2px #888;border-bottom:solid 2px #888
w0 : display:none
w1 : width:8.333%
w10 : width:83.333%
w100 : width:100%
w11 : width:91.666%
w12 : width:100%
w2 : width:16.666%
w25 : width:25%
w3 : width:25%
w4 : width:33.333%
w5 : width:41.666%
w50 : width:50%
w6 : width:50%
w7 : width:58.333%
w75 : width:75%
w8 : width:66.666%
w9 : width:75%
wauto : width:auto
abs-bottom : position:absolute;bottom:0
abs-center : position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)
abs-left : position:absolute;left:0;top:50%;transform:translate(0%, -50%)
abs-right : position:absolute;right:0;top:50%;transform:translate(0%, -50%)
abs-top : position:absolute;top:0
b : font-weight:bold !important
badge : display:inline;padding:2px 8px;border-radius:.7em;background:#888;color:#fff;font-weight:500;white-space:nowrap
badge-bleu : background:#01457F
badge-blue : background:#01457F
badge-green : background:#46a546
badge-orange : background:#ff851b
badge-red : background:#f11
badge-rouge : background:#f11
badge-vert : background:#46a546
bd-arrondi : border-radius:5px;border-width:1px;border-style:solid
bd-beige : border-color:#E8DAC3 !important;border-width:1px;border-style:solid
bd-black : border-color:#000 !important;border-width:1px;border-style:solid
bd-blanc : border-color:#fff !important;border-width:1px;border-style:solid
bd-bleu : border-color:#01457F !important;border-width:1px;border-style:solid
bd-bleuclair : border-color:#069 !important;border-width:1px;border-style:solid
bd-bleufonce : border-color:#001f3f !important;border-width:1px;border-style:solid
bd-bleupale : border-color:#BCE0FF !important;border-width:1px;border-style:solid
bd-blue : border-color:#01457F !important;border-width:1px;border-style:solid
bd-brown : border-color:sienna !important;border-width:1px;border-style:solid
bd-brun : border-color:sienna !important;border-width:1px;border-style:solid
bd-c0 : border-color:transparent !important;border-width:1px;border-style:solid
bd-c1 : border-color:#01457F !important;border-width:1px;border-style:solid
bd-c1fonce : border-color:#001f3f !important;border-width:1px;border-style:solid
bd-c1pale : border-color:#BCE0FF !important;border-width:1px;border-style:solid
bd-c2 : border-color:#888 !important;border-width:1px;border-style:solid
bd-c2fonce : border-color:#333 !important;border-width:1px;border-style:solid
bd-c2pale : border-color:#ddd !important;border-width:1px;border-style:solid
bd-darkblue : border-color:#001f3f !important;border-width:1px;border-style:solid
bd-darkgreen : border-color:#006400 !important;border-width:1px;border-style:solid
bd-darkgrey : border-color:#333 !important;border-width:1px;border-style:solid
bd-darkprimary : border-color:#001f3f !important;border-width:1px;border-style:solid
bd-darkred : border-color:#8b0000 !important;border-width:1px;border-style:solid
bd-darksecondary : border-color:#333 !important;border-width:1px;border-style:solid
bd-darkyellow : border-color:#ffc40d !important;border-width:1px;border-style:solid
bd-dotted : border-style:dotted !important;border-width:1px;border-style:solid
bd-green : border-color:#46a546 !important;border-width:1px;border-style:solid
bd-grey : border-color:#888 !important;border-width:1px;border-style:solid
bd-gris : border-color:#888 !important;border-width:1px;border-style:solid
bd-grisclair : border-color:#bbb !important;border-width:1px;border-style:solid
bd-grisfonce : border-color:#333 !important;border-width:1px;border-style:solid
bd-grispale : border-color:#ddd !important;border-width:1px;border-style:solid
bd-jaune : border-color:#fe0 !important;border-width:1px;border-style:solid
bd-jauneclair : border-color:#ffffe0 !important;border-width:1px;border-style:solid
bd-jaunefonce : border-color:#ffc40d !important;border-width:1px;border-style:solid
bd-lightblue : border-color:#069 !important;border-width:1px;border-style:solid
bd-lightgreen : border-color:#98fb98 !important;border-width:1px;border-style:solid
bd-lightgrey : border-color:#bbb !important;border-width:1px;border-style:solid
bd-lightred : border-color:#f08080 !important;border-width:1px;border-style:solid
bd-lightyellow : border-color:#ffffe0 !important;border-width:1px;border-style:solid
bd-noir : border-color:#000 !important;border-width:1px;border-style:solid
bd-orange : border-color:#ff851b !important;border-width:1px;border-style:solid
bd-paleblue : border-color:#BCE0FF !important;border-width:1px;border-style:solid
bd-palegrey : border-color:#ddd !important;border-width:1px;border-style:solid
bd-paleprimary : border-color:#BCE0FF !important;border-width:1px;border-style:solid
bd-palesecondary : border-color:#ddd !important;border-width:1px;border-style:solid
bd-pink : border-color:#f012be !important;border-width:1px;border-style:solid
bd-primary : border-color:#01457F !important;border-width:1px;border-style:solid
bd-purple : border-color:#9400D3 !important;border-width:1px;border-style:solid
bd-red : border-color:#f11 !important;border-width:1px;border-style:solid
bd-rond : border-radius:50%;border-width:1px;border-style:solid
bd-rose : border-color:#f012be !important;border-width:1px;border-style:solid
bd-rouge : border-color:#f11 !important;border-width:1px;border-style:solid
bd-rougeclair : border-color:#f08080 !important;border-width:1px;border-style:solid
bd-rougefonce : border-color:#8b0000 !important;border-width:1px;border-style:solid
bd-secondary : border-color:#888 !important;border-width:1px;border-style:solid
bd-solid : border-style:solid !important;border-width:1px;border-style:solid
bd-tan : border-color:#E8DAC3 !important;border-width:1px;border-style:solid
bd-transparent : border-color:transparent !important;border-width:1px;border-style:solid
bd-vert : border-color:#46a546 !important;border-width:1px;border-style:solid
bd-vertclair : border-color:#98fb98 !important;border-width:1px;border-style:solid
bd-vertfonce : border-color:#006400 !important;border-width:1px;border-style:solid
bd-violet : border-color:#9400D3 !important;border-width:1px;border-style:solid
bd-white : border-color:#fff !important;border-width:1px;border-style:solid
bd-yellow : border-color:#fe0 !important;border-width:1px;border-style:solid
bd0 : border-width:0 !important
bd1 : border-width:1px !important
bd2 : border-width:2px !important
bd3 : border-width:6px !important
bdb0 : border-bottom-width:0 !important
bdb1 : border-bottom-width:1px !important
bdb2 : border-bottom-width:2px !important
bdb3 : border-bottom-width:6px !important
bdl0 : border-left-width:0 !important
bdl1 : border-left-width:1px !important
bdl2 : border-left-width:2px !important
bdl3 : border-left-width:6px !important
bdr0 : border-right-width:0 !important
bdr1 : border-right-width:1px !important
bdr2 : border-right-width:2px !important
bdr3 : border-right-width:6px !important
bdt0 : border-top-width:0 !important
bdt1 : border-top-width:1px !important
bdt2 : border-top-width:2px !important
bdt3 : border-top-width:6px !important
bg-30 : background-color:rgba(255,255,255,0.3) !important
bg-50 : background-color:rgba(255,255,255,0.5) !important
bg-80 : background-color:rgba(255,255,255,0.8) !important
bg-beige : background-color:#E8DAC3 !important;color:#000
bg-black : background-color:#000 !important;color:#fff
bg-blanc : background-color:#fff !important;color:#000
bg-bleu : background-color:#01457F !important;color:#fff
bg-bleuclair : background-color:#069 !important;color:#fff
bg-bleufonce : background-color:#001f3f !important;color:#fff
bg-bleupale : background-color:#BCE0FF !important;color:#000
bg-blue : background-color:#01457F !important;color:#fff
bg-brown : background-color:sienna !important;color:#fff
bg-brun : background-color:sienna !important;color:#fff
bg-c0 : background-color:transparent !important;color:#fff
bg-c1 : background-color:#01457F !important;color:#fff
bg-c1fonce : background-color:#001f3f !important;color:#fff
bg-c1pale : background-color:#BCE0FF !important;color:#000
bg-c2 : background-color:#888 !important;color:#000
bg-c2fonce : background-color:#333 !important;color:#fff
bg-c2pale : background-color:#ddd !important;color:#000
bg-darkblue : background-color:#001f3f !important;color:#fff
bg-darkgreen : background-color:#006400 !important;color:#fff
bg-darkgrey : background-color:#333 !important;color:#fff
bg-darkprimary : background-color:#001f3f !important;color:#fff
bg-darkred : background-color:#8b0000 !important;color:#fff
bg-darksecondary : background-color:#333 !important;color:#fff
bg-darkyellow : background-color:#ffc40d !important;color:#000
bg-green : background-color:#46a546 !important;color:#fff
bg-grey : background-color:#888 !important;color:#000
bg-gris : background-color:#888 !important;color:#000
bg-grisclair : background-color:#bbb !important;color:#000
bg-grisfonce : background-color:#333 !important;color:#fff
bg-grispale : background-color:#ddd !important;color:#000
bg-jaune : background-color:#fe0 !important;color:#000
bg-jauneclair : background-color:#ffffe0 !important;color:#000
bg-jaunefonce : background-color:#ffc40d !important;color:#000
bg-lightblue : background-color:#069 !important;color:#fff
bg-lightgreen : background-color:#98fb98 !important;color:#000
bg-lightgrey : background-color:#bbb !important;color:#000
bg-lightred : background-color:#f08080 !important;color:#000
bg-lightyellow : background-color:#ffffe0 !important;color:#000
bg-noir : background-color:#000 !important;color:#fff
bg-orange : background-color:#ff851b !important;color:#000
bg-paleblue : background-color:#BCE0FF !important;color:#000
bg-palegrey : background-color:#ddd !important;color:#000
bg-paleprimary : background-color:#BCE0FF !important;color:#000
bg-palesecondary : background-color:#ddd !important;color:#000
bg-pink : background-color:#f012be !important;color:#000
bg-primary : background-color:#01457F !important;color:#fff
bg-purple : background-color:#9400D3 !important;color:#fff
bg-red : background-color:#f11 !important;color:#000
bg-rose : background-color:#f012be !important;color:#000
bg-rouge : background-color:#f11 !important;color:#000
bg-rougeclair : background-color:#f08080 !important;color:#000
bg-rougefonce : background-color:#8b0000 !important;color:#fff
bg-secondary : background-color:#888 !important;color:#000
bg-tan : background-color:#E8DAC3 !important;color:#000
bg-transparent : background-color:transparent !important;color:#fff
bg-vert : background-color:#46a546 !important;color:#fff
bg-vertclair : background-color:#98fb98 !important;color:#000
bg-vertfonce : background-color:#006400 !important;color:#fff
bg-violet : background-color:#9400D3 !important;color:#fff
bg-white : background-color:#fff !important;color:#000
bg-yellow : background-color:#fe0 !important;color:#000
bloc1 : margin:10px 0;padding:10px 5px;border:1px solid #ddd
bloc2 : margin:24px 0;padding:24px 12px
bloc3 : margin:36px 0;padding:36px 18px
box-danger : padding:10px;background:#ffae68 url(img/ico-danger.png) no-repeat 10px 10px;padding-left:40px;border:#ff851b 1px solid;margin-bottom:0
box-error : padding:10px;background:#f08080 url(img/ico-faux.png) no-repeat 10px 10px;padding-left:40px;border:#e83c3c 1px solid;margin-bottom:0
box-gris : padding:10px;background-color:#aeaeae;border:#888 1px solid;margin-bottom:0
box-grispale : padding:10px;background-color:#ddd;border:#b7b7b7 1px solid;margin-bottom:0
box-idee : padding:10px;background:#ffffad url(img/ico-idee.png) no-repeat 10px 10px;padding-left:40px;border:#ffff61 1px solid;margin-bottom:0
box-info : padding:10px;background:#BCE0FF url(img/ico-info.png) no-repeat 10px 10px;padding-left:40px;border:#70bdff 1px solid;margin-bottom:0
box-note : padding:10px;background:#E8DAC3 url(img/ico-crayon.png) no-repeat 10px 10px;padding-left:40px;border:#d3b88c 1px solid;margin-bottom:0
box-ok : padding:10px;background:#98fb98 url(img/ico-vrai.png) no-repeat 10px 10px;padding-left:40px;border:#4ef84e 1px solid;margin-bottom:0
cell : display:table-cell
cell-bottom : vertical-align:bottom
cell-center : vertical-align:middle
cell-row : display:table;width:100%
cell-top : vertical-align:top
cesure : -webkit-hyphens:auto;hyphens:auto;word-wrap:break-word
display-block : display:block !important
display-inline : display:inline !important
display-inline-block : display:inline-block !important
display-none : display:none !important
ff-cursive : font-family:Comic Sans MS, cursive
ff-mono : font-family:Lucida Console, Monaco, monospace
fg-around : justify-content:space-around
fg-auto : flex:0 1 auto
fg-autour : justify-content:space-around
fg-between : justify-content:space-between
fg-c0 : display:none;flex:0 1 auto
fg-center : justify-content:center;flex:0 1 auto
fg-end : justify-content:flex-end
fg-entre : justify-content:space-between
fg-gap : margin-left:-.5rem;margin-right:-.5rem
fg-ord-1 : order:-6
fg-ord-2 : order:-5
fg-ord-3 : order:-4
fg-ord-4 : order:-3
fg-ord-5 : order:-2
fg-ord-6 : order:-1
fg-reverse : flex-direction:row-reverse
fg-row : display:flex;flex-flow:row wrap;list-style:none;padding:0
fg-start : justify-content:flex-start
fg-vbottom : align-items:flex-end
fg-vcenter : align-items:center
fg-vfill : align-items:stretch
fg-vspace-around : justify-content:space-around
fg-vspace-between : display:flex;flex-flow:column wrap;justify-content:space-between
fg-vspace-center : justify-content:center
fg-vspace-end : justify-content:end
fg-vspace-evenly : justify-content:space-evenly
fg-vspace-start : justify-content:start
fg-vtop : align-items:flex-start
float-left : float:left
float-right : float:right
fs100 : font-size:100%
fs120 : font-size:120%
fs150 : font-size:150%
fs200 : font-size:200%
fs300 : font-size:300%
fs400 : font-size:400%
fs500 : font-size:500%
fs80 : font-size:80%
fs90 : font-size:90%
hscreen : min-height:100vh
i : font-style:italic
img-grey : filter:grayscale(100%)
img-grey-min : filter:grayscale(50%)
img-none : filter:none;opacity:1
img-opacity : opacity:0.8
img-opacity-max : opacity:0.35
img-sepia : filter:sepia(100%)
img-sepia-min : filter:sepia(50%)
lh100 : line-height:100%
lh120 : line-height:120%
lh150 : line-height:150%
lh200 : line-height:200%
lh300 : line-height:300%
lh400 : line-height:400%
lh500 : line-height:500%
lh80 : line-height:80%
lh90 : line-height:90%
list-inline : margin-left:0;list-style:none
list-inline-dash : margin-left:0;list-style:none
list-inline-dot : margin-left:0;list-style:none
list-inline-sep : margin-left:0;list-style:none
list-none : list-style:none outside;margin-left:0
m0 : margin:0 !important
m1 : margin:10px !important
m2 : margin:24px !important
m3 : margin:36px !important
maxh0 : max-height:0px;overflow:scroll
maxh100 : max-height:100px;overflow:scroll
maxh200 : max-height:200px;overflow:scroll
maxh400 : max-height:400px;overflow:scroll
maxw100 : max-width:100px
maxw200 : max-width:200px
maxw400 : max-width:400px
maxw50vw : max-width:50vw
maxw600 : max-width:600px
maxw75vw : max-width:75vw
maxw800 : max-width:800px
maxw90vw : max-width:90vw
mb0 : margin-bottom:0 !important
mb1 : margin-bottom:10px !important
mb2 : margin-bottom:24px !important
mb3 : margin-bottom:36px !important
mcenter : margin-left:auto !important;margin-right:auto !important
mh0 : margin-left:0 !important;margin-right:0 !important
mh1 : margin-left:10px !important;margin-right:10px !important
mh2 : margin-left:24px !important;margin-right:24px !important
mh3 : margin-left:36px !important;margin-right:36px !important
minh0 : min-height:0px
minh100 : min-height:100px
minh200 : min-height:200px
minh400 : min-height:400px
ml0 : margin-left:0 !important
ml1 : margin-left:10px !important
ml2 : margin-left:24px !important
ml3 : margin-left:36px !important
mleft : margin-left:0 !important;margin-right:auto !important
mr0 : margin-right:0 !important
mr1 : margin-right:10px !important
mr2 : margin-right:24px !important
mr3 : margin-right:36px !important
mright : margin-left:auto !important;margin-right:0 !important
mt0 : margin-top:0 !important
mt1 : margin-top:10px !important
mt2 : margin-top:24px !important
mt3 : margin-top:36px !important
mv0 : margin-top:0 !important;margin-bottom:0 !important
mv1 : margin-top:10px !important;margin-bottom:10px !important
mv2 : margin-top:24px !important;margin-bottom:24px !important
mv3 : margin-top:36px !important;margin-bottom:36px !important
nocesure : -webkit-hyphens:none;hyphens:none;word-wrap:normal
nowrap : white-space:nowrap
ombre : box-shadow:0 3px 2px rgba(0,0,0,0.2)
ombremax : box-shadow:0 5px 5px 0 rgba(0,0,0,0.25),0 2px 10px 0 rgba(0,0,0,0.16)
p0 : padding:0 !important
p1 : padding:10px !important
p2 : padding:24px !important
p3 : padding:36px !important
pb0 : padding-bottom:0 !important
pb1 : padding-bottom:10px !important
pb2 : padding-bottom:24px !important
pb3 : padding-bottom:36px !important
ph0 : padding-left:0 !important;padding-right:0 !important
ph1 : padding-left:10px !important;padding-right:10px !important
ph2 : padding-left:24px !important;padding-right:24px !important
ph3 : padding-left:36px !important;padding-right:36px !important
pl0 : padding-left:0 !important
pl1 : padding-left:10px !important
pl2 : padding-left:24px !important
pl3 : padding-left:36px !important
pos-relative : position:relative
pos-sticky : position:sticky;top:0;z-index:999
pr0 : padding-right:0 !important
pr1 : padding-right:10px !important
pr2 : padding-right:24px !important
pr3 : padding-right:36px !important
pt0 : padding-top:0 !important
pt1 : padding-top:10px !important
pt2 : padding-top:24px !important
pt3 : padding-top:36px !important
pv0 : padding-top:0 !important;padding-bottom:0 !important
pv1 : padding-top:10px !important;padding-bottom:10px !important
pv2 : padding-top:24px !important;padding-bottom:24px !important
pv3 : padding-top:36px !important;padding-bottom:36px !important
rotate-3 : transform:rotate(3deg)
rotate-6 : transform:rotate(6deg)
rotate3 : transform:rotate(-3deg)
rotate45 : transform:rotate(-45deg)
rotate6 : transform:rotate(-6deg)
rotate90 : transform:rotate(-90deg)
s : text-decoration:line-through
scrollx : overflow-x:scroll
scrolly : overflow-y:scroll
shadow : box-shadow:0 3px 2px rgba(0,0,0,0.2)
shadowmax : box-shadow:0 5px 5px 0 rgba(0,0,0,0.25),0 2px 10px 0 rgba(0,0,0,0.16)
t-beige : color:#E8DAC3 !important
t-black : color:#000 !important
t-blanc : color:#fff !important
t-bleu : color:#01457F !important
t-bleuclair : color:#069 !important
t-bleufonce : color:#001f3f !important
t-bleupale : color:#BCE0FF !important
t-blue : color:#01457F !important
t-brown : color:sienna !important
t-brun : color:sienna !important
t-c0 : color:transparent !important
t-c1 : color:#01457F !important
t-c1fonce : color:#001f3f !important
t-c1pale : color:#BCE0FF !important
t-c2 : color:#888 !important
t-c2fonce : color:#333 !important
t-c2pale : color:#ddd !important
t-darkblue : color:#001f3f !important
t-darkgreen : color:#006400 !important
t-darkgrey : color:#333 !important
t-darkprimary : color:#001f3f !important
t-darkred : color:#8b0000 !important
t-darksecondary : color:#333 !important
t-darkyellow : color:#ffc40d !important
t-green : color:#46a546 !important
t-grey : color:#888 !important
t-gris : color:#888 !important
t-grisclair : color:#bbb !important
t-grisfonce : color:#333 !important
t-grispale : color:#ddd !important
t-jaune : color:#fe0 !important
t-jauneclair : color:#ffffe0 !important
t-jaunefonce : color:#ffc40d !important
t-lightblue : color:#069 !important
t-lightgreen : color:#98fb98 !important
t-lightgrey : color:#bbb !important
t-lightred : color:#f08080 !important
t-lightyellow : color:#ffffe0 !important
t-noir : color:#000 !important
t-orange : color:#ff851b !important
t-paleblue : color:#BCE0FF !important
t-palegrey : color:#ddd !important
t-paleprimary : color:#BCE0FF !important
t-palesecondary : color:#ddd !important
t-pink : color:#f012be !important
t-primary : color:#01457F !important
t-purple : color:#9400D3 !important
t-red : color:#f11 !important
t-rose : color:#f012be !important
t-rouge : color:#f11 !important
t-rougeclair : color:#f08080 !important
t-rougefonce : color:#8b0000 !important
t-secondary : color:#888 !important
t-tan : color:#E8DAC3 !important
t-transparent : color:transparent !important
t-vert : color:#46a546 !important
t-vertclair : color:#98fb98 !important
t-vertfonce : color:#006400 !important
t-violet : color:#9400D3 !important
t-white : color:#fff !important
t-yellow : color:#fe0 !important
tc : text-align:center !important
text-col-no-break : break-inside:avoid
tj : text-align:justify !important
tl : text-align:left !important
tr : text-align:right !important
u : text-decoration:underline !important
ud : text-decoration:underline dotted !important
up-center : display:flex;align-items:center;justify-content:center
up-center-outer : display:flex;align-items:center;justify-content:center
up-modal : z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.4)
up-modal-content : margin:auto;background-color:#fff;position:relative;max-width:600px
up-table-line : border:none;border-top:solid 2px #888;border-bottom:solid 2px #888
w0 : display:none
w1 : width:8.333%
w10 : width:83.333%
w100 : width:100%
w11 : width:91.666%
w12 : width:100%
w2 : width:16.666%
w25 : width:25%
w3 : width:25%
w4 : width:33.333%
w5 : width:41.666%
w50 : width:50%
w6 : width:50%
w7 : width:58.333%
w75 : width:75%
w8 : width:66.666%
w9 : width:75%
wauto : width:auto
Pour info, cette page utilise 12 action(s) :
box (1) upactionslist (1) flexauto (1) div (3) span (1) upclass2style (2) jcontent-info (1) tabslide (1) toc (1)
box (1) upactionslist (1) flexauto (1) div (3) span (1) upclass2style (2) jcontent-info (1) tabslide (1) toc (1)