diff --git a/css/import.css b/css/fonts.css
similarity index 100%
rename from css/import.css
rename to css/fonts.css
diff --git a/css/images/fleche-arrondie-2.svg b/css/images/fleche-arrondie-2.svg
new file mode 100644
index 0000000..e427576
--- /dev/null
+++ b/css/images/fleche-arrondie-2.svg
@@ -0,0 +1,67 @@
+
+
diff --git a/css/perso.css b/css/main.css
similarity index 77%
rename from css/perso.css
rename to css/main.css
index 362b6ff..82e7ad0 100644
--- a/css/perso.css
+++ b/css/main.css
@@ -40,11 +40,8 @@ a {
}
ul, ol {
- padding-left: 2em;
-}
-
-img {
- vertical-align: middle;
+ padding-left: 0.8em;
+ list-style: disclosure-closed;
}
blockquote,figure {
@@ -53,7 +50,7 @@ blockquote,figure {
}
/* font-sizing for content */
-p,ul,ol,dl,blockquote,pre,td,th,label,textarea,caption,details,figure {
+ul,ol,dl,blockquote,pre,td,th,label,textarea,caption,details,figure {
margin-top: 0.75em;
margin-bottom: 0;
line-height: 1.5;
@@ -66,7 +63,9 @@ ul,ol {
li {
padding-left: 0em;
- list-style-image: url("images/fleche-arrondie-1.svg");
+ list-style-image: url("images/fleche-arrondie-2.svg");
+ line-height: 1.4em;
+ padding-bottom: 0.8em;
}
h1 {
@@ -85,7 +84,7 @@ h3 {
h4 {
font-size: 2rem;
- color: #5b7979;
+ color: #2f4f4f;
font-family: 'metropolisregular','sans-serif';
}
@@ -97,6 +96,13 @@ h6 {
font-size: 1.6rem;
}
+p {
+ margin-top: 0.75em;
+ margin-bottom: 1em;
+ line-height: 1.7em;
+}
+
+
code, pre, samp, kbd {
/* IE fix */
white-space: pre-line;
@@ -126,10 +132,23 @@ img, table, td, blockquote, code, pre, textarea, input, video, svg {
}
img {
- height: auto;
+ vertical-align: middle;
+ box-shadow: 0px 0px 10px rgba(100, 100, 100, 0.2);
+ padding: 5px;
+ height: auto;
+}
+
+strong {
+ color: #365E51;
+ font-family: 'metropolisregular';
+ font-weight: bold;
+}
+
+table {
+ border-collapse: collapse;
+ width: 100%;
}
-
/* ----------------------------- */
/*#layout
@@ -186,17 +205,65 @@ img {
}
}
+@media ((min-width: 640px) and (max-width: 800px)) {
+
+ #layout_body_center {
+ padding: 3rem 4rem;
+ }
+
+}
+
+@media screen and (max-width: 639px){
+
+ #layout_body_center {
+ padding: 1.5rem 4rem;
+ }
+
+ #layout_head_content {
+ height: auto;
+ position: relative;
+ }
+
+}
+
/* ----------------------------- */
/* .evenement-
/* ----------------------------- */
+.evenement-Date {
+ color: #203636;
+ text-transform: capitalize;
+}
+
+.evenement-Details {
+ background-color: #fbfdf8e8;
+}
+
+.evenement-Summary {
+ padding: 1rem;
+ background-color: #eef4e5e8;
+ font-family: 'metropolislight';
+ color: #203636;
+ font-size: 1.7rem;
+ box-shadow: 0px 2px 2px rgba(97, 138, 115, 0.23);
+}
+
.evenement-Summary:hover {
cursor: pointer;
}
.evenement-Table td {
- vertical-align: top;
+ border: 1px solid #cbddafe8;
+ vertical-align: inherit;
+ padding: 1rem;
+}
+
+.evenement-Total {
+ display: inline-block;
+ margin-left: 1rem;
+ font-size: 1.2rem;
+ color: #203636;
}
@@ -243,7 +310,8 @@ img {
/* ----------------------------- */
.header-Active a {
- text-decoration: underline;
+ text-decoration: inherit;
+ border-bottom: 2px dotted #2f4f4f;
}
.header-Banner {
@@ -285,6 +353,11 @@ img {
color: #2f4f4f;
}
+.header-Menu a:hover {
+ color: #2f4f4f;
+ border-bottom: 2px dotted #2f4f4f;
+}
+
.header-Nav {
border-top-width: 1px;
border-top-style: solid;
@@ -299,13 +372,16 @@ img {
.header-Slogan {
color: #2f4f4f;
font-weight: bold;
- font-size: 0.8em;
+ font-size: 0.9em;
text-align: right;
width: 210px;
padding-right: 10px;
}
.header-Slogan p {
+ font-weight: normal;
+ font-family: metropolismedium;
+ line-height: 1.5em;
display: inline-block;
text-align: left;
}
@@ -328,15 +404,6 @@ img {
@media (max-width: 639px) {
- #layout_head_content {
- height: auto;
- position: relative;
- }
-
- #layout_body_center {
- padding: 1.5rem 2rem;
- }
-
.header-Banner {
display: flex;
align-items: center;
@@ -427,10 +494,6 @@ img {
.header-Slogan, .header-Logo {
width: 130px;
}
-
- #layout_body_center {
- padding: 3rem 4rem;
- }
}
@@ -442,6 +505,7 @@ img {
.lef-Avertissement {
padding: 2rem;
background-color: #ecffe3;
+ border: 1px solid #c2e8b0;
margin: 2rem auto;
}
@@ -454,7 +518,8 @@ img {
color: #2f4f4f;
padding-top: 25px;
font-size: 4.0rem;
- font-family: 'metropolisregular', 'sans-serif';
+ font-family: 'metropolismedium', 'sans-serif';
+ line-height: 1.1em;
}
/* ----------------------------- */
@@ -467,9 +532,33 @@ h3.spip {
font-size: 2.5rem;
font-weight: bold;
color: darkslategray;
- font-family: 'metropolisregular','sans-serif';
+ font-family: 'metropolismedium','sans-serif';
}
-a.spip_out {
- color: #365E51;
+h4.spip {
+ margin-bottom: inherit;
+}
+
+a.spip_out, a.spip_in, a.spip_mail{
+ color: #365E51;
+ border-bottom: 1px dotted #365E51;
+}
+
+a.spip_in.cboxElement {
+ border-bottom: inherit;
+}
+
+ul.spip, ol.spip {
+ margin-left: 10px;
+}
+
+.spip_documents.spip_documents_center {
+ margin-top: 2em;
+}
+.spip_code {
+ border: 1px solid #66cdaa;
+ background-color: rgba(236, 236, 234, 0.5);
+ color: #203636;
+ box-shadow: inset 3px 0px 5px rgba(166, 166, 166, 0.5);
+ padding: 1rem;
}
diff --git a/inclure/footer.html b/inclure/footer.html
index b5f821c..5c35280 100755
--- a/inclure/footer.html
+++ b/inclure/footer.html
@@ -5,4 +5,34 @@
(#SESSION{id_auteur}|oui)]
+
+
+
+
+
diff --git a/inclure/head.html b/inclure/head.html
index bdc4b16..529b924 100755
--- a/inclure/head.html
+++ b/inclure/head.html
@@ -13,9 +13,8 @@ les elements specifiques (title, description) figurent dans chaque squelette
[]
#INSERT_HEAD_CSS
-[]
-
-
+[]
+[]
[(#REM)
Balise permettant aux plugins d'inserer des appels javascript ;
@@ -38,33 +37,3 @@ Balise permettant aux plugins d'inserer des appels javascript ;
-
-
-
-
-