From 2ebd1bd1fdb59f5c67ce9658c01ceb44b245d1a6 Mon Sep 17 00:00:00 2001
From: LeRatierBretonnien <sylvain@lahiette.com>
Date: Sat, 24 Feb 2024 15:54:47 +0100
Subject: [PATCH] Ajout des mutations

---
 {packs => _deprecated}/aides-de-jeu.SAVED     |    0
 {packs => _deprecated}/armes.db               |    0
 {packs => _deprecated}/artefacts.db           |    0
 .../competences-creatures.db                  |    0
 {packs => _deprecated}/competences.db         |    0
 {packs => _deprecated}/equipement.db          |    0
 {packs => _deprecated}/historiques.db         |    0
 {packs => _deprecated}/profils.db             |    0
 {packs => _deprecated}/protections.db         |    0
 {packs => _deprecated}/tables.db              |    0
 {packs => _deprecated}/talents-cellule.db     |    0
 {packs => _deprecated}/talents.db             |    0
 assets/icons/mutation.webp                    |  Bin 0 -> 7304 bytes
 lang/fr.json                                  |    4 +-
 modules/hawkmoon-actor-sheet.js               |    1 +
 modules/hawkmoon-actor.js                     |    3 +
 modules/hawkmoon-combat.js                    |    3 +-
 modules/hawkmoon-item.js                      |    1 +
 modules/hawkmoon-main.js                      |    9 +-
 styles/simple.css                             | 2728 +++++++++--------
 system.json                                   |   57 +
 template.json                                 |   12 +-
 templates/actor-sheet.html                    |   37 +-
 templates/item-arme-sheet.html                |    3 +-
 templates/item-mutation-sheet.html            |   48 +
 25 files changed, 1599 insertions(+), 1307 deletions(-)
 rename {packs => _deprecated}/aides-de-jeu.SAVED (100%)
 rename {packs => _deprecated}/armes.db (100%)
 rename {packs => _deprecated}/artefacts.db (100%)
 rename {packs => _deprecated}/competences-creatures.db (100%)
 rename {packs => _deprecated}/competences.db (100%)
 rename {packs => _deprecated}/equipement.db (100%)
 rename {packs => _deprecated}/historiques.db (100%)
 rename {packs => _deprecated}/profils.db (100%)
 rename {packs => _deprecated}/protections.db (100%)
 rename {packs => _deprecated}/tables.db (100%)
 rename {packs => _deprecated}/talents-cellule.db (100%)
 rename {packs => _deprecated}/talents.db (100%)
 create mode 100644 assets/icons/mutation.webp
 create mode 100644 templates/item-mutation-sheet.html

