diff --git a/Chroniques_De_L_Etrange/CdE.css b/Chroniques_De_L_Etrange/CdE.css
new file mode 100644
index 0000000000..09ca45d316
--- /dev/null
+++ b/Chroniques_De_L_Etrange/CdE.css
@@ -0,0 +1,1587 @@
+@import url('https://fonts.googleapis.com/css?family=Ubuntu+Mono|Gochi+Hand|Kodchasan&display=swap');
+
+.charsheet 
+{
+	font-family:"Segoe UI", Arial;
+	--grey: RGB(134, 134, 134);
+	--lightGrey: RGB(178, 178, 178);
+	min-width:860px;
+}
+
+.itemcontrol
+{
+	z-index:9999;
+}
+
+.itemcontrol > .btn
+{
+	padding-top:2px;
+	padding-bottom:3px;
+}
+
+.btn
+{
+	border-radius:0px;
+}
+
+div,
+span,
+input[type="number"],
+input[type="text"],
+textarea,
+select,
+h1,
+h2,
+h3,
+label,
+button[type="roll"],
+button[type="action"],
+b
+{
+	display:flex;
+	color:black;
+}
+
+label
+{
+	padding:0px;
+	margin:0px;
+}
+
+select
+{
+	margin-bottom:0px;
+	border-radius:0px;
+}
+
+input[type=number]::-webkit-outer-spin-button,
+input[type=number]::-webkit-inner-spin-button 
+{
+    -webkit-appearance: none;
+    margin: 0;
+}
+
+input[type=number],
+input[type=text]
+{
+    -moz-appearance:textfield;
+	border-radius:0px;
+}
+
+textarea
+{
+	border:none;
+	width:100%;
+	padding:0px;
+	text-align:justify;
+	border-radius:0px;
+	margin:0px;
+}
+
+.repcontrol
+{
+	display:flex;
+	width:100%;
+	border-top:1px solid var(--sombre);
+	background:var(--clair);
+	justify-content:space-between;
+	flex-direction:row-reverse;
+}
+
+.repcontrol > .btn
+{
+	padding-bottom:0px;
+	border-radius:0px;
+	border:0px;
+	padding-top:0px;
+}
+
+div.sheet-autoex
+{
+	line-height: 1.4em;
+	min-height: 1.4em;
+	cursor: text;
+	text-align: left;
+	position:relative;
+	width:100%;
+}
+
+div.sheet-autoex > span
+{
+	visibility: hidden;
+	display: block;
+	font-family: inherit;
+	font-size: inherit;
+	line-height: inherit;
+	white-space: pre-wrap;
+	text-align: inherit;
+	min-height: inherit;
+	height:100%;
+	word-wrap:anywhere;
+	padding-left:2px;
+	padding-right:2px;
+}
+
+div.sheet-autoex > textarea
+{
+	display: block;
+	z-index: 1;
+	position: absolute;
+	top: 0;
+	left: 0;
+	height: 100%;
+	width: calc(100% - 4px);;
+	overflow: hidden;
+	font-family: inherit;
+	font-size: inherit;
+	line-height: inherit;
+	white-space: pre-wrap;
+	text-align: inherit;
+	min-height: inherit;
+	resize: none;
+	margin:0px;
+	padding-left:2px;
+	padding-right:2px;
+}
+
+div.sheet-autoex > textarea::placeholder
+{
+	font-family:"Ubuntu Mono", "Segoe UI";
+	color: var(--grey);
+	text-transform: uppercase;
+	font-weight:normal;
+}
+
+div.sheet-autoex22
+{
+	min-height:22px;
+}
+
+div.sheet-autoex24
+{
+	min-height:24px;
+}
+
+div.sheet-autoex28
+{
+	min-height:28px;
+}
+
+div.sheet-autoex40
+{
+	min-height:40px;
+}
+
+div.sheet-autoex100
+{
+	min-height:100px;
+}
+
+label.sheet-expand
+{
+	width:20px;
+	height:20px;
+	background-color:black;
+	border-radius:50%;
+	margin-top:auto;
+	margin-bottom:auto;
+}
+
+label.sheet-expand > input[type="checkbox"]
+{
+	position:absolute;
+	opacity:0;
+	width:20px;
+	height:20px;
+}
+
+label.sheet-expand > input[type="checkbox"] ~ span
+{
+	width:100%;
+}
+
+label.sheet-expand > input[type="checkbox"] ~ span::before
+{
+	content:"+";
+	display:flex;
+	width:100%;
+	line-height:15px;
+	justify-content:center;
+	color:white;
+	font-size:20px;
+}
+
+label.sheet-expand > input[type="checkbox"]:checked ~ span::before
+{
+	content:"-";
+}
+
+div.sheet-expand
+{
+	display:none;
+}
+
+input[type="hidden"].sheet-typeFiche[value="loksyu"] ~ div.sheet-top,
+input[type="hidden"].sheet-typeFiche[value="loksyu"] ~ div.sheet-middle,
+input[type="hidden"].sheet-typeFiche[value="loksyu"] ~ div.sheet-bottom
+{
+	display:none;
+}
+
+input[type="hidden"].sheet-typeFiche[value="joueur"] ~ div.sheet-loksyu
+{
+	display:none;
+}
+
+div.sheet-identite
+{
+	width:calc((100% / 2) - 20px);
+	flex-wrap:wrap;
+	z-index:199;
+}
+
+div.sheet-identite > label
+{
+	width:100%;
+	flex-wrap:wrap;
+}
+
+div.sheet-identite > label:not(:first-of-type)
+{
+	margin-top:5px;
+}
+
+div.sheet-identite > label > input[type="text"]
+{
+	width:100%;
+	border:0px;
+	padding:0px;
+	font-family:"Gochi Hand", "Segoe UI";
+	border-bottom:1px solid black;
+	text-transform:uppercase;
+	font-size:18px;
+	letter-spacing:1px;
+}
+
+div.sheet-identite > label > span
+{
+	width:100%;
+	font-family:"Ubuntu Mono", "Segoe UI";
+	text-transform:uppercase;
+	color:var(--grey);
+	font-weight:normal;
+	letter-spacing:2px;
+}
+
+div.sheet-identite > div
+{
+	border:1px solid black;
+	margin-top:10px;
+	font-family:"Gochi Hand", "Segoe UI";
+	font-size:18px;
+}
+
+div.sheet-identite > div > textarea,
+div.sheet-identite > div > span
+{
+	letter-spacing:2px;
+}
+
+div.sheet-top,
+div.sheet-middle,
+div.sheet-bottom
+{
+	width:100%;
+	justify-content:space-between;
+	align-items:flex-start;
+	align-content:flex-start;
+	position:relative;
+}
+
+div.sheet-top > .sheet-bigRight > .sheet-left > img
+{
+	width:180px;
+	height:154px;
+}
+
+div.sheet-right
+{
+	width:calc(100% - 175px);
+	flex-wrap:wrap;
+	margin-left:auto;
+	
+}
+
+div.sheet-loksyu
+{
+	width:100%;
+	align-items:flex-start;
+}
+
+div.sheet-loksyu > .sheet-left
+{
+	width: 180px;
+	flex-wrap: wrap;
+}
+
+div.sheet-loksyu > .sheet-left > img
+{
+	width:180px;
+	height:154px;
+}
+
+div.sheet-loksyu > .sheet-gestionLoksyu
+{
+	position:relative;
+	width: 680px;
+	background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Chroniques_De_L_Etrange/img/loksyu.png);
+	background-size: contain;
+	background-repeat: no-repeat;
+	height: 617px;
+	margin-left:auto;
+	margin-right:auto;
+}
+
+div.sheet-loksyu > .sheet-gestionLoksyu > input[type="number"]
+{
+	position: absolute;
+	text-align: center;
+	padding: 0px;
+	font-family: "Gochi Hand";
+	height: 70px;
+	width: 70px;
+	border-radius: 50%;
+	border-color: black;
+	background-color: RGBA(255, 255 , 255, 0.5);
+	font-size: 50px;
+}
+
+div.sheet-loksyu > .sheet-gestionLoksyu > input[type="number"].sheet-loksyuYangMetal
+{
+	margin-left: 30px;
+	margin-top: calc(50% + 45px);
+}
+
+div.sheet-loksyu > .sheet-gestionLoksyu > input[type="number"].sheet-loksyuYinMetal
+{
+	margin-left: 75px;
+	margin-top: calc(50% + -155px);
+}
+
+div.sheet-loksyu > .sheet-gestionLoksyu > input[type="number"].sheet-loksyuYangBois
+{
+	margin-left: calc(50% - 70px - 70px);
+	margin-top: 85px;
+}
+
+div.sheet-loksyu > .sheet-gestionLoksyu > input[type="number"].sheet-loksyuYinBois
+{
+	margin-left: calc(50% + 70px);
+	margin-top: 130px;
+}
+
+div.sheet-loksyu > .sheet-gestionLoksyu > input[type="number"].sheet-loksyuYangTerre
+{
+	margin-left: calc(50% - 70px - 70px);
+	margin-top: calc(50% - 70px);
+}
+
+div.sheet-loksyu > .sheet-gestionLoksyu > input[type="number"].sheet-loksyuYinTerre
+{
+	margin-left: calc(50% + 70px);
+	margin-top: calc(50% - 70px + 45px);
+}
+
+div.sheet-loksyu > .sheet-gestionLoksyu > input[type="number"].sheet-loksyuYangEau
+{
+	margin-left: calc(50% - 70px - 70px);
+	margin-top: calc(100% - 220px);
+}
+
+div.sheet-loksyu > .sheet-gestionLoksyu > input[type="number"].sheet-loksyuYinEau
+{
+	margin-left: calc(50% + 70px);
+	margin-top: calc(100% - 220px + 45px);
+}
+
+div.sheet-loksyu > .sheet-gestionLoksyu > input[type="number"].sheet-loksyuYangFeu
+{
+	margin-left: calc(100% - 140px);
+	margin-top: calc(50% + 30px);
+}
+
+div.sheet-loksyu > .sheet-gestionLoksyu > input[type="number"].sheet-loksyuYinFeu
+{
+	margin-left: calc(100% - 95px);
+	margin-top: calc(50% - 170px);
+}
+
+div.sheet-bigRight
+{
+	width:calc((100% / 2));
+	flex-wrap:wrap;
+	margin-bottom:10px;
+}
+
+div.sheet-bigRight > .sheet-left
+{
+	width:180px;
+	flex-wrap:wrap;
+	margin-left:-20px;
+}
+
+div.sheet-options
+{
+	position:absolute;
+	width:100%;
+	min-width:860px;
+}
+
+div.sheet-options > label
+{
+	width:25px;
+	height:25px;
+	margin-left:auto;
+}
+
+div.sheet-options > label > input[type="checkbox"]
+{
+	position:absolute;
+	width:25px;
+	height:25px;
+	opacity:0;
+	z-index:99;
+}
+
+div.sheet-options > label > span
+{
+	width:100%;
+}
+
+div.sheet-options > label > span::before
+{
+	content:"y";
+	font-family:"pictos";
+	width:100%;
+	height:25px;
+	line-height:25px;
+	color:white;
+	font-size:27px;
+	text-shadow:2px 2px 2px DarkGrey;
+}
+
+div.sheet-options > label > input[type="checkbox"]:checked ~ span::before
+{
+	text-shadow:none;
+}
+
+div.sheet-options > input[type="hidden"][value="1"] ~ div.sheet-extend
+{
+	display:flex;
+}
+
+div.sheet-options > div.sheet-extend
+{
+	display:none;
+	position:absolute;
+	background:var(--lightGrey);
+	border:1px solid black;
+	border-radius:10px;
+	width:150px;
+	height:max-content;
+	padding:5px;
+	right:25px;
+}
+
+div.sheet-options > div.sheet-extend > label
+{
+	width:100%;
+}
+
+div.sheet-options > div.sheet-extend > label > select
+{
+	width:100%;
+	text-align:center;
+	padding:0px;
+	margin:0px;
+}
+
+label.sheet-fiche
+{
+	width:150px;
+	height:20px;
+	margin-left:auto;
+	margin-right:auto;
+}
+
+label.sheet-fiche > input[type="checkbox"]
+{
+	display:none;
+	position:absolute;
+	width:150px;
+	height:20px;
+	z-index:99;
+	opacity:0;
+}
+
+label.sheet-fiche > input[type="hidden"][value="joueur"] ~ input[type="checkbox"]:nth-of-type(3)
+{
+	display:flex;
+}
+
+label.sheet-fiche > input[type="hidden"][value="loksyu"] ~ input[type="checkbox"]:nth-of-type(2)
+{
+	display:flex;
+}
+
+label.sheet-fiche > span
+{
+	width:100%;
+}
+
+label.sheet-fiche > span::before
+{
+	content:"";
+	width: 100%;
+	height: 20px;
+	line-height: 20px;
+	background: var(--lightGrey);
+	box-shadow: 3px 3px 3px black;
+	color: white;
+	text-shadow: 1px 1px 1px black;
+	display: flex;
+	justify-content: center;
+	font-variant:small-caps;
+}
+
+label.sheet-fiche > input[type="hidden"][value="joueur"] ~ span::before
+{
+	content: "Fiche Joueur";
+}
+
+label.sheet-fiche > input[type="hidden"][value="loksyu"] ~ span::before
+{
+	content: "Loksyu";
+}
+
+label.sheet-fiche:active > span::before
+{
+	box-shadow: inset 0px 0px 5px black;
+}
+
+div.sheet-roll
+{
+	width:100%;
+	flex-wrap:wrap;
+	margin-bottom:30px;
+}
+
+div.sheet-roll > h1
+{
+	width: 100%;
+	background-color: black;
+	text-transform: uppercase;
+	color: white;
+	font-family: "Kodchasan", "Segoe UI";
+	font-size: 16px;
+	line-height: 28px;
+	padding-left: 5px;
+}
+
+div.sheet-roll > div
+{
+	width:100%;
+	justify-content:space-between;
+}
+
+div.sheet-roll > div > label
+{
+	width:50%;
+	flex-wrap:wrap;
+	align-items:flex-end;
+	align-content:flex-end;
+}
+
+div.sheet-roll > div > label > span
+{
+	width: 100%;
+	font-size: 15px;
+	color: var(--lightGrey);
+	justify-content: center;
+	text-transform: uppercase;
+	font-weight: 510;
+	text-align:center;
+	align-items:flex-end;
+}
+
+div.sheet-roll > div > label > select
+{
+	width: 100%;
+	margin:0px;
+	padding:0px;
+	text-align:center;
+	border:0px;
+	border-bottom:1px solid black;
+}
+
+div.sheet-roll > div.sheet-bonus
+{
+	width:100%;
+	flex-wrap:wrap;
+	align-items:flex-end;
+	align-content:flex-end;
+}
+
+div.sheet-roll > div.sheet-bonus > span
+{
+	width: calc(50% - 27px);
+	text-transform: uppercase;
+	font-family: Ubuntu Mono;
+	font-size: 20px;
+	height: 27px;
+	font-weight: normal;
+	line-height:20px;
+	align-items:flex-end;
+}
+
+div.sheet-roll > div.sheet-bonus > input[type="number"]
+{
+	width: 50%;
+	margin:0px;
+	padding:0px;
+	text-align:center;
+	border:0px;
+	border-bottom:1px solid black;
+}
+
+div.sheet-roll > div.sheet-bonus > button[type="roll"]
+{
+	width: 25px;
+	margin: 0px;
+	padding: 0px;
+	height: 25px;
+	line-height: 25px;
+	font-size: 30px;
+}
+
+div.sheet-roll > div.sheet-bonus > button[type="roll"]::before
+{
+	content:"t";
+	font-family:dicefontd10;
+	width:100%;
+	margin:0px;
+	padding:0px;
+}
+
+div.sheet-roll > label.sheet-button
+{
+	width:100%;
+	position:relative;
+	height:26px;
+	margin-top:2px;
+}
+
+div.sheet-roll > label.sheet-button > input[type="checkbox"]
+{
+	position:absolute;
+	width:100%;
+	height:26px;
+	opacity:0;
+}
+
+div.sheet-roll > label.sheet-button > input[type="checkbox"] ~ span
+{
+	width:100%;
+}
+
+div.sheet-roll > label.sheet-button > span::before
+{
+	content:attr(title);
+	width:100%;
+	line-height:20px;
+	background-color:var(--lightGrey);
+	color:white;
+	border:1px solid black;
+	box-shadow:3px 3px 3px black;
+	text-shadow:1px 1px 1px black;
+	text-align:center;
+}
+
+div.sheet-roll > label.sheet-button > input[type="checkbox"]:checked ~ span::before
+{
+	box-shadow:inset 0px 0px 5px black;
+}
+
+div.sheet-roll > label.sheet-button > input[type="checkbox"]:active ~ span::before
+{
+	box-shadow:inset 0px 0px 5px black;
+}
+
+div.sheet-competences
+{
+	width:calc(100% - 525px);
+	flex-wrap:wrap;
+	margin-top:20px;
+}
+
+div.sheet-competences > h1
+{
+	width:100%;
+	background-color:black;
+	text-transform:uppercase;
+	color:white;
+	font-family:"Kodchasan", "Segoe UI";
+	padding-left:10px;
+	padding-top:10px;
+	font-size:28px;
+}
+
+div.sheet-competences > div
+{
+	width:100%;
+	justify-content:space-between;
+	margin-top:5px;
+	flex-wrap:wrap;
+}
+
+div.sheet-competences > div > h2
+{
+	width: max-content;
+	min-width: max-content;
+	text-transform: uppercase;
+	font-family: Ubuntu Mono;
+	font-size: 20px;
+	height: 27px;
+	font-weight: normal;
+	margin-right: auto;
+	margin-left: 5px;
+	line-height: 25px;
+}
+
+div.sheet-competences > div > input[type="hidden"][value="1"] ~ div.sheet-expand
+{
+	display:flex;
+}
+
+div.sheet-competences > div > div
+{
+	width:100%;
+	min-width:0px;
+	border:0px;
+	border-bottom:1px solid black;
+	font-family:"Gochi Hand", "Segoe UI";
+	padding:0px;
+	font-size:17px;
+}
+
+div.sheet-competences > div > div > textarea,
+div.sheet-competences > div > div > span
+{
+	letter-spacing:1px;
+}
+
+div.sheet-competences > div > input[type="number"]
+{
+	width:25px;
+	height:25px;
+	border-radius:50%;
+	border-color:var(--grey);
+	text-align:center;
+	font-family:"Gochi Hand", "Segoe UI";
+	padding:0px;
+	font-size:20px;
+	margin-top:2px;
+}
+
+div.sheet-aspects
+{
+	width: 515px;
+	height: 475px;
+	margin-top:10px;
+}
+
+div.sheet-aspects > h1
+{
+	width: 187px;
+	background-color: black;
+	text-transform: uppercase;
+	color: white;
+	font-family: "Kodchasan", "Segoe UI";
+	padding-left: 10px;
+	font-size: 28px;
+	height: min-content;
+	margin-left: auto;
+	margin-top: 25px;
+}
+
+div.sheet-aspects > img
+{
+	position: absolute;
+	width: inherit;
+}
+
+div.sheet-aspects > input[type="number"]
+{
+	position: absolute;
+	font-family:"Gochi Hand", "Segoe UI";
+	font-size:45px;
+	text-align:center;
+	width:61px;
+	background:transparent;
+	border:0px;
+	z-index:99;
+}
+
+div.sheet-aspects > input[type="number"]:nth-of-type(1)
+{
+	margin-left:265px;
+	margin-top:5px;
+}
+
+div.sheet-aspects > input[type="number"]:nth-of-type(2)
+{
+	margin-top: 145px;
+	margin-left: 80px;
+}
+
+div.sheet-aspects > input[type="number"]:nth-of-type(3)
+{
+	margin-top: 145px;
+	margin-left: 455px;
+}
+
+div.sheet-aspects > input[type="number"]:nth-of-type(4)
+{
+	margin-top: 340px;
+	margin-left: 130px;
+}
+
+div.sheet-aspects > input[type="number"]:nth-of-type(5)
+{
+	margin-top: 340px;
+	margin-left: 395px;
+}
+
+div.sheet-RessSanhei
+{
+	width:calc((100% / 1.5));
+	flex-wrap:wrap;
+	margin-top:20px;
+	justify-content:space-between;
+	align-items:flex-start;
+	align-content:flex-start;
+}
+
+div.sheet-ressources,
+div.sheet-sanhei,
+div.sheet-artsMartiaux,
+div.sheet-equipement
+{
+	width:calc(50% - 10px);
+	flex-wrap:wrap;
+}
+
+div.sheet-artsMartiaux,
+div.sheet-equipement
+{
+	margin-top:10px;
+}
+
+div.sheet-ressources > h1
+{
+	width:calc(100% - 50px);
+	background-color: black;
+	text-transform: uppercase;
+	color: white;
+	font-family: "Kodchasan", "Segoe UI";
+	padding-left: 10px;
+	padding-top: 10px;
+	font-size:28px;
+}
+
+div.sheet-ressources > div:first-of-type
+{
+	width:100%;
+	margin-top:10px;
+}
+
+div.sheet-ressources > div:first-of-type > span
+{
+	width:max-content;
+	margin-left:auto;
+	text-transform:uppercase;
+	color:var(--grey);
+	font-family: "Ubuntu Mono", "Segoe UI";
+	font-weight: bold;
+	letter-spacing: 2px;
+	opacity:0.5;
+}
+
+div.sheet-ressources > div:not(:first-of-type)
+{
+	width:100%;
+}
+
+div.sheet-ressources > div:not(:first-of-type):not(:nth-of-type(2))
+{
+	margin-top:10px;
+}
+
+div.sheet-ressources > div:not(:first-of-type) > label
+{
+	width:calc(100% - 70px);
+	flex-wrap:wrap;
+}
+
+div.sheet-ressources > div:not(:first-of-type) > label > input[type="text"]
+{
+	width: 100%;
+	border: 0px;
+	padding: 0px;
+	font-family: "Gochi Hand", "Segoe UI";
+	border-bottom: 1px solid black;
+	font-size: 18px;
+	letter-spacing: 1px;
+}
+
+div.sheet-ressources > div:not(:first-of-type) > label > span
+{
+	width: 100%;
+	font-family: "Ubuntu Mono", "Segoe UI";
+	text-transform: uppercase;
+	color: var(--grey);
+	font-weight: normal;
+	letter-spacing: 2px;
+}
+
+div.sheet-ressources > div:not(:first-of-type) > input[type="number"]
+{
+	width: 40px;
+	height: 40px;
+	border-radius: 50%;
+	border-color: black;
+	text-align: center;
+	font-family: "Gochi Hand", "Segoe UI";
+	padding: 0px;
+	font-size: 30px;
+	margin-top: 2px;
+}
+
+div.sheet-ressources > div:not(:first-of-type) > input[type="checkbox"]
+{
+	margin-left: auto;
+	margin-right: 12px;
+	height: 13px;
+	margin-top: auto;
+	margin-bottom: auto;
+}
+
+div.sheet-sanhei > h1,
+div.sheet-artsMartiaux > h1,
+div.sheet-equipement > h1
+{
+	width:100%;
+	background-color: black;
+	text-transform: uppercase;
+	color: white;
+	font-family: "Kodchasan", "Segoe UI";
+	padding-left: 10px;
+	padding-top: 10px;
+	font-size:28px;
+}
+
+div.sheet-sanhei > .repcontainer,
+div.sheet-artsMartiaux > .repcontainer,
+div.sheet-equipement > .repcontainer
+{
+	width:100%;
+	flex-wrap:wrap;
+}
+
+div.sheet-sanhei > .repcontainer > .repitem,
+div.sheet-artsMartiaux > .repcontainer > .repitem,
+div.sheet-equipement > .repcontainer > .repitem
+{
+	width:100%;
+}
+
+div.sheet-sanhei > .repcontainer > .repitem > div,
+div.sheet-artsMartiaux > .repcontainer > .repitem > div,
+div.sheet-equipement > .repcontainer > .repitem > div
+{
+	border-bottom:1px solid black;
+	font-family:"Gochi Hand", "Segoe UI";
+	font-size:18px;
+}
+
+div.sheet-sanhei > .repcontainer > .repitem > div > textarea,
+div.sheet-sanhei > .repcontainer > .repitem > div > span
+div.sheet-artsMartiaux > .repcontainer > .repitem > div > textarea,
+div.sheet-artsMartiaux > .repcontainer > .repitem > div > span
+div.sheet-equipement > .repcontainer > .repitem > div > textarea,
+div.sheet-equipement > .repcontainer > .repitem > div > span
+{
+	letter-spacing:1px;
+}
+
+div.sheet-tresorsComp
+{
+	width:calc((100% / 3) - 15px);
+	align-items:flex-start;
+	align-content:flex-start;
+	flex-wrap:wrap;
+	margin-top:-55px;
+}
+
+div.sheet-tresorsComp > div.sheet-tresor,
+div.sheet-tresorsComp > div.sheet-comp
+{
+	width:100%;
+	align-items:flex-start;
+	align-content:flex-start;
+	flex-wrap:wrap;
+}
+
+div.sheet-tresorsComp > div.sheet-tresor > h1
+{
+	width:100%;
+	background-color: black;
+	text-transform: uppercase;
+	color: white;
+	font-family: "Kodchasan", "Segoe UI";
+	padding-top: 5px;
+	justify-content:center;
+	font-size:24px;
+}
+
+div.sheet-tresorsComp > div.sheet-tresor > h2,
+div.sheet-tresorsComp > div.sheet-tresor > div:nth-of-type(3) > h2,
+div.sheet-tresorsComp > div.sheet-tresor > div:nth-of-type(4) > h2
+{
+	width:100%;
+	text-transform: uppercase;
+	font-family: "Kodchasan", "Segoe UI";
+	justify-content:center;
+	font-size:15px;
+	color:black;
+	line-height:25px;
+}
+
+div.sheet-tresorsComp > div.sheet-tresor > div:first-of-type
+{
+	width:100%;
+}
+
+div.sheet-tresorsComp > div.sheet-tresor > div:first-of-type > h3,
+div.sheet-tresorsComp > div.sheet-tresor > div:nth-of-type(3) > h3,
+div.sheet-tresorsComp > div.sheet-tresor > div:nth-of-type(4) > h3
+{
+	width: max-content;
+	text-transform: uppercase;
+	font-family: "Kodchasan", "Segoe UI";
+	justify-content: center;
+	font-size: 13px;
+	color: white;
+	background-color: var(--lightGrey);
+	padding-right: 5px;
+	padding-left: 5px;
+	line-height: 17px;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+div.sheet-tresorsComp > div.sheet-tresor > div:nth-of-type(2)
+{
+	width:100%;
+	justify-content:space-between;
+	position:relative;
+}
+
+div.sheet-tresorsComp > div.sheet-tresor > div:nth-of-type(2) > label
+{
+	width:50%;
+	flex-wrap:wrap;
+	justify-content:center;
+}
+
+div.sheet-tresorsComp > div.sheet-tresor > div:nth-of-type(2) > label > span
+{
+	width: 100%;
+	font-size: 15px;
+	color: var(--lightGrey);
+	justify-content: center;
+	text-transform: uppercase;
+	font-weight: 510;
+	margin-bottom: 5px;
+}
+
+div.sheet-tresorsComp > div.sheet-tresor > div:nth-of-type(2) > label > input[type="number"]
+{
+	width: 60px;
+	height: 60px;
+	border-radius: 50%;
+	border-color: black;
+	text-align: center;
+	font-family: "Gochi Hand", "Segoe UI";
+	padding: 0px;
+	font-size: 40px;
+}
+
+div.sheet-tresorsComp > div.sheet-tresor > div:nth-of-type(2) > img
+{
+	width: 50px;
+	height: 50px;
+	position: absolute;
+	margin-left: calc(50% - 25px);
+	margin-top: 25px;
+}
+
+div.sheet-tresorsComp > div.sheet-tresor > div:nth-of-type(3),
+div.sheet-tresorsComp > div.sheet-tresor > div:nth-of-type(4)
+{
+	width:calc(50% - 5px);
+	flex-wrap:wrap;
+	justify-content:space-between;
+	margin-top:5px;
+}
+
+div.sheet-tresorsComp > div.sheet-tresor > div:nth-of-type(3) > span,
+div.sheet-tresorsComp > div.sheet-tresor > div:nth-of-type(4) > span
+{
+	width: 50%;
+	font-size: 15px;
+	color: var(--lightGrey);
+	justify-content: center;
+	text-transform: uppercase;
+	font-weight: 510;
+	margin-bottom: 5px;
+}
+
+div.sheet-tresorsComp > div.sheet-tresor > div:nth-of-type(3) > div,
+div.sheet-tresorsComp > div.sheet-tresor > div:nth-of-type(4) > div
+{
+	width:50%;
+	justify-content:center;
+}
+
+div.sheet-tresorsComp > div.sheet-tresor > div:nth-of-type(3) > div:not(:nth-of-type(1)):not(:nth-of-type(2)),
+div.sheet-tresorsComp > div.sheet-tresor > div:nth-of-type(4) > div:not(:nth-of-type(1)):not(:nth-of-type(2))
+{
+	margin-top:5px;
+}
+
+div.sheet-tresorsComp > div.sheet-tresor > div:nth-of-type(3) > div > input[type="number"],
+div.sheet-tresorsComp > div.sheet-tresor > div:nth-of-type(4) > div > input[type="number"]
+{
+	width: 50px;
+	height: 50px;
+	border-radius: 50%;
+	border-color: black;
+	text-align: center;
+	font-family: "Gochi Hand", "Segoe UI";
+	padding: 0px;
+	font-size: 30px;
+}
+
+div.sheet-tresorsComp > div.sheet-comp
+{
+	margin-top:10px;
+}
+
+div.sheet-tresorsComp > div.sheet-comp > h1
+{
+	width: 100%;
+	background-color: black;
+	text-transform: uppercase;
+	color: white;
+	font-family: "Kodchasan", "Segoe UI";
+	font-size: 16px;
+	line-height: 28px;
+	padding-left: 5px;
+}
+
+div.sheet-tresorsComp > div.sheet-comp > div
+{
+	width: calc(50% - 5px);
+	flex-wrap:wrap;
+}
+
+div.sheet-tresorsComp > div.sheet-comp > div > div
+{
+	width: 100%;
+	justify-content:space-between;
+}
+
+div.sheet-tresorsComp > div.sheet-comp > div > div > span
+{
+	width:25px;
+}
+
+div.sheet-tresorsComp > div.sheet-comp > div > div > span::before
+{
+	content:"";
+	width:100%;
+}
+
+div.sheet-tresorsComp > div.sheet-comp > div > div > div
+{
+	width: calc(100% - 25px);
+	border-bottom:1px solid black;
+	font-family:"Gochi Hand", "Segoe UI";
+	line-height:14px;
+}
+
+div.sheet-tresorsComp > div.sheet-comp > div > div > div > *
+{
+	letter-spacing:1px;
+}
+
+div.sheet-tresorsComp > div.sheet-comp > div:nth-of-type(1) > div,
+div.sheet-tresorsComp > div.sheet-comp > div:nth-of-type(2) > div
+{
+	margin-top:5px;
+}
+
+div.sheet-tresorsComp > div.sheet-comp > div:nth-of-type(1) > div:nth-of-type(1) > span::before
+{
+	background:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Chroniques_De_L_Etrange/img/D10-1.png");
+	background-repeat:no-repeat;
+	background-size:contain;
+	background-position-y:center;
+}
+
+div.sheet-tresorsComp > div.sheet-comp > div:nth-of-type(1) > div:nth-of-type(2) > span::before
+{
+	background:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Chroniques_De_L_Etrange/img/D10-2.png");
+	background-repeat:no-repeat;
+	background-size:contain;
+	background-position-y:center;
+}
+
+div.sheet-tresorsComp > div.sheet-comp > div:nth-of-type(1) > div:nth-of-type(3) > span::before
+{
+	background:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Chroniques_De_L_Etrange/img/D10-3.png");
+	background-repeat:no-repeat;
+	background-size:contain;
+	background-position-y:center;
+}
+
+div.sheet-tresorsComp > div.sheet-comp > div:nth-of-type(1) > div:nth-of-type(4) > span::before
+{
+	background:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Chroniques_De_L_Etrange/img/D10-4.png");
+	background-repeat:no-repeat;
+	background-size:contain;
+	background-position-y:center;
+}
+
+div.sheet-tresorsComp > div.sheet-comp > div:nth-of-type(1) > div:nth-of-type(5) > span::before
+{
+	background:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Chroniques_De_L_Etrange/img/D10-5.png");
+	background-repeat:no-repeat;
+	background-size:contain;
+	background-position-y:center;
+}
+
+div.sheet-tresorsComp > div.sheet-comp > div:nth-of-type(2) > div:nth-of-type(1) > span::before
+{
+	background:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Chroniques_De_L_Etrange/img/D10-6.png");
+	background-repeat:no-repeat;
+	background-size:contain;
+	background-position-y:center;
+}
+
+div.sheet-tresorsComp > div.sheet-comp > div:nth-of-type(2) > div:nth-of-type(2) > span::before
+{
+	background:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Chroniques_De_L_Etrange/img/D10-7.png");
+	background-repeat:no-repeat;
+	background-size:contain;
+	background-position-y:center;
+}
+
+div.sheet-tresorsComp > div.sheet-comp > div:nth-of-type(2) > div:nth-of-type(3) > span::before
+{
+	background:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Chroniques_De_L_Etrange/img/D10-8.png");
+	background-repeat:no-repeat;
+	background-size:contain;
+	background-position-y:center;
+}
+
+div.sheet-tresorsComp > div.sheet-comp > div:nth-of-type(2) > div:nth-of-type(4) > span::before
+{
+	background:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Chroniques_De_L_Etrange/img/D10-9.png");
+	background-repeat:no-repeat;
+	background-size:contain;
+	background-position-y:center;
+}
+
+div.sheet-tresorsComp > div.sheet-comp > div:nth-of-type(2) > div:nth-of-type(5) > span::before
+{
+	background:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Chroniques_De_L_Etrange/img/D10-0.png");
+	background-repeat:no-repeat;
+	background-size:contain;
+	background-position-y:center;
+}
+
+.sheet-rolltemplate-roll
+{
+	display:flex;
+	width:calc(100% - 4px);
+	flex-wrap:wrap;
+	background:FloralWhite;
+	padding:2px;
+	border:1px solid black;
+}
+
+.sheet-rolltemplate-roll > h1
+{
+	display:flex;
+	width: 100%;
+	background-color: black;
+	text-transform: uppercase;
+	color: white;
+	font-family: "Kodchasan", "Segoe UI";
+	padding-top: 5px;
+	justify-content: center;
+	font-size: 24px;
+}
+
+.sheet-rolltemplate-roll > h2
+{
+	display:flex;
+	width: 100%;
+	text-transform: uppercase;
+	font-family: "Kodchasan", "Segoe UI";
+	justify-content: center;
+	font-size: 13px;
+	color: white;
+	background-color: RGB(178, 178, 178);
+	padding-right: 5px;
+	padding-left: 5px;
+	line-height: 17px;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.sheet-rolltemplate-roll > span
+{
+	width:100%;
+	word-wrap:everywhere;
+	text-align:justify;
+	margin-top:5px;
+}
+.sheet-rolltemplate-roll > span:first-of-type
+{
+	border-top:1px solid black;
+}
+
+.sheet-rolltemplate-roll > span.sheet-success
+{
+	color:DarkGreen;
+}
+
+.sheet-rolltemplate-roll > span.sheet-desFastes
+{
+	color:DarkBlue;
+}
+
+.sheet-rolltemplate-roll > span.sheet-desNefastes
+{
+	color:DarkRed;
+}
+
+.sheet-rolltemplate-roll > span.sheet-Loksyu
+{
+	color:Black;
+}
+
+.sheet-rolltemplate-roll > span.sheet-TinJi
+{
+	color:DarkGoldenRod;
+}
+
+.sheet-rolltemplate-roll > div
+{
+	display:flex;
+	width:100%;
+	justify-content:space-between;
+	flex-wrap:wrap;
+}
+
+.sheet-rolltemplate-roll > div > div
+{
+	width:calc((100% / 3) - 3px);
+	justify-content:center;
+	margin-top:5px;
+}
+
+.sheet-rolltemplate-roll > div > div > span
+{
+	display:none;
+	width:100%;
+	line-height:20px;
+	text-transform:uppercase;
+	height:20px;
+	line-height:22px;
+	font-size:12px;
+	cursor:pointer;
+}
+
+.sheet-rolltemplate-roll > div[class="sheet-Eau"] > div[class*='critfail ">1'],
+.sheet-rolltemplate-roll > div[class="sheet-Feu"] > div[class*=">2"],
+.sheet-rolltemplate-roll > div[class="sheet-Metal"] > div[class*=">3"],
+.sheet-rolltemplate-roll > div[class="sheet-Bois"] > div[class*=">4"],
+.sheet-rolltemplate-roll > div[class="sheet-Terre"] > div[class*=">5"],
+.sheet-rolltemplate-roll > div[class="sheet-Eau"] > div[class*=">6"],
+.sheet-rolltemplate-roll > div[class="sheet-Feu"] > div[class*=">7"],
+.sheet-rolltemplate-roll > div[class="sheet-Metal"] > div[class*=">8"],
+.sheet-rolltemplate-roll > div[class="sheet-Bois"] > div[class*=">9"],
+.sheet-rolltemplate-roll > div[class="sheet-Terre"] > div[class*=">10"]
+{
+	background-color:DarkGreen;
+	border:1px solid black;
+}
+
+.sheet-rolltemplate-roll > div[class="sheet-Eau"] > div[class*='critfail ">1'] > span.sheet-eau-yang,
+.sheet-rolltemplate-roll > div[class="sheet-Feu"] > div[class*=">2"] > span.sheet-feu-yin,
+.sheet-rolltemplate-roll > div[class="sheet-Metal"] > div[class*=">3"] > span.sheet-metal-yang,
+.sheet-rolltemplate-roll > div[class="sheet-Bois"] > div[class*=">4"] > span.sheet-bois-yin,
+.sheet-rolltemplate-roll > div[class="sheet-Terre"] > div[class*=">5"] > span.sheet-terre-yang,
+.sheet-rolltemplate-roll > div[class="sheet-Eau"] > div[class*=">6"] > span.sheet-eau-yin,
+.sheet-rolltemplate-roll > div[class="sheet-Feu"] > div[class*=">7"] > span.sheet-feu-yang,
+.sheet-rolltemplate-roll > div[class="sheet-Metal"] > div[class*=">8"] > span.sheet-metal-yin,
+.sheet-rolltemplate-roll > div[class="sheet-Bois"] > div[class*=">9"] > span.sheet-bois-yang,
+.sheet-rolltemplate-roll > div[class="sheet-Terre"] > div[class*=">10"] > span.sheet-terre-yin
+{
+	display:flex;
+	color:white;
+	justify-content:center;
+	font-weight:bold;
+}
+
+.sheet-rolltemplate-roll > div[class="sheet-Eau"] > div[class*=">9"],
+.sheet-rolltemplate-roll > div[class="sheet-Eau"] > div[class*=">4"],
+.sheet-rolltemplate-roll > div[class="sheet-Feu"] > div[class*=">5"],
+.sheet-rolltemplate-roll > div[class="sheet-Feu"] > div[class*=">10"],
+.sheet-rolltemplate-roll > div[class="sheet-Metal"] > div[class*='critfail ">1'],
+.sheet-rolltemplate-roll > div[class="sheet-Metal"] > div[class*=">6"],
+.sheet-rolltemplate-roll > div[class="sheet-Bois"] > div[class*=">7"],
+.sheet-rolltemplate-roll > div[class="sheet-Bois"] > div[class*=">2"],
+.sheet-rolltemplate-roll > div[class="sheet-Terre"] > div[class*=">3"],
+.sheet-rolltemplate-roll > div[class="sheet-Terre"] > div[class*=">8"]
+{
+	background-color:DarkBlue;
+	border:1px solid black;
+}
+
+.sheet-rolltemplate-roll > div[class="sheet-Eau"] > div[class*=">9"] > span.sheet-bois-yang,
+.sheet-rolltemplate-roll > div[class="sheet-Eau"] > div[class*=">4"] > span.sheet-bois-yin,
+.sheet-rolltemplate-roll > div[class="sheet-Feu"] > div[class*=">5"] > span.sheet-terre-yang,
+.sheet-rolltemplate-roll > div[class="sheet-Feu"] > div[class*=">10"] > span.sheet-terre-yin,
+.sheet-rolltemplate-roll > div[class="sheet-Metal"] > div[class*='critfail ">1'] > span.sheet-metal-yin,
+.sheet-rolltemplate-roll > div[class="sheet-Metal"] > div[class*=">6"] > span.sheet-metal-yang,
+.sheet-rolltemplate-roll > div[class="sheet-Bois"] > div[class*=">7"] > span.sheet-feu-yin,
+.sheet-rolltemplate-roll > div[class="sheet-Bois"] > div[class*=">2"] > span.sheet-feu-yang,
+.sheet-rolltemplate-roll > div[class="sheet-Terre"] > div[class*=">3"] > span.sheet-metal-yin,
+.sheet-rolltemplate-roll > div[class="sheet-Terre"] > div[class*=">8"] > span.sheet-metal-yang
+{
+	display:flex;
+	color:white;
+	justify-content:center;
+	font-weight:bold;
+}
+
+.sheet-rolltemplate-roll > div[class="sheet-Eau"] > div[class*=">3"],
+.sheet-rolltemplate-roll > div[class="sheet-Eau"] > div[class*=">8"],
+.sheet-rolltemplate-roll > div[class="sheet-Feu"] > div[class*=">9"],
+.sheet-rolltemplate-roll > div[class="sheet-Feu"] > div[class*=">4"],
+.sheet-rolltemplate-roll > div[class="sheet-Metal"] > div[class*=">5"],
+.sheet-rolltemplate-roll > div[class="sheet-Metal"] > div[class*=">10"],
+.sheet-rolltemplate-roll > div[class="sheet-Bois"] > div[class*='critfail ">1'],
+.sheet-rolltemplate-roll > div[class="sheet-Bois"] > div[class*=">6"],
+.sheet-rolltemplate-roll > div[class="sheet-Terre"] > div[class*=">7"],
+.sheet-rolltemplate-roll > div[class="sheet-Terre"] > div[class*=">2"]
+{
+	background-color:DarkRed;
+	border:1px solid black;
+}
+
+.sheet-rolltemplate-roll > div[class="sheet-Eau"] > div[class*=">3"] > span.sheet-metal-yang,
+.sheet-rolltemplate-roll > div[class="sheet-Eau"] > div[class*=">8"] > span.sheet-metal-yin,
+.sheet-rolltemplate-roll > div[class="sheet-Feu"] > div[class*=">9"] > span.sheet-bois-yang,
+.sheet-rolltemplate-roll > div[class="sheet-Feu"] > div[class*=">4"] > span.sheet-bois-yin,
+.sheet-rolltemplate-roll > div[class="sheet-Metal"] > div[class*=">5"] > span.sheet-terre-yang,
+.sheet-rolltemplate-roll > div[class="sheet-Metal"] > div[class*=">10"] > span.sheet-terre-yin,
+.sheet-rolltemplate-roll > div[class="sheet-Bois"] > div[class*='critfail ">1'] > span.sheet-eau-yang,
+.sheet-rolltemplate-roll > div[class="sheet-Bois"] > div[class*=">6"] > span.sheet-eau-yin,
+.sheet-rolltemplate-roll > div[class="sheet-Terre"] > div[class*=">7"] > span.sheet-feu-yang,
+.sheet-rolltemplate-roll > div[class="sheet-Terre"] > div[class*=">2"] > span.sheet-feu-yin
+{
+	display:flex;
+	color:white;
+	justify-content:center;
+	font-weight:bold;
+}
+
+.sheet-rolltemplate-roll > div[class="sheet-Eau"] > div[class*=">7"],
+.sheet-rolltemplate-roll > div[class="sheet-Eau"] > div[class*=">2"],
+.sheet-rolltemplate-roll > div[class="sheet-Feu"] > div[class*=">3"],
+.sheet-rolltemplate-roll > div[class="sheet-Feu"] > div[class*=">8"],
+.sheet-rolltemplate-roll > div[class="sheet-Metal"] > div[class*=">9"],
+.sheet-rolltemplate-roll > div[class="sheet-Metal"] > div[class*=">4"],
+.sheet-rolltemplate-roll > div[class="sheet-Bois"] > div[class*=">5"],
+.sheet-rolltemplate-roll > div[class="sheet-Bois"] > div[class*=">10"],
+.sheet-rolltemplate-roll > div[class="sheet-Terre"] > div[class*='critfail ">1'],
+.sheet-rolltemplate-roll > div[class="sheet-Terre"] > div[class*=">6"]
+{
+	background-color:Black;
+	border:1px solid black;
+}
+
+.sheet-rolltemplate-roll > div[class="sheet-Eau"] > div[class*=">7"] > span.sheet-feu-yang,
+.sheet-rolltemplate-roll > div[class="sheet-Eau"] > div[class*=">2"] > span.sheet-feu-yin,
+.sheet-rolltemplate-roll > div[class="sheet-Feu"] > div[class*=">3"] > span.sheet-metal-yang,
+.sheet-rolltemplate-roll > div[class="sheet-Feu"] > div[class*=">8"] > span.sheet-metal-yin,
+.sheet-rolltemplate-roll > div[class="sheet-Metal"] > div[class*=">9"] > span.sheet-bois-yin,
+.sheet-rolltemplate-roll > div[class="sheet-Metal"] > div[class*=">4"] > span.sheet-bois-yang,
+.sheet-rolltemplate-roll > div[class="sheet-Bois"] > div[class*=">5"] > span.sheet-terre-yang,
+.sheet-rolltemplate-roll > div[class="sheet-Bois"] > div[class*=">10"] > span.sheet-terre-yin,
+.sheet-rolltemplate-roll > div[class="sheet-Terre"] > div[class*='critfail ">1'] > span.sheet-eau-yang,
+.sheet-rolltemplate-roll > div[class="sheet-Terre"] > div[class*=">6"] > span.sheet-eau-yin
+{
+	display:flex;
+	color:white;
+	justify-content:center;
+	font-weight:bold;
+}
+
+.sheet-rolltemplate-roll > div[class="sheet-Eau"] > div[class*=">5"],
+.sheet-rolltemplate-roll > div[class="sheet-Eau"] > div[class*=">10"],
+.sheet-rolltemplate-roll > div[class="sheet-Feu"] > div[class*='critfail ">1'],
+.sheet-rolltemplate-roll > div[class="sheet-Feu"] > div[class*=">6"],
+.sheet-rolltemplate-roll > div[class="sheet-Metal"] > div[class*=">7"],
+.sheet-rolltemplate-roll > div[class="sheet-Metal"] > div[class*=">2"],
+.sheet-rolltemplate-roll > div[class="sheet-Bois"] > div[class*=">3"],
+.sheet-rolltemplate-roll > div[class="sheet-Bois"] > div[class*=">8"],
+.sheet-rolltemplate-roll > div[class="sheet-Terre"] > div[class*=">9"],
+.sheet-rolltemplate-roll > div[class="sheet-Terre"] > div[class*=">4"]
+{
+	background-color:DarkGoldenRod;
+	border:1px solid black;
+}
+
+.sheet-rolltemplate-roll > div[class="sheet-Eau"] > div[class*=">5"] > span.sheet-terre-yang,
+.sheet-rolltemplate-roll > div[class="sheet-Eau"] > div[class*=">10"] > span.sheet-terre-yin,
+.sheet-rolltemplate-roll > div[class="sheet-Feu"] > div[class*='critfail ">1'] > span.sheet-eau-yang,
+.sheet-rolltemplate-roll > div[class="sheet-Feu"] > div[class*=">6"] > span.sheet-eau-yin,
+.sheet-rolltemplate-roll > div[class="sheet-Metal"] > div[class*=">7"] > span.sheet-feu-yang,
+.sheet-rolltemplate-roll > div[class="sheet-Metal"] > div[class*=">2"] > span.sheet-feu-yin,
+.sheet-rolltemplate-roll > div[class="sheet-Bois"] > div[class*=">3"] > span.sheet-metal-yang,
+.sheet-rolltemplate-roll > div[class="sheet-Bois"] > div[class*=">8"] > span.sheet-metal-yin,
+.sheet-rolltemplate-roll > div[class="sheet-Terre"] > div[class*=">9"] > span.sheet-bois-yang,
+.sheet-rolltemplate-roll > div[class="sheet-Terre"] > div[class*=">4"] > span.sheet-bois-yin
+{
+	display:flex;
+	color:white;
+	justify-content:center;
+	font-weight:bold;
+}
\ No newline at end of file
diff --git a/Chroniques_De_L_Etrange/CdE.html b/Chroniques_De_L_Etrange/CdE.html
new file mode 100644
index 0000000000..2adcf4071e
--- /dev/null
+++ b/Chroniques_De_L_Etrange/CdE.html
@@ -0,0 +1,704 @@
+<input type="hidden" name="attr_fiche" class="typeFiche" value="joueur" />
+
+<div class="top">
+	<div class="options">
+		<label>
+			<input type="checkbox" name="attr_options" value="1" />
+			<span></span>
+		</label>
+		<input type="hidden" name="attr_options" />
+		<div class="extend">
+			<label>
+				<select name="attr_prive">
+					<option value="">Jets publics</option>
+					<option value="/w gm ">Jets privés</option>
+				</select>
+			</label>
+		</div>
+	</div>
+	<div class="identite">
+		<label>
+			<input type="text" name="attr_character_name" />
+			<span>Personnage</span>
+		</label>
+		<label>
+			<input type="text" name="attr_concept" />
+			<span>Concept</span>
+		</label>
+		<label>
+			<input type="text" name="attr_gardien_celeste" />
+			<span>Gardien céleste</span>
+		</label>
+		<div class="autoex autoex24">
+			<textarea name="attr_description" placeholder="Description"></textarea>
+			<span name="attr_description"></span>
+		</div>
+	</div>
+
+	<div class="bigRight">
+		<div class="left">
+			<label class="fiche">
+				<input type="hidden" name="attr_fiche" value="joueur" />
+				<input type="checkbox" name="attr_fiche" value="joueur" checked />
+				<input type="checkbox" name="attr_fiche" value="loksyu" />
+				<span></span>
+			</label>
+			
+			<img src="https://raw.githubusercontent.com/Zakarik/roll20-character-sheets/CdE/Chroniques_De_L_Etrange/img/Logo_CdE.png" />
+		</div>
+
+		<div class="right">
+			<div class="roll">
+				<h1>Jet</h1>
+				<div>
+					<label>
+						<span>Aspect</span>
+						<select name="attr_aspect">
+							<option value="" selected></option>
+							<option value="Feu">Feu</option>
+							<option value="Bois">Bois</option>
+							<option value="Terre">Terre</option>
+							<option value="Eau">Eau</option>
+							<option value="Metal">Métal</option>
+						</select>
+					</label>
+					<label>
+						<span>Compétence / Ressource</span>
+						<select name="attr_CR">
+							<optgroup label="Compétences">
+								<option value="" selected></option>
+								<option value="Art">Art</option>
+								<option value="Enquete">Enquête</option>
+								<option value="Erudition">Erudition</option>
+								<option value="Filouterie">Filouterie</option>
+								<option value="Mondanites">Mondanités</option>
+								<option value="Prouesse">Prouesse</option>
+								<option value="Sciences">Sciences</option>
+								<option value="Technologies">Technologies</option>
+								<option value="KungFu">Kung-Fu</option>
+								<option value="CombatADistance">Combat à distance</option>
+								<option value="CinabreInterne">Cinabre Interne</option>
+								<option value="Alchimie">Alchimie</option>
+								<option value="MaitriseDeLaVoie">Maîtrise de la Voie</option>
+								<option value="Exorcisme">Exorcisme</option>
+								<option value="Geomancie">Géomancie</option>
+							</optgroup>
+							<optgroup label="Ressources">
+								<option value="Materiel">Matériel</option>
+								<option value="Renseignement">Renseignement</option>
+								<option value="Influence">Influence</option>
+							</optgroup>
+						</select>
+					</label>
+				</div>
+				<div class="bonus">
+					<span>Bonus</span>
+					<input type="number" name="attr_bonus" value="0" />
+					<input type="hidden" name="attr_nAspect" value="" />
+					<input type="hidden" name="attr_rollTotal" value="" />
+					<input type="hidden" name="attr_roll" value="" />
+					<button type="roll" name="roll_jet" value="@{prive} &{template:roll} {{nom=@{character_name}}} {{base=@{aspect}}} {{nBase=@{nAspect}}} @{roll}"></button>
+				</div>
+				<label class="button">
+					<input type="checkbox" name="attr_specialite" value="1" />
+					<span title="Utilisation de spécialité"></span>
+				</label>
+			</div>
+		</div>
+	</div>
+</div>
+
+<div class="middle">
+	<div class="competences">
+		<h1>Compétences</h1>
+		<div>
+			<input type="hidden" name="attr_expandArt" value="1" />
+			<label class="expand">
+				<input type="checkbox" name="attr_expandArt" value="1" checked />
+				<span></span>
+			</label>
+			<h2>Art</h2>
+			<input type="number" name="attr_scoreArt" value="0" />
+			<div class="autoex autoex24 expand">
+				<textarea name="attr_speArt"></textarea>
+				<span name="attr_speArt"></span>
+			</div>
+		</div>
+		<div>
+			<input type="hidden" name="attr_expandEnquete" value="1" />
+			<label class="expand">
+				<input type="checkbox" name="attr_expandEnquete" value="1" checked />
+				<span></span>
+			</label>
+			<h2>Enquête</h2>
+			<input type="number" name="attr_scoreEnquete" value="0" />
+			<div class="autoex autoex24 expand">
+				<textarea name="attr_speEnquete"></textarea>
+				<span name="attr_speEnquete"></span>
+			</div>
+		</div>
+		<div>
+			<input type="hidden" name="attr_expandErudition" value="1" />
+			<label class="expand">
+				<input type="checkbox" name="attr_expandErudition" value="1" checked />
+				<span></span>
+			</label>
+			<h2>Érudition</h2>
+			<input type="number" name="attr_scoreErudition" value="0" />
+			<div class="autoex autoex24 expand">
+				<textarea name="attr_speErudition"></textarea>
+				<span name="attr_speErudition"></span>
+			</div>
+		</div>
+		<div>
+			<input type="hidden" name="attr_expandFilouterie" value="1" />
+			<label class="expand">
+				<input type="checkbox" name="attr_expandFilouterie" value="1" checked />
+				<span></span>
+			</label>
+			<h2>Filouterie</h2>
+			<input type="number" name="attr_scoreFilouterie" value="0" />
+			<div class="autoex autoex24 expand">
+				<textarea name="attr_speFilouterie"></textarea>
+				<span name="attr_speFilouterie"></span>
+			</div>
+		</div>
+		<div>
+			<input type="hidden" name="attr_expandMondanites" value="1" />
+			<label class="expand">
+				<input type="checkbox" name="attr_expandMondanites" value="1" checked />
+				<span></span>
+			</label>
+			<h2>Mondanités</h2>
+			<input type="number" name="attr_scoreMondanites" value="0" />
+			<div class="autoex autoex24 expand">
+				<textarea name="attr_speMondanites"></textarea>
+				<span name="attr_speMondanites"></span>
+			</div>
+		</div>
+		<div>
+			<input type="hidden" name="attr_expandProuesse" value="1" />
+			<label class="expand">
+				<input type="checkbox" name="attr_expandProuesse" value="1" checked />
+				<span></span>
+			</label>
+			<h2>Prouesse</h2>
+			<input type="number" name="attr_scoreProuesse" value="0" />
+			<div class="autoex autoex24 expand">
+				<textarea name="attr_speProuesse"></textarea>
+				<span name="attr_speProuesse"></span>
+			</div>
+		</div>
+		<div>
+			<input type="hidden" name="attr_expandSciences" value="1" />
+			<label class="expand">
+				<input type="checkbox" name="attr_expandSciences" value="1" checked />
+				<span></span>
+			</label>
+			<h2>Sciences</h2>
+			<input type="number" name="attr_scoreSciences" value="0" />
+			<div class="autoex autoex24 expand">
+				<textarea name="attr_speSciences"></textarea>
+				<span name="attr_speSciences"></span>
+			</div>
+		</div>
+		<div>
+			<input type="hidden" name="attr_expandTechnologies" value="1" />
+			<label class="expand">
+				<input type="checkbox" name="attr_expandTechnologies" value="1" checked />
+				<span></span>
+			</label>
+			<h2>Technologies</h2>
+			<input type="number" name="attr_scoreTechnologies" value="0" />
+			<div class="autoex autoex24 expand">
+				<textarea name="attr_speTechnologies"></textarea>
+				<span name="attr_speTechnologies"></span>
+			</div>
+		</div>
+		<div>
+			<input type="hidden" name="attr_expandKungFu" value="1" />
+			<label class="expand">
+				<input type="checkbox" name="attr_expandKungFu" value="1" checked />
+				<span></span>
+			</label>
+			<h2>Kung-fu</h2>
+			<input type="number" name="attr_scoreKungFu" value="0" />
+			<div class="autoex autoex24 expand">
+				<textarea name="attr_speKung"></textarea>
+				<span name="attr_speKung"></span>
+			</div>
+		</div>
+		<div>
+			<input type="hidden" name="attr_expandCombatADistance" value="1" />
+			<label class="expand">
+				<input type="checkbox" name="attr_expandCombatADistance" value="1" checked />
+				<span></span>
+			</label>
+			<h2>Combat à distance</h2>
+			<input type="number" name="attr_scoreCombatADistance" value="0" />
+			<div class="autoex autoex24 expand">
+				<textarea name="attr_speCombatADistance"></textarea>
+				<span name="attr_speCombatADistance"></span>
+			</div>
+		</div>
+		<div>
+			<input type="hidden" name="attr_expandCinabreInterne" value="1" />
+			<label class="expand">
+				<input type="checkbox" name="attr_expandCinabreInterne" value="1" checked />
+				<span></span>
+			</label>
+			<h2>Cinabre interne (Métal)</h2>
+			<input type="number" name="attr_scoreCinabreInterne" value="0" />
+			<div class="autoex autoex24 expand">
+				<textarea name="attr_speCinabreInterne"></textarea>
+				<span name="attr_speCinabreInterne"></span>
+			</div>
+		</div>
+		<div>
+			<input type="hidden" name="attr_expandAlchimie" value="1" />
+			<label class="expand">
+				<input type="checkbox" name="attr_expandAlchimie" value="1" checked />
+				<span></span>
+			</label>
+			<h2>Alchimie (Eau)</h2>
+			<input type="number" name="attr_scoreAlchimie" value="0" />
+			<div class="autoex autoex24 expand">
+				<textarea name="attr_speAlchimie"></textarea>
+				<span name="attr_speAlchimie"></span>
+			</div>
+		</div>
+		<div>
+			<input type="hidden" name="attr_expandMaitriseDeLaVoie" value="1" />
+			<label class="expand">
+				<input type="checkbox" name="attr_expandMaitriseDeLaVoie" value="1" checked />
+				<span></span>
+			</label>
+			<h2>Maîtrise de la voie (Terre)</h2>
+			<input type="number" name="attr_scoreMaitriseDeLaVoie" value="0" />
+			<div class="autoex autoex24 expand">
+				<textarea name="attr_speMaitriseDeLaVoie"></textarea>
+				<span name="attr_speMaitriseDeLaVoie"></span>
+			</div>
+		</div>
+		<div>
+			<input type="hidden" name="attr_expandExorcisme" value="1" />
+			<label class="expand">
+				<input type="checkbox" name="attr_expandExorcisme" value="1" checked />
+				<span></span>
+			</label>
+			<h2>Exorcisme (Feu)</h2>
+			<input type="number" name="attr_scoreExorcisme" value="0" />
+			<div class="autoex autoex24 expand">
+				<textarea name="attr_speExorcisme"></textarea>
+				<span name="attr_speExorcisme"></span>
+			</div>
+		</div>
+		<div>
+			<input type="hidden" name="attr_expandGeomancie" value="1" />
+			<label class="expand">
+				<input type="checkbox" name="attr_expandGeomancie" value="1" checked />
+				<span></span>
+			</label>
+			<h2>Géomancie (Bois)</h2>
+			<input type="number" name="attr_scoreGeomancie" value="0" />
+			<div class="autoex autoex24 expand">
+				<textarea name="attr_speGeomancie"></textarea>
+				<span name="attr_speGeomancie"></span>
+			</div>
+		</div>
+	</div>
+
+	<div class="aspects">
+		<h1>Aspects</h1>
+		<input type="number" name="attr_feu" value="0" />
+		<input type="number" name="attr_bois" value="0" />
+		<input type="number" name="attr_terre" value="0" />
+		<input type="number" name="attr_eau" value="0" />
+		<input type="number" name="attr_metal" value="0" />
+		<img src="https://raw.githubusercontent.com/Zakarik/roll20-character-sheets/CdE/Chroniques_De_L_Etrange/img/ng_hang.png" />
+	</div>
+</div>
+
+<div class="bottom">
+	<div class="RessSanhei">
+		<div class="ressources">
+			<h1>Ressources</h1>
+			<div>
+				<span>Dette</span>
+			</div>
+			<div>
+				<label>
+					<input type="text" name="attr_materiel" />
+					<span>Materiel</span>
+				</label>
+				<input type="number" name="attr_scoreMateriel" value="0" />
+				<input type="checkbox" name="attr_detteMateriel" value="1" />
+			</div>
+			<div>
+				<label>
+					<input type="text" name="attr_renseignement" />
+					<span>Renseignement</span>
+				</label>
+				<input type="number" name="attr_scoreRenseignement" value="0" />
+				<input type="checkbox" name="attr_detteRenseignement" value="1" />
+			</div>
+			<div>
+				<label>
+					<input type="text" name="attr_influence" />
+					<span>Influence</span>
+				</label>
+				<input type="number" name="attr_scoreInfluence value="0" />
+				<input type="checkbox" name="attr_detteInfluence" value="1" />
+			</div>
+		</div>
+		
+		<div class="sanhei">
+			<h1>Sanhei</h1>
+			<fieldset class="repeating_sanhei">
+				<div class="autoex autoex24">
+					<textarea name="attr_sanhei"></textarea>
+					<span name="attr_sanhei"></span>
+				</div>
+			</fieldset>
+		</div>
+		
+		<div class="artsMartiaux">
+			<h1>Arts Martiaux</h1>
+			<fieldset class="repeating_artsMartiaux">
+				<div class="autoex autoex24">
+					<textarea name="attr_artsMartiaux"></textarea>
+					<span name="attr_artsMartiaux"></span>
+				</div>
+			</fieldset>
+		</div>
+		
+		<div class="equipement">
+			<h1>Équipement</h1>
+			<fieldset class="repeating_equipement">
+				<div class="autoex autoex24">
+					<textarea name="attr_equipement"></textarea>
+					<span name="attr_equipement"></span>
+				</div>
+			</fieldset>
+		</div>
+	</div>
+
+	<div class="tresorsComp">
+		<div class="tresor">
+			<h1>Les Trois Trésors</h1>
+			<h2>Hei</h2>
+			<div>
+				<h3>Essence</h3>
+			</div>
+			<div>
+				<label>
+					<span>Yang</span>
+					<input type="number" name="attr_yang" value="0" />
+				</label>
+				<img src="https://raw.githubusercontent.com/Zakarik/roll20-character-sheets/CdE/Chroniques_De_L_Etrange/img/Yin-Yang.png" />
+				<label>
+					<span>Yin</span>
+					<input type="number" name="attr_yin" value="0" />
+				</label>
+			</div>
+			<div>
+				<h2>San</h2>
+				<h3>Santé mentale</h3>
+				<span>Actuel</span>
+				<span>Max</span>
+				<div>
+					<input type="number" name="attr_SM1" value="0" />
+				</div>
+				<div>
+					<input type="number" name="attr_SM1_max" value="0" />
+				</div>
+				<div>
+					<input type="number" name="attr_SM2" value="0" />
+				</div>
+				<div>
+					<input type="number" name="attr_SM2_max" value="0" />
+				</div>
+				<div>
+					<input type="number" name="attr_SM3" value="0" />
+				</div>
+				<div>
+					<input type="number" name="attr_SM3_max" value="0" />
+				</div>
+			</div>
+			<div>
+				<h2>Zing</h2>
+				<h3>Santé physique</h3>
+				<span>Actuel</span>
+				<span>Max</span>
+				<div>
+					<input type="number" name="attr_SP1" value="0" />
+				</div>
+				<div>
+					<input type="number" name="attr_SP1_max" value="0" />
+				</div>
+				<div>
+					<input type="number" name="attr_SP2" value="0" />
+				</div>
+				<div>
+					<input type="number" name="attr_SP2_max" value="0" />
+				</div>
+				<div>
+					<input type="number" name="attr_SP3" value="0" />
+				</div>
+				<div>
+					<input type="number" name="attr_SP3_max" value="0" />
+				</div>
+			</div>
+		</div>
+		<div class="comp">
+			<h1>Composants & Ingrédients</h1>
+			<div>
+				<div>
+					<span></span>
+					<div class="autoex autoex24">
+						<textarea name="attr_comp01"></textarea>
+						<span name="attr_comp01"></span>
+					</div>
+				</div>
+				<div>
+					<span></span>
+					<div class="autoex autoex24">
+						<textarea name="attr_comp02"></textarea>
+						<span name="attr_comp02"></span>
+					</div>
+				</div>
+				<div>
+					<span></span>
+					<div class="autoex autoex24">
+						<textarea name="attr_comp03"></textarea>
+						<span name="attr_comp03"></span>
+					</div>
+				</div>
+				<div>
+					<span></span>
+					<div class="autoex autoex24">
+						<textarea name="attr_comp04"></textarea>
+						<span name="attr_comp04"></span>
+					</div>
+				</div>
+				<div>
+					<span></span>
+					<div class="autoex autoex24">
+						<textarea name="attr_comp05"></textarea>
+						<span name="attr_comp05"></span>
+					</div>
+				</div>
+			</div>
+			<div>
+				<div>
+					<span></span>
+					<div class="autoex autoex24">
+						<textarea name="attr_comp06"></textarea>
+						<span name="attr_comp06"></span>
+					</div>
+				</div>
+				<div>
+					<span></span>
+					<div class="autoex autoex24">
+						<textarea name="attr_comp07"></textarea>
+						<span name="attr_comp07"></span>
+					</div>
+				</div>
+				<div>
+					<span></span>
+					<div class="autoex autoex24">
+						<textarea name="attr_comp08"></textarea>
+						<span name="attr_comp08"></span>
+					</div>
+				</div>
+				<div>
+					<span></span>
+					<div class="autoex autoex24">
+						<textarea name="attr_comp09"></textarea>
+						<span name="attr_comp09"></span>
+					</div>
+				</div>
+				<div>
+					<span></span>
+					<div class="autoex autoex24">
+						<textarea name="attr_comp10"></textarea>
+						<span name="attr_comp10"></span>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
+
+<div class="loksyu">
+	<div class="left">
+		<label class="fiche">
+			<input type="hidden" name="attr_fiche" value="joueur" />
+			<input type="checkbox" name="attr_fiche" value="joueur" checked />
+			<input type="checkbox" name="attr_fiche" value="loksyu" />
+			<span></span>
+		</label>
+		
+		<img src="https://raw.githubusercontent.com/Zakarik/roll20-character-sheets/CdE/Chroniques_De_L_Etrange/img/Logo_CdE.png" />
+	</div>
+	<div class="gestionLoksyu">
+		<input type="number" name="attr_loksyuYinFeu" class="loksyuYinFeu" value="0" />
+		<input type="number" name="attr_loksyuYangFeu" class="loksyuYangFeu" value="0" />
+		<input type="number" name="attr_loksyuYinBois" class="loksyuYinBois" value="0" />
+		<input type="number" name="attr_loksyuYangBois" class="loksyuYangBois" value="0" />
+		<input type="number" name="attr_loksyuYinTerre" class="loksyuYinTerre" value="0" />
+		<input type="number" name="attr_loksyuYangTerre" class="loksyuYangTerre" value="0" />
+		<input type="number" name="attr_loksyuYinEau" class="loksyuYinEau" value="0" />
+		<input type="number" name="attr_loksyuYangEau" class="loksyuYangEau" value="0" />
+		<input type="number" name="attr_loksyuYinMetal" class="loksyuYinMetal" value="0" />
+		<input type="number" name="attr_loksyuYangMetal" class="loksyuYangMetal" value="0" />
+	</div>
+</div>
+
+<rolltemplate class="sheet-rolltemplate-roll">
+	<h1>{{nom}}</h1>
+	<h2>Jet base : {{nBase}}</h2>
+	<div class="{{base}}">
+		{{#allprops() nom base nBase}}
+			<div class="{{value}}">
+				<span class="feu-yin" title="2">Yin Feu</span>
+				<span class="feu-yang" title="7">Yang Feu</span>
+				
+				<span class="bois-yin" title="4">Yin Bois</span>
+				<span class="bois-yang" title="9">Yang Bois</span>
+				
+				<span class="terre-yin" title="10">Yin Terre</span>
+				<span class="terre-yang" title="5">Yang Terre</span>
+				
+				<span class="eau-yin" title="6">Yin Eau</span>
+				<span class="eau-yang" title="1">Yang Eau</span>
+				
+				<span class="metal-yin" title="3">Yang Métal</span>
+				<span class="metal-yang" title="8">Yang Métal</span>
+			</div>
+		{{/allprops() nom base nBase}}
+	</div>
+	<span class="success">Succès en vert.</span>
+	<span class="desFastes">Dés-fastes en bleu.</span>
+	<span class="desNefastes">Dés-néfastes en rouge.</span>
+	<span class="Loksyu">Loksyu en noir.</span>
+	<span class="TinJi">Tin Ji en en jaune.</span>
+</rolltemplate>
+
+<script type="text/worker">
+	const CRList = ["Art", "Enquete", "Erudition", "Filouterie", "Mondanites", "Prouesse", "Sciences", "Technologies", "KungFu", "CombatADistance", "CinabreInterne", "Alchimie", "MaitriseDeLaVoie", "Exorcisme", "Geomancie", "Materiel", "Renseignement", "Influence"];
+	
+	_.each(CRList, function(competence, i)
+	{
+		
+		on("change:aspect change:CR change:score"+competence+" change:feu change:bois change:terre change:eau change:metal change:bonus change:specialite sheet:opened", function() 
+		{
+			getAttrs(["aspect", "CR", "score"+competence+"", "feu", "bois", "terre", "eau", "metal", "bonus", "specialite"], function(value) 
+			{
+				const aspect = value["aspect"];
+				const feu = parseInt(value["feu"], 10)||0;
+				const bois = parseInt(value["bois"], 10)||0;
+				const terre = parseInt(value["terre"], 10)||0;
+				const eau = parseInt(value["eau"], 10)||0;
+				const metal = parseInt(value["metal"], 10)||0;
+				
+				const compRess = value["CR"];
+				const score = parseInt(value["score"+competence], 10)||0;
+				
+				const bonus = parseInt(value["bonus"], 10)||0;
+				
+				const specialite = parseInt(value["specialite"], 10)||0;
+				
+				var total = 0;
+				var nomAspect = "";
+
+				if(compRess == competence)
+				{
+					if(aspect == "Feu")
+					{
+						total += feu;
+						nomAspect = "Feu";
+					}
+					
+					if(aspect == "Bois")
+					{
+						total += bois;
+						nomAspect = "Bois";
+					}
+					
+					if(aspect == "Terre")
+					{						
+						total += terre;
+						nomAspect = "Terre";
+					}
+					
+					if(aspect == "Eau")
+					{						
+						total += eau;
+						nomAspect = "Eau";
+					}
+					
+					if(aspect == "Metal")
+					{						
+						total += metal;
+						nomAspect = "Métal";
+					}
+					
+					total += score;
+					
+					if(compRess == "Materiel" || compRess == "Renseignement" || compRess == "Influence")
+						total += 1;
+					else if(compRess != "Materiel" && compRess != "Renseignement" && compRess != "Influence")
+						total += specialite;
+					
+					total += bonus;
+					
+					setAttrs({
+						rollTotal: total
+					});
+				}
+			});
+		});
+	});
+
+	on("change:rollTotal change:SM2 change:SM2_max change:SM3 change:SM3_max change:SP2 change:SP2_max change:SP3 change:SM3_max", function() 
+	{
+		getAttrs(["rollTotal", "SM2", "SM2_max", "SM3", "SM3_max", "SP2", "SP2_max", "SP3", "SP3_max"], function(value) 
+		{
+			var total = parseInt(value["rollTotal"], 10)||0;
+			
+			const SM2 = parseInt(value["SM2"], 10)||0;
+			const SM2M = parseInt(value["SM2_max"], 10)||0;
+			
+			const SM3 = parseInt(value["SM3"], 10)||0;
+			const SM3M = parseInt(value["SM3_max"], 10)||0;
+			
+			const SP2 = parseInt(value["SP2"], 10)||0;
+			const SP2M = parseInt(value["SP2_max"], 10)||0;
+			
+			const SP3 = parseInt(value["SP3"], 10)||0;
+			const SP3M = parseInt(value["SP3_max"], 10)||0;
+			
+			var roll = "";
+			
+			if(SM2 < SM2M)
+				total -= 1;
+			if(SM3 < SM3M)
+				total -= 1;
+				
+			if(SP2 < SP2M)
+				total -= 1;
+			if(SP3 < SP3M)
+				total -= 1;
+
+			for(i = 0;i < total;i++)
+			{
+				roll += "{{roll"+i+"=[[1D10]]}} ";
+			}
+	
+			setAttrs({
+				roll: roll
+			});
+		});
+	});
+</script>
\ No newline at end of file
diff --git a/Chroniques_De_L_Etrange/CdEPreview.png b/Chroniques_De_L_Etrange/CdEPreview.png
new file mode 100644
index 0000000000..0d2877b7e0
Binary files /dev/null and b/Chroniques_De_L_Etrange/CdEPreview.png differ
diff --git a/Chroniques_De_L_Etrange/sheet.json b/Chroniques_De_L_Etrange/sheet.json
new file mode 100644
index 0000000000..6c01bd43cb
--- /dev/null
+++ b/Chroniques_De_L_Etrange/sheet.json
@@ -0,0 +1,9 @@
+{
+	"html": "CdE.html",
+	"css": "CdE.css",
+	"authors": "Alain H.",
+	"roll20userID": "67962",
+	"preview": "CdEPreview.png",
+	"instructions": "Bas&eacute; sur la fiche officielle des Chroniques de l'&Eacute;trange : Hong Kong.",
+	"tipeee": "https://fr.tipeee.com/zakarik"
+}
\ No newline at end of file