diff --git a/modules/velos_a_vendre/index.html b/modules/velos_a_vendre/index.html
index e0c6405..a6bedd4 100644
--- a/modules/velos_a_vendre/index.html
+++ b/modules/velos_a_vendre/index.html
@@ -27,13 +27,13 @@
@@ -60,14 +60,16 @@
{{$etiquette}}
-
+
+ - entré en stock {{$date_entree|relative_date}}
+ - numéro unique : {{$id|intval}}
+
- Type : {{$type}}
- Taille : {{$roues}}
- Cadre : {{$genre}}
- Modèle : {{$modele}}
- Prix : {{$prix}} €
- - entré en stock {{$date_entree|relative_date}}
diff --git a/modules/velos_a_vendre/module.ini b/modules/velos_a_vendre/module.ini
index 7b3694b..7f0a208 100644
--- a/modules/velos_a_vendre/module.ini
+++ b/modules/velos_a_vendre/module.ini
@@ -4,4 +4,4 @@ author = "Charlie, de Mines de Rayons"
author_url = "https://git.minesderayons.fr"
restrict_section = null
restrict_level = "none"
-web = false
\ No newline at end of file
+restrict_details = "Ce module affiche une page pour tous les utilisateurs même non loggués, disponible à l'adresse `site/m/velos_a_vendre/`"
\ No newline at end of file
diff --git a/modules/velos_a_vendre/style.css b/modules/velos_a_vendre/style.css
index 5282d99..342e165 100644
--- a/modules/velos_a_vendre/style.css
+++ b/modules/velos_a_vendre/style.css
@@ -1,85 +1,104 @@
-.filters {
-
- fieldset {
- display:flex;
- dl {
- flex: 1 150px;
- min-width: 200px;
- }
- }
-}
-
-.container {
- position: relative;
- flex: 1;
- min-width: 200px;
- border: solid 1px black;
- background-color: transparent;
- border-radius: 10px;
- overflow: hidden;
- box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
-}
-
-.properties{
- margin: 10px;
- padding: 10px;
-}
-
-.bike-list{
- display: flex;
- flex-wrap: wrap;
- gap: 10px;
-}
-
-.image-wrapper {
- position: relative;
-}
-
-
-.image {
- display: block;
- object-fit: cover;
- width: 100%;
- height: 100px;
-}
-
-.placeholder{
- /* background-image: url({{$config.files.logo}}); */
- background-size: cover;
- background-position: center;
- background-repeat: no-repeat;
- background-color: rgb(127, 127, 127);
- background-blend-mode: soft-light;
- svg {
- fill: rgb(var(--gTextColor));
- }
-}
-
-.label {
- margin-left: auto;
- margin-right: auto;
- left: 0;
- right: 0;
- color: black;
- text-align: center;
- border-color: black;
- border-top: solid 1px;
- border-bottom: solid 1px;
- background-color: yellow;
- min-width: 5em;
- width: 100%;
- min-height: 2ex;
- text-align: center;
- vertical-align: middle;
- z-index: 1;
-}
-
-li.date-entree {
- display: block;
- position: absolute;
- bottom: 1.5em;
- margin-bottom: -10px;
- right: 10px;
- font-size: x-small;
- color: gray;
-}
\ No newline at end of file
+.filters fieldset {
+ display:flex;
+ flex-wrap: wrap;
+ gap: 10px;
+}
+.filters fieldset dl {
+ flex: 1 150px;
+ min-width: 200px;
+}
+
+.container {
+ position: relative;
+ flex: 1;
+ min-width: 200px;
+ border: solid 1px rgb(var(--gTextColor));
+ background-color: transparent;
+ border-radius: 10px;
+ overflow: hidden;
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+}
+
+.properties {
+ margin: 10px;
+ padding: 10px;
+}
+
+.bike-list {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 10px;
+}
+
+.image-wrapper {
+ position: relative;
+}
+
+
+.image {
+ display: block;
+ object-fit: cover;
+ width: 100%;
+ height: 125px;
+}
+
+.placeholder {
+ /* background-image: url({{$config.files.logo}}); */
+ background-size: cover;
+ background-position: center;
+ background-repeat: no-repeat;
+ background-color: rgb(127, 127, 127);
+ background-blend-mode: soft-light;
+ svg {
+ fill: rgb(var(--gTextColor));
+ }
+}
+
+.label {
+ margin-left: auto;
+ margin-right: auto;
+ color: black;
+ text-align: center;
+ border-color: black;
+ border-top: solid 1px;
+ border-bottom: solid 1px;
+ background-color: yellow;
+ min-width: 5em;
+ min-height: 2ex;
+ text-align: center;
+ vertical-align: middle;
+ z-index: 1;
+ position: absolute;
+ top: 0.75em;
+ left: -1.25em;
+ transform: rotate(-45deg);
+ font-weight: bold;
+}
+
+.properties li{
+ padding-left:0.5em;
+}
+.properties li:last-child{
+ padding-bottom:1em;
+}
+.properties li.date-entree {
+ display: block;
+ position: absolute;
+ bottom: 1.5em;
+ margin-bottom: -10px;
+ right: 10px;
+ font-size: x-small;
+ color: gray;
+}
+li.numero-unique {
+ display: block;
+ position: absolute;
+ padding-left:0px;
+ margin-bottom: -10px;
+ left: 10px;
+ font-size: x-small;
+ color: gray;
+ transform: rotate(90deg);
+ top: 125px;
+ transform-origin: left;
+}