public/css/melaine.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
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;
    }*/
}