FIX typo + dérive
[euphorik.git] / css / 1 / euphorik.css
1 /* coding: utf-8 */
2
3 @import url(pageMinichat.css);
4 @import url(pageAdmin.css);
5 @import url(pageProfileRegister.css);
6 @import url(pageAbout.css);
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 height: auto;
22 margin: 0px;
23 }
24
25 /***** Menu *****/
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 /***** Le menu pour le choix de la CSS *****/
59 #menuCss {
60 position: absolute;
61 z-index: 10;
62 left: 550px;
63 top:0px;
64 font-size: 9px;
65 }
66
67 /***** Le style du contenu des pages *****/
68 #page {
69 font-size: 12px;
70 background-color: #f6dfc2;
71 padding: 10px 10px 15px 10px;
72 }
73 #page > h1 {
74 margin-top: 10px;
75 margin-left: 0px;
76 font-size: 18px;
77 }
78 #page > h2 {
79 margin-top: 10px;
80 margin-left: 10px;
81 font-size: 16px;
82 }
83 #page > h3 {
84 margin-top: 10px;
85 margin-left: 20px;
86 font-size: 14px;
87 background-color : #FFFFFF
88 }
89 #page > h4 {
90 margin-top: 10px;
91 margin-left: 25px;
92 font-size: 12px;
93 }
94 #page > p {
95 margin-top: 3px;
96 margin-left: 35px;
97 }
98 #page > ul {
99 margin-top: 3px;
100 margin-left: 45px;
101 }
102 #logo {
103 z-index: 10;
104 background-image: url(../../img/css1/logo.png);
105 background-repeat: no-repeat;
106 width: 304px;
107 height: 129px;
108 position: absolute;
109 }
110
111 /***** Le pied de page *****/
112 #footer {
113 background-color: #e19671;
114 text-align: right;
115 font-size: 9px;
116 padding: 2px
117 }
118 #footer a img{
119 border-style: none;
120 vertical-align: middle;
121 margin-right: 5px;
122 }
123 #footer span{
124 margin-right: 10px;
125 }
126
127 /***** La boite d'information (s'apparente à une MessageBox) *****/
128 div#info {
129 text-align: center;
130 width:100%;
131 position: fixed;
132 left: 0px;
133 top: 0px;
134 background-color: #841919;
135 border-bottom: 1px solid #FFFFFF;
136 z-index: 20;
137 color: #f0df95
138 }
139 div#info div.fermer {
140 float:right;
141 cursor: pointer;
142 height:16px;
143 width: 16px;
144 background-image: url(../../img/fermer.gif)
145 }
146 div#info #icone {
147 float:left;
148 height:16px;
149 width: 16px;
150 }
151 div#info #icone.interrogation {
152 background-image: url(../../img/interrogation.gif)
153 }
154 div#info #icone.information {
155 background-image: url(../../img/information.gif)
156 }
157 div#info #icone.exclamation {
158 background-image: url(../../img/exclamation.gif)
159 }
160 div#info .boutons {
161 padding: 1px;
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 /***** Les infos bulles *****/
175 #flecheBulle {
176 position: absolute;
177 z-index: 50;
178 width: 15px;
179 height: 8px;
180 background-image: url(../../img/css1/fleche_bulle.png);
181 display: none
182 }
183 #messageBulle {
184 position: absolute;
185 z-index: 50;
186 color: #ffffff;
187 background-color: #841919;
188 display: none;
189 font-size: 10px;
190 }
191 #messageBulle p {
192 padding: 3px 6px;
193 }
194
195 /***** Le faux captcha *****/
196 .captcha {
197 display:none;
198 }
199
200 /***** Les formulaires *****/
201 form input,
202 form button,
203 form select {
204 background-color: #f0df95;
205 border: #841919 1px solid;
206 }
207 form input:hover, form input:focus,
208 form button:hover, form button:focus,
209 form select:hover, form select:focus {
210 background-color: #ffffff;
211 }
212 form input,
213 form select {
214 font-size: 12px;
215 }
216 form button {
217 font-size: 11px;
218 }
219 form input[readonly] {
220 background-color: #d0c9aa
221 }
222
223 /***** Les liens *****/
224 .lien, a {
225 text-decoration: underline;
226 color: #c62929;
227 }
228 .lien {
229 cursor: pointer
230 }
231 a:link, a:visited {
232 color: #c62929;
233 }
234 .lien:hover, .lien:active, a:hover, a:active {
235 color: #e84747;
236 }