Creation du système de base des widgets

css/style.css

@@ -354,4 +354,29 @@ camp-feature-short-header .feature-location {
 
 camp-feature {
 	min-height: 25vh;
+	font-family: sans-serif;
 }
+
+camp-feature .feature-header {
+	margin-bottom: 1.5em;
+}
+
+camp-feature .widget > :first-child {
+	margin-top: 0;
+}
+
+camp-feature .widget > :last-child {
+	margin-bottom: 0;
+}
+
+camp-feature .widget h2 {
+	font-size: 1em;
+	text-transform: uppercase;
+	margin-bottom: 1ex;
+}
+
+camp-feature .widget p {
+	margin-top: 1ex;
+	margin-bottom: 1ex;
+	line-height: 1.5;
+}

css/widgets.css

@@ -0,0 +1,42 @@
+:root {
+    --verboten-color:#c51a00;
+}
+
+.zone-interdite-widget {
+    border: solid 3px var(--verboten-color);
+    padding: 10px;
+    box-sizing: border-box;
+}
+
+.zone-interdite-widget h2 {
+    float: left;
+    background-color: var(--verboten-color);
+    color: white;
+    padding: 5px 10px;
+    display: block;
+    width: fit-content;
+    position: relative;
+    font-size: 1em;
+}
+
+.zone-interdite-widget p:first-of-type {
+    margin-top: 0;
+}
+
+.zone-interdite-widget h2::after {
+    content: "";
+  width: 0; height: 0;
+  border-style: solid;
+  border-width: calc(1em + 17.667px) calc(1em + 10px) 0px 0px;
+  border-color: var(--verboten-color) transparent transparent transparent;
+  position: absolute;
+  right: calc((1em + 9px) * -1);
+  top: 0;
+}
+
+camp-feature .zone-interdite-widget h2:first-child,
+.zone-interdite-widget h2 {
+    margin-left: -10px;
+    margin-top: -10px;
+    margin-right: 2em;
+}