From b24e090421f236b01f8ac24d3f2c76a15bb70a40 Mon Sep 17 00:00:00 2001
From: Juan <juan@agence-polux.fr>
Date: Thu, 14 Oct 2021 20:04:37 +0200
Subject: [PATCH] color accessebility examles

---
 .../session4/accessibilite-couleurs/.gitignore     |   2 +
 .../live/session4/accessibilite-couleurs/README.md |   0
 .../accessibilite-couleurs/fonts/icomoon.svg       |  19 ++++++
 .../accessibilite-couleurs/fonts/icomoon.ttf       | Bin 0 -> 3376 bytes
 .../accessibilite-couleurs/fonts/icomoon.woff      | Bin 0 -> 3452 bytes
 .../session4/accessibilite-couleurs/index.html     |  75 +++++++++++++++++++++
 .../live/session4/accessibilite-couleurs/main.scss |  65 ++++++++++++++++++
 .../sources/icomoon-v1.0.zip                       | Bin 0 -> 34590 bytes
 .../live/session4/accessibilite-couleurs/style.css |  53 +++++++++++++++
 9 files changed, 214 insertions(+)
 create mode 100644 b2-cwd/integration/live/session4/accessibilite-couleurs/.gitignore
 create mode 100644 b2-cwd/integration/live/session4/accessibilite-couleurs/README.md
 create mode 100644 b2-cwd/integration/live/session4/accessibilite-couleurs/fonts/icomoon.svg
 create mode 100644 b2-cwd/integration/live/session4/accessibilite-couleurs/fonts/icomoon.ttf
 create mode 100644 b2-cwd/integration/live/session4/accessibilite-couleurs/fonts/icomoon.woff
 create mode 100644 b2-cwd/integration/live/session4/accessibilite-couleurs/index.html
 create mode 100644 b2-cwd/integration/live/session4/accessibilite-couleurs/main.scss
 create mode 100644 b2-cwd/integration/live/session4/accessibilite-couleurs/sources/icomoon-v1.0.zip
 create mode 100644 b2-cwd/integration/live/session4/accessibilite-couleurs/style.css

