mise en place debut media queries

styles/global.css

@@ -51,6 +51,7 @@
 	--gap-unit:				10px;
 	--max-screen:			1110px;
 	--base-font-size:		10px;
+	--small-font-size:		8px;
 	--nav-height:			40px;
 	--aside-left-width:		200px;
 	--aside-right-width:	200px;

styles/skeleton.css

@@ -77,37 +77,19 @@ footer iframe {
 	position: sticky;
 	top: 0;
 }
-/*dropdown element*/
-/*
-	.dropdown
-		.drop .drop_title
-		.drop_items
-			.drop
-			.drop
-*/
-/*
-.dropdown {
-	flex-direction: column;
-	position: relative;
-	margin-right: 20px;
+
+/* RESPONSIVE DESIGNi */
+
+@media only screen and (max-width: 1000px) {
+	html {
+		font-size: var(--small-font-size);
+	}
+	.container_main {
+		flex-direction: column;
+	}
+	.container_main > * {
+		margin: 20px;
+	}
 }
-.dropdown:after {
-	content: "▼";
-	position: absolute;
-	left: 100%;
-	top: 50%;
-	-ms-transform: translateY(-50%); old IE
-	transform: translateY(-50%);
-}
-.dropdown .drop_title {
-}
-.dropdown .drop_items {
-	position: absolute;
-	top: 100%;
-	left: 0px;
-	height: auto;
-}
-.dropdown .drop {
-	margin: var(--gap-unit);
-}
-*/
+
+