diff --git a/packs/aides-de-jeu.SAVED b/_deprecated/aides-de-jeu.SAVED
similarity index 100%
rename from packs/aides-de-jeu.SAVED
rename to _deprecated/aides-de-jeu.SAVED
diff --git a/packs/armes.db b/_deprecated/armes.db
similarity index 100%
rename from packs/armes.db
rename to _deprecated/armes.db
diff --git a/packs/artefacts.db b/_deprecated/artefacts.db
similarity index 100%
rename from packs/artefacts.db
rename to _deprecated/artefacts.db
diff --git a/packs/competences-creatures.db b/_deprecated/competences-creatures.db
similarity index 100%
rename from packs/competences-creatures.db
rename to _deprecated/competences-creatures.db
diff --git a/packs/competences.db b/_deprecated/competences.db
similarity index 100%
rename from packs/competences.db
rename to _deprecated/competences.db
diff --git a/packs/equipement.db b/_deprecated/equipement.db
similarity index 100%
rename from packs/equipement.db
rename to _deprecated/equipement.db
diff --git a/packs/historiques.db b/_deprecated/historiques.db
similarity index 100%
rename from packs/historiques.db
rename to _deprecated/historiques.db
diff --git a/packs/profils.db b/_deprecated/profils.db
similarity index 100%
rename from packs/profils.db
rename to _deprecated/profils.db
diff --git a/packs/protections.db b/_deprecated/protections.db
similarity index 100%
rename from packs/protections.db
rename to _deprecated/protections.db
diff --git a/packs/tables.db b/_deprecated/tables.db
similarity index 100%
rename from packs/tables.db
rename to _deprecated/tables.db
diff --git a/packs/talents-cellule.db b/_deprecated/talents-cellule.db
similarity index 100%
rename from packs/talents-cellule.db
rename to _deprecated/talents-cellule.db
diff --git a/packs/talents.db b/_deprecated/talents.db
similarity index 100%
rename from packs/talents.db
rename to _deprecated/talents.db
diff --git a/assets/icons/mutation.webp b/assets/icons/mutation.webp
new file mode 100644
index 0000000000000000000000000000000000000000..89eb641fbd5a8f833f06c77bcae090190ed2bed0
GIT binary patch
literal 7304
zcmX|mWl$W-*6jd6g1ZHW5Hy1&z~FAdEw~Tv!3pjJ*Wm81!QI`05AHrNxP0f_d*AC{
zUA4P+tzJ^Kt6D`yQqqqM0ML{WRnk!6q5AR9{xTPk3C9G02fz!m6Gw{EQ0L;5@K;bF
zysK|^Xiej^;1T|k%162C>vpNM>=W};ybBb#U=jZi^?c%;4KtYaS$%8sY4u8eF+W9n
zLO!XUHh7*AHfYJJ+PHere{+VRzh2D8y%N2K)*@fUJose3PH(KfU7IoAmp@&=CO3r|
z-oP(iucdD$I|g)uc(ArbN)jKl=ZiGTexC*(<R__f?%kmcgPpd4O~m_@>#n<v6kXI!
zga@HDENlz~zPZ<p$Bk}esL+wniBR1u$CIu*{m+C~%{w6n%H8b0zAL@~&z<*SZ+y?d
zN8q}Fm2bwI|6ALu*Ym-!?=|H~_Kk0^mx%A_?a-6sDdl7N+t^*IX$)n3)FaJj{E{x>
zmkj$E9EXCNb-RX8`;7AKwE5Xwhe8P`Qc$_fi)Ik#-zg>RpEyLQYTAmg6NX4`%hg%H
zK_T#vU|XrybkEqv!m6yA!7tZoS>Nvc=48?I<7?^2BzF;N({wBr5+^iYP^Ml(p~Ss$
zRayVoj3J^{fy8LLNSrX<n~3<!_N}AR`HD*3v!Tk4E*@^Cbi5=@q`@Ul4YuLTuxW3n
z!Sdh>CfL(28Xv<Z!i@>^2&NmOmWR17b(0f2H8FP+SYhGU9G?|35DN}tK#%OU{k|lD
z<A@kv-`mfHgPhGWK}$uo5(ou~c{E$Hk@CcwbY=34?zu4SOy)DiBI9p$_^Wr-kzse`
z(e5!ze|<r1ma>so(dE3uF;XKg;c**1)l+%TtO!kT?ys3&ib_rD{&~6iha0h!B6fxY
zM-wGj5!qgtdYZUK5Z2V*yg4}W@=NKYd%_B6PP9Fq%ZurM$J6Nio0)^PC9-cwb8Zw6
z8p(gM{6-3u7VV{m6X)kPHwH)SN!$;e?)Zd7hLX~XMXX(+MSn5x1&!}g#z+)f5_%<$
zv!c29-yQx}tAE%WvTIffh2r$Vj5vKrcEYQWl*7LPcK@JXDv<w&?f*23Emxt`lqFym
z(khfGXD=|fIV=1hB5_?tCH%`oHr;}rz_+Y_S^igGgI_+A+~=XTjLJUjPdpoWG|S7C
znyl9caktod*1vIX{<-!4Dz0-Lf=$1$uD_Y1=};S|9rPgi1`mk*|0ai_R$EII&Db4T
zK}{MeL~tGO#(OBlVV_8aCv|l&tNvBo<d$P{qoMgd+#JuC!t%zhW{MEMSa)TUnfX4A
z&^b+{(SLju^hny{A91HQy4Mh(r@$n^KBRv%j@`FoC``9q*79@wAHauUe^fjZ{2RLX
z5vNRgI`ZBVqqYwufyMs54<BO3Wr-}(pHWH=k|69WZ%Qm-@f>x~hi%@+(=f{VS=gJ4
zV=oUE=5!!*{WlJzRC~Y0^_(0HrAEroBLIKZf8(IA#4_uvtMd%}>oX?cZ!Slr199>|
z>Bp^%_WziT>9Xl$=}W`xAHx5JX|j5f$mdxXNpy<23sJNRpm#`aui>@%UxD3?=h~hK
zNr5T1A7SZyEHS^q|G}U4@QdM6VWO^Cj~*Pebx__<f)7_wP9MNIU&CQ<_&;^HqFw5n
zUC$4CymZi8{;hL`RmAn{fvVX?$$P5)N5m8a32tHQ#YqMVnXv(x82;w}nZ7^pIP*+E
zwDWJ~8Ls|SmhO$Wu;zFk0C;_qje?-nyib2+d{t>a^{C4MeD&8yu0(Tt=2N-q^TS$>
zhKp$-+?g{>Ao@D%^4{mn7Z2bZ_^R&LT78?lj!i_FVMc1EpM09KdDGiN>NcEwV_=kD
zC#p@mQ;DZEb*5k$u+b-|X668H*yrp<V!>ZQHg`Qk62pV=XQ6~eJbVe`qKrF|<sf{d
z82CQOC<wHrz}<o9cPz8H>AcSY$0MVh%_048kz_>|Y1(4@%_O*EuJO%mwIB7AM6cq5
zR2?wAg^#y+5f^61p3U~z-@0)o>(OqsIIvOT1*Orib+y|>mKn(dw_(3KqK0kp?*Z|V
zn_}RjnD-X`oxe;p<DZZF>jm+oS!LkIF8;0?{C6Iu`lNTSn=8+Ai>R4QpK5W=GJZly
zleNNjPEIWJI^b)X4A}G5Y;$8Vg5Q&D03~MxJnK2cZc~}C`uOk|Ahf}T6R4sev!6b#
zz!tX{1fkBmOk2?f4HkGg@oS&2fOOwBfH`j+StOQ%q`o~*!v#nI0PmK1OJ^xrh+-uL
z^G4x_En!J)v}i5X+{q&XvS<Y2>BD?>*;hBu%~>j$Y6P3GDgSCpSv?V4k~5>REV!@N
zX$`p-!8CN4iBL`&f2SGe^s=8i?wty@;=h8R9COhh>=GYM7QIxm8%x+fHPW&BH@-|D
zaaqV!5ue%TQeN_Xwa}s=kiOYFPvLK(nh*stSK%E5n{)m~;X2cMYhV|_8ld>_-UKu-
z7prt<LI3MCMyY;T#y7Ikv&f&gbibph^`{~R_n2bHK*T`-2bQd@1Z9yF1-}zd^2#;)
zJ8Ek`K7*ex-HLt0+sebn62~B(Q+mL}3j+heQw`%SnG%Ve|7i*osP_co@C61n(E|Ih
zcc$AH$dib@#vj5$oEdeH$vBlSb$(HCO$ls&e)WYeUTp?O$K_4YN8ud1GmXnIAregH
z+G0o8$8Vq^VEtI}AVmJb^+%vQEh~7G6}3?^OFhfpps&2FXYxc?7Y?numUq@uk>ErZ
zN2?)1+q}sz{0-1E*mLFyo<L!~c;_BM$W0M%F^@l7^DC>EjpKUQn!9Un^HC5}OR!)#
znGGc6aIY?e$EiSdZj3l<t8#zJWXuxw!m(iWm9E#<=(Bic=E((pS9!!>zW1(csO8r`
z2P9rCG}D(lJokN2efRHYQU2sb8v&C0BxkRO%nr@WckB{FH&*2Ck?Bc>v(H37$agI=
zs9=fqykVoyT@|+R0GkgtOj7o|!7#hOYwuJz^UKsuONazo)oBZVkc|_2he<+qnMRow
z!YY54y5XmVbXhxJpL$NGn;D{GN4#R`ezH6VN63t;3w7V&EgWw2J=W2lsK%`^#C{94
zZ18bOr)`0#GVSt+s;}CDe}t{?n50em#cR+%IqtuD*>REw1WAgsd-9u9_I=2MLkjw%
zO!$e8t$ZQXUkNVSdDtc(15Ytco#G;64^zORbRq!U)UNx3ajfvFa_~>Opb^E)1SFds
z#);U<U)i5FDxG;|7rQ$YJA9=>4O!XkrB|kPjj~W&9o%|v{Ei*@U{8Ya0z0W#MW+;Q
zA}VGT8ZTOb%gpc!;d_2&z$f5Yzk<zv=tT2cymrUs>@p>+{jnLLcBBTSbYO33(&C6&
zs?a&1W;r`|ou=md0+j~7&7%xjiZFfmgCr13A2es|ED6`7Sf1_IW6Zs1NS;Y@2;T6V
z9bzU$#`_C0uxn3rgD#R%ZyI0bXr|g?mv=kc{^a3!J$Y|SThC(z4sMLfxjsAQ20jBM
zOJDrwkX%ETYg4HL(6gFr4%R0;SR=*h;k4I?CVMBTUbva5D{fV-P04hu#DAN<l0@$#
z>Iui_Lx-T?wr<Jtg;ELAaWu}2)Z9%9oWf-n@!;!*Iq&<3oY<PWt;A2}Iy(>VOb`Lc
zw0v3jK0PNvrjlINM-JJN^g6`oPf#0C_-$qWO{wG+$C0HF*nZa(SKiN~tB%r)a-YM#
zlOs#)+9lMZM?Hek_`+ViGWw9N3pZV9vCvdCA4E1-|JlqJeG4`NsQXNo${zE3>8NeM
zR1^tL53`ku&g6o$xGDl@B6A~VNXASgAvYa^6#*xI`=rBJ>~87R0@?dG`$_nPIqE9E
zV>gktWhFi<b4HV--Ebi_0E;OoO@r&;3YF;NeZ^qqis$Tm$j}%QdC+jPRM@oO9!L%C
zA>?u^L<S8}@e)fDi}@ZqD!&H7Jbj5|fdaK<SkzQHhDHr&xgVF~j9CgicV5!GZ}99-
zst4g9lY5Pm6Yzb7GOE&4p(uEoYReGJ{@92&L|jzW&5!nYfc44LJcx#xs0(e^SdwzJ
z$x;v~-@#AilDtbW=Ka(eNXR1>pF%<*(!X?7PkQ!kr0vBnpy42AE6dEEnA(-N3sRkP
z3q4rds6SEsSo?={9<HG0Dg!6m;Jb7Mm8i*W77=|$R9(0U<ZxL!BZvQmq=m;=z0Q>*
zb^Mf}Id2}x?$EP||4?4k&@D-a@d8Al-r^it1ZtLVA_1{T)qDWRpg)IM7A+E|X(9od
zpqV8{JlRmL(IlXkHE%Mv#YEV5>3Y=y8}D~G@^6}Ix|1=&nEG+)2L3U00DB%kW2>S`
zm}<vE$dvFI(qr$q>SD(ji<h-G&#0}3JqV0$33GUJcre=F%U%7McsSspy`0JZ%Xu-P
z>14h=yZd&(Mi&ExOq%7nE)_P$nhq0LD$X;dvj$NcHHKI3)VF6C<dZZd-$?}<e_-H6
zHu*i(3!ZBXY~6W_yf*ev&|jx*Bk|~nXZpJTLP=K{tzeRYgK4J}<kjh+bxKJcE@O%`
zo_M+mJ!M2~bN%UnzD(doS;LZ7kiLC-6>6y-?vT@2?#or-L!ak3|I<5z-t=-mMeSDb
z$Ls1xKokMK7|S}dX4dVI3NN~#aSoyauINs(;CSPaq8;#>S*O}}Ki#opNIKsGwH@<|
z6Kk8$vtr9ES}byUcl_CObO<eNJsHvtr_!mTD3jTaHX_U%4U>nPsILVb&d5ae&$sm}
z8B;0%&P=~n68oo{y$X*dy``%NTjF;nrJyf5C)w!0#$zHPtoDf-@Smmax}!c@0TRRT
z?r)RcULzLR=;BX-A~p})CfbKO0^co2^bpg>@~>F+17xK%y|`R4ul*tH2%mG~hM>k5
zRFv|3y_2cx%GbL*+xPlL-k4_DgN}t?1KWy^?<om(L!3}RT5cN$l$*LXr+2nCe?Qu0
z_7e@N^mtUz09EIuU+0d(97P2m(Cr^2#jpqbTOHw-Qh!cBahR&iG*84>dxejoqwQ-G
zbqN?Y*dlOKhCv1ewFM$N9a+37rng2sX~A?Ij=<zc80B`NL`U=<lLbGkC737H^fre9
z7^t3)ypYj6KgQ#+#TTbeIY#1{SW7>ce33@)&zC!>PX&ONnC`8sKrX-^KlTc%rq`QL
zb+`$dq6I2OvGq#wBKHQ(`D>^@vj@0+HYjaMcrD~ASt}@#+4eMWG$YA8udz1;<-B9_
zh7yF6HgGR1l^LQ%XI%X_&<R&8!YTajRC^W1ST92z=Y$YIR+jW38lTU4=%IMN#!8K9
z(vh}dF)>@Gf*ER;ftX(f_rZZWw3Z;%sXi0zA+xUSc`!oWr4I3Zh$V$6`n7lj#^k%o
z!F!W&G0|FGt72!GTo}kDN@z8h5Y0JvV@X?Q^$N7Gg|(CEE5CVLv&vV7d2jXSe&2xO
za?#Ca>J!y!72u63^b=c*bmFn4bs1(mr5P5Q3dI~PmIDAZ?9#utrp&&Uf7&hP(Ghfv
zoaDD*iSY7O`L%kb0e0CT;a9V~IajHFfTYqI5;QlYBn}BS<%qq|+;Pdp@sD_?$mm*U
zF0z&!n;b@0AN{7Q322cJ`IAyb!cFAri1^X`jDp0?IGzc3CFC|9cl)87u1`S`W25$A
z5z)^o6bh=^j<q+G#HUo9jN{Djs|oBttnMIF2ag26rF(1lcLNY=K309CJ2{&EJapaS
zop@>3@0j`y{VMFYA5UhA<c0kfqfsJKN_DlhbR35pQElVQr6&2)52DO<Cc0lJ4xhVC
zb^Vr#rhvw&rIQCtA|J%xIIi5<H7G+p#_vJTYLEJhozoF)PKQDbF|VP3e-?ZfNg(g^
zvuGx7RlhZnweg<cVSH=FUg<b=W>op-B=~NJesC`|`Xask)M2_bpy@iQtp(x-&u9Et
z$oi1}H~A#)iUV%!62&W=l6VIyub}Po%31{Adr;X+&K_kUH8!UR)xXcv&((TWM_(?{
zQhB2VNURufzR5>q+ITlF{Fy-)yb;s~cq?O)<=yGqQf=I#nr`#k=w&JZs*n6DscE(d
zxFCl$3rO`bW>S)}GMLY`(upFUDPNr5Lb{faH}(xuW)Hg5ErgLRunACTo3(yas(icy
z=spNv(T>ZJXuAJh%~gu@-1D%WK?(9RS8iqcwFplu^^)(V;2%<qBVLkiOwy0I4W(}C
zfnqPE7rSIuM(APFyz2ua#>HU>vLNYvDo(Pc&q6iD-o#XGLgWwobx=jgh()3hG1Ql%
z_}xI{8ADg5fGj|{w>P!Iml3zRB&%iCgMi?5#CvD@Ne1}#c=okM0fRF1aaDVkG}DpX
z13B#_iO34<AOdAI59rJ^rqGhG{!Q-zSA;g>d*_maL{|JJx12#MB7t21(*z)A`sEZ7
z3UF&G+Pc%rQRlJ@EDhA!7r2w8S@0SB*wT0yh(#TCQ>d2;84HmXiW!B#Z;#f@0brRy
z2|H0^DfJOWu4?cMdKZ?=O<!tbO|MukH5V~`YIm6ZBnPevp8YTHu}9xk<|HnqCu$xD
zwYcv3fT9Ko%Z-L0_Yl3;$+Fc+m9lYa2rhY$mtsbQQG+*ob>$j%qs8oD&b><{aHIWE
zYpgCKn+%Um_y~43`Xdb;Dlz@`0n^nr5(5qLfSRbE3cgE-qgoN=gt8Lk3)LBTMdrAr
z4XW5s!@gn&1Uu%WrG!n^JE`|WZ=aq&xtS58a3*dVu?hqI;O&v=PZN%IQDSpu<;m!X
zbsR{H7N0LB>)7BzNU^Drg7$-hwLu$)iL4fNpR_GCIkMGubhbf(({(g2hl<<q6K}@z
z`sgc&eoiKAf8i@rR?H1feq%U?czho<>nRfGx*ex(=DEh9B?l%A`dfP=HBb1R`VeRi
zt}y{n@+*QQ+6tvu1RzBMSuk<@C%LTifB-j0Q6L9+LQ_;Qp~n&0p~2x!5_hr(o}xgw
zS}3NTF?U<%@oHYfW7ieF?b{+eToWVqIIc>>+}3|sWz@jVewv~K>zYNh&6w2EYi`(n
za}X}YqDsQ$Lu6a9wi$U$v47IWWdqcSIz;nB&h<d}3@YfNYMHd53F4gOsn&j2T5Jx3
zR(X!)r&6P(DRX<J8<+T|9OC4fGc(CyV6W{#Y-4S_mLh=nzEIFAX|}&>Zm!4JSI+7}
zG&*`IxX2;B<rh4CE55-o3o#4vz9|E}J~ZsBKn?IhW3woCT6L0XN2&9EM#&Nasuggd
z5&V*j)k6gN&AjIBJ=7lf4ohgKF*HJY+i8Z1hsQ525G(w+Gu<lq=ZLYG=rjhkw5h)M
zcgnYK4#*;ZR`BJS9ekKd$e~(}%1Iv-*-?=0s@T^DeLlc_R56b!^zBr!*^w7Whb_>>
z=M5Y{quAEN%J`J0WseW)jbXf~CKM@qjlIuvZ+Z^2eUH`z@PT|8Y`Q4(QXz5&%`yvn
z>4Hv>(sdU`i>r*d>Abz<rtJc*+B#+k%e98^d3S@WCkcJZ0`|Bp8AsI~YLjI7-j~zh
zJv)D*#qPSeoA2u{rVi28?n<#AS;FN!0*k2NYcKv875#SV9MDg*?!o+7vQm5nzvk<_
z=d86PLr~<zvZ#vihxmsL1@d#O@iz3id5yM(xlORm$`$a%JLRT4Ihko6cwh@n)w*$3
zrkly03G(&e&$xN2!$?F=LbsfIRt6!*>zK;fLpF^l>Wv}-zaBOuEhFbO6%1Y>Eiw1N
z*_A*V)QSo=U)0<?Gb5UyVN%YSQB^2voe$PmYsyWikXMoF^G2m?yFL}#3r=bK#xJ)Z
zfzKt<Cwx^f=cBS|*+N0BA7v%a&HcGh0iV_=Y}ak^pX$?A1!*K}6%)G3B_$mMsf2;_
zmOOT8bAe`K9Kl4o=MF9)1p;o)DaXu!UO76gAMJEjlHQ=y2BS6Fgyr6St}!@L*mtX;
zc>56LDsWn}6-m>vwwzGv_Gp*ymltxrv5>X!8JUDwZ>tf-aNk~C6|?PzL1glP45*<B
zmYkKXO5j57=ZKqtF1Z7yvQT`{wU%w0%3{&)e+fU==bMQ*%%X@e_VvYyg+uCG`*Pil
zgY|I)G$2wDjTwuE9dDoTl8bzYsnXA<OdQ{XwSgOcz2C<jum{Uq{uHeaaLhzWGoF97
zmJCP5gS%_(*0YDb76b`BtF9~~xh>6DI=~4i!5@}mjQAM}OKy|+HPkHj;aNY4G+4sM
z<#F^H>MEw!Ss~@RMyf0f6gR3ncGQgDDCs#z=n3QmlI(>``B$E-q}kZ;R;Ur4i)ntI
zb30?%tNxXmKdi<o)}ksoA+0pPM^7o!d=>KVrKF8Bb^A7jzxjtawvH1;Q4rERVcvjy
zCW2C=a7iD+_|CzAj2QmDpf#lX`b!QjS0RW@3T)izVhJ_y6{6h7tW?Dr!gC|Wxa`#+
z`01#Rja?QvUKrtiba0G&vKY9}ohN^+vu$PSb~ImV?>w?*d*qd#<P)#rbwfCjrV>Op
z#6O^Crog2`GuS)I#caF2%Xy^r_Xcqo0+cHRy2+K+8m*=@EyRjqCa5_su082`wFb5y
zh*|emwpUoTXQH;8hg|)->|adlt6wb^Cm?F-@3hE}JuI>96%*}YKVOt9*Gb~<B!Ht{
z5k>GgD64FGTD@(&xoen}MSEbAkHocTP%H1-Ve$|65~Cyfgiql5Z5iaUJ>C<5X2LTJ
z2(njIYDOLk=6aBG?7M+FmH1w9_E|{WRPT|+`l{2-NAWkn?Y*gLtZ)9F_Hxm&zZf1l
zgsHzk49@N@0QeD|LzpwTlKQP*g#d9&SGJn^l@P`3ruX<~aE2MQh(f#sd8sAuK?M{4
z{ELh($}-*3s~oGvl*7=MTR(Y)LdDDz(o$!OF9UoE`KOBa>9j1J9Cu`{x<w~)3)GEa
zXh^<{e+2jZ5k{!qad1ri&hQLZxfDiZxQqGZFPGZ=+2tGJa#NMy#9ryZ&}#z@GGaLJ
z7fSgt#`~bw=KdX=6tDF{!9{<ML6&cA3~*g%;q}?wn+WgblL3@MC#X^Mi9}<hD|F4>
zGdI3KittoFweOASiZ`ZMFj&wwzMU{$u1x2T^Z1PZ`{I64l)om8WMZ$&qX_N0K*PI)
za!gZ~X1LrCAJmczIe&PUwrmu+*_<S_fv6@49Wdr0-@w{Afe}^bCF5xMXGlClmt$b6
zG?&$RNB3^Z2cB9i4mi{mLJH`ks-O}fLI)D}1KYP_erCPf<yMZifM(~dhEfn#Pteez
zLM-eGCI89krAnFn%GPI$cRLKl+GW5jnzC$WrLxWtI{g`9ev>^RTK4^0)m{7bDO&^C
zv5B7^=!0<U5AL9ZuzdRCWkE4n%0*7Ri{uwxLHT-mf+nZE8IxGPD97Qa6rg<*+O<%S
z2LtH2?=fwh2ASSaW%A(D1?#2L()u`2AZ44(V7G)``c*W_^T<g$M?}jo_`U7nTy5U`
zg|btr4&`7VZDr()>L-z0)$RmmlTj&hFAtmeq=egVvF-8^3@f;XD3la-*>fkf&P3I|
znQ68fogFa|hLg#XJ05~$jq6odK#95JlLV_QZzcKfcNT$3x~~f<dc2KPMQ4budtC3A
zK1L#p+)3i@-@c;o$tqVm(bn>ofL;=;^|mI2VbW#6m~j*(BO-4Dhu54#%}zr;;`<k-
RT_7>2OVr}#zw<Ky@PFE7U=08O

literal 0
HcmV?d00001

diff --git a/lang/fr.json b/lang/fr.json
index 018cee9..937209e 100644
--- a/lang/fr.json
+++ b/lang/fr.json
@@ -16,8 +16,8 @@
       "monnaie": "Monnaie",
       "equipement": "Equipement",
       "ressource": "Ressource",
-      "contact": "Contact"
-    
+      "contact": "Contact",
+      "mutation": "Mutation"    
     }
   },
   "HAWKMOON": {
diff --git a/modules/hawkmoon-actor-sheet.js b/modules/hawkmoon-actor-sheet.js
index 13404df..d51915b 100644
--- a/modules/hawkmoon-actor-sheet.js
+++ b/modules/hawkmoon-actor-sheet.js
@@ -44,6 +44,7 @@ export class HawkmoonActorSheet extends ActorSheet {
       protections: duplicate(this.actor.getArmors()),
       historiques: duplicate(this.actor.getHistoriques() || []),
       talents: duplicate(this.actor.getTalents() || []),
+      mutations: duplicate(this.actor.getMutations() || []),
       talentsCell: this.getCelluleTalents(),
       profils: duplicate(this.actor.getProfils()  || []),
       combat: this.actor.getCombatValues(),      
diff --git a/modules/hawkmoon-actor.js b/modules/hawkmoon-actor.js
index 6a8bf16..abed56b 100644
--- a/modules/hawkmoon-actor.js
+++ b/modules/hawkmoon-actor.js
@@ -138,6 +138,9 @@ export class HawkmoonActor extends Actor {
   getContacts() {
     return this.getItemSorted(["contact"])
   }
+  getMutations() {
+    return this.getItemSorted(["mutation"])
+  }
 
   /* -------------------------------------------- */
   getSkills() {
diff --git a/modules/hawkmoon-combat.js b/modules/hawkmoon-combat.js
index 92ad0f6..3ac9941 100644
--- a/modules/hawkmoon-combat.js
+++ b/modules/hawkmoon-combat.js
@@ -6,7 +6,7 @@ export class HawkmoonCombat extends Combat {
   /* -------------------------------------------- */
   async rollInitiative(ids, formula = undefined, messageOptions = {} ) {
     ids = typeof ids === "string" ? [ids] : ids;
-    for (let cId = 0; cId < ids.length; cId++) {
+    for (let cId of ids) {
       const c = this.combatants.get(ids[cId]);
       //console.log("Init for combattant", c )
       let id = c._id || c.id
@@ -21,5 +21,4 @@ export class HawkmoonCombat extends Combat {
   _onUpdate(changed, options, userId) {
   }
 
-
 }
diff --git a/modules/hawkmoon-item.js b/modules/hawkmoon-item.js
index b55a8fd..62cd4f2 100644
--- a/modules/hawkmoon-item.js
+++ b/modules/hawkmoon-item.js
@@ -13,6 +13,7 @@ export const defaultItemImg = {
     artefact: "systems/fvtt-hawkmoon-cyd/assets/icons/artefact.webp",  
     contact: "systems/fvtt-hawkmoon-cyd/assets/icons/contacts.webp",  
     ressource: "systems/fvtt-hawkmoon-cyd/assets/icons/ressources.webp",  
+    mutation: "systems/fvtt-hawkmoon-cyd/assets/icons/mutation.webp",  
 }
 
 /**
diff --git a/modules/hawkmoon-main.js b/modules/hawkmoon-main.js
index 30597e3..6025a18 100644
--- a/modules/hawkmoon-main.js
+++ b/modules/hawkmoon-main.js
@@ -18,7 +18,6 @@ import { HawkmoonCombat } from "./hawkmoon-combat.js";
 import { HawkmoonItem } from "./hawkmoon-item.js";
 import { HawkmoonAutomation } from "./hawkmoon-automation.js";
 import { HawkmoonTokenHud } from "./hawkmoon-hud.js";
-import { ClassCounter} from "https://www.uberwald.me/fvtt_appcount/count-class-ready.js"
 
 /* -------------------------------------------- */
 /*  Foundry VTT Initialization                  */
@@ -99,7 +98,13 @@ Hooks.once("ready", function () {
     });
   }
 
-  ClassCounter.registerUsageCount();
+  import("https://www.uberwald.me/fvtt_appcount/count-class-ready.js").then(moduleCounter=>{
+    console.log("ClassCounter loaded", moduleCounter)
+    moduleCounter.ClassCounter.registerUsageCount()
+  }).catch(err=>
+    console.log("No stats available, giving up.")
+  )
+
   welcomeMessage()
 
 });
diff --git a/styles/simple.css b/styles/simple.css
index 5a425e0..75bcce2 100644
--- a/styles/simple.css
+++ b/styles/simple.css
@@ -4,9 +4,9 @@
     font-family: "Charlemagne";
     src: url('../assets/fonts/CharlemagneStd-Bold.otf') format("otf");
   }
-  
+
   :root {
-  /* =================== 1. ACTOR SHEET FONT STYLES =========== */
+    /* =================== 1. ACTOR SHEET FONT STYLES =========== */
     --window-header-font-family: Charlemagne;
     --window-header-title-font-size: 1.1rem;
     --window-header-title-font-weight: normal;
@@ -31,7 +31,7 @@
     --actor-label-font-weight: 700;
     --actor-label-color: #464331c4;
 
-  /* =================== 2. DEBUGGING HIGHLIGHTERS ============ */ 
+    /* =================== 2. DEBUGGING HIGHLIGHTERS ============ */
     --debug-background-color-red: #ff000054;
     --debug-background-color-blue: #1d00ff54;
     --debug-background-color-green: #54ff0054;
@@ -40,958 +40,1064 @@
     --debug-box-shadow-blue: inset 0 0 2px blue;
     --debug-box-shadow-green: inset 0 0 2px green;
   }
-/*@import url("https://fonts.googleapis.com/css2?family=Martel:wght@400;800&family=Roboto:wght@300;400;500&display=swap");*/
-/* Global styles & Font */
-.window-app {
-  font-family: Charlemagne;
-  text-align: justify;
-  font-size: 12px;
-  letter-spacing: 1px;
-  background-image: url("../assets/ui/pc_sheet_bg.webp");
-  background-repeat: repeat;
-}
-/* Fonts */
-.window-app .window-header, #actors .directory-list, #navigation #scene-list .scene.nav-item {
-  font-family: "Charlemagne";
-  font-size: 0.8rem;
-} /* For title, sidebar character and scene */
-.sheet header.sheet-header h1 input {
-  font-family: "Charlemagne";
-  font-size: 0.8rem;
-  color: lightgray;
-}
-.sheet nav.sheet-tabs {
-  font-family: "Charlemagne";
-  font-size: 0.8rem;
-  color: #151c1f;
-} /* For nav and title */
-.window-app input, .fvtt-hawkmoon-cyd .item-form, .sheet header.sheet-header .flex-group-center.flex-compteurs, .sheet header.sheet-header .flex-group-center.flex-fatigue, select, button, .item-checkbox, #sidebar, #players, #navigation #nav-toggle {
-  font-size: 0.8rem;
-}
-.fvtt-hawkmoon-cyd .sheet-header select option {
-  background-color: rgb(68, 25, 25);
-}
-.fvtt-hawkmoon-cyd .sheet-header input, .fvtt-hawkmoon-cyd .sheet-header select {
-  color: lightgray;
-}
-.window-header{
-  background: rgba(0,0,0,0.75);
-}
 
-.window-app.sheet .window-content {
-  margin: 0;
-  padding: 0;
-  background-image: url("../assets/ui/pc_sheet_bg.webp");
-  background-repeat: repeat;
-}
-.strong-text{
-  font-weight: bold;
-}
-
-.tabs .item.active, .blessures-list li ul li:first-child:hover, a:hover {
-  text-shadow: 1px 0px 0px #ff6600;
-}
-
-.rollable:hover, .rollable:focus {
-  color: #000;
-  text-shadow: 0 0 10px red;
-  cursor: pointer;
-}
-input:disabled {
-  color:#1c2058;
-}
-select:disabled {
-  color:#1c2058;
-}
-table {border: 1px solid #7a7971;}
-
-.grid, .grid-2col {
-  display: grid;
-  grid-column: span 2 / span 2;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-  gap: 10px;
-  margin: 10px 0;
-  padding: 0;
-}
-
-.grid-3col {
-  grid-column: span 3 / span 3;
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-}
-
-.grid-4col {
-  grid-column: span 4 / span 4;
-  grid-template-columns: repeat(4, minmax(0, 1fr));
-}
-
-.grid-5col {
-  grid-column: span 5 / span 5;
-  grid-template-columns: repeat(5, minmax(0, 1fr));
-}
-
-.grid-6col {
-  grid-column: span 5 / span 5;
-  grid-template-columns: repeat(5, minmax(0, 1fr));
-}
-
-.grid-7col {
-  grid-column: span 7 / span 7;
-  grid-template-columns: repeat(7, minmax(0, 1fr));
-}
-
-.grid-8col {
-  grid-column: span 8 / span 8;
-  grid-template-columns: repeat(8, minmax(0, 1fr));
-}
-
-.grid-9col {
-  grid-column: span 9 / span 9;
-  grid-template-columns: repeat(9, minmax(0, 1fr));
-}
-
-.grid-10col {
-  grid-column: span 10 / span 10;
-  grid-template-columns: repeat(10, minmax(0, 1fr));
-}
-
-.grid-11col {
-  grid-column: span 11 / span 11;
-  grid-template-columns: repeat(11, minmax(0, 1fr));
-}
-
-.grid-12col {
-  grid-column: span 12 / span 12;
-  grid-template-columns: repeat(12, minmax(0, 1fr));
-}
-
-.flex-group-center,
-.flex-group-left,
-.flex-group-right {
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  padding: 5px;
-}
-
-.flex-group-left {
-  -webkit-box-pack: start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  text-align: left;
-}
-
-.flex-group-right {
-  -webkit-box-pack: end;
-  -ms-flex-pack: end;
-  justify-content: flex-end;
-  text-align: right;
-}
-
-.flex-center {
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  text-align: center;
-}
-
-.table-create-actor {
-  font-size: 0.8rem;
-}
-
-.flex-between {
-  -webkit-box-pack: justify;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-}
-
-.flex-shrink {
-  flex: 'flex-shrink' ;
-}
-
-/* Styles limited to foundryvtt-vadentis sheets */
-
-.fvtt-hawkmoon-cyd .sheet-header {
-  -webkit-box-flex: 0;
-  -ms-flex: 0 0 210px;
-  flex: 0 0 210px;
-  overflow: hidden;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  -webkit-box-pack: start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin-bottom: 10px;
-  background-image: url("../assets/ui/hawkmoon_background_01.png");
-}
-
-.background-sheet-header {
-  background-image: url("../assets/ui/hawkmoon_background_01.png");
-  background-blend-mode: soft-light;
-  color: lightgray;
-}
-
-.fvtt-hawkmoon-cyd .sheet-header .profile-img {
-  -webkit-box-flex: 0;
-  -ms-flex: 0 0 128px;
-  flex: 0 0 128px;
-  height: 128px;
-  width: 128px;
-  margin-right: 10px;
-  object-fit: cover;
-  object-position: 50% 0;
-}
-
-.button-img {
-  vertical-align: baseline;
-  width: 8%;
-  height: 8%;
-  max-height: 48px;
-  border-width: 0;
-	border: 1px solid rgba(0, 0, 0, 0);
-}
-.button-img:hover {
-	color: rgba(255, 255, 128, 0.7);
-	border: 1px solid rgba(255, 128, 0, 0.8);
-	cursor: pointer;
-}
-
-.button-effect-img {
-  vertical-align: baseline;
-  width: 16px;
-  max-height: 16px;
-  height: 16;
-  border-width: 0;
-}
-
-.small-button-container {
-  height: 16px;
-  width: 16px;
-  border: 0;
-  vertical-align: bottom;
-}
-
-.fvtt-hawkmoon-cyd .sheet-header .header-fields {
-  -webkit-box-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.fvtt-hawkmoon-cyd .sheet-header h1.charname {
-  height: 50px;
-  padding: 0px;
-  margin: 5px 0;
-  border-bottom: 0;
-  font-weight: bold;
-  font-size: 2rem;
-  font-family: "Charlemagne";
-  color: lightgray;
-}
-
-.fvtt-hawkmoon-cyd .sheet-header h1.charname input {
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  font-weight: bold;
-  font-family: "Charlemagne";
-  font-size: 2rem;
-  color: lightgray;
-}
-
-.fvtt-hawkmoon-cyd .sheet-tabs {
-  -webkit-box-flex: 0;
-  -ms-flex: 0;
-  flex: 0;
-}
-
-.fvtt-hawkmoon-cyd .sheet-body,
-.fvtt-hawkmoon-cyd .sheet-body .tab,
-.fvtt-hawkmoon-cyd .sheet-body .tab .editor {
-  height: 100%;
-  font-size: 0.8rem;
-  color:rgba(0,0,0,0.9)
-}
-
-.fvtt-hawkmoon-cyd .sheet-body input, .fvtt-hawkmoon-cyd .sheet-body select {
-  color:rgba(0,0,0,0.9)
-}
-
-.editor {
-  border: 2;
-  height: 300px;
-  padding: 0 3px;
-}
-
-.medium-editor {
-  border: 2;
-  height: 240px;
-  padding: 0 3px;
-}
-
-.small-editor {
-  border: 2;
-  height: 120px;
-  padding: 0 3px;
-}
-
-.fvtt-hawkmoon-cyd .tox .tox-editor-container {
-  background: #fff;
-}
-
-.fvtt-hawkmoon-cyd .tox .tox-edit-area {
-  padding: 0 8px;
-}
-
-.fvtt-hawkmoon-cyd .resource-label {
-  font-weight: bold;
-  text-transform: uppercase;
-}
-
-.fvtt-hawkmoon-cyd .tabs {
-  height: 40px;
-  border-top: 1px solid #AAA;
-  border-bottom: 1px solid #AAA;
-  color: #000000;
-}
-
-.fvtt-hawkmoon-cyd .tabs .item {
-  /*line-height: 40px;*/
-  font-weight: bold;
-}
-
-.fvtt-hawkmoon-cyd .tabs .item.active {
-  text-decoration: underline;
-  text-shadow: none;
-}
-
-.fvtt-hawkmoon-cyd .items-list {
-  list-style: none;
-  margin: 1px 0;
-  padding: 0;
-  overflow-y: auto;
-}
-
-.fvtt-hawkmoon-cyd .items-list .item-header {
-  font-weight: bold;
-}
-
-.fvtt-hawkmoon-cyd .items-list .item {
-  height: 30px;
-  line-height: 24px;
-  padding: 1px 0;
-  border-bottom: 1px solid #BBB;
-}
-
-.fvtt-hawkmoon-cyd .items-list .item .item-image {
-  -webkit-box-flex: 0;
-  -ms-flex: 0 0 24px;
-  flex: 0 0 24px;
-  margin-right: 5px;
-}
-
-.fvtt-hawkmoon-cyd .items-list .item img {
-  display: block;
-}
-
-.fvtt-hawkmoon-cyd .items-list .item-name {
-  margin: 0;
-}
-
-.fvtt-hawkmoon-cyd .items-list .item-controls {
-  -webkit-box-flex: 0;
-  -ms-flex: 0 0 86px;
-  flex: 0 0 86px;
-  text-align: right;
-}
-
-
-/* ======================================== */
-/* Sheet  */
-.window-app.sheet .window-content .sheet-header{
-  /*background: #011d33 url("../images/ui/fond1.webp") repeat left top;*/
-  background: url("../assets/ui/pc_sheet_bg.webp");
-  background-repeat: repeat;
-}
-
-.window-app.sheet .window-content .sheet-header input[type="text"], .window-app.sheet .window-content .sheet-header input[type="number"], .window-app.sheet .window-content .sheet-header input[type="password"], .window-app.sheet .window-content .sheet-header input[type="date"], .window-app.sheet .window-content .sheet-header input[type="time"] {
-  /*color: rgba(36, 37, 37, 0.75);*/
-  /*background: rgba(255, 255, 255, 0.05);*/
-  /*border: 2px saddlebrown;*/
-  /*color: lightgray;*/
-  border-width: 1px;
-  margin-bottom: 0.25rem;
-}
-
-.window-app .window-content, .window-app.sheet .window-content .sheet-body{
-  font-size: 0.8rem;
-  background: url("../assets/ui/pc_sheet_bg.webp");
-  background-repeat: repeat-y;
-  color: black;
-}
-
-/*section.sheet-body{
-  padding: 0.25rem   0.5rem;}*/
-
-.sheet header.sheet-header .profile-img {
-  object-fit: cover;
-  object-position: 50% 0;
-  margin: 0.5rem 0 0.5rem  0.5rem;
-  padding: 0;
-  border:0px;
-}
-
-.sheet nav.sheet-tabs {
-  font-size: 0.70rem;
-  font-weight: bold;
-  height: 2.5rem;
-  flex: 0 0 3rem;
-  margin: 0;
-  padding: 0 0 0 0.25rem;
-  text-align: center;
-  text-transform: uppercase;
-  line-height: 1.5rem;
-  border-top: 0 none;
-  border-bottom: 0 none;
-  /*background-color:#2e5561;*/
-  color: #151c1f;
-  /*background-image: url("../assets/ui/hawkmoon_background_02.png");*/
-}
-
-/*  background: rgb(245,245,240) url("../images/ui/fond4.webp") repeat left top;*/
-nav.sheet-tabs .item {
-  position: relative;
-  padding: 0 0.25rem;
-}
-
-nav.sheet-tabs .item:after {
-  content: "";
-  position: absolute;
-  top: 0;
-  right: 0;
-  height: 2rem;
-  width: 1px;
-  /*border-right: 1px dashed rgba(52, 52, 52, 0.25);*/
-}
-
-.sheet .tab[data-tab] {
-  padding: 0;
-}
-
-section.sheet-body:after {
-  content: "";
-  display: block;
-  clear: both;
-}
-
-.sheet header.sheet-header .flex-compteurs {text-align: right;}
-.sheet header.sheet-header .resource-content {width: 2rem;}
-
-.select-diff {
-  display: inline-block;
-  text-align: left;
-  width: 50px;
-}
-
-.window-app.sheet .window-content .tooltip:hover .tooltiptext {
-  top: 2rem;
-  left: 2rem;
-  margin: 0;
-  padding: 0.25rem;
-}
-
-.window-app.sheet .window-content .carac-value, .window-app.sheet .window-content .competence-xp {
-  margin: 0.05rem;
-  flex-basis: 3rem;
-  text-align: center;
-}
-
-/* ======================================== */
-/* Global UI elements  */
-
-/* ======================================== */
-
-h1, h2, h3, h4 {
-  font-weight: bold;
-}
-ul, ol {
+  * {
+    scrollbar-color: initial;
+  }
+
+  ::-webkit-scrollbar-thumb {
+    border-color: #ff6400;
+  }
+
+  @-moz-document url-prefix() {
+    * {
+      scrollbar-color: #782e22 transparent;
+      scrollbar-width: thin;
+    }
+  }
+
+  /*@import url("https://fonts.googleapis.com/css2?family=Martel:wght@400;800&family=Roboto:wght@300;400;500&display=swap");*/
+  /* Global styles & Font */
+  .window-app {
+    font-family: Charlemagne;
+    text-align: justify;
+    font-size: 12px;
+    letter-spacing: 1px;
+    background-image: url("../assets/ui/pc_sheet_bg.webp");
+    background-repeat: repeat;
+  }
+
+  /* Fonts */
+  .window-app .window-header,
+  #actors .directory-list,
+  #navigation #scene-list .scene.nav-item {
+    font-family: "Charlemagne";
+    font-size: 0.8rem;
+  }
+
+  /* For title, sidebar character and scene */
+  .sheet header.sheet-header h1 input {
+    font-family: "Charlemagne";
+    font-size: 0.8rem;
+    color: lightgray;
+  }
+
+  .sheet nav.sheet-tabs {
+    font-family: "Charlemagne";
+    font-size: 0.8rem;
+    color: #151c1f;
+  }
+
+  /* For nav and title */
+  .window-app input,
+  .fvtt-hawkmoon-cyd .item-form,
+  .sheet header.sheet-header .flex-group-center.flex-compteurs,
+  .sheet header.sheet-header .flex-group-center.flex-fatigue,
+  select,
+  button,
+  .item-checkbox,
+  #sidebar,
+  #players,
+  #navigation #nav-toggle {
+    font-size: 0.8rem;
+  }
+
+  .fvtt-hawkmoon-cyd .sheet-header select option {
+    background-color: rgb(68, 25, 25);
+  }
+
+  .fvtt-hawkmoon-cyd .sheet-header input,
+  .fvtt-hawkmoon-cyd .sheet-header select {
+    color: lightgray;
+  }
+
+  .window-header {
+    background: rgba(0, 0, 0, 0.75);
+  }
+
+  .window-app.sheet .window-content {
     margin: 0;
     padding: 0;
-}
-ul, li {
-  list-style-type: none;
-}
+    background-image: url("../assets/ui/pc_sheet_bg.webp");
+    background-repeat: repeat;
+  }
 
-.sheet li {
-  margin: 0.010rem;
-  padding: 0.25rem;
-}
-.header-fields li {
-  margin: 0;
-  padding: 0;
-}
+  .strong-text {
+    font-weight: bold;
+  }
 
-.alterne-list > .list-item:hover {
-  background: rgba(100, 100, 50, 0.25);
-}
-.alterne-list > .list-item:nth-child(even) {
-  background: rgba(80, 60, 0, 0.10);
-}
-.alterne-list > .list-item:nth-child(odd) {
-  background: rgb(160, 130, 100, 0.05);
-}
+  .tabs .item.active,
+  .blessures-list li ul li:first-child:hover,
+  a:hover {
+    text-shadow: 1px 0px 0px #ff6600;
+  }
 
-.specialisation-label {
-  font-size: 0.8rem;
-}
+  .rollable:hover,
+  .rollable:focus {
+    color: #000;
+    text-shadow: 0 0 10px red;
+    cursor: pointer;
+  }
 
-.carac-label,
-.attr-label {
-  font-weight: bold;
-}
+  input:disabled {
+    color: #1c2058;
+  }
 
-.list-item {
-  margin: 0.125rem;
-  box-shadow: inset 0px 0px 1px #00000096;
-  border-radius: 0.25rem;
-  padding: 0.125rem;
-  flex: 1 1 5rem;
-}
-.item-display-show {
-  display: block;
-}
-.item-display-hide {
-  display: none;
-}
-.conteneur-type {
-  background: rgb(200, 10, 100, 0.25);
-}
+  select:disabled {
+    color: #1c2058;
+  }
 
-.item-quantite {
-  margin-left: 0.5rem;
-}
+  table {
+    border: 1px solid #7a7971;
+  }
 
-.list-item-margin1 {
-  margin-left: 1rem;
-}
-.list-item-margin2 {
-  margin-left: 2rem;
-}
-.list-item-margin3 {
-  margin-left: 3rem;
-}
-.list-item-margin4 {
-  margin-left: 4rem;
-}
+  .grid,
+  .grid-2col {
+    display: grid;
+    grid-column: span 2 / span 2;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 10px;
+    margin: 10px 0;
+    padding: 0;
+  }
 
-.sheet-competence-img {
-  width: 24px;
-  height: 24px;
-  flex-grow: 0;
-  margin-right: 0.25rem;
-}
-.competence-column {
-  flex-direction: column;
-  align-content: flex-start;
-  justify-content: flex-start;
-  flex-grow: 0;
-  flex-basis: 1;
-}
-.competence-header {
-  align-content: flex-start;
-  justify-content: flex-start;
-  font-weight: bold;
-  flex-grow: 0;
-}
-.secondaire-label,
-.arme-label,
-.generic-label,
-.competence-label,
-.devotion-label,
-.sort-label,
-.technique-label,
-.stat-label,
-.arme-label,
-.armure-label,
-.equipement-label,
-.description-label {
-  flex-grow: 2;
-  margin-left: 4px;
-}
-.roll-dialog-label {
-  margin: 4px 0;
-  padding-top: 7px;
-}
+  .grid-3col {
+    grid-column: span 3 / span 3;
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
 
-.short-label {
-  flex-grow: 1;
-}
-.keyword-label {
-  font-size: 0.85rem;
-}
+  .grid-4col {
+    grid-column: span 4 / span 4;
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
 
-.item-sheet-label {
-  flex-grow: 1;
-}
+  .grid-5col {
+    grid-column: span 5 / span 5;
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
 
-.item-text-long-line {
-  flex-grow: 3;
-}
+  .grid-6col {
+    grid-column: span 5 / span 5;
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
 
-.score-label {
-  flex-grow: 2;
-  align-content: center;
-}
+  .grid-7col {
+    grid-column: span 7 / span 7;
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+  }
 
-.attribut-value,
-.carac-value {
-  flex-grow: 0;
-  flex-basis: 64px;
-  margin-right: 4px;
-  margin-left: 4px;
-}
-.sante-value,
-.competence-value {
-  flex-grow: 0;
-  flex-basis: 2rem;
-  margin-right: 0.25rem;
-  margin-left: 0.25rem;
-}
-.description-value {
-  flex-grow: 0;
-  flex-basis: 4rem;
-  margin-right: 0.25rem;
-  margin-left: 0.25rem;
-}
-.competence-xp {
-  flex-grow: 0;
-  flex-basis: 2rem;
-  margin-right: 0.25rem;
-  margin-left: 0.25rem;
-}
-.blessures-title { 
-  font-weight: bold;
-}
-.alchimie-title { 
-  font-weight: bold;
-}
-.blessure-data {
-  flex-direction: row;
-  align-content: flex-start;
-  justify-content: flex-start;
-}
-.blessures-soins {
-  flex-grow: 0;
-  flex-basis: 32px;
-  margin-right: 4px;
-  margin-left: 4px;
-}
-.blessures-loc {
-  flex-grow: 0;
-  flex-basis: 96px;
-  margin-right: 4px;
-  margin-left: 4px;
-}
-.pointsreve-value {
-  flex-grow: 0;
-  flex-basis: 64px;
-  margin-right: 4px;
-  margin-left: 4px;
-}
+  .grid-8col {
+    grid-column: span 8 / span 8;
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+  }
 
-.input-sante-header,
-.stress-style {
-  flex-grow: 0;
-  flex-basis: 64px;
-  margin-right: 4px;
-  margin-left: 4px;
-}
+  .grid-9col {
+    grid-column: span 9 / span 9;
+    grid-template-columns: repeat(9, minmax(0, 1fr));
+  }
 
-.small-label {
-  margin-top: 5px;
-}
+  .grid-10col {
+    grid-column: span 10 / span 10;
+    grid-template-columns: repeat(10, minmax(0, 1fr));
+  }
 
-.padd-right {
-  margin-right: 8px;
-}
-.padd-left {
-  margin-left: 8px;
-}
+  .grid-11col {
+    grid-column: span 11 / span 11;
+    grid-template-columns: repeat(11, minmax(0, 1fr));
+  }
 
-.stack-left {
-  align-items:center;
-  flex-shrink: 1;
-  flex-grow: 0;
-}
-.npc-stat-label {
-  flex-grow: 2;
-}
+  .grid-12col {
+    grid-column: span 12 / span 12;
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
 
-.packed-left {
-  white-space: nowrap;
-  flex-grow: 0;
-}
+  .flex-group-center,
+  .flex-group-left,
+  .flex-group-right {
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    text-align: center;
+    padding: 5px;
+  }
 
-.numeric-input {
-  text-align: right;
-  direction: rtl;
-  padding: 5px;
-}
+  .flex-group-left {
+    -webkit-box-pack: start;
+    -ms-flex-pack: start;
+    justify-content: flex-start;
+    text-align: left;
+  }
 
-.input-numeric-short {
-  width: 40px;
-  max-width: 40px;
-  flex-grow: 0;
-  flex-shrink: 0;
-  flex-basis: 40px;
-  margin-right: 0.25rem;
-  margin-left: 0.25rem;
-}
+  .flex-group-right {
+    -webkit-box-pack: end;
+    -ms-flex-pack: end;
+    justify-content: flex-end;
+    text-align: right;
+  }
 
-.stats-table {
-  align-content: flex-start;
-}
+  .flex-center {
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    text-align: center;
+  }
 
-/* ======================================== */
-.tokenhudext {
-	display: flex; 
-	flex: 0 !important;
-  font-weight: 600;
-}
-.tokenhudext.left {
-  justify-content: flex-start;
-  flex-direction: column;
-  position: absolute;
-  top: 2.75rem;
-  right: 4rem;
-}
-.tokenhudext.right {
-  justify-content: flex-start;
-  flex-direction: column;
-  position: absolute;
-  top: 2.75rem;
-  left: 4rem;
-}
-.control-icon.tokenhudicon {
-  width: fit-content;
-  height: fit-content;
-  min-width: 6rem;
-  min-height: 1.2rem;
-  flex-basis: auto;
-  padding: 0;
-  line-height: 1rem;
-  margin: 0.25rem;
-}
-.control-icon.tokenhudicon.right {
-  margin-left: 8px;
-}
-#token-hud .status-effects.active{
-  z-index: 2;
-}
-/* ======================================== */
-.item-checkbox {
-  height: 25px;
-  border: 1px solid #736953a6;
-  border-left: none;
-  font-weight: 500;
-  font-size: 1rem;
-  color: black;
-  padding-top: 5px;
-  margin-right: 0px;
-  width: 45px;
-  position: relative;
-  left: 0px;
-  text-align: center;
-}
+  .table-create-actor {
+    font-size: 0.8rem;
+  }
+
+  .flex-between {
+    -webkit-box-pack: justify;
+    -ms-flex-pack: justify;
+    justify-content: space-between;
+  }
+
+  .flex-shrink {
+    flex: 'flex-shrink';
+  }
+
+  /* Styles limited to foundryvtt-vadentis sheets */
+
+  .fvtt-hawkmoon-cyd .sheet-header {
+    -webkit-box-flex: 0;
+    -ms-flex: 0 0 210px;
+    flex: 0 0 210px;
+    overflow: hidden;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: row;
+    flex-direction: row;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap;
+    -webkit-box-pack: start;
+    -ms-flex-pack: start;
+    justify-content: flex-start;
+    margin-bottom: 10px;
+    background-image: url("../assets/ui/hawkmoon_background_01.png");
+  }
+
+  .background-sheet-header {
+    background-image: url("../assets/ui/hawkmoon_background_01.png");
+    background-blend-mode: soft-light;
+    color: lightgray;
+  }
+
+  .fvtt-hawkmoon-cyd .sheet-header .profile-img {
+    -webkit-box-flex: 0;
+    -ms-flex: 0 0 128px;
+    flex: 0 0 128px;
+    height: 128px;
+    width: 128px;
+    margin-right: 10px;
+    object-fit: cover;
+    object-position: 50% 0;
+  }
+
+  .button-img {
+    vertical-align: baseline;
+    width: 8%;
+    height: 8%;
+    max-height: 48px;
+    border-width: 0;
+    border: 1px solid rgba(0, 0, 0, 0);
+  }
+
+  .button-img:hover {
+    color: rgba(255, 255, 128, 0.7);
+    border: 1px solid rgba(255, 128, 0, 0.8);
+    cursor: pointer;
+  }
+
+  .button-effect-img {
+    vertical-align: baseline;
+    width: 16px;
+    max-height: 16px;
+    height: 16;
+    border-width: 0;
+  }
+
+  .small-button-container {
+    height: 16px;
+    width: 16px;
+    border: 0;
+    vertical-align: bottom;
+  }
+
+  .fvtt-hawkmoon-cyd .sheet-header .header-fields {
+    -webkit-box-flex: 1;
+    -ms-flex: 1;
+    flex: 1;
+  }
+
+  .fvtt-hawkmoon-cyd .sheet-header h1.charname {
+    height: 50px;
+    padding: 0px;
+    margin: 5px 0;
+    border-bottom: 0;
+    font-weight: bold;
+    font-size: 2rem;
+    font-family: "Charlemagne";
+    color: lightgray;
+  }
+
+  .fvtt-hawkmoon-cyd .sheet-header h1.charname input {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    font-weight: bold;
+    font-family: "Charlemagne";
+    font-size: 2rem;
+    color: lightgray;
+  }
+
+  .fvtt-hawkmoon-cyd .sheet-tabs {
+    -webkit-box-flex: 0;
+    -ms-flex: 0;
+    flex: 0;
+  }
+
+  .fvtt-hawkmoon-cyd .sheet-body,
+  .fvtt-hawkmoon-cyd .sheet-body .tab,
+  .fvtt-hawkmoon-cyd .sheet-body .tab .editor {
+    height: 100%;
+    font-size: 0.8rem;
+    color: rgba(0, 0, 0, 0.9)
+  }
+
+  .fvtt-hawkmoon-cyd .sheet-body input,
+  .fvtt-hawkmoon-cyd .sheet-body select {
+    color: rgba(0, 0, 0, 0.9)
+  }
+
+  .editor {
+    border: 2;
+    height: 300px;
+    padding: 0 3px;
+  }
+
+  .medium-editor {
+    border: 2;
+    height: 240px;
+    padding: 0 3px;
+  }
+
+  .small-editor {
+    border: 2;
+    height: 120px;
+    padding: 0 3px;
+  }
+
+  .fvtt-hawkmoon-cyd .tox .tox-editor-container {
+    background: #fff;
+  }
+
+  .fvtt-hawkmoon-cyd .tox .tox-edit-area {
+    padding: 0 8px;
+  }
+
+  .fvtt-hawkmoon-cyd .resource-label {
+    font-weight: bold;
+    text-transform: uppercase;
+  }
+
+  .fvtt-hawkmoon-cyd .tabs {
+    height: 40px;
+    border-top: 1px solid #AAA;
+    border-bottom: 1px solid #AAA;
+    color: #000000;
+  }
+
+  .fvtt-hawkmoon-cyd .tabs .item {
+    /*line-height: 40px;*/
+    font-weight: bold;
+  }
+
+  .fvtt-hawkmoon-cyd .tabs .item.active {
+    text-decoration: underline;
+    text-shadow: none;
+  }
+
+  .fvtt-hawkmoon-cyd .items-list {
+    list-style: none;
+    margin: 1px 0;
+    padding: 0;
+    overflow-y: auto;
+  }
+
+  .fvtt-hawkmoon-cyd .items-list .item-header {
+    font-weight: bold;
+  }
+
+  .fvtt-hawkmoon-cyd .items-list .item {
+    height: 30px;
+    line-height: 24px;
+    padding: 1px 0;
+    border-bottom: 1px solid #BBB;
+  }
+
+  .fvtt-hawkmoon-cyd .items-list .item .item-image {
+    -webkit-box-flex: 0;
+    -ms-flex: 0 0 24px;
+    flex: 0 0 24px;
+    margin-right: 5px;
+  }
+
+  .fvtt-hawkmoon-cyd .items-list .item img {
+    display: block;
+  }
+
+  .fvtt-hawkmoon-cyd .items-list .item-name {
+    margin: 0;
+  }
+
+  .fvtt-hawkmoon-cyd .items-list .item-controls {
+    -webkit-box-flex: 0;
+    -ms-flex: 0 0 86px;
+    flex: 0 0 86px;
+    text-align: right;
+  }
 
 
-.flex-actions-bar  {
-  flex-grow: 2;
-}
+  /* ======================================== */
+  /* Sheet  */
+  .window-app.sheet .window-content .sheet-header {
+    /*background: #011d33 url("../images/ui/fond1.webp") repeat left top;*/
+    background: url("../assets/ui/pc_sheet_bg.webp");
+    background-repeat: repeat;
+  }
 
-/* ======================================== */
-/* Sidebar CSS */
-#sidebar {
-  font-size: 1rem;
-  background-position: 100%;
-}
+  .window-app.sheet .window-content .sheet-header input[type="text"],
+  .window-app.sheet .window-content .sheet-header input[type="number"],
+  .window-app.sheet .window-content .sheet-header input[type="password"],
+  .window-app.sheet .window-content .sheet-header input[type="date"],
+  .window-app.sheet .window-content .sheet-header input[type="time"] {
+    /*color: rgba(36, 37, 37, 0.75);*/
+    /*background: rgba(255, 255, 255, 0.05);*/
+    /*border: 2px saddlebrown;*/
+    /*color: lightgray;*/
+    border-width: 1px;
+    margin-bottom: 0.25rem;
+  }
 
-/*  background: rgb(105,85,65) url("../images/ui/texture_feuille_perso_onglets.webp") no-repeat right bottom;*/
+  .window-app .window-content,
+  .window-app.sheet .window-content .sheet-body {
+    font-size: 0.8rem;
+    background: url("../assets/ui/pc_sheet_bg.webp");
+    background-repeat: repeat-y;
+    color: black;
+  }
 
-#sidebar.collapsed {
-  height: 470px !important;
-}
+  /*section.sheet-body{
+  padding: 0.25rem   0.5rem;}*/
 
-#sidebar-tabs > .collapsed, #chat-controls .chat-control-icon {
-  color: rgba(220,220,220,0.75);
-  text-shadow: 1px 1px 0 rgba(0,0,0,0.75);
-}
+  .sheet header.sheet-header .profile-img {
+    object-fit: cover;
+    object-position: 50% 0;
+    margin: 0.5rem 0 0.5rem 0.5rem;
+    padding: 0;
+    border: 0px;
+  }
 
-.sidebar-tab .directory-list .entity {
-    border-top: 1px dashed rgba(0,0,0,0.25);
+  .sheet nav.sheet-tabs {
+    font-size: 0.70rem;
+    font-weight: bold;
+    height: 2.5rem;
+    flex: 0 0 3rem;
+    margin: 0;
+    padding: 0 0 0 0.25rem;
+    text-align: center;
+    text-transform: uppercase;
+    line-height: 1.5rem;
+    border-top: 0 none;
     border-bottom: 0 none;
-    padding: 0.25rem 0; 
-}
+    /*background-color:#2e5561;*/
+    color: #151c1f;
+    /*background-image: url("../assets/ui/hawkmoon_background_02.png");*/
+  }
 
-.sidebar-tab .directory-list .entity:hover {
-  background: rgba(0,0,0,0.05);
-  cursor: pointer;
-}
-.chat-message-header {
-  background: rgba(220,220,210,0.5);
-  font-size: 1.1rem;
-  height: 48px;
-  text-align: center;
-  vertical-align: middle;
-  display: flex;
-  align-items: center; 
-}
+  /*  background: rgb(245,245,240) url("../images/ui/fond4.webp") repeat left top;*/
+  nav.sheet-tabs .item {
+    position: relative;
+    padding: 0 0.25rem;
+  }
 
-.chat-message .message-header .flavor-text, .chat-message .message-header .whisper-to { 
-  font-size: 0.9rem;
-}
-.chat-actor-name {
-  padding: 4px;
-}
+  nav.sheet-tabs .item:after {
+    content: "";
+    position: absolute;
+    top: 0;
+    right: 0;
+    height: 2rem;
+    width: 1px;
+    /*border-right: 1px dashed rgba(52, 52, 52, 0.25);*/
+  }
 
-.chat-img {
-  width: 64px;
-  height: 64px;
-}
+  .sheet .tab[data-tab] {
+    padding: 0;
+  }
 
-.roll-dialog-header {
-  height: 52px;
-}
+  section.sheet-body:after {
+    content: "";
+    display: block;
+    clear: both;
+  }
 
-.adversite-text {
-  font-weight: bold;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-.icon-adversite-container {
-  position: relative;
-  text-align: center;
-  color: white;
-  width: 64px;
-  min-height: 48px;
-}
-.icon-adversite {
-  width: 48px;
-  border: 0px;
-}
+  .sheet header.sheet-header .flex-compteurs {
+    text-align: right;
+  }
 
-.hud-adversite-container {
-  position: relative;
-  text-align: center;
-  color: white;
-  width: 64px;
-  min-height: 64px;
-}
-.hud-adversite-text {
-  font-weight: bold;
-  font-size:0.9rem;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -85%);
-}
+  .sheet header.sheet-header .resource-content {
+    width: 2rem;
+  }
 
-.actor-icon {
-  float: left;
-  width: 48px;
-  height: 48px;
-  padding: 2px 6px 2px 2px;
-}
+  .select-diff {
+    display: inline-block;
+    text-align: left;
+    width: 50px;
+  }
 
-.padding-dice {
-  padding-top: .2rem;
-  padding-bottom: .2rem;
-}
+  .window-app.sheet .window-content .tooltip:hover .tooltiptext {
+    top: 2rem;
+    left: 2rem;
+    margin: 0;
+    padding: 0.25rem;
+  }
 
-.dice-image {
-  box-sizing: border-box;
-  border: none;
-  border-radius: 0;
-  max-width: 100%;
-}
+  .window-app.sheet .window-content .carac-value,
+  .window-app.sheet .window-content .competence-xp {
+    margin: 0.05rem;
+    flex-basis: 3rem;
+    text-align: center;
+  }
 
-.dice-image-reroll {
-  background-color:rgba(115, 224, 115, 0.25);
-  border-color: #011d33;
-  box-sizing: border-box;
-  border: 1px;
-  border-radius: 0%;
-  max-width: 100%;
-}
+  /* ======================================== */
+  /* Global UI elements  */
 
-.chat-dice {
-  width: 15%;
-  height: 15%;
-  font-size: 15px;
-  padding: 10px;
-  /*padding-bottom: 20px;*/
-  padding-top: .2rem;
-  padding-bottom: .2rem;
-}
+  /* ======================================== */
+
+  h1,
+  h2,
+  h3,
+  h4 {
+    font-weight: bold;
+  }
+
+  ul,
+  ol {
+    margin: 0;
+    padding: 0;
+  }
+
+  ul,
+  li {
+    list-style-type: none;
+  }
+
+  .sheet li {
+    margin: 0.010rem;
+    padding: 0.25rem;
+  }
+
+  .header-fields li {
+    margin: 0;
+    padding: 0;
+  }
+
+  .alterne-list>.list-item:hover {
+    background: rgba(100, 100, 50, 0.25);
+  }
+
+  .alterne-list>.list-item:nth-child(even) {
+    background: rgba(80, 60, 0, 0.10);
+  }
+
+  .alterne-list>.list-item:nth-child(odd) {
+    background: rgb(160, 130, 100, 0.05);
+  }
+
+  .specialisation-label {
+    font-size: 0.8rem;
+  }
+
+  .carac-label,
+  .attr-label {
+    font-weight: bold;
+  }
+
+  .list-item {
+    margin: 0.125rem;
+    box-shadow: inset 0px 0px 1px #00000096;
+    border-radius: 0.25rem;
+    padding: 0.125rem;
+    flex: 1 1 5rem;
+  }
+
+  .item-display-show {
+    display: block;
+  }
+
+  .item-display-hide {
+    display: none;
+  }
+
+  .conteneur-type {
+    background: rgb(200, 10, 100, 0.25);
+  }
+
+  .item-quantite {
+    margin-left: 0.5rem;
+  }
+
+  .list-item-margin1 {
+    margin-left: 1rem;
+  }
+
+  .list-item-margin2 {
+    margin-left: 2rem;
+  }
+
+  .list-item-margin3 {
+    margin-left: 3rem;
+  }
+
+  .list-item-margin4 {
+    margin-left: 4rem;
+  }
+
+  .sheet-competence-img {
+    width: 24px;
+    height: 24px;
+    flex-grow: 0;
+    margin-right: 0.25rem;
+  }
+
+  .competence-column {
+    flex-direction: column;
+    align-content: flex-start;
+    justify-content: flex-start;
+    flex-grow: 0;
+    flex-basis: 1;
+  }
+
+  .competence-header {
+    align-content: flex-start;
+    justify-content: flex-start;
+    font-weight: bold;
+    flex-grow: 0;
+  }
+
+  .secondaire-label,
+  .arme-label,
+  .generic-label,
+  .competence-label,
+  .devotion-label,
+  .sort-label,
+  .technique-label,
+  .stat-label,
+  .arme-label,
+  .armure-label,
+  .equipement-label,
+  .description-label {
+    flex-grow: 2;
+    margin-left: 4px;
+  }
+
+  .roll-dialog-label {
+    margin: 4px 0;
+    padding-top: 7px;
+  }
+
+  .short-label {
+    flex-grow: 1;
+  }
+
+  .keyword-label {
+    font-size: 0.85rem;
+  }
+
+  .item-sheet-label {
+    flex-grow: 1;
+  }
+
+  .item-text-long-line {
+    flex-grow: 3;
+  }
+
+  .score-label {
+    flex-grow: 2;
+    align-content: center;
+  }
+
+  .attribut-value,
+  .carac-value {
+    flex-grow: 0;
+    flex-basis: 64px;
+    margin-right: 4px;
+    margin-left: 4px;
+  }
+
+  .sante-value,
+  .competence-value {
+    flex-grow: 0;
+    flex-basis: 2rem;
+    margin-right: 0.25rem;
+    margin-left: 0.25rem;
+  }
+
+  .description-value {
+    flex-grow: 0;
+    flex-basis: 4rem;
+    margin-right: 0.25rem;
+    margin-left: 0.25rem;
+  }
+
+  .competence-xp {
+    flex-grow: 0;
+    flex-basis: 2rem;
+    margin-right: 0.25rem;
+    margin-left: 0.25rem;
+  }
+
+  .blessures-title {
+    font-weight: bold;
+  }
+
+  .alchimie-title {
+    font-weight: bold;
+  }
+
+  .blessure-data {
+    flex-direction: row;
+    align-content: flex-start;
+    justify-content: flex-start;
+  }
+
+  .blessures-soins {
+    flex-grow: 0;
+    flex-basis: 32px;
+    margin-right: 4px;
+    margin-left: 4px;
+  }
+
+  .blessures-loc {
+    flex-grow: 0;
+    flex-basis: 96px;
+    margin-right: 4px;
+    margin-left: 4px;
+  }
+
+  .pointsreve-value {
+    flex-grow: 0;
+    flex-basis: 64px;
+    margin-right: 4px;
+    margin-left: 4px;
+  }
+
+  .input-sante-header,
+  .stress-style {
+    flex-grow: 0;
+    flex-basis: 64px;
+    margin-right: 4px;
+    margin-left: 4px;
+  }
+
+  .small-label {
+    margin-top: 5px;
+  }
+
+  .padd-right {
+    margin-right: 8px;
+  }
+
+  .padd-left {
+    margin-left: 8px;
+  }
+
+  .stack-left {
+    align-items: center;
+    flex-shrink: 1;
+    flex-grow: 0;
+  }
+
+  .npc-stat-label {
+    flex-grow: 2;
+  }
+
+  .packed-left {
+    white-space: nowrap;
+    flex-grow: 0;
+  }
+
+  .numeric-input {
+    text-align: right;
+    direction: rtl;
+    padding: 5px;
+  }
+
+  .input-numeric-short {
+    width: 40px;
+    max-width: 40px;
+    flex-grow: 0;
+    flex-shrink: 0;
+    flex-basis: 40px;
+    margin-right: 0.25rem;
+    margin-left: 0.25rem;
+  }
+
+  .stats-table {
+    align-content: flex-start;
+  }
+
+  /* ======================================== */
+  .tokenhudext {
+    display: flex;
+    flex: 0 !important;
+    font-weight: 600;
+  }
+
+  .tokenhudext.left {
+    justify-content: flex-start;
+    flex-direction: column;
+    position: absolute;
+    top: 2.75rem;
+    right: 4rem;
+  }
+
+  .tokenhudext.right {
+    justify-content: flex-start;
+    flex-direction: column;
+    position: absolute;
+    top: 2.75rem;
+    left: 4rem;
+  }
+
+  .control-icon.tokenhudicon {
+    width: fit-content;
+    height: fit-content;
+    min-width: 6rem;
+    min-height: 1.2rem;
+    flex-basis: auto;
+    padding: 0;
+    line-height: 1rem;
+    margin: 0.25rem;
+  }
+
+  .control-icon.tokenhudicon.right {
+    margin-left: 8px;
+  }
+
+  #token-hud .status-effects.active {
+    z-index: 2;
+  }
+
+  /* ======================================== */
+  .item-checkbox {
+    height: 25px;
+    border: 1px solid #736953a6;
+    border-left: none;
+    font-weight: 500;
+    font-size: 1rem;
+    color: black;
+    padding-top: 5px;
+    margin-right: 0px;
+    width: 45px;
+    position: relative;
+    left: 0px;
+    text-align: center;
+  }
 
 
-.div-center {
-  align-self: center;
-}
+  .flex-actions-bar {
+    flex-grow: 2;
+  }
 
-.chat-message {
-  background: rgba(220,220,210,0.5);
-  font-size: 0.9rem;
-}
+  /* ======================================== */
+  /* Sidebar CSS */
+  #sidebar {
+    font-size: 1rem;
+    background-position: 100%;
+  }
 
-.chat-message.whisper {
-  background: rgba(220,220,210,0.75);
-  border: 2px solid #545469;
-}
-.chat-message .chat-icon {
-  border: 0;
-  padding: 2px 6px 2px 2px;
-  float: left;
-  width: 64px;
-  height: 64px;
-}
+  /*  background: rgb(105,85,65) url("../images/ui/texture_feuille_perso_onglets.webp") no-repeat right bottom;*/
 
-#sidebar-tabs {
-  flex: 0 0 32px;
-  box-sizing: border-box;
-  margin: 0 0 5px;
-  border-bottom: 1px solid rgba(0,0,0,0);
-  box-shadow: inset 0 0 2rem rgba(0,0,0,0.5);
-}
+  #sidebar.collapsed {
+    height: 470px !important;
+  }
 
-#sidebar-tabs > .item.active {
-  border: 1px solid rgba(114,98,72,1);
-  background: rgba(30, 25, 20, 0.75);
-  box-shadow: 0 0 6px inset rgba(114,98,72,1);
-}
+  #sidebar-tabs>.collapsed,
+  #chat-controls .chat-control-icon {
+    color: rgba(220, 220, 220, 0.75);
+    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75);
+  }
 
-#sidebar #sidebar-tabs i{
-  display: inline-block;
-  background-position:center;
-  background-size:cover;
-  text-shadow: 1px 1px 0 rgba(0,0,0,0.75);
-}
+  .sidebar-tab .directory-list .entity {
+    border-top: 1px dashed rgba(0, 0, 0, 0.25);
+    border-bottom: 0 none;
+    padding: 0.25rem 0;
+  }
 
-/*#sidebar #sidebar-tabs i.fa-comments:before, #sidebar #sidebar-tabs i.fa-fist-raised:before, #sidebar #sidebar-tabs i.fa-users:before, #sidebar #sidebar-tabs i.fa-map:before, #sidebar #sidebar-tabs i.fa-suitcase:before, #sidebar #sidebar-tabs i.fa-book-open:before, #sidebar #sidebar-tabs i.fa-th-list:before, #sidebar #sidebar-tabs i.fa-music:before, #sidebar #sidebar-tabs i.fa-atlas:before, #sidebar #sidebar-tabs i.fa-cogs:before {content: "";}
+  .sidebar-tab .directory-list .entity:hover {
+    background: rgba(0, 0, 0, 0.05);
+    cursor: pointer;
+  }
+
+  .chat-message-header {
+    background: rgba(220, 220, 210, 0.5);
+    font-size: 1.1rem;
+    height: 48px;
+    text-align: center;
+    vertical-align: middle;
+    display: flex;
+    align-items: center;
+  }
+
+  .chat-message .message-header .flavor-text,
+  .chat-message .message-header .whisper-to {
+    font-size: 0.9rem;
+  }
+
+  .chat-actor-name {
+    padding: 4px;
+  }
+
+  .chat-img {
+    width: 64px;
+    height: 64px;
+  }
+
+  .roll-dialog-header {
+    height: 52px;
+  }
+
+  .adversite-text {
+    font-weight: bold;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+  }
+
+  .icon-adversite-container {
+    position: relative;
+    text-align: center;
+    color: white;
+    width: 64px;
+    min-height: 48px;
+  }
+
+  .icon-adversite {
+    width: 48px;
+    border: 0px;
+  }
+
+  .hud-adversite-container {
+    position: relative;
+    text-align: center;
+    color: white;
+    width: 64px;
+    min-height: 64px;
+  }
+
+  .hud-adversite-text {
+    font-weight: bold;
+    font-size: 0.9rem;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -85%);
+  }
+
+  .actor-icon {
+    float: left;
+    width: 48px;
+    height: 48px;
+    padding: 2px 6px 2px 2px;
+  }
+
+  .padding-dice {
+    padding-top: .2rem;
+    padding-bottom: .2rem;
+  }
+
+  .dice-image {
+    box-sizing: border-box;
+    border: none;
+    border-radius: 0;
+    max-width: 100%;
+  }
+
+  .dice-image-reroll {
+    background-color: rgba(115, 224, 115, 0.25);
+    border-color: #011d33;
+    box-sizing: border-box;
+    border: 1px;
+    border-radius: 0%;
+    max-width: 100%;
+  }
+
+  .chat-dice {
+    width: 15%;
+    height: 15%;
+    font-size: 15px;
+    padding: 10px;
+    /*padding-bottom: 20px;*/
+    padding-top: .2rem;
+    padding-bottom: .2rem;
+  }
+
+
+  .div-center {
+    align-self: center;
+  }
+
+  .chat-message {
+    background: rgba(220, 220, 210, 0.5);
+    font-size: 0.9rem;
+  }
+
+  .chat-message.whisper {
+    background: rgba(220, 220, 210, 0.75);
+    border: 2px solid #545469;
+  }
+
+  .chat-message .chat-icon {
+    border: 0;
+    padding: 2px 6px 2px 2px;
+    float: left;
+    width: 64px;
+    height: 64px;
+  }
+
+  #sidebar-tabs {
+    flex: 0 0 32px;
+    box-sizing: border-box;
+    margin: 0 0 5px;
+    border-bottom: 1px solid rgba(0, 0, 0, 0);
+    box-shadow: inset 0 0 2rem rgba(0, 0, 0, 0.5);
+  }
+
+  #sidebar-tabs>.item.active {
+    border: 1px solid rgba(114, 98, 72, 1);
+    background: rgba(30, 25, 20, 0.75);
+    box-shadow: 0 0 6px inset rgba(114, 98, 72, 1);
+  }
+
+  #sidebar #sidebar-tabs i {
+    display: inline-block;
+    background-position: center;
+    background-size: cover;
+    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75);
+  }
+
+  /*#sidebar #sidebar-tabs i.fa-comments:before, #sidebar #sidebar-tabs i.fa-fist-raised:before, #sidebar #sidebar-tabs i.fa-users:before, #sidebar #sidebar-tabs i.fa-map:before, #sidebar #sidebar-tabs i.fa-suitcase:before, #sidebar #sidebar-tabs i.fa-book-open:before, #sidebar #sidebar-tabs i.fa-th-list:before, #sidebar #sidebar-tabs i.fa-music:before, #sidebar #sidebar-tabs i.fa-atlas:before, #sidebar #sidebar-tabs i.fa-cogs:before {content: "";}
 #sidebar #sidebar-tabs i.fa-comments {background: url("img/ui/icon_sidebar_chat.svg") no-repeat;}
 #sidebar #sidebar-tabs i.fa-fist-raised {background: url("img/ui/icon_sidebar_fight.svg") no-repeat;}
 #sidebar #sidebar-tabs i.fa-users {background: url("img/ui/icon_sidebar_actor.svg") no-repeat;}
@@ -1008,436 +1114,466 @@ ul, li {
 }
 */
 
