diff --git a/COPS/COPS.css b/COPS/COPS.css
index c09f6fd460..9af3371496 100644
--- a/COPS/COPS.css
+++ b/COPS/COPS.css
@@ -1,688 +1,1027 @@
-
-
-
-
-
-
-
Identité
-
-
-
-
+input[type="number"]
+{
+ width:30px;
+ text-align:center;
+}
-
-
+input[type="number"]::-webkit-outer-spin-button,
+input[type="number"]::-webkit-inner-spin-button
+{
+ -webkit-appearance: none;
+ margin: 0;
+}
+
+input[type="number"]
+{
+ -moz-appearance:textfield;
+}
+
+input[type="text"]
+{
+ width:150px;
+}
+
+input[type="text"].sheet-long
+{
+ width:100%;
+}
+
+input[type="number"].sheet-long
+{
+ width:100%;
+}
+
+input[type="date"]
+{
+width:130px;
+}
+
+select
+{
+ margin:0px;
+ width:100% !important;
+}
+
+h1
+{
+font-family:verdana, sans-serif;
+font-size:150%;
+color:navy;
+background-color:transparent;
+text-align:center;
+}
+
+h2
+{
+font-family:verdana, sans-serif;
+font-size:100%;
+color:maroon;
+background-color:transparent;
+text-align:left;
+margin:10px;
+}
+
+h3
+{
+font-family:verdana, sans-serif;
+font-size:100%;
+color:black;
+background-color:transparent;
+text-align:left;
+}
+
+textarea
+{
+ margin:0px;
+ padding:0px;
+}
+
+div.sheet-overflow
+{
+ overflow:auto;
+}
+
+.sheet-inlineTable
+{
+ display:inline-table;
+ vertical-align:top;
+}
+
+.sheet-top
+{
+ vertical-align:top;
+}
+
+.sheet-paddingLeft5px
+{
+ padding-left:11px !important;
+}
+
+.sheet-CSSTableLeft
+{
+ float:left;
+}
+
+.sheet-CSSTableRight
+{
+ float:right;
+}
+
+.sheet-CSSTable
+{
+ border:1px solid black;
+}
+
+.sheet-CSSTable th
+{
+ font-size: 1.3em;
+ font-weight:normal;
+}
+
+.sheet-CSSTable tr
+{
+ vertical-align:middle;
+ text-align:left;
+ font-size:12px;
+ padding:5px;
+ font-family:Trebuchet MS;
+ font-weight:normal;
+ color:#000000;
+}
+
+.sheet-CSSTable td,
+.sheet-CSSTable th
+{
+ text-align:left;
+ padding-right:2px;
+ padding-left:2px;
+}
+
+.sheet-CSSTable tr:nth-child(even)
+{
+ background-color:Silver;
+}
+
+.sheet-CSSTable tr:nth-child(odd)
+{
+ background-color:DarkGray ;
+}
+
+.sheet-CSSTable td:nth-child(odd)
+{
+ border-left:1px solid black;
+}
+
+.sheet-CSSTableComp
+{
+ border:1px solid black;
+}
+
+.sheet-CSSTableComp th
+{
+ font-size: 1.3em;
+ font-weight:normal;
+}
+
+.sheet-CSSTableComp tr
+{
+ vertical-align:middle;
+ text-align:left;
+ font-size:12px;
+ padding:5px;
+ font-family:Trebuchet MS;
+ font-weight:normal;
+ color:#000000;
+}
+
+.sheet-CSSTableComp td,
+.sheet-CSSTableComp th
+{
+ text-align:left;
+ padding-right:2px;
+ padding-left:2px;
+}
+
+.sheet-CSSTableComp tr:nth-child(even)
+{
+ background-color:Silver;
+}
+
+.sheet-CSSTableComp tr:nth-child(odd)
+{
+ background-color:DarkGray ;
+}
+
+.sheet-CSSTableHeader
+{
+ border-collapse:unset;
+}
+
+.sheet-CSSTableHeader th
+{
+ font-size: 1.3em;
+ font-weight:normal;
+}
+
+.sheet-CSSTableHeader tr
+{
+ vertical-align:middle;
+ text-align:left;
+ font-size:12px;
+ padding:5px;
+ font-family:Trebuchet MS;
+ font-weight:normal;
+ color:#000000;
+}
+
+.sheet-CSSTableHeader td,
+.sheet-CSSTableHeader th
+{
+ text-align:left;
+ padding-right:2px;
+ padding-left:2px;
+ border-right:1px solid black;
+ border-left:1px solid black;
+}
+
+.sheet-CSSTableHeader th:first-child
+{
+ background-color:Silver;
+ border-top-left-radius:30px;
+ border-top-right-radius:30px;
+ text-align:center;
+ font-weight:bold;
+}
+
+.sheet-CSSTableHeader tr
+{
+ background-color:DarkGray;
+}
+
+.sheet-CSSTableInventaire
+{
+ border-collapse:unset;
+ border-bottom:1px solid black;
+}
+
+.sheet-CSSTableInventaire th
+{
+ font-size: 1.3em;
+
+ text-align:center;
+ font-weight:bold;
+}
+
+.sheet-CSSTableInventaire tr
+{
+ vertical-align:middle;
+ text-align:left;
+ font-size:12px;
+ padding:5px;
+ font-family:Trebuchet MS;
+ font-weight:normal;
+ color:#000000;
+}
+
+.sheet-CSSTableInventaire tr:nth-child(odd)
+{
+ background-color:Silver;
+}
+
+.sheet-CSSTableInventaire tr:nth-child(even)
+{
+ background-color:DarkGray ;
+}
+
+.sheet-CSSTableInventaire td,
+.sheet-CSSTableInventaire th
+{
+ padding-right:2px;
+ padding-left:2px;
+}
+
+.sheet-CSSTableInventaire td.sheet-bRight,
+.sheet-CSSTableInventaire th.sheet-bRight
+{
+ border-right:1px solid black;
+}
+
+.sheet-CSSTableInventaire td.sheet-bLeft,
+.sheet-CSSTableInventaire th.sheet-bLeft
+{
+ border-left:1px solid black;
+}
+
+.sheet-CSSTableInventaire tr.sheet-header,
+.sheet-CSSTableInventaire tr.sheet-bottom
+{
+ background-color:transparent !important;
+}
+
+.sheet-CSSTableInventaire th.sheet-header
+{
+ background-color:Silver;
+ border-top-left-radius:30px;
+ border-top-right-radius:30px;
+
+ border-right:1px solid black;
+ border-left:1px solid black;
+ border-top:1px solid black;
+}
+
+.sheet-CSSTableInventaire th.sheet-bottom
+{
+ background-color:Silver;
+ border-bottom-left-radius:30px;
+ border-bottom-right-radius:30px;
+
+ border-right:1px solid black;
+ border-left:1px solid black;
+ border-bottom:1px solid black;
+}
+
+.sheet-CSSTablePRepeat
+{
+ padding:0px !important;
+}
+
+.sheet-CSSTableLangueRepeat td
+{
+ border:0px;
+}
+
+.sheet-CSSTableCarac
+{
+ margin-top:10px !important;
+ border:1px solid black;
+ margin:auto;
+}
+
+.sheet-CSSTableCarac th
+{
+ font-size: 1.3em;
+ font-weight:normal;
+}
+
+.sheet-CSSTableCarac tr
+{
+ vertical-align:middle;
+ text-align:left;
+ font-size:12px;
+ padding:5px;
+ font-family:Trebuchet MS;
+ font-weight:normal;
+ color:#000000;
+}
+
+.sheet-CSSTableCarac td,
+.sheet-CSSTableCarac th
+{
+ text-align:center;
+ width:14%;
+}
+
+.sheet-CSSTableCarac td:nth-child(even),
+.sheet-CSSTableCarac th:nth-child(even)
+{
+ background-color:Silver;
+}
+
+.sheet-CSSTableCarac td:nth-child(odd),
+.sheet-CSSTableCarac th:nth-child(odd)
+{
+ background-color:DarkGray ;
+}
+
+.sheet-CSSTableSI
+{
+ width:calc(100% - 200px) !important;
+}
+
+.sheet-CSSTableStat
+{
+ margin:0px;padding:0px;
+ width:100%;
+ border:1px solid #000000;
+}
+
+.sheet-CSSTableStat table
+{
+ border-collapse: collapse;
+ border-spacing: 0;
+ width:100%;
+ height:100%;
+ margin:0px;
+ padding:0px;
+}
+
+.sheet-CSSTableStatRepeat
+{
+ border-collapse: collapse;
+ border-spacing: 0;
+ width:100%;
+ height:100%;
+ margin:0px;
+ padding:0px;
+}
+
+.sheet-CSSTableStatRepeat tr,
+.sheet-CSSTableStatRepeat td
+{
+ vertical-align:middle;
+
+ border:1px solid #000000;
+ border-width:0px 1px 1px 1px;
+ text-align:center;
+ padding:6px;
+ font-size:14px;
+ font-family:Trebuchet MS;
+ font-weight:normal;
+ color:#000000;
+}
+
+.sheet-CSSTableNoTop
+{
+ border-top-width:0px;
+}
+
+.sheet-CSSTableNoBottom
+{
+ border-bottom-width:0px;
+}
+
+.sheet-height170px
+{
+ height:170px;
+}
+
+.sheet-width100
+{
+ width:100%;
+}
+
+.sheet-width90
+{
+ width:90%;
+}
+
+.sheet-width70
+{
+ width:70%;
+}
+
+.sheet-width50
+{
+ width:50%;
+}
+
+.sheet-width49
+{
+ width:49%;
+}
+
+.sheet-width45
+{
+ width:45%;
+}
+
+.sheet-width30
+{
+ width:30%;
+}
+
+.sheet-width20
+{
+ width:20%;
+}
+
+.sheet-width65px
+{
+ width:65px;
+}
+
+.sheet-height90px
+{
+ height:90px;
+}
+
+.sheet-center
+{
+ text-align:center;
+}
+
+.sheet-marginCenter
+{
+ margin:auto;
+}
+
+.sheet-marginTop10
+{
+ margin-top:10px;
+}
+
+.sheet-marginBottom10
+{
+ margin-bottom:10px;
+}
+
+.sheet-CSSTableStat tr:nth-child(odd)
+{
+ background-color:#e5e5e5;
+}
+.sheet-CSSTableStat tr:nth-child(even)
+{
+ background-color:transparent;
+}
+
+.sheet-CSSTableStat td
+{
+ vertical-align:middle;
+
+ border:1px solid #000000;
+ border-width:0px 1px 1px 0px;
+ text-align:center;
+ padding:6px;
+ font-size:14px;
+ font-family:Trebuchet MS;
+ font-weight:normal;
+ color:#000000;
+}
+
+.sheet-CSSTableStat tr:last-child td
+{
+ border-width:0px 1px 0px 0px;
+}
+
+.sheet-CSSTableStat tr td:last-child
+{
+ border-width:0px 0px 1px 0px;
+}
+
+.sheet-CSSTableStat tr:last-child td:last-child
+{
+ border-width:0px 0px 0px 0px;
+}
+
+.sheet-CSSTableStat tr:first-child td
+{
+ background:-o-linear-gradient(bottom, #4c4c4c 5%, #000000 100%);
+ background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4c4c4c), color-stop(1, #000000) );
+ background:-moz-linear-gradient( center top, #4c4c4c 5%, #000000 100% );
+ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c4c4c", endColorstr="#000000");
+ background: -o-linear-gradient(top,#4c4c4c,000000);
+
+ background-color:#4c4c4c;
+ border:0px solid #000000;
+ text-align:center;
+ border-width:0px 0px 1px 1px;
+ font-size:14px;
+ font-family:Trebuchet MS;
+ font-weight:bold;
+ color:#ffffff;
+}
+
+.sheet-CSSTableStat tr:first-child:hover td
+{
+ background:-o-linear-gradient(bottom, #4c4c4c 5%, #000000 100%);
+ background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4c4c4c), color-stop(1, #000000) );
+ background:-moz-linear-gradient( center top, #4c4c4c 5%, #000000 100% );
+ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c4c4c", endColorstr="#000000");
+ background: -o-linear-gradient(top,#4c4c4c,000000);
+
+ background-color:#4c4c4c;
+}
+
+.sheet-CSSTableStat tr:first-child td:first-child
+{
+ border-width:0px 0px 1px 0px;
+}
+
+.sheet-CSSTableStat tr:first-child td:last-child
+{
+ border-width:0px 0px 1px 1px;
+}
+
+input.sheet-cButton
+{
+ height: 22px;
+ cursor: pointer;
+ z-index: 1;
+ opacity: 0;
+ position:relative;
+}
+
+input.sheet-cButton + span::before
+{
+ content: attr(title);
-
-
-
-
-
Compétences
-
-
+ text-align: center;
+ display: inline-block;
+ height: 20px;
+ position:relative;
+
+ font-size: 14px;
+ font-weight:bold;
+ border:1px solid black;
+ box-shadow: 2px 2px 3px 0px #000000;
-
-
-
-
-
- Coo
- Car
- Cha
- Ref
- Edu
- Per
- SgF
-
-
+ background: Silver;
+}
-
-
-