diff --git a/b2-cwd/integration/live/session4/accessibilite-couleurs/.gitignore b/b2-cwd/integration/live/session4/accessibilite-couleurs/.gitignore
new file mode 100644
index 0000000..9d47c4b
--- /dev/null
+++ b/b2-cwd/integration/live/session4/accessibilite-couleurs/.gitignore
@@ -0,0 +1,2 @@
+*.map
+main.css
\ No newline at end of file
diff --git a/b2-cwd/integration/live/session4/accessibilite-couleurs/README.md b/b2-cwd/integration/live/session4/accessibilite-couleurs/README.md
new file mode 100644
index 0000000..e69de29
diff --git a/b2-cwd/integration/live/session4/accessibilite-couleurs/fonts/icomoon.svg b/b2-cwd/integration/live/session4/accessibilite-couleurs/fonts/icomoon.svg
new file mode 100644
index 0000000..7df42ff
--- /dev/null
+++ b/b2-cwd/integration/live/session4/accessibilite-couleurs/fonts/icomoon.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="icomoon" horiz-adv-x="1024">
+<font-face units-per-em="1024" ascent="960" descent="-64" />
+<missing-glyph horiz-adv-x="1024" />
+<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
+<glyph unicode="&#xe9d5;" glyph-name="contrast" d="M512 960c-282.77 0-512-229.23-512-512s229.23-512 512-512 512 229.23 512 512-229.23 512-512 512zM128 448c0 212.078 171.922 384 384 384v-768c-212.078 0-384 171.922-384 384z" />
+<glyph unicode="&#xe9ea;" glyph-name="grin2" d="M512 960c-282.77 0-512-229.23-512-512s229.226-512 512-512c282.77 0 512 229.23 512 512s-229.23 512-512 512zM704 724c63.962 0 116-52.038 116-116 0-6.378-0.546-12.876-1.628-19.312-1.618-9.632-9.958-16.688-19.724-16.688s-18.108 7.056-19.722 16.69c-6.16 36.684-37.67 53.31-74.926 53.31s-68.766-16.626-74.924-53.31c-1.616-9.632-9.956-16.69-19.722-16.69-0.002 0 0 0-0.002 0-9.766 0-18.106 7.056-19.722 16.688-1.084 6.436-1.63 12.934-1.63 19.312 0 63.962 52.038 116 116 116zM320 724c63.962 0 116-52.038 116-116 0-6.378-0.548-12.876-1.628-19.312-1.618-9.632-9.956-16.688-19.724-16.688s-18.106 7.056-19.722 16.69c-6.16 36.684-37.67 53.31-74.926 53.31s-68.766-16.626-74.924-53.31c-1.616-9.632-9.956-16.69-19.722-16.69 0 0 0 0 0 0-9.766 0-18.106 7.056-19.724 16.688-1.082 6.436-1.63 12.934-1.63 19.312 0 63.962 52.038 116 116 116zM192 384h192v-247.846c-110.094 28.606-192 129.124-192 247.846zM448 128v256h128v-256h-128zM640 136.154v247.846h192c0-118.722-81.904-219.24-192-247.846z" />
+<glyph unicode="&#xe9ee;" glyph-name="angry2" d="M512 960c-282.77 0-512-229.23-512-512s229.23-512 512-512 512 229.23 512 512-229.23 512-512 512zM576.094 579.484c2.032 47.454 45.21 78.948 81.592 97.138 34.742 17.372 69.104 26.060 70.548 26.422 17.146 4.288 34.52-6.138 38.806-23.284s-6.138-34.518-23.284-38.806c-17.624-4.45-38.522-12.12-56.936-21.35 10.648-11.43 17.174-26.752 17.174-43.606 0-35.346-28.654-64-64-64s-64 28.654-64 64c0.002 1.17 0.038 2.332 0.1 3.486zM256.958 679.76c4.288 17.146 21.66 27.572 38.806 23.284 1.446-0.362 35.806-9.052 70.548-26.422 36.38-18.192 79.56-49.684 81.592-97.138 0.062-1.154 0.098-2.314 0.098-3.484 0-35.346-28.654-64-64-64s-64 28.654-64 64c0 16.854 6.526 32.176 17.174 43.606-18.414 9.23-39.31 16.9-56.936 21.35-17.142 4.286-27.566 21.66-23.282 38.804zM704.098 179.26c-39.174 65.148-110.544 108.74-192.098 108.74-81.556 0-152.924-43.592-192.098-108.74l-82.328 49.396c55.96 93.070 157.916 155.344 274.426 155.344 116.508 0 218.464-62.274 274.426-155.344l-82.328-49.396z" />
+<glyph unicode="&#xe9f6;" glyph-name="confused2" d="M512 960c-282.77 0-512-229.23-512-512s229.226-512 512-512c282.77 0 512 229.23 512 512s-229.23 512-512 512zM704 704c35.346 0 64-28.654 64-64s-28.654-64-64-64-64 28.654-64 64c0 35.346 28.654 64 64 64zM320 704c35.346 0 64-28.654 64-64s-28.654-64-64-64-64 28.654-64 64c0 35.346 28.654 64 64 64zM687.010 149.44c-82.902-30.18-174.9 12.712-205.080 95.614-18.108 49.742-73.306 75.478-123.048 57.372-45.562-16.588-70.958-64.296-60.988-110.424h-64.86c-9.244 72.508 32.45 144.532 103.956 170.56 82.904 30.18 174.902-12.712 205.082-95.614 18.108-49.742 73.306-75.476 123.046-57.37 45.562 16.584 70.958 64.294 60.988 110.422h64.864c9.24-72.506-32.454-144.532-103.96-170.56z" />
+<glyph unicode="&#xe9f8;" glyph-name="neutral2" d="M512 960c-282.77 0-512-229.23-512-512s229.226-512 512-512c282.77 0 512 229.23 512 512s-229.23 512-512 512zM640 192h-256v64h256v-64zM704 704c35.346 0 64-28.654 64-64s-28.654-64-64-64-64 28.654-64 64c0 35.346 28.654 64 64 64zM320 704c35.346 0 64-28.654 64-64s-28.654-64-64-64-64 28.654-64 64c0 35.346 28.654 64 64 64z" />
+<glyph unicode="&#xea08;" glyph-name="notification" d="M512 864c-111.118 0-215.584-43.272-294.156-121.844s-121.844-183.038-121.844-294.156c0-111.118 43.272-215.584 121.844-294.156s183.038-121.844 294.156-121.844c111.118 0 215.584 43.272 294.156 121.844s121.844 183.038 121.844 294.156c0 111.118-43.272 215.584-121.844 294.156s-183.038 121.844-294.156 121.844zM512 960v0c282.77 0 512-229.23 512-512s-229.23-512-512-512c-282.77 0-512 229.23-512 512s229.23 512 512 512zM448 256h128v-128h-128zM448 768h128v-384h-128z" />
+<glyph unicode="&#xea09;" glyph-name="question" d="M448 256h128v-128h-128zM704 704c35.346 0 64-28.654 64-64v-192l-192-128h-128v64l192 128v64h-320v128h384zM512 864c-111.118 0-215.584-43.272-294.156-121.844s-121.844-183.038-121.844-294.156c0-111.118 43.272-215.584 121.844-294.156s183.038-121.844 294.156-121.844c111.118 0 215.584 43.272 294.156 121.844s121.844 183.038 121.844 294.156c0 111.118-43.272 215.584-121.844 294.156s-183.038 121.844-294.156 121.844zM512 960v0c282.77 0 512-229.23 512-512s-229.23-512-512-512c-282.77 0-512 229.23-512 512s229.23 512 512 512z" />
+<glyph unicode="&#xea0d;" glyph-name="cancel-circle" d="M512 960c-282.77 0-512-229.23-512-512s229.23-512 512-512 512 229.23 512 512-229.23 512-512 512zM512 32c-229.75 0-416 186.25-416 416s186.25 416 416 416 416-186.25 416-416-186.25-416-416-416zM672 704l-160-160-160 160-96-96 160-160-160-160 96-96 160 160 160-160 96 96-160 160 160 160z" />
+<glyph unicode="&#xea0e;" glyph-name="blocked" d="M874.040 810.040c-96.706 96.702-225.28 149.96-362.040 149.96s-265.334-53.258-362.040-149.96c-96.702-96.706-149.96-225.28-149.96-362.040s53.258-265.334 149.96-362.040c96.706-96.702 225.28-149.96 362.040-149.96s265.334 53.258 362.040 149.96c96.702 96.706 149.96 225.28 149.96 362.040s-53.258 265.334-149.96 362.040zM896 448c0-82.814-26.354-159.588-71.112-222.38l-535.266 535.268c62.792 44.758 139.564 71.112 222.378 71.112 211.738 0 384-172.262 384-384zM128 448c0 82.814 26.354 159.586 71.112 222.378l535.27-535.268c-62.794-44.756-139.568-71.11-222.382-71.11-211.738 0-384 172.262-384 384z" />
+</font></defs></svg>
\ No newline at end of file
diff --git a/b2-cwd/integration/live/session4/accessibilite-couleurs/fonts/icomoon.ttf b/b2-cwd/integration/live/session4/accessibilite-couleurs/fonts/icomoon.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..b9e1a419a1d0255fd3efe59496d8fb1cc0de5f85
GIT binary patch
literal 3376
zcmb_eO>7%Q6n?X7XZ=$<4T*Q7c<uV%j@u@-*FPyrjVn^qpHwYHL_%sy+{ASf5<77c
z(MlXFKnSHmAP&%qOAZKeKnQV0$nA*(aDg5<aY{g(02P64-psBOyUnISV(i&@@6F7c
z_r7`aW`F>I6>7jk?BWZfiQcCKBTBx)Iz6*gSpIS2{nr7AjQpFW!s;@%hmqgJ)>K-&
zb>sMleSabUDS&xku2`6LKYi~x01KU;o<o6fpZ^~D-;oc@Ev?;*B7qAI;wQOSnJHK<
z9r_aaN#y0F!p&tEfLD>9L*7#^EEVsbGyjeJ+qlMC%azqNv=fUBZ2%AO{CDI%Kzq5n
z+_xxsS8d5Jpb#@1*HH+a(p7Q*+jhR*szZ*)ihUG|cJVNRu12ejeQL|IQ8E~S+9)C#
zJoKQ<v-MzWd+WEYKerxko44()Mytg%bjnTJHYO*npT$wpDGrK#;$e|Eny905Z8lN+
z5Fn_jx1*l}$eduqcjxRc!`@ci0O+L?a07@>uoI!jF(A2#Br1tamSobYWO#&xLnO&K
zrO(G$4i>InyB)!D``Xoo4!SA2-Shd=moA;o&%51x{jmYs;3lXe8o<T_Vzq0_I9!7g
zyaH?c+ax7K$3PF-?DvJxD!-4>V<gVlR5I;-(g1~59CT_pWb9M=GAU(%A)xEsRBVC}
zViinQVvNdi)JUu*!HS}Z<`=qMv08oDA5iSQ1Zuf@uU!fF^>O)iB4#ujO=h#nIW**?
zEwZtRy`|019$KZrQ<2CI1X^Hvcsvq0H7Ehb;4YSFcpkCbcW-&z=PXguq9jrT1vf!h
z5!2K-31$hROyeOopb3-d3<5Snh>CbPtp-Md1&yQ&U6f18Lq~~C;(43R=C+&6L8mj=
zyvIv6a&$;ea+Ecj>~8EO_gyzmp1k3@>~OjA!;xdhBExx?%b|~2^Nm2vZnII%sNX7>
zMVm7ibP}$}g!Wi~BUE4$&4QKZrRHFKd_11;%dTN7mSLCdr^l)jw=gJhVSn8ES$I*P
z+M%Y>q=&{7A}RSp=?uc^ruc>xu}2r3DQX?o=0_SqHnKM*`<bB6Z#pHMNOv;&FtmUv
zp^CKHcp#2tgFgGAXZ-2HKnLCB>k&8#nJ4(_O?mbF)%8kjVS36v>YBd&4akvt+w^wZ
zwJ&4vBD@4wcWf0{z_wGC#3HqwxiV^GY6&c?o^yXHu12auJ?efnpQY6F)~`7Hm<aqF
zL?e;&KA+1iN=Hmsj!2^0<@247M56jV9ci#LB}Qvl_~`>G=~6$fmp&W08dq!9y0GE#
zHaG)C#0I?}3DHFae=3vmrZQ??|DUlU^;(U9Ggz<HoAr8^*#~r02QN&MTrTLW*K+vV
zJfN<w^>txGyzsW(x$`pc>`o-@dF%0A(V=ujPQMTqBtgnZnQ%t;1T0KVPOf;oUeC(p
z<WvWJZgX?G{ntMa|4ctNQB%Tgwr8W74xh##k0%6(7VQ6d<NNVGC3qL8o*FUN6MDU}
zD>B6|1ftO^@r0rz;#Z>4KtPs57AzrI4(RuYA#Y=AbR~N+PhSKL2zfbahvlOOQ_`)z
z`9XGNl#{$6`gX`)M5eLTW^jwyn+V@P$?7-jFZYiB0ai@xSblovYdjt8R*M3BuL8b<
zSiw2$-A9un7X0qMq?iP3YLCj$X_S9bWuq<lf_1|zv5-$VnXB@^-!X884Yq;}*6I5P
zOWP90XdgR#uGv9AK$&V2hxD{Y^GK&P+JN-BMjP=3@6hNTl%LmV3k<;qeOnsLD6wOY
zN^?k;G@3{Hq(&Q%eodo|__p<EbPvieYqSND@bUaiWvNmr!#vDD1(vW@pgdKquFhA=
zp7=-%rZ7KMVHF2p2kME#2*mcBwWsiMv9!KesN$kUG;|#np#arAN9HT#HBYHnE>;U`
z#aYkwTb{Esl?!Ow2%ZqS_8P8ULN#S(Q33fP%%bc%+`{i!=D-Ej0ko0jjm}MZl>QfJ
CWl$yn

literal 0
HcmV?d00001

diff --git a/b2-cwd/integration/live/session4/accessibilite-couleurs/fonts/icomoon.woff b/b2-cwd/integration/live/session4/accessibilite-couleurs/fonts/icomoon.woff
new file mode 100644
index 0000000000000000000000000000000000000000..f452b8e8f362f0fd97ef04d6b95d39cec5600863
GIT binary patch
literal 3452
zcmb_fO>7%Q6n?X7XYIIl5@PR0@!Ivj9k)$vuYXdM8b_q2KdD-Zh=kOZxQUw|lDKga
zwUv6X0C7l#KpdbImmCl$gb?D4+@3f97uq8yP7W0(Kt*7iH?!-+ZnJ5S80XD?@6F7c
zH*em&ncO&^&jSH0*4toV-<Zl%+*!`QHj)4!CX`N7>Ulvh&MX(Mqii1ecPTyG{OIku
z!Wxx5MxOSi)H}Cy>l(^_2Qb?y9s8v3ulZtO7QjN=)0EsV-hX8tg(%A*AD|>W;D4N7
zUcZSl><dXsQLL6qGqm4bgfgY>3x~d5F5JX<E#DyTVPuCJD~07E${ym}?@_vU#{Bp7
z(%L$%_tH*39ud#~Kt2Q`0C$i39{CT{FZmS|Vn)8bkluEV;vB%XjjuMVkmHe1!hDKf
zT0E>~vmlbOjba&V+DirlQ2&Y0i;^ysd1{Yp+qK_nf7YICo40Mvdb5e`sHaVC+O{$|
zY5pRPh)!`p>=S!M;%I1E*?^}i0t7Ynuvyh64j^-!nYwH5{xWQBRt<owbOLS!@d-8}
zbUEyjn@FOP$Ye<-ol1s>NjOB3j8po2jOAeQ@|8OgEO)M4UTnh+(d}NypS*D4WPZWz
z=Bv+i&^k9j?NJBTAJA93wv53Qn1i<fcXmIUq=e|OccIOGUkI)8`xqW2amJ>SY47to
zD7@mJL&G6spVF5}DR$-o-PKLSCI}%G!DJ!Es4Pc~#9|UGD4J+|rP~y%REPWl#nwZh
zlB@RElz?B~FOMf;MzhgmHk+J-gHHNIHa4-hwDH9gi!?AEiTp&M38p8<B9ZX{2`~nC
zeVK+=(U<%Bk;i?`5+yB4BK4r)Cg@i5X=;oFvjn|N;~{3(gvoRU9X3pe>hW+|4U7Z}
z8cEl6Q7$PD9wAnV=dD(&+h#Hcoz7t6J}+6xkwH1hQPym-xv`Zza9ulb;+pHC!{y2k
zMUEbg4CP%ehrZVu?*w8ttCea-{T9J2TAjh5lW;{Qw8a7(p#rOD7A!n3H3s5iWATJv
zb`4pu47p@KJwxq&3xfjZ_V-&q3oq)ZR;a0%bkUeXPfGq!I)iR?Q~!n)u}jxGQ`9=7
z#-|z}o7tO^?Nrd`H;oI&)9sAD8=AnBP(>QmABm&cpwD*bC4ahLZ^IpHJq$-6^PIJM
zQ(nFG>aI#`VtUFwy)=FM>yRVWmg%i;$G(ih>+l9#-mz6+0ozJh5{uMU=E|s%sU@(m
zdd~f+xEiSr^{D&Re3nwvTfgG)V<PZ#5RF96`g|_8C>=IoIV_28m(O=L5{c@!w57rJ
zlo+jG;inI%q(l9*Uiz%(DqN*e>F^DYx4|jE8<OBENJ4ZG!Jo>cys3<u*Z*f<k!qzv
zz!|Jos*P&3!|VetRmWeLCb?YDS*_&ow{<{W9rNqD4gH0;_0FA_ftPn8Y0q1a?}!ei
zBXatMupkLiM#_XUx+h?9YI1Vb<Mn!0Cnu-c@R_Zx>DHhAdH84gnSq)TZmTsK)wHc?
z6!LgNfM~(~pEtfA?^A+zfx1#7=6XV}S9V3F_{BgpdMTbzltlbeG#UuVa;O_iNR|Wo
zEn>)9uZ^r`@o|bTf;xn}oV3I8(Ss@JRNweGyE?*2-Vl8|<j*5hueBK5V)iD&H&C+t
z-Nu_eV}F1J6FZil-~Sd*N9(Ia0e#crJBSq=!`^)~Iby+j_a((7U{zaGh7P0r^N98C
z20OT6mUNTPIhiZ-z~41+hD|nu6*lPm2TRKm#%PrdzSQg>AfQaOi9<ZCVIFZ>!v@3~
z8aCp80S*m!q5Q0dyI~ME>D$s^Mu`nuRLmis(=d<tgoX`>Z)@0yZ(EOsyHI{n!`=9v
z|7>BVv|K8!zyi!b36_ycurgIFuPu~TJn`WeOksX1!y0zL2GkRWVTkQHYER+C;@rkk
zp^TFj(a;T8f&!HH?3pjEtb68)E5&kQy*TT+ddqWqrgRQ%8^#kt=U&Iz=TOZGv#5Z4
b5oS?#6>edDnl0d*x&XA1<&E}Dc^dx<q2p9d

literal 0
HcmV?d00001

diff --git a/b2-cwd/integration/live/session4/accessibilite-couleurs/index.html b/b2-cwd/integration/live/session4/accessibilite-couleurs/index.html
new file mode 100644
index 0000000..3f5866c
--- /dev/null
+++ b/b2-cwd/integration/live/session4/accessibilite-couleurs/index.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html lang="fr">
+    <head>
+    <meta charset="utf-8" />
+    <title>Stocks</title>
+    <link rel="stylesheet" href="style.css" />
+    <link rel="stylesheet" href="main.css" />
+    </head>
+    <body>
+        <main role="main">
+            <h1>état des stocks</h1>
+            <table>
+                <thead>
+                    <tr><th class="left">produit</th><th>état du stock</th></tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td>café en grain</td>
+                        <td class="right"><i title="en stock" class="green"></i><span class="not-on-screen">haut</span></td>
+                    </tr>
+                    <tr>
+                        <td>café soluble</td>
+                        <td class="right"><i class="orange"></i><span class="not-on-screen">délais à prévoir</span></td>
+                    </tr>
+                    <tr>
+                        <td>café moulu</td>
+                        <td class="right"><i class="red"></i><span class="not-on-screen">indisponible</span></td>
+                    </tr>
+                </tbody>
+            </table>
+            
+            
+            <table>
+                <thead>
+                    <tr><th>produit</th><th>état du stock</th></tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td>café en grain</td>
+                        <td class="right"><i class="icon-grin2"></i><span class="not-on-screen">haut</span></td>
+                    </tr>
+                    <tr>
+                        <td>café soluble</td>
+                        <td class="right"><i class="icon-confused2"></i><span class="not-on-screen">délais à prévoir</span></td>
+                    </tr>
+                    <tr>
+                        <td>café moulu</td>
+                        <td class="right"><i class="icon-angry2"></i><span class="not-on-screen">indisponible</span></td>
+                    </tr>
+                </tbody>
+            </table>
+            
+
+            <table>
+                <thead>
+                    <tr><th>produit</th><th>état du stock</th></tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td>café en grain</td>
+                        <td class="right"><i class="green"></i><span class="not-on-screen">haut</span></td>
+                    </tr>
+                    <tr>
+                        <td>café soluble</td>
+                        <td class="right"><i class="icon-contrast"></i><span class="not-on-screen">délais à prévoir</span></td>
+                    </tr>
+                    <tr>
+                        <td>café moulu</td>
+                        <td class="right"><i class="icon-blocked"></i><span class="not-on-screen">indisponible</span></td>
+                    </tr>
+                </tbody>
+            </table>            
+        </main> 
+    </body>
+</html>
\ No newline at end of file
diff --git a/b2-cwd/integration/live/session4/accessibilite-couleurs/main.scss b/b2-cwd/integration/live/session4/accessibilite-couleurs/main.scss
new file mode 100644
index 0000000..9059139
--- /dev/null
+++ b/b2-cwd/integration/live/session4/accessibilite-couleurs/main.scss
@@ -0,0 +1,65 @@
+body
+{
+    font-family: Arial, Helvetica, sans-serif;
+    font-size: 14px;
+}
+
+.not-on-screen
+{
+    display: none;
+}
+
+th,td
+{
+    line-height: 22px;
+    border:solid 1px #ccc;
+    padding:5px;
+}
+
+i
+{
+    content:"\00a0";
+    display: inline-block;
+    height: 20px;
+    width: 20px;
+    border-radius: 20px;
+    font-size: 20px;
+    line-height: 1;
+    vertical-align: middle;    
+    &.green
+    {
+        background-color:green;
+    }
+    &.red
+    {
+        background-color:red;
+    }
+    &.orange
+    {
+        background-color:orange;
+    }
+    
+    &.icon-grin2
+    {
+        color:green;
+    }
+    &.icon-angry2, &.icon-blocked
+    {
+        color:red;
+    }
+    &.icon-confused2, &.icon-contrast
+    {
+        color:orange;
+    }
+
+}
+
+.right
+{
+    text-align: right;
+}
+
+.left
+{
+    text-align: left;
+}
\ No newline at end of file
diff --git a/b2-cwd/integration/live/session4/accessibilite-couleurs/sources/icomoon-v1.0.zip b/b2-cwd/integration/live/session4/accessibilite-couleurs/sources/icomoon-v1.0.zip
new file mode 100644
index 0000000000000000000000000000000000000000..94e89c0d0f0b850788ef4345ac1bd4594a2a3c9f
GIT binary patch
literal 34590
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

literal 0
HcmV?d00001

diff --git a/b2-cwd/integration/live/session4/accessibilite-couleurs/style.css b/b2-cwd/integration/live/session4/accessibilite-couleurs/style.css
new file mode 100644
index 0000000..b197dce
--- /dev/null
+++ b/b2-cwd/integration/live/session4/accessibilite-couleurs/style.css
@@ -0,0 +1,53 @@
+@font-face {
+  font-family: 'icomoon';
+  src:
+    url('fonts/icomoon.ttf?qrb5l6') format('truetype'),
+    url('fonts/icomoon.woff?qrb5l6') format('woff'),
+    url('fonts/icomoon.svg?qrb5l6#icomoon') format('svg');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'icomoon' !important;
+  speak: never;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-contrast:before {
+  content: "\e9d5";
+}
+.icon-grin2:before {
+  content: "\e9ea";
+}
+.icon-angry2:before {
+  content: "\e9ee";
+}
+.icon-confused2:before {
+  content: "\e9f6";
+}
+.icon-neutral2:before {
+  content: "\e9f8";
+}
+.icon-notification:before {
+  content: "\ea08";
+}
+.icon-question:before {
+  content: "\ea09";
+}
+.icon-cancel-circle:before {
+  content: "\ea0d";
+}
+.icon-blocked:before {
+  content: "\ea0e";
+}