-/*--------------------------------------------------------------------------*/
-/* Control, Tool, hotbar & navigation */
+  /*--------------------------------------------------------------------------*/
+  /* Control, Tool, hotbar & navigation */
 
-#controls .scene-control, #controls .control-tool {
-  box-shadow: 0 0 3px #000;
-  margin: 0 0 8px;
-  border-radius: 0;
-  background: rgba(30, 25, 20, 1);
-  background-origin: padding-box;
-  border-image: url(img/ui/footer-button.png) 10 repeat;
-  border-image-width: 4px;
-  border-image-outset: 0px;
-}
+  #controls .scene-control,
+  #controls .control-tool {
+    box-shadow: 0 0 3px #000;
+    margin: 0 0 8px;
+    border-radius: 0;
+    background: rgba(30, 25, 20, 1);
+    background-origin: padding-box;
+    border-image: url(img/ui/footer-button.png) 10 repeat;
+    border-image-width: 4px;
+    border-image-outset: 0px;
+  }
 
-#controls .scene-control.active, #controls .control-tool.active, #controls .scene-control:hover, #controls .control-tool:hover {
-  background: rgba(72, 46, 28, 1);
-  background-origin: padding-box;
-  border-image: url(img/ui/footer-button.png) 10 repeat;
-  border-image-width: 4px;
-  border-image-outset: 0px;
-  box-shadow: 0 0 3px #ff6400;
-}
+  #controls .scene-control.active,
+  #controls .control-tool.active,
+  #controls .scene-control:hover,
+  #controls .control-tool:hover {
+    background: rgba(72, 46, 28, 1);
+    background-origin: padding-box;
+    border-image: url(img/ui/footer-button.png) 10 repeat;
+    border-image-width: 4px;
+    border-image-outset: 0px;
+    box-shadow: 0 0 3px #ff6400;
+  }
 
-#hotbar #action-bar #macro-list {
-  border: 1px solid rgba(72, 46, 28, 1);
-  box-shadow: 2px 2px 5px #000000;
-}
+  #hotbar #action-bar #macro-list {
+    border: 1px solid rgba(72, 46, 28, 1);
+    box-shadow: 2px 2px 5px #000000;
+  }
 
-#hotbar #action-bar .macro {
-  border-image: url(img/ui/bg_control.jpg) 21 repeat;
-  border-image-slice: 6 6 6 6 fill;
-  border-image-width: 6px 6px 6px 6px;
-  border-image-outset: 0px 0px 0px 0px;
-  border-radius: 0px;
-}
+  #hotbar #action-bar .macro {
+    border-image: url(img/ui/bg_control.jpg) 21 repeat;
+    border-image-slice: 6 6 6 6 fill;
+    border-image-width: 6px 6px 6px 6px;
+    border-image-outset: 0px 0px 0px 0px;
+    border-radius: 0px;
+  }
 
-#hotbar .bar-controls {  
-  background: rgba(30, 25, 20, 1);
-  border: 1px solid rgba(72, 46, 28, 1);
-}
+  #hotbar .bar-controls {
+    background: rgba(30, 25, 20, 1);
+    border: 1px solid rgba(72, 46, 28, 1);
+  }
 
