001: /*
002: Css principale des pages
003: */
004: body {
005: background-color: #E7EBF7;
006: color: white;
007: font-family: verdana;
008: font-size: 1em;
009: margin: 15px 0 15px 0;
010: color: #000;
011: }
012:
013: /*
014: Images
015: */
016: img {
017: vertical-align:middle;
018: border: 0;
019: }
020:
021: /*
022: Blocs pre
023: Merci Zephyr !
024: Et aussi � robinhood !
025: */
026: pre {
027: font-size: 125%;
028: }
029:
030: /*
031: Blocs Box
032: Merci Zephyr !
033: */
034: .box {
035: border: 1px solid #DDD;
036: padding: 3px;
037: margin: 5px;
038: background-color: white;
039: border-image: initial;
040: }
041:
042: .box div.t {
043: font-weight: bold;
044: background-color: #EEE;
045: padding: 2px;
046: cursor: pointer;
047: }
048:
049: .box div.c {
050: padding: 4px;
051: display: none;
052: }
053:
054: /*
055: Formulaires
056: */
057: form {
058: margin: 0;
059: font-size: 75%;
060: }
061:
062: input, textarea {
063: border: 1px solid #369;
064: }
065:
066: /*
067: Liens
068: */
069: a {
070: color: #039;
071: text-decoration: none;
072: font-weight: bold;
073: }
074:
075: /*
076: Cadre principal qui d�termine la largeur des pages
077: */
078: .container {
079: width : 1024px;
080: margin : 0 auto;
081: }
082:
083: /*
084: Cadre d�terminant le style de toute la page (hors logo et copyright)
085: */
086: .main {
087: padding : 0 0 0 15px;
088: background: #E7EBF7;
089: background-color: #fff;
090: color: #000;
091: background-image: url('fond_droite.gif');
092: background-repeat: repeat-y;
093: background-position: top right;
094: }
095:
096: /*
097: Logo du haut
098: */
099: .logo {
100: background-color: #369;
101: color: #fff;
102: text-align: left;
103: font-size: 200%;
104: font-weight: bold;
105: padding: 5px 15px 5px 35px;
106: border-bottom: 3px solid #fff;
107:
108: background-image: url('coin.gif');
109: background-repeat: no-repeat;
110: background-position: top left;
111: }
112:
113: /*
114: Titre de l'edito
115: */
116: .edito h1 {
117: font-size: 150%;
118: border-bottom: 1px dashed #369;
119: background-image: url(tree[1].gif);
120: background-repeat: no-repeat;
121: background-position: 1px 4px;
122: padding: 0 0 3px 20px;
123: margin: 0 0 10px 0;
124: }
125:
126: /*
127: Corps de l'edito
128: */
129: .edito {
130: font-size: 75%;
131: margin-bottom: 40px;
132: padding-bottom: 0px;
133: }
134:
135: /*
136: Contient les news, etc, avec menu
137: */
138: .content {
139: float: left;
140: margin: 0;
141: padding: 5px 0px 5px 0;
142:
143: width: 800px;
144:
145: overflow: hidden;
146: }
147: /*
148: Contient les news, etc, sans menu (pages admins)
149: */
150: .contentSSmenu {
151: margin: 0;
152: padding: 5px 15px 5px 15px;
153: }
154:
155: /*
156: Styles des dates dans les news
157: */
158: .date {
159: text-align: right;
160: font-size: 75%;
161: margin: 10px 0 15px 0px;
162: color: #666;
163: padding: 0 0 3px 0;
164: border-bottom: 1px solid #999;
165: }
166:
167: /*
168: Conteneur du menu
169: */
170: .menu {
171: margin: 0;
172: padding-top: 7px;
173: padding-right: 5px;
174: float: right;
175: width: 150px;
176: font-size: 75%;
177:
178: overflow: hidden;
179: }
180:
181: /*
182: Titres du menu
183: */
184: .menu h1 {
185: font-size: 120%;
186:
187: background-image: url(point[2].gif);
188: background-repeat: no-repeat;
189: background-position: 1px;
190: padding-left: 25px;
191: margin: 0px 0 10px 0;
192: }
193:
194: /*
195: Disposition d'une news
196: */
197: .news {
198: margin: 10px 0px 15px 0px;
199:
200: padding-bottom: 20px;
201: }
202:
203: /*
204: Haut de la news (titre)
205: */
206: .news_top {
207: font-size: 75%;
208: font-weight: bold;
209: background-image: url(ico0.gif);
210: background-repeat: no-repeat;
211: background-position: 1px;
212: padding-left: 20px;
213: }
214:
215: /*
216: Corps de la news
217: */
218: .news_content {
219: font-size: 75%;
220: padding-bottom: 10px;
221: margin: 10px 0 0px 0;
222: }
223:
224: /*
225: Bas de la news : date & posteur
226: */
227: .news_foot {
228:
229: padding-top: 2px;
230: font-size: 60%;
231: }
232:
233: /*
234: Commentaires de news
235: */
236: .news_comment_popup {
237: float: right;
238: padding-left: 5px;
239: }
240: .news_comment a {
241: float: right;
242: color: #8DB319;
243: font-weight: bold;
244: background-image: url(comment.png);
245: background-repeat: no-repeat;
246: background-position: 1px;
247: padding-left: 15px;
248: }
249: /*
250: Heure o� la news a �t� post�e
251: */
252: .heure {
253: display: inline;
254: color: #039;
255: font-weight: bold;
256: }
257:
258: /*
259: Copyright tout en bas du site
260: */
261: .copy {
262: border-top: 3px solid #fff;
263:
264: text-align: right;
265:
266: background-color: #70A0CF;
267: color: #fff;
268: font-size: 50%;
269: font-weight: bold;
270: padding: 2px;
271: }
272:
273: /*
274: Titre calendrier
275: */
276: .cal {
277: text-align: center;
278: border-bottom: 1px solid #666;
279: padding: 0 0 3px 0;
280: margin: 0 0 3px 0;
281: font-weight: bold;
282: }
283: /*
284: Calendrier
285: */
286: .calendar td {
287: text-align: right;
288: padding: 2px;
289: }
290: .calendar th {
291: text-align: right;
292: padding: 2px;
293: }
294:
295: /*
296: Conteneur des commentaires
297: */
298: .comments {
299: margin: 0 10px 0 10px;
300: font-size: 60%;
301: background-color: #F8FAFB;
302: color: #333;
303: padding: 5px;
304: }
305:
306: .comments form {
307: font-size: 100%;
308: }
309:
310: .comment_who {
311: color: #666;
312: }
313:
314: /*
315: Liens vers panel admin
316: */
317: .gestion {
318: font-size: 60%;
319: text-align: center;
320: }
321:
322: /*
323: Menu principal de la page admin
324: */
325: .admin a {
326: display: block;
327: width: 300px;
328: margin: 5px auto;
329: text-align: center;
330: padding: 5px 10px 5px 10px;
331: }
332:
333: .admin a:hover {
334: color: white;
335: background-color: #369;
336: }
337: /*
338: Liens editer d'une news
339: */
340: .edit {
341: display: inline;
342: }
343:
344: .edit a {
345: font-weight: normal;
346: color: #333;
347: }
348:
349: /*
350: Conteneur formulaire d'edition
351: */
352: .edit_div {
353: border: 1px solid #369;
354: margin: 0 10px 0 10px;
355: font-size: 60%;
356: background-color: #fff;
357: color: #333;
358: padding: 5px;
359: }
360:
361: .edit_div form {
362: font-size: 100%;
363: }
364:
365: /*
366: Formulaire de login
367: */
368: .loginform {
369: float: right;
370: font-size: 65%;
371: }
372:
373: .loginform input {
374: font-size: 110%;
375: }
376:
377: /*
378: Liens supression de commentaire
379: */
380: .com_del {
381: display: inline;
382: }
383:
384: /*
385: Conteneur aide
386: */
387: .aide, .cadre {
388: border: 1px solid #369;
389: margin: 0 10px 0 10px;
390: font-size: 60%;
391: background-color: #fff;
392: color: #333;
393: padding: 5px;
394: }
395:
396: .annu_table {
397: font-size: 80%
398: }
399:
400: .annu_table th {
401: background-color: #369;
402: color: white;
403: }
404:
405: .annu_table td {
406: padding: 4px 10px 4px 10px;
407: }
408:
409: .annu_table * {
410: font-size: 100%;
411: }
412: /*
413: Titre actif_jours
414: */
415: .actj {
416: text-align: center;
417: border-bottom: 1px solid #666;
418: padding: 0 0 3px 0;
419: margin: 0 0 3px 0;
420: font-weight: bold;
421: }
422:
423: .actj_days {
424: text-align: center;
425: }
426:
427: .navPages {
428: font-size: 80%;
429: }
430:
431: .navPages .pageS {
432: float: right;
433: }
434:
435: .statDays {
436: float: left;
437: width: 50px;
438: }
439:
440: .statBar {
441: background-color: #E7EBF7;
442: float: left;
443: font-size: 10px;
444: font-weight: bold;
445: color: #333;
446: height: 20px;
447: text-align: right;
448: }
449:
450: div.umen div.box
451: {
452: background: white;
453: border-color: #E0E0E0;
454: }
455:
456: div.umen div.box h1
457: {
458: background: #EEEEEE none no-repeat 3px 2px;
459: color: #404040;
460: }
461:
462: div.umen div.box_0 h1
463: {
464: background-image: url('http://www.yaronet.com/s/sprite/umen/box-open.png');
465: }
466:
467: div.umen div.box_1 h1
468: {
469: background-image: url('http://www.yaronet.com/s/sprite/umen/box-close.png');
470: }
471: