MOD quelques ajustement de style
[euphorik.git] / css / 1 / euphorik.css
1 @import url(../common.css);
2 @import url(pageMinichat.css);
3 @import url(pageAdmin.css);
4 @import url(pageProfileRegister.css);
5 @import url(pageAbout.css);
6
7
8 * {
9 padding: 0px;
10 margin: 0px;
11 }
12
13 body {
14 font-family: sans-serif;
15 font-size: 12px;
16 color: #841919;
17 background-color: #f6dfc2
18 }
19
20 #container {
21 position: relative;
22 height: auto;
23 margin: 0px;
24 }
25
26 ul#menu {
27 background-image: url(../../img/css1/logo_fond.png);
28 height:129px;
29 width: 100%;
30 font-size: 11px;
31 list-style-type:none;
32 }
33 #menu li:first-child {
34 margin-left: 340px;
35 }
36 #menu li {
37 margin-top: 47px;
38 font-size: 14px;
39 text-align: center;
40 cursor: pointer;
41 height:30px;
42 z-index: 20;
43 float: left;
44 min-width: 60px;
45 background-color: #f6dfc2;
46 line-height: 32px;
47 }
48 #menu li.courante {
49 background-color: #ffffff;
50 background-image: url(../../img/css1/triangle.png);
51 background-repeat: no-repeat;
52 background-position: center bottom
53 }
54 #menu li:hover {
55 background-color: #ffffff;
56 }
57
58 #menuCss {
59 position: absolute;
60 z-index: 10;
61 left: 600px;
62 top:0px;
63 font-size: 9px;
64 }
65
66 #page {
67 font-size: 12px;
68 background-color: #f6dfc2;
69 padding: 10px 10px 15px 10px;
70 }
71
72 #page > h1 {
73 margin-top: 10px;
74 margin-left: 0px;
75 font-size: 18px;
76 }
77
78 #page > h2 {
79 margin-top: 10px;
80 margin-left: 10px;
81 font-size: 16px;
82 }
83
84 #page > h3 {
85 margin-top: 10px;
86 margin-left: 20px;
87 font-size: 14px;
88 background-color : #FFFFFF
89 }
90
91 #page > h4 {
92 margin-top: 10px;
93 margin-left: 25px;
94 font-size: 12px;
95 }
96
97 #page > p {
98 margin-top: 3px;
99 margin-left: 35px;
100 }
101
102 #page > ul {
103 margin-top: 3px;
104 margin-left: 45px;
105 }
106
107 #logo {
108 z-index: 10;
109 background-image: url(../../img/css1/logo.png);
110 background-repeat: no-repeat;
111 width: 304px;
112 height: 129px;
113 position: absolute;
114 }
115
116 #footer {
117 background-color: #e19671;
118 text-align: center;
119 }
120 #footer a img{
121 border-style: none;
122 }
123
124 div#info {
125 text-align: center;
126 width:100%;
127 position: fixed;
128 left: 0px;
129 top: 0px;
130 background-color: #841919;
131 border-bottom: 1px solid #FFFFFF;
132 z-index: 20;
133 color: #f0df95
134 }
135
136 div#info div.fermer {
137 float:right;
138 cursor: pointer;
139 height:16px;
140 width: 16px;
141 background-image: url(../../img/fermer.gif)
142 }
143
144 div#info #icone {
145 float:left;
146 height:16px;
147 width: 16px;
148 }
149 div#info #icone.interrogation {
150 background-image: url(../../img/interrogation.gif)
151 }
152 div#info #icone.information {
153 background-image: url(../../img/information.gif)
154 }
155 div#info #icone.exclamation {
156 background-image: url(../../img/exclamation.gif)
157 }
158
159 div#info .boutons {
160 padding: 1px;
161 }
162
163 div#info .boutons div {
164 cursor: pointer;
165 background-color: #c62929;
166 display: inline;
167 padding: 0px 5px 0px 5px;
168 margin: 0px 5px 0px 5px;
169 }
170 div#info .boutons div:hover {
171 background-color: #e84747;
172 }
173
174 .captcha {
175 display:none
176 }
177
178 form input,
179 form button,
180 form select {
181 background-color: #f0df95;
182 border: #841919 1px solid;
183 }
184
185 form input,
186 form select {
187 font-size: 12px;
188 }
189
190 form button {
191 font-size: 11px;
192 }
193
194 a {
195 text-decoration: none;
196 }
197 a:link:visited {
198 color: #c62929;
199 }
200 a:hover:active {
201 color: #e84747;
202 }