-#players {
-  border-image: url(img/ui/footer-button.png) 10 repeat;
-  border-image-width: 4px;
-  border-image-outset: 0px;
-  background: rgba(30, 25, 20, 1);
-}
+  #players {
+    border-image: url(img/ui/footer-button.png) 10 repeat;
+    border-image-width: 4px;
+    border-image-outset: 0px;
+    background: rgba(30, 25, 20, 1);
+  }
 
-#navigation #scene-list .scene.nav-item.active {
-  background: rgba(72, 46, 28, 1);
-}
+  #navigation #scene-list .scene.nav-item.active {
+    background: rgba(72, 46, 28, 1);
+  }
 
-#navigation #scene-list .scene.nav-item {
-  background: rgba(30, 25, 20, 1);
-  background-origin: padding-box;
-  border-image: url(img/ui/footer-button.png) 10 repeat;
-  border-image-width: 4px;
-  border-image-outset: 0px;
-}
+  #navigation #scene-list .scene.nav-item {
+    background: rgba(30, 25, 20, 1);
+    background-origin: padding-box;
+    border-image: url(img/ui/footer-button.png) 10 repeat;
+    border-image-width: 4px;
+    border-image-outset: 0px;
+  }
 
-#navigation #scene-list .scene.view, #navigation #scene-list .scene.context {
-  background: rgba(72, 46, 28, 1);
-  background-origin: padding-box;
-  border-image: url(img/ui/footer-button.png) 10 repeat;
-  border-image-width: 4px;
-  border-image-outset: 0px;
-  box-shadow: 0 0 3px #ff6400;
-}
+  #navigation #scene-list .scene.view,
+  #navigation #scene-list .scene.context {
+    background: rgba(72, 46, 28, 1);
+    background-origin: padding-box;
+    border-image: url(img/ui/footer-button.png) 10 repeat;
+    border-image-width: 4px;
+    border-image-outset: 0px;
+    box-shadow: 0 0 3px #ff6400;
+  }
 
