1 files changed, 107 insertions, 0 deletions
diff --git a/public/css/melaine.css b/public/css/melaine.css
new file mode 100644
index 0000000..429ccec
--- /dev/null
+++ b/public/css/melaine.css
@@ -0,0 +1,107 @@
+/* public/melaine.css */
+.police_titre
+{
+    color: #e9d4be;
+}
+td
+{
+    vertical-align: top;
+}
+pre
+{
+        font-family: 'Arial', 'sans';
+        white-space: pre-wrap;
+}
+figure
+{
+    /*margin: 5px;*/
+}
+.boutonArticle
+{
+    border-bottom: 3px black double;
+}
+.boutonArticle a
+{
+    padding: 2px;
+    border: 4px black groove;
+}
+@media screen and (min-width: 700px)
+{
+        #titre
+    {
+        width: 630px;
+        height: 171px;
+        background-image: url("../mouette.png");
+    }
+    #photo
+    {
+        width: 630px;
+        height: 230px;
+        background-image: url("../melaine/photo.png");
+        position: relative;
+        bottom: 30px;
+    }
+    /*img
+    {
+        max-width: 630px;
+    }*/
+}
+@media screen and (max-width: 699px)
+{
+    #titre
+    {
+        width: 480px;
+        height: 131px;
+        background-image: url("../mouette_petit.png");
+        margin: auto;
+    }
+    #photo
+    {
+        width: 480px;
+        height: 191px;
+        background-image: url("../melaine/photo_petit.png");
+        margin: auto;
+        position: relative;
+        bottom: 24px;
+    }
+    /*img
+    {
+        max-width: 480px;
+    }*/
+}
+@media screen and (max-width: 479px)
+{
+    #titre
+    {
+        width: 320px;
+        height: 88px;
+        background-image: url("../mouette_mini.png");
+        margin: auto;
+    }
+    #photo
+    {
+        width: 320px;
+        height: 127px;
+        background-image: url("../melaine/photo_mini.png");
+        margin: auto;
+        position: relative;
+        bottom: 17px;
+    }
+    /*img
+    {
+        max-width: 320px;
+    }*/
+}

diff --git a/public/css/melaine.css b/public/css/melaine.css new file mode 100644 index 0000000..429ccec --- /dev/null +++ b/public/css/melaine.css
@@ -0,0 +1,107 @@
	1	/* public/melaine.css */
	2
	3	.police_titre
	4	{
	5	color: #e9d4be;
	6	}
	7
	8	td
	9	{
	10	vertical-align: top;
	11	}
	12
	13	pre
	14	{
	15	font-family: 'Arial', 'sans';
	16	white-space: pre-wrap;
	17	}
	18
	19	figure
	20	{
	21	/margin: 5px;/
	22	}
	23	.boutonArticle
	24	{
	25	border-bottom: 3px black double;
	26	}
	27	.boutonArticle a
	28	{
	29	padding: 2px;
	30	border: 4px black groove;
	31	}
	32
	33	@media screen and (min-width: 700px)
	34	{
	35	#titre
	36	{
	37	width: 630px;
	38	height: 171px;
	39	background-image: url("../mouette.png");
	40	}
	41
	42	#photo
	43	{
	44	width: 630px;
	45	height: 230px;
	46	background-image: url("../melaine/photo.png");
	47	position: relative;
	48	bottom: 30px;
	49	}
	50
	51	/*img
	52	{
	53	max-width: 630px;
	54	}*/
	55	}
	56
	57	@media screen and (max-width: 699px)
	58	{
	59	#titre
	60	{
	61	width: 480px;
	62	height: 131px;
	63	background-image: url("../mouette_petit.png");
	64	margin: auto;
	65	}
	66
	67	#photo
	68	{
	69	width: 480px;
	70	height: 191px;
	71	background-image: url("../melaine/photo_petit.png");
	72	margin: auto;
	73	position: relative;
	74	bottom: 24px;
	75	}
	76
	77	/*img
	78	{
	79	max-width: 480px;
	80	}*/
	81	}
	82
	83	@media screen and (max-width: 479px)
	84	{
	85	#titre
	86	{
	87	width: 320px;
	88	height: 88px;
	89	background-image: url("../mouette_mini.png");
	90	margin: auto;
	91	}
	92
	93	#photo
	94	{
	95	width: 320px;
	96	height: 127px;
	97	background-image: url("../melaine/photo_mini.png");
	98	margin: auto;
	99	position: relative;
	100	bottom: 17px;
	101	}
	102
	103	/*img
	104	{
	105	max-width: 320px;
	106	}*/
	107	}