diff --git a/composants/element.html b/composants/element.html
index 9601deb..f05e812 100644
--- a/composants/element.html
+++ b/composants/element.html
@@ -1,9 +1,8 @@
-
-
-
-
![@@DESC_IMAGE@@ @@TITRE_IMAGE@@](@@URL_IMAGE@@)
-
-
+
+
+ @@TITRE_ELEMENT@@
+
+
![@@DESC@@IMAGE@@ @@TITRE_IMAGE@@](@@URL_IMAGE@@)
+
+
diff --git a/exemple/element.css b/exemple/element.css
deleted file mode 100644
index 47825d7..0000000
--- a/exemple/element.css
+++ /dev/null
@@ -1,43 +0,0 @@
-.element {
-display: block;
-height: 9em;
-width: 11em;
-margin: 0 5px 10px 5px;
-float: left;
-border: thin solid #000000;
--moz-border-radius: 15px;
-border-radius: 15px;
--webkit-border-radius: 15px;
--moz-box-shadow: 1px 1px 8px #000000;
-box-shadow: 1px 1px 8px #000000;
--webkit-box-shadow: 1px 1px 8px #000000;
-text-align: center;
-}
-
-.element a {
-display: block;
-height: 9em;
-width: 11em;
-margin: 0;
-float: left;
--moz-border-radius: 15px;
-border-radius: 15px;
--webkit-border-radius: 15px;
-overflow: hidden;
-text-align: center;
-}
-
-.element img {
-background-color: red;
-display: block;
-position: relative;
-width: 3em;
-height: 3em;
-top: -4em;
-left: 4em;
-}
-
-a:hover {
-background-color: lightblue;
-}
-
diff --git a/exemple/element.html b/exemple/element.html
deleted file mode 100644
index 30bcd06..0000000
--- a/exemple/element.html
+++ /dev/null
@@ -1,36 +0,0 @@
-
-
- sdklfj
-
-
-
-
-
-
diff --git a/style/bicolore_avec_menu.css b/style/bicolore_avec_menu.css
index 61583ce..7eb00f5 100644
--- a/style/bicolore_avec_menu.css
+++ b/style/bicolore_avec_menu.css
@@ -88,9 +88,9 @@ div#corps div.ensemble_element {
min-height: 10em;
}
-div#corps div.element {
+div#corps a.cadre {
height: 9em;
-width: 19ex;
+width: 11em;
margin: 0 5px 10px 5px;
float: left;
border: thin solid #000000;
@@ -101,31 +101,29 @@ border-radius: 15px;
box-shadow: 1px 1px 8px #000000;
-webkit-box-shadow: 1px 1px 8px #000000;
overflow: hidden;
+text-align: center;
+text-decoration: none;
}
-div#corps div.element:hover {
+div#corps a.cadre:hover {
background-color: #000000;
color: #ffffff;
}
-div#corps div.element div.titre {
-height: 3em;
+div#corps a.cadre div.element {
+height: 9em;
margin-top: 1em;
-text-align: center;
}
-div#corps div.element div.image {
-height: 48px;
-margin: 1em 0 2em 0;
-text-align: center;
-}
-
-div#corps div.element div.image img {
+div#corps a.cadre div.element img {
+margin-top: 2em;
+margin-right: auto;
+margin-left: auto;
border: 0;
}
div#corps div.espace {
- clear: both;
+clear: both;
}
div#cartable {
diff --git a/style/bicolore_sans_menu.css b/style/bicolore_sans_menu.css
index 3dd236f..e94dfe4 100644
--- a/style/bicolore_sans_menu.css
+++ b/style/bicolore_sans_menu.css
@@ -88,9 +88,9 @@ div#corps div.ensemble_element {
min-height: 10em;
}
-div#corps div.element {
+div#corps a.cadre {
height: 9em;
-width: 19ex;
+width: 11em;
margin: 0 5px 10px 5px;
float: left;
border: thin solid #000000;
@@ -101,31 +101,29 @@ border-radius: 15px;
box-shadow: 1px 1px 8px #000000;
-webkit-box-shadow: 1px 1px 8px #000000;
overflow: hidden;
+text-align: center;
+text-decoration: none;
}
-div#corps div.element:hover {
+div#corps a.cadre:hover {
background-color: #000000;
color: #ffffff;
}
-div#corps div.element div.titre {
-height: 3em;
+div#corps a.cadre div.element {
+height: 9em;
margin-top: 1em;
-text-align: center;
}
-div#corps div.element div.image {
-height: 48px;
-margin: 1em 0 2em 0;
-text-align: center;
-}
-
-div#corps div.element div.image img {
+div#corps a.cadre div.element img {
+margin-top: 2em;
+margin-right: auto;
+margin-left: auto;
border: 0;
}
div#corps div.espace {
- clear: both;
+clear: both;
}
div#cartable {
@@ -186,3 +184,4 @@ padding: 0;
font-size: 10px;
text-align: center;
}
+