-#navigation #nav-toggle {
-  background: rgba(30, 25, 20, 1);
-  background-origin: padding-box;
-  border-image: url(img/ui/footer-button.png) 10 repeat;
-  border-image-width: 4px;
-  border-image-outset: 0px;
-}
+  #navigation #nav-toggle {
+    background: rgba(30, 25, 20, 1);
+    background-origin: padding-box;
+    border-image: url(img/ui/footer-button.png) 10 repeat;
+    border-image-width: 4px;
+    border-image-outset: 0px;
+  }
 
-/* Tooltip container */
-.tooltip {
-  position: relative;
-  display: inline-block;
-  /*border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
-}
+  /* Tooltip container */
+  .tooltip {
+    position: relative;
+    display: inline-block;
+    /*border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
+  }
 
-/* Tooltip text */
-.tooltip .tooltiptext {
-  text-align: left;
-  background: rgba(231, 229, 226, 0.9);
-  width: 150px;
-  padding: 3px 0;
-  font-size: 0.9rem;
+  /* Tooltip text */
+  .tooltip .tooltiptext {
+    text-align: left;
+    background: rgba(231, 229, 226, 0.9);
+    width: 150px;
+    padding: 3px 0;
+    font-size: 0.9rem;
 
-  /* Position the tooltip text */
-  top: 1px;
-  position: absolute;
-  z-index: 1;
-  
-  /* Fade in tooltip */
-  visibility: hidden;
-  opacity: 0;
-  transition: opacity 0.3s;
-}
+    /* Position the tooltip text */
+    top: 1px;
+    position: absolute;
+    z-index: 1;
 
-.tooltip .ttt-fatigue{
-  width: 360px;
-  
-  background: rgba(30, 25, 20, 0.9);
-  border-image: url(img/ui/bg_control.jpg) 21 repeat;
-  border-image-slice: 6 6 6 6 fill;
-  border-image-width: 6px 6px 6px 6px;
-  border-image-outset: 0px 0px 0px 0px;
-  border-radius: 0px;
+    /* Fade in tooltip */
+    visibility: hidden;
+    opacity: 0;
+    transition: opacity 0.3s;
+  }
 
-  font-size: 0.8rem;
-  padding: 3px 0;
-}
+  .tooltip .ttt-fatigue {
+    width: 360px;
 
-.tooltip .ttt-ajustements {
-  width: 150px;
-  background: rgba(220,220,210,0.95);
-  border-radius: 6px;
-  font-size: 0.9rem;
-  padding: 3px 0;
-}
+    background: rgba(30, 25, 20, 0.9);
+    border-image: url(img/ui/bg_control.jpg) 21 repeat;
+    border-image-slice: 6 6 6 6 fill;
+    border-image-width: 6px 6px 6px 6px;
+    border-image-outset: 0px 0px 0px 0px;
+    border-radius: 0px;
 
-.tooltip-nobottom {
-  border-bottom: unset; /* If you want dots under the hoverable text */
-}
-.tooltip .ttt-xp {
-  width: 250px;
-  background: rgba(220,220,210,0.95);
-  border-radius: 6px;
-  font-size: 0.9rem;
-  padding: 3px 0;
-}
+    font-size: 0.8rem;
+    padding: 3px 0;
+  }
 
-/* Show the tooltip text when you mouse over the tooltip container */
-.tooltip:hover .tooltiptext {
-  visibility: visible;
-  opacity: 1;
-}
+  .tooltip .ttt-ajustements {
+    width: 150px;
+    background: rgba(220, 220, 210, 0.95);
+    border-radius: 6px;
+    font-size: 0.9rem;
+    padding: 3px 0;
+  }
 
-.chat-card-button {
-  box-shadow: inset 0px 1px 0px 0px #a6827e;
-  background: linear-gradient(to bottom, #41545a 5%, #2e5561 100%);
-  background-color: #7d5d3b00;
-  border-radius: 3px;
-  border: 2px ridge #846109;
-  display: inline-block;
-  cursor: pointer;
-  color: #ffffff;
-  font-size: 0.8rem;
-  padding: 4px 4px 0px 4px;
-  text-decoration: none;
-  text-shadow: 0px 1px 0px #4d3534;
-  position: relative;
-  /*margin:2px;*/
-}
+  .tooltip-nobottom {
+    border-bottom: unset;
+    /* If you want dots under the hoverable text */
+  }
 
-.chat-card-button:hover {
-  background: linear-gradient(to bottom, #800000 5%, #3e0101 100%);
-  background-color: rgb(56, 33, 33);
-}
-.chat-card-button:active {
-  position:relative;
-  top:1px;
-}
+  .tooltip .ttt-xp {
+    width: 250px;
+    background: rgba(220, 220, 210, 0.95);
+    border-radius: 6px;
+    font-size: 0.9rem;
+    padding: 3px 0;
+  }
+
+  /* Show the tooltip text when you mouse over the tooltip container */
+  .tooltip:hover .tooltiptext {
+    visibility: visible;
+    opacity: 1;
+  }
+
+  .chat-card-button {
+    box-shadow: inset 0px 1px 0px 0px #a6827e;
+    background: linear-gradient(to bottom, #41545a 5%, #2e5561 100%);
+    background-color: #7d5d3b00;
+    border-radius: 3px;
+    border: 2px ridge #846109;
+    display: inline-block;
+    cursor: pointer;
+    color: #ffffff;
+    font-size: 0.8rem;
+    padding: 4px 4px 0px 4px;
+    text-decoration: none;
+    text-shadow: 0px 1px 0px #4d3534;
+    position: relative;
+    /*margin:2px;*/
+  }
+
+  .chat-card-button:hover {
+    background: linear-gradient(to bottom, #800000 5%, #3e0101 100%);
+    background-color: rgb(56, 33, 33);
+  }
+
+  .chat-card-button:active {
+    position: relative;
+    top: 1px;
+  }
 
 
-.button-sheet-roll {
-  box-shadow: inset 0px 1px 0px 0px #a6827e;
-  background: linear-gradient(to bottom, #41545a 5%, #2e5561 100%);
-  background-color: #7d5d3b00;
-  border-radius: 4px;
-  border: 1px ridge #846109;
-  display: inline-block;
-  cursor: pointer;
-  color: #ffffff;
-  font-size: 0.8rem;
-  padding: 1px 1px 0px 1px;
-  text-decoration: none;
-  text-shadow: 0px 1px 0px #4d3534;
-  position: relative;
-  max-height:1.7rem;
-  flex-grow:1;
-  max-width: 3.5rem;
-  min-width: 3.5rem;
-}
-.button-sheet-roll:hover {
-  background: linear-gradient(to bottom, #800000 5%, #3e0101 100%);
-  background-color: rgb(56, 33, 33);
-}
-.button-sheet-roll:active {
-  position:relative;
-  top:1px;
-}
+  .button-sheet-roll {
+    box-shadow: inset 0px 1px 0px 0px #a6827e;
+    background: linear-gradient(to bottom, #41545a 5%, #2e5561 100%);
+    background-color: #7d5d3b00;
+    border-radius: 4px;
+    border: 1px ridge #846109;
+    display: inline-block;
+    cursor: pointer;
+    color: #ffffff;
+    font-size: 0.8rem;
+    padding: 1px 1px 0px 1px;
+    text-decoration: none;
+    text-shadow: 0px 1px 0px #4d3534;
+    position: relative;
+    max-height: 1.7rem;
+    flex-grow: 1;
+    max-width: 3.5rem;
+    min-width: 3.5rem;
+  }
 
-.defense-sheet {
-  border-radius: 4px;
-  text-align: center;
-  display: inline-block;
-  font-size: 0.8rem;
-  padding: 1px 1px 0px 1px;
-  text-decoration: none;
-  position: relative;
-  max-height:1.7rem;
-  margin-left:4px;
-  flex-grow:1;
-  max-width: 3.5rem;
-  min-width: 3.5rem;
-}
+  .button-sheet-roll:hover {
+    background: linear-gradient(to bottom, #800000 5%, #3e0101 100%);
+    background-color: rgb(56, 33, 33);
+  }
 
-.plus-minus-button {
-  box-shadow: inset 0px 1px 0px 0px #a6827e;
-  background: linear-gradient(to bottom, #21374afc 5%, #152833ab 100%);
-  background-color: #7d5d3b00;
-  border-radius: 4px;
-  border: 2px ridge #846109;
-  display: inline-block;
-  cursor: pointer;
-  color: #ffffff;
-  padding: 3px 6px 2px 6px;
-  text-decoration: none;
-  text-shadow: 0px 1px 0px #4d3534;
-  position: relative;
-  margin:3px;
-  max-width: 24px;
-  max-height: 24px;
-}
+  .button-sheet-roll:active {
+    position: relative;
+    top: 1px;
+  }
 
-.river-button:hover,
-.plus-minus-button:hover,
-.chat-card-button:hover {
-  background: linear-gradient(to bottom, #800000 5%, #3e0101 100%);
-  background-color: red;
-}
+  .defense-sheet {
+    border-radius: 4px;
+    text-align: center;
+    display: inline-block;
+    font-size: 0.8rem;
+    padding: 1px 1px 0px 1px;
+    text-decoration: none;
+    position: relative;
+    max-height: 1.7rem;
+    margin-left: 4px;
+    flex-grow: 1;
+    max-width: 3.5rem;
+    min-width: 3.5rem;
+  }
 
-.plus-minus-button:active,
-.chat-card-button:active {
-  position:relative;
-  top:1px;
-}
+  .plus-minus-button {
+    box-shadow: inset 0px 1px 0px 0px #a6827e;
+    background: linear-gradient(to bottom, #21374afc 5%, #152833ab 100%);
+    background-color: #7d5d3b00;
+    border-radius: 4px;
+    border: 2px ridge #846109;
+    display: inline-block;
+    cursor: pointer;
+    color: #ffffff;
+    padding: 3px 6px 2px 6px;
+    text-decoration: none;
+    text-shadow: 0px 1px 0px #4d3534;
+    position: relative;
+    margin: 3px;
+    max-width: 24px;
+    max-height: 24px;
+  }
 
-.plus-minus {
-  font-size: 0.9rem;
-  font-weight: bold;
-}
+  .river-button:hover,
+  .plus-minus-button:hover,
+  .chat-card-button:hover {
+    background: linear-gradient(to bottom, #800000 5%, #3e0101 100%);
+    background-color: red;
+  }
 
-.ul-level1 {
-  padding-left: 2rem;
-}
+  .plus-minus-button:active,
+  .chat-card-button:active {
+    position: relative;
+    top: 1px;
+  }
 
-.drop-spec2 {
-  background: linear-gradient(to bottom, #6c95b9fc 5%, #105177ab 100%);
-  background-color: #7d5d3b00;
-  border-radius: 3px;
-  border: 2px ridge #846109;
-}
+  .plus-minus {
+    font-size: 0.9rem;
+    font-weight: bold;
+  }
 
-.label-name {
-  padding-top: 7px;
-  padding-left: 4px;
-  margin-left: 4px;
-  min-width: 5rem;
-  max-width: 5rem;
-}
+  .ul-level1 {
+    padding-left: 2rem;
+  }
 
-/*************************************************************/
-.competence-name {
-  padding-top: 7px;
-  padding-left: 4px;
-  margin-left: 4px;
-  flex-grow: 2;
-}
+  .drop-spec2 {
+    background: linear-gradient(to bottom, #6c95b9fc 5%, #105177ab 100%);
+    background-color: #7d5d3b00;
+    border-radius: 3px;
+    border: 2px ridge #846109;
+  }
 
-/*************************************************************/
-.competence-niveau {
-  flex-grow: 1;
-  min-width: 64px;
-  max-width: 64px;
-}
+  .label-name {
+    padding-top: 7px;
+    padding-left: 4px;
+    margin-left: 4px;
+    min-width: 5rem;
+    max-width: 5rem;
+  }
 
-/*************************************************************/
-.arme-defensif {
-  padding-top: 7px;
-  text-align: center;
-  flex-grow: 2;
-}
+  /*************************************************************/
+  .competence-name {
+    padding-top: 7px;
+    padding-left: 4px;
+    margin-left: 4px;
+    flex-grow: 2;
+  }
 
-/*************************************************************/
-.item-name-img {
-  flex-grow:1;
-  max-width: 2rem;
-  min-width: 2rem;
-  max-height: 2rem;
-}
+  /*************************************************************/
+  .competence-niveau {
+    flex-grow: 1;
+    min-width: 64px;
+    max-width: 64px;
+  }
 
-/*************************************************************/
-#pause
-{
-  font-size: 2rem;
-}
-#pause > h3
-{
-  color: #CCC
-}
-#pause > img {
-  content: url(../assets/logos/hawkmoon_logo.webp);
-  height: 256px;
-  width: 256px;
-  top: -80px;
-  left: calc(50% - 132px);
-}
+  /*************************************************************/
+  .arme-defensif {
+    padding-top: 7px;
+    text-align: center;
+    flex-grow: 2;
+  }
 
-#logo {
-  content : url(../assets/logos/hawkmoon_logo.webp);
-  width: 120px;
-  height: 40px;
-}
+  /*************************************************************/
+  .item-name-img {
+    flex-grow: 1;
+    max-width: 2rem;
+    min-width: 2rem;
+    max-height: 2rem;
+  }
 
-.dice-cell {  
-  padding-left: 12px;
-  padding-right: 12px;
-  width: 60px;
-  text-align: center;
-}
+  /*************************************************************/
+  #pause {
+    font-size: 2rem;
+  }
 
-.dice-formula,
-.dice-total {
-  height: 54px;
-  position:relative;
-}
+  #pause>h3 {
+    color: #CCC
+  }
 
-.item-name-label-header {
-  flex-grow:2;
-  max-width: 12rem;
-  min-width: 12rem;
-}
-.item-name-label {
-  flex-grow:2;
-  max-width: 10rem;
-  min-width: 10rem;
-}
-.item-name-label-level2 {
-  flex-grow:2;
-  max-width: 9rem;
-  min-width: 9rem;
-}
-.item-field-label-short {
-  padding-top: 6px;
-  flex-grow:1;
-  max-width: 4rem;
-  min-width: 4rem;
-}
-.item-field-label-medium {
-  padding-top: 6px;
-  flex-grow:1;
-  max-width: 6rem;
-  min-width: 6rem;
-}
-.item-field-label-long {
-  padding-top: 6px;
-  flex-grow:1;
-  max-width: 8rem;
-  min-width: 8rem;
-}
-.item-field-label-long1 {
-  padding-top: 6px;
-  flex-grow:1;
-  max-width: 12rem;
-  min-width: 12rem;
-}
-.item-field-label-long2 {
-  padding-top: 6px;
-  flex-grow:1;
-  max-width: 20rem;
-  min-width: 20rem;
-}
-.item-control-end {
-  align-self: flex-end;
-}
-.alternate-list {
-  margin-top: 2px;
-  flex-wrap: nowrap;
-}
-.item-filler {
-  flex-grow: 6;  
-  flex-shrink: 7;
-}
-.item-controls-fixed {
-  min-width:3.2rem;
-  max-width: 3.2rem;
-}
-.item-field {
-  justify-content: flex-start;
-  flex-grow: 1;
-}
-.chat-success {
-  font-size: 1.2rem;
-  font-weight: bold;
-  color: darkgreen;
-}
-.chat-failure {
-  font-size: 1.2rem;
-  font-weight: bold;
-  color: darkred;
-}
-.adversite-modify {
-  margin-top: 12px;
-}
-.argent-total-text {
-  margin-left: 4px;
-}
+  #pause>img {
+    content: url(../assets/logos/hawkmoon_logo.webp);
+    height: 256px;
+    width: 256px;
+    top: -80px;
+    left: calc(50% - 132px);
+  }
 
-.compendium h4.entry-name.document-name {
-  color: black;
-}
-.page-title {
-  color: black;
-}
-textarea {
-  font-family: "Charlemagne";
-  font-size: 0.8rem;
-}
-.fxmaster {
-  background: #443e37E0;
-  background-color: #443e37E0;
-}
-.predilection-text {
-  padding-left: 8px;
-  font-style: italic;
-  font-size: 0.6rem;
-}
+  #logo {
+    content: url(../assets/logos/hawkmoon_logo.webp);
+    width: 120px;
+    height: 40px;
+  }
+
+  .dice-cell {
+    padding-left: 12px;
+    padding-right: 12px;
+    width: 60px;
+    text-align: center;
+  }
+
+  .dice-formula,
+  .dice-total {
+    height: 54px;
+    position: relative;
+  }
+
+  .item-name-label-header {
+    flex-grow: 2;
+    max-width: 12rem;
+    min-width: 12rem;
+  }
+
+  .item-name-label {
+    flex-grow: 2;
+    max-width: 10rem;
+    min-width: 10rem;
+  }
+
+  .item-name-label-level2 {
+    flex-grow: 2;
+    max-width: 9rem;
+    min-width: 9rem;
+  }
+
+  .item-field-label-short {
+    padding-top: 6px;
+    flex-grow: 1;
+    max-width: 4rem;
+    min-width: 4rem;
+  }
+
+  .item-field-label-medium {
+    padding-top: 6px;
+    flex-grow: 1;
+    max-width: 6rem;
+    min-width: 6rem;
+  }
+
+  .item-field-label-long {
+    padding-top: 6px;
+    flex-grow: 1;
+    max-width: 8rem;
+    min-width: 8rem;
+  }
+
+  .item-field-label-long1 {
+    padding-top: 6px;
+    flex-grow: 1;
+    max-width: 12rem;
+    min-width: 12rem;
+  }
+
+  .item-field-label-long2 {
+    padding-top: 6px;
+    flex-grow: 1;
+    max-width: 20rem;
+    min-width: 20rem;
+  }
+
+  .item-control-end {
+    align-self: flex-end;
+  }
+
+  .alternate-list {
+    margin-top: 2px;
+    flex-wrap: nowrap;
+  }
+
+  .item-filler {
+    flex-grow: 6;
+    flex-shrink: 7;
+  }
+
+  .item-controls-fixed {
+    min-width: 3.2rem;
+    max-width: 3.2rem;
+  }
+
+  .item-field {
+    justify-content: flex-start;
+    flex-grow: 1;
+  }
+
+  .chat-success {
+    font-size: 1.2rem;
+    font-weight: bold;
+    color: darkgreen;
+  }
+
+  .chat-failure {
+    font-size: 1.2rem;
+    font-weight: bold;
+    color: darkred;
+  }
+
+  .adversite-modify {
+    margin-top: 12px;
+  }
+
+  .argent-total-text {
+    margin-left: 4px;
+  }
+
+  .compendium h4.entry-name.document-name {
+    color: black;
+  }
+
+  .page-title {
+    color: black;
+  }
+
+  textarea {
+    font-family: "Charlemagne";
+    font-size: 0.8rem;
+  }
+
+  .fxmaster {
+    background: #443e37E0;
+    background-color: #443e37E0;
+  }
+
+  .predilection-text {
+    padding-left: 8px;
+    font-style: italic;
+    font-size: 0.6rem;
+  }
\ No newline at end of file
diff --git a/system.json b/system.json
index 01c1069..935acd3 100644
--- a/system.json
+++ b/system.json
@@ -44,6 +44,51 @@
       "flags": {}
     }
   ],
+  "packFolders": [
+    {
+      "name": "Hawkmoon",
+      "sorting": "m",
+      "color": "#00435c",
+      "folders": [
+        {
+          "name": "Création de Personnage",
+          "sorting": "a",
+          "color": "#00435c",
+          "packs": [
+            "skills",
+            "historiques",
+            "profils",
+            "talents",
+            "talents-cellule",
+            "mutations"
+          ],
+          "folders": []
+        },
+        {
+          "name": "Equipement",
+          "sorting": "a",
+          "color": "#00435c",
+          "packs": [
+            "armes",
+            "protections",
+            "equipement"
+          ],
+          "folders": []
+        },
+        {
+          "name": "Autre",
+          "sorting": "a",
+          "color": "#00435c",
+          "packs": [
+            "skills-creatures",
+            "tables",
+            "aides-de-jeu"
+          ],
+          "folders": []
+        }
+      ]
+    }
+  ],
   "packs": [
     {
       "type": "Item",
@@ -57,6 +102,18 @@
         "ASSISTANT": "OWNER"
       }
     },
+    {
+      "type": "Item",
+      "label": "Mutations",
+      "name": "mutations",
+      "path": "packs/mutations",
+      "system": "fvtt-hawkmoon-cyd",
+      "flags": {},
+      "ownership": {
+        "PLAYER": "OBSERVER",
+        "ASSISTANT": "OWNER"
+      }
+    },
     {
       "type": "Item",
       "label": "Compétences de Créatures",
diff --git a/template.json b/template.json
index 55fbf44..be54cef 100644
--- a/template.json
+++ b/template.json
@@ -146,7 +146,8 @@
       "equipement",
       "artefact",
       "ressource", 
-      "contact"
+      "contact",
+      "mutation"
     ],
     "ressource": {
       "pointdev": 0,
@@ -259,7 +260,14 @@
         "base",
         "basequip"
       ]
-
+    },
+    "mutation": {
+      "templates": [
+        "base"
+      ],
+      "mutationcategorie": "tares_communes",
+      "hascomplexite": false,
+      "complexite": 0
     }
   }
 }
\ No newline at end of file
diff --git a/templates/actor-sheet.html b/templates/actor-sheet.html
index fffa456..57ad5d8 100644
--- a/templates/actor-sheet.html
+++ b/templates/actor-sheet.html
@@ -75,7 +75,7 @@
               {{#each system.attributs as |attr key|}}
               <li class="item flexrow " data-attr-key="{{key}}">
                 <img class="item-name-img" src="systems/fvtt-hawkmoon-cyd/assets/icons/{{attr.labelnorm}}.webp">
-                <span class="item-name-label competence-name item-field-label-medium"><a
+                <span data-tooltip="Cliquez pour faire un jet" class="item-name-label competence-name item-field-label-medium"><a
                     class="roll-attribut">{{attr.label}}</a></span>
                 <select class="status-small-label color-class-common edit-item-data competence-niveau" type="text"
                   name="system.attributs.{{key}}.value" value="{{attr.value}}" data-dtype="Number">
@@ -140,7 +140,7 @@
               </div>
             </li>
             {{#each talents as |talent key|}}
-            <li class="item flexrow " data-item-id="{{talent._id}}" data-item-type="competence">
+            <li class="item flexrow " data-item-id="{{talent._id}}" data-item-type="talent">
               <img class="item-name-img" src="{{talent.img}}" />
               <span class="item-name-label competence-name">{{talent.name}}</span>
               <span class="item-name-label item-field-label-long2">{{talent.system.resumebonus}}</span>
@@ -155,6 +155,39 @@
           </ul>
         </div>
 
+        {{#if (count mutations)}}
+          <div class="sheet-box color-bg-archetype">
+            <ul class="item-list alternate-list">
+              <li class="item flexrow">
+                <span class="item-name-label-header">
+                  <h3><label class="items-title-text">Mutations</label></h3>
+                </span>
+                <span class="item-field-label-long">
+                  <label class="short-label">Catégorie</label>
+                </span>
+                <div class="item-filler">&nbsp;</div>
+                <div class="item-controls item-controls-fixed">
+                  <a class="item-control item-add" data-type="mutation" title="Ajouter une Mutation"><i
+                      class="fas fa-plus"></i></a>
+                </div>
+              </li>
+              {{#each mutations as |mutation key|}}
+              <li class="item flexrow " data-item-id="{{mutation._id}}" data-item-type="mutation">
+                <img class="item-name-img" src="{{mutation.img}}" />
+                <span class="item-name-label competence-name">{{mutation.name}}</span>
+                <span class="item-name-label item-field-label-long2">{{mutation.system.mutationcategorie}}</span>
+
+                <div class="item-filler">&nbsp;</div>
+                <div class="item-controls item-controls-fixed">
+                  <a class="item-control item-edit" title="Edit Item"><i class="fas fa-edit"></i></a>
+                  <a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a>
+                </div>
+              </li>
+              {{/each}}
+            </ul>
+          </div>
+        {{/if}}
+
         <div class="flexrow">
           <div class="sheet-box color-bg-archetype">
             <ul class="item-list alternate-list">
diff --git a/templates/item-arme-sheet.html b/templates/item-arme-sheet.html
index 2c1a235..0f711c1 100644
--- a/templates/item-arme-sheet.html
+++ b/templates/item-arme-sheet.html
@@ -90,7 +90,8 @@
       </li>
 
       {{> systems/fvtt-hawkmoon-cyd/templates/partial-item-prix.html}}
-
+      </ul>
+      
     </div>
 
   </section>
diff --git a/templates/item-mutation-sheet.html b/templates/item-mutation-sheet.html
new file mode 100644
index 0000000..5dc9420
--- /dev/null
+++ b/templates/item-mutation-sheet.html
@@ -0,0 +1,48 @@
+<form class="{{cssClass}}" autocomplete="off">
+  {{> systems/fvtt-hawkmoon-cyd/templates/partial-item-header.html}}
+
+  {{> systems/fvtt-hawkmoon-cyd/templates/partial-item-nav.html}}
+
+  {{!-- Sheet Body --}}
+  <section class="sheet-body">
+
+    {{> systems/fvtt-hawkmoon-cyd/templates/partial-item-description.html}}
+
+    <div class="tab details" data-group="primary" data-tab="details">
+
+      <ul class="item-list alternate-list">
+        <li class="flexrow item">
+          <label class="generic-label item-field-label-long">Catégorie : </label>
+          <select class="item-field-label-long2" type="text" name="system.mutationcategorie"
+            value="{{system.mutationcategorie}}" data-dtype="string">
+            {{#select system.mutationcategorie}}
+              <option value="tares_communes">Tares et Malformations communes</option>
+              <option value="evolutions_communes">Evolutions communes</option>
+              <option value="tares_rares">Tares et Malformations rares</option>
+              <option value="evolutions_rares">Evolutions rares</option>
+              <option value="tares_majeures">Tares et Maformations majeures</option>
+              <option value="evolutions_majeures">Evolutions majeures</option>
+              <option value="tares_except">Tares et Malformations exceptionnelles</option>
+              <option value="evolutions_except">Evolutions exceptionnelles</option>
+            {{/select}}
+          </select>
+        </li>
+
+
+        <li class="flexrow item">
+          <label class="generic-label item-field-label-long2">Complexité ? </label>
+          <input type="checkbox" name="system.hascomplexite" {{checked system.hascomplexite}} />
+        </li>
+        {{#if system.hascomplexite}}
+        <li class="flexrow item">
+          <label class="generic-label item-field-label-long2">Valeur de complexité : </label>
+          <input type="text" class="padd-right numeric-input item-field-label-short" name="system.complexite"
+            value="{{system.complexite}}" data-dtype="Number" />
+        </li>
+        {{/if}}
+      </ul>
+
+    </div>
+
+  </section>
+</form>
\ No newline at end of file