Subversion Repositories eFlore/Applications.del

Rev

Rev 1505 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
1206 gduche 1 
/* La ligne suivante ne sert qu'à régler le bug d'affichage des listes déroulantes */
404 gduche 2 
select {
572 gduche 3 
	background: #FFF;
404 gduche 4 
}
1 aurelien 5 
/** Add css rules here for your application. */
572 gduche 6 
body,html {
1078 gduche 7 
	height: 100%;
572 gduche 8 
}
1 aurelien 9 
 
1078 gduche 10 
body div {
11 
	font-family:arial;
12 
}
13 
 
1 aurelien 14 
/** Example rules used by the template application (remove for your app) */
15 
h1 {
572 gduche 16 
	font-size: 2em;
17 
	font-weight: bold;
18 
	color: #777777;
1183 gduche 19 
	margin: 0;
572 gduche 20 
	text-align: center;
1 aurelien 21 
}
22 
 
118 gduche 23 
/*#titre {background:url(/img/logo.png) no-repeat; height:100px; border:solid 1px red; width:250px; text-align:left; padding-top:50px}*/
1 aurelien 24 
.sendButton {
572 gduche 25 
	display: block;
26 
	font-size: 16pt;
1 aurelien 27 
}
28 
 
29 
/** Most GWT widgets already have a style name defined */
30 
.gwt-DialogBox {
572 gduche 31 
	width: 400px;
1 aurelien 32 
}
33 
 
34 
.dialogVPanel {
572 gduche 35 
	margin: 5px;
1 aurelien 36 
}
37 
 
38 
.serverResponseLabelError {
572 gduche 39 
	color: red;
1 aurelien 40 
}
41 
 
119 aurelien 42 
/** Erreur dans un formulaire de type texte **/
1132 aurelien 43 
.erreurFormTexte, .erreurFormTexte input {
44 
	background-color: red !important;
119 aurelien 45 
}
46 
 
1 aurelien 47 
/** Set ids using widget.getElement().setId("idOfElement") */
48 
#closeButton {
572 gduche 49 
	margin: 15px 6px 6px;
1 aurelien 50 
}
53 gduche 51 
 
1183 gduche 52 
#zoneTitre {
53 
	width:45%;
54 
	margin-top:13px;
572 gduche 55 
}
1183 gduche 56 
#zoneLiens {
57 
	clear:both;
58 
}
59 
#zoneTitre h1 {
60 
	font-size:72px;
61 
}
118 gduche 62 
 
1026 gduche 63 
 
64 
.titre2 {
65 
	color: #FD8C13;
66 
	font-size: 13px;
67 
	margin: 20px 0 10px;
68 
	padding: 0 0 0 25px;
69 
	text-transform: none;
70 
	font-weight: bold;
71 
	background: url(./img/troisCarre.png) no-repeat 0 8px;
72 
}
73 
 
572 gduche 74 
.boutonPlus {
75 
	border: none;
76 
	color: rgba(0, 0, 0, 0);
77 
	background: url("./img/zoom_in.png");
78 
	width: 16px;
79 
	height: 16px;
80 
	cursor: pointer;
81 
}
244 gduche 82 
 
572 gduche 83 
.boutonMoins {
84 
	border: none;
85 
	color: rgba(0, 0, 0, 0);
86 
	background: url("./img/zoom_out.png");
87 
	width: 16px;
88 
	height: 16px;
89 
	cursor: pointer;
90 
}
91 
 
92 
#navigation {
93 
}
94 
 
95 
#navigation>div>div {
96 
}
97 
 
98 
#navigation>div>div:hover {
99 
}
100 
 
101 
#navigation a {
102 
}
103 
 
1183 gduche 104 
#main {
105 
	width:1000px;
106 
	margin:0 auto;
572 gduche 107 
}
108 
 
657 gduche 109 
#contenu a {
110 
	border-bottom: 1px dotted #95AE5D;
111 
	color: #598000;
112 
}
113 
 
114 
#contenu a:hover {
115 
	border-bottom: 1px dotted #95AE5D;
116 
	color: #FD8C13;
117 
}
118 
 
1078 gduche 119 
.labelLien {
120 
	border-bottom: 1px dotted #95AE5D;
121 
    color: #598000;
122 
    cursor:pointer;
123 
}
124 
.labelLien:hover {
125 
	border-bottom: 1px dotted #95AE5D;
126 
	color: #FD8C13;
127 
}
128 
 
336 gduche 129 
.lien {
572 gduche 130 
	color: blue;
131 
	text-decoration: underline;
132 
	cursor: pointer
336 gduche 133 
}
134 
 
572 gduche 135 
.titre {
136 
	color: #FD8C13;
137 
	font-size: 15px;
138 
	margin: 20px 0 10px;
139 
	padding: 0 0 0 25px;
140 
	text-transform: uppercase;
141 
	font-weight: bold;
142 
	background: url(./img/troisCarre.png) no-repeat 0 8px;
246 gduche 143 
}
143 gduche 144 
 
1106 gduche 145 
.titre3 {
146 
	color: #FD8C13;
147 
	font-size: 15px;
148 
	margin: 20px 0 10px;
149 
	font-weight: bold;
150 
}
151 
 
152 
.titre-minuscule {
153 
	color: #FD8C13;
154 
	font-size: 15px;
155 
	margin: 20px 0 10px;
156 
	padding: 0 0 0 25px;
157 
	font-weight: bold;
158 
	background: url(./img/troisCarre.png) no-repeat 0 8px;
159 
}
160 
 
572 gduche 161 
.sousTitre {
162 
	font-size: 15px;
163 
	font-weight: bold
164 
}
143 gduche 165 
 
572 gduche 166 
.petit {
167 
	font-size: 11px;
168 
	color: #888
169 
}
201 gduche 170 
 
572 gduche 171 
.gris {
172 
	color: #888
173 
}
434 aurelien 174 
 
572 gduche 175 
.gras {
176 
	font-weight: bold
177 
}
434 aurelien 178 
 
572 gduche 179 
.plein {
180 
	width: 100%;
181 
}
182 
 
183 
.tiers {
184 
	width: 30%
185 
}
186 
 
657 gduche 187 
.quart {
188 
	width: 25%;
189 
}
190 
 
572 gduche 191 
.actif {
192 
	background: #8EB533
193 
}
194 
 
195 
.inactif {
196 
	background: white
197 
}
198 
 
199 
.gauche {
200 
	float: left
201 
}
202 
 
203 
.droite {
204 
	float: right
205 
}
206 
 
207 
.nettoyage {
208 
	clear: both
209 
}
210 
 
211 
hr {
212 
	border: none;
213 
	border-bottom: solid 1px #DDD;
214 
	border-top: solid 1px #AAA
215 
}
216 
 
217 
.gwt-SuggestBoxPopup {
218 
	z-index: 10000
219 
}
220 
 
221 
.fenetreDefilante {
222 
	position: fixed;
223 
	margin: auto
224 
}
225 
 
226 
.overlay {
227 
	background-color: #777;
228 
	cursor: pointer;
229 
	display: block;
230 
	opacity: 0.7;
231 
	left: 0;
232 
	top: 0;
233 
	position: fixed;
234 
	width: 100%;
235 
	z-index: 1100;
236 
	height: 100%
237 
}
238 
 
239 
.overlayContenu {
240 
	cursor: pointer;
241 
	display: block;
242 
	opacity: 1;
243 
	left: 0;
244 
	top: 0;
245 
	position: fixed;
246 
	width: 100%;
247 
	z-index: 1200;
248 
	height: 100%
249 
}
250 
 
251 
.fermerOverlay {
252 
	z-index: 1210;
253 
	position: fixed;
254 
	width: 30px;
255 
	height: 30px;
256 
	background: url(./img/close.png) no-repeat 5px 0;
257 
	border: none;
258 
	color: white;
259 
	font-weight: bold;
260 
	cursor: pointer;
657 gduche 261 
	border: 1px dotted #95AE5D;
262 
	border-width: 0 0 1px 0;
263 
	padding-right: 30px
572 gduche 264 
}
265 
 
266 
.precedentOverlay:hover {
657 gduche 267 
	opacity: 1;
572 gduche 268 
}
657 gduche 269 
 
572 gduche 270 
.precedentOverlay {
271 
	display: block;
272 
	z-index: 1210;
273 
	position: fixed;
274 
	width: 30px;
275 
	height: 40px;
276 
	background: url(./img/precedent_overlay.png) no-repeat 50px 170px;
277 
	border: none;
278 
	color: white;
279 
	font-weight: bold;
280 
	cursor: pointer;
281 
	margin-top: -170px;
282 
	padding-bottom: 200px;
283 
	padding-left: 200px;
284 
	padding-top: 200px;
657 gduche 285 
	opacity: 0;
572 gduche 286 
}
287 
 
288 
.suivantOverlay:hover {
657 gduche 289 
	opacity: 1;
572 gduche 290 
}
657 gduche 291 
 
572 gduche 292 
.suivantOverlay {
293 
	display: block;
294 
	z-index: 1210;
295 
	position: fixed;
296 
	width: 30px;
297 
	height: 40px;
298 
	background: url(./img/suivant_overlay.png) no-repeat 90px 170px;
299 
	border: none;
300 
	color: white;
301 
	font-weight: bold;
302 
	cursor: pointer;
303 
	margin-top: -170px;
304 
	padding-bottom: 200px;
305 
	padding-right: 200px;
306 
	padding-top: 200px;
657 gduche 307 
	opacity: 0;
308 
	margin-left: -150px;
617 aurelien 309 
}
310 
 
311 
.acceder-outil {
657 gduche 312 
	background: url("./img/telaBlancJaune.png") no-repeat scroll 0 0 #ECCB12;
1010 aurelien 313 
	text-decoration: none;
657 gduche 314 
	border: medium none;
315 
	border-radius: 10px 10px 10px 10px;
316 
	color: #6C6865;
317 
	font-size: 14px;
1010 aurelien 318 
    padding: 4px 10px 4px 30px;
657 gduche 319 
	cursor: pointer;
320 
	display: inline-block;
321 
}
322 
 
1010 aurelien 323 
.acceder-outil:hover {
1186 gduche 324 
    color: #FD8C13;
325 
}
326 
 
327 
#contenu a.acceder-aide {
328 
	color:white;
329 
}
330 
.acceder-aide {
331 
	background: none repeat scroll 0 0 #3d5fbf;
332 
    border: medium none;
333 
    border-radius: 10px 10px 10px 10px;
334 
    color: white;
335 
    cursor: pointer;
336 
    display: inline-block;
337 
    font-size: 14px;
338 
    padding: 4px 10px;
339 
    text-decoration: none;
340 
}
341 
 
342 
.acceder-aide:hover {
1010 aurelien 343 
    border-bottom: 1px dotted #95AE5D;
344 
    color: #FD8C13;
345 
}
346 
 
657 gduche 347 
.colonne {
348 
	float: left;
349 
}
350 
 
351 
.ligne {
352 
	clear: left;
353 
}
354 
 
355 
.ombre-forte {
356 
	box-shadow: 2px 2px 2px #666;
357 
	-moz-box-shadow: 2px 2px 2px #666;
358 
	-webkit-box-shadow: 2px 2px 2px #666;
359 
}
360 
 
361 
.ombre-faible {
362 
	box-shadow: 2px 2px 2px #DDD;
363 
	-moz-box-shadow: 2px 2px 2px #DDD;
364 
	-webkit-box-shadow: 2px 2px 2px #DDD;
365 
}
366 
 
367 
.limiteMin {
664 gduche 368 
	min-width:870px;
657 gduche 369 
}
370 
 
371 
.limiteMax {
1183 gduche 372 
	max-width:1000px;
373 
	margin:0 auto;
657 gduche 374 
}
375 
 
376 
.arrondi {
377 
	border-radius:10px;
378 
	-moz-border-radius:10px;
379 
	-webkit-border-radius:10px;
380 
}
381 
 
382 
.arrondi-faible {
383 
	border-radius:3px;
384 
	-moz-border-radius:3px;
385 
	-webkit-border-radius:3px;
386 
}
387 
 
662 gduche 388 
.bouton {
1044 gduche 389 
    background: none repeat scroll 0 0 white;
664 gduche 390 
    border: 1px solid #99C242;
391 
    border-radius: 10px 10px 10px 10px;
392 
    box-shadow: 1px 2px 2px #AAAAAA;
393 
    color: #598000;
394 
    cursor: pointer;
395 
    font-size: 0.9em;
396 
    font-weight: bold;
397 
    padding: 5px;
662 gduche 398 
}
399 
 
400 
.bouton:hover {
401 
	background:#8EB533;
402 
	color:#FFF;
680 gduche 403 
}
404 
 
1076 gduche 405 
.bouton-petit {
406 
	background: none repeat scroll 0 0 white;
407 
    border: 1px solid #99C242;
408 
    box-shadow: 1px 2px 2px #AAAAAA;
409 
    color: #598000;
410 
    cursor: pointer;
411 
    font-size: 11px;
412 
    font-weight: bold;
413 
    padding: 1px;
414 
    width:100px;
415 
    margin:0 5px;
416 
}
417 
 
418 
.bouton-petit:hover {
419 
	background:#8EB533;
420 
	color:#FFF;
421 
}
422 
 
680 gduche 423 
.votePrisEnCompteOui {
424 
	background:#8EB533;
425 
	position:absolute;
426 
	font-size:11px;
427 
	padding:5px;
428 
	margin-top:-30px;
429 
	border-radius:10px;
430 
}
431 
 
1479 aurelien 432 
.votePrisEnCompteNon, .voteSupprime {
1106 gduche 433 
	background:#f06a6a;
680 gduche 434 
	position:absolute;
435 
	font-size:11px;
436 
	padding:5px;
437 
	margin-top:-30px;
438 
	border-radius:10px;
682 gduche 439 
}
440 
 
1147 aurelien 441 
.boutonVoteOuiDesactive {
1070 aurelien 442 
	background-image: url("img/pouce_haut_desactive.png") !important;
1005 aurelien 443 
	color:#999999;
1070 aurelien 444 
	cursor: default !important;
1005 aurelien 445 
}
446 
 
1070 aurelien 447 
.boutonVoteNonDesactive {
448 
	background-image: url("img/pouce_bas_desactive.png") !important;
449 
	color:#999999;
450 
	cursor: default !important;
1005 aurelien 451 
}
452 
 
682 gduche 453 
.chapeau {
454 
	color: #6C6865;
455 
    font-family: arial;
456 
    font-size: 13px;
457 
    font-weight: bold;
458 
    letter-spacing: 0;
459 
    line-height: 18px;
460 
    text-transform: none;
461 
    font-style:italic;
914 gduche 462 
}
463 
 
464 
.enfant {
1110 gduche 465 
	background:#EEE;
466 
	margin-left:20px;
467 
	clear:both;
468 
	border-left:solid 1px;
469 
	padding-left:5px;
470 
	border-color:#DDD
1018 aurelien 471 
}
472 
 
473 
.image_determinee {
1088 gduche 474 
	/*background: #333;*/
1018 aurelien 475 
}
476 
 
477 
.image_non_determinee {
1152 aurelien 478 
	background: #CF1313 !important;
1026 gduche 479 
}
1044 gduche 480 
.suiteImages {
481 
	background:url(./img/suiteImages.png) 3px 0 no-repeat;
482 
	cursor:pointer;
483 
	color:rgba(0, 0, 0, 0)
484 
 
1052 gduche 485 
}
486 
 
487 
.propositionInitiale {
488 
	color:#8EB533;
489 
	font-weight:bold;
1070 aurelien 490 
}
491 
 
492 
.etoiles {
493 
    height: 26px;
494 
    margin-left: 38px;
495 
    margin-top: -2px;
496 
    width: 26px;
497 
}
498 
 
499 
.etoiles_0 {
500 
	background:url("./img/0_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
501 
}
502 
.etoiles_1 {
503 
	background:url("./img/1_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
504 
}
505 
.etoiles_2 {
506 
	background:url("./img/2_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
507 
}
508 
.etoiles_3 {
509 
	background:url("./img/3_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
510 
}
511 
.etoiles_4 {
512 
	background:url("./img/4_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
513 
}
514 
.etoiles_5 {
515 
	background:url("./img/5_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
1078 gduche 516 
}
517 
 
1081 gduche 518 
.boutonOK {
519 
	background:url("./img/tick.png") no-repeat;
520 
	width:15px;
521 
	height:15px;
522 
	display:block;
523 
	margin-top:2px;
524 
	border:none;
525 
	cursor:pointer;
1088 gduche 526 
}
527 
 
528 
.enligne {
529 
	display:inline;
1096 gduche 530 
}
531 
 
1106 gduche 532 
.aide {
533 
	background:url(./img/information.png) no-repeat;
534 
	padding-left:20px;
535 
}
536 
 
537 
.lienListe {
538 
	background:url('./img/traitTela.jpg') no-repeat 0 0px;
539 
	cursor:pointer;
540 
	padding-left:31px;
541 
	padding-bottom:5px;
542 
	padding-top:2px;
543 
	border:none;
544 
}
1116 gduche 545 
 
546 
.nombreVotes {
547 
	background:url('./img/user.png') no-repeat;
548 
	cursor: pointer;
549 
}
1120 gduche 550 
 
1126 gduche 551 
#contenu .lienRss a{
1120 gduche 552 
	padding-right:20px;
553 
	background:url('./img/rss.png') no-repeat right center;
554 
	cursor:pointer;
1126 gduche 555 
	padding-bottom:1px;
556 
	border:none;
557 
}
1146 aurelien 558 
 
559 
.invisible {
560 
	visibility:hidden;
561 
}
1165 aurelien 562 
 
563 
.motCleCel {
564 
	display: inline-block;
565 
	margin-right: 3px;
566 
	border: 1px solid grey;
567 
	background-color: #B1BEBE;
568 
	padding-left: 2px;
569 
	padding-right: 2px;
570 
	line-height: 20px;
571 
	border-radius: 5px;
572 
	opacity:1;
573 
	color: black;
574 
}
1183 gduche 575 
 
576 
 
577 
/** FROM TELA */
578 
.importance1 {
1184 gduche 579 
	margin:10px 0px 25px 0px;
1183 gduche 580 
	background-color:#eaedcd;
581 
	padding:8px;
582 
	font-family:arial;
583 
	font-size:11px;
584 
	color:#3a3633;
585 
	border-radius:10px;
586 
	-moz-border-radius:10px;
587 
	-webkit-border-radius:10px;
588 
	box-shadow:7px 7px 11px #555;
589 
	-moz-box-shadow:2px 2px 5px #aaa;
590 
	-webkit-box-shadow:7px 7px 11px #aaa;
591 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */
592 
	zoom:1;/* pour ie8 */
593 
}
594 
 
595 
.traitTela li {
596 
	background: url("http://www.tela-botanica.org/sites/commun/generique/images/traitTela.jpg") no-repeat scroll 0 6px transparent;
597 
    font-family: arial;
598 
    font-size: 12px;
599 
    font-weight: bold;
600 
    color:#777;
601 
    list-style: none outside none;
602 
    padding: 10px 0 0 30px;
603 
}
604 
.connect {
605 
	width:130px;
606 
	margin:0;
607 
	padding:0;
608 
}
609 
 
610 
.contenuCentre {
611 
	text-align:center;
1204 gduche 612 
}
613 
 
614 
/* Logos partenaires */
615 
.logo_tela {
616 
	padding-bottom:35px;
617 
	padding-left:70px;
618 
	background:url('./img/logos/tela.jpg');
619 
}
620 
 
621 
.logo_pn {
622 
	padding-bottom:35px;
623 
	padding-left:263px;
624 
	background:url('./img/logos/pn.jpg');
625 
}
626 
 
627 
.logo_ue {
628 
	padding-bottom:59px;
629 
	padding-left:103px;
630 
	background:url('./img/logos/ue.jpg');
631 
}
632 
 
633 
.logo_lr {
634 
	padding-bottom:59px;
635 
	padding-left:47px;
636 
	background:url('./img/logos/lr.jpg');
637 
}
638 
 
639 
.logo_nd {
640 
	padding-bottom:55px;
641 
	padding-left:148px;
642 
	background:url('./img/logos/nd.jpg');
643 
}
644 
 
1334 gduche 645 
 
646 
.logo_nh {
647 
	padding-bottom:46px;
648 
	padding-left:59px;
649 
	background:url('./img/logos/fnh.png');
650 
}
651 
.logo_nh:hover {
652 
	padding-bottom:46px;
653 
	padding-left:59px;
654 
	background:url('./img/logos/fnh-hover.png');
655 
}
656 
 
657 
 
1204 gduche 658 
.logo_tela:hover {
659 
	background:url('./img/logos/tela_hover.jpg');
660 
}
661 
.logo_pn:hover {
662 
	background:url('./img/logos/pn_hover.jpg');
663 
}
664 
.logo_ue:hover {
665 
	background:url('./img/logos/ue_hover.jpg');
666 
}
667 
.logo_lr:hover {
668 
	background:url('./img/logos/lr_hover.jpg');
669 
}
670 
.logo_nd:hover {
671 
	background:url('./img/logos/nd_hover.jpg');
672 
}
673 
 
674 
#zoneFooter{
675 
	width:1000px;
676 
	margin:0 auto;
677 
	text-align:center;
678 
	color:#555;
679 
	font-family:arial;
680 
	font-size:11px;
681 
	font-weight:bold;
1206 gduche 682 
	margin-top:30px;
1204 gduche 683 
}
684 
 
685 
#zoneFooter a {
686 
	margin-right:30px;
1206 gduche 687 
 
688 
}
689 
 
1525 mathias 690 
.pictoplante-contact {
691 
	font-weight: normal;
692 
}
693 
 
694 
.pictoplante-contact a {
695 
	color: green;
696 
	text-decoration : none;
697 
}
698 
 
699 
.pictoplante-contact a:hover {
700 
	color: #FD8C13;
701 
	text-decoration : none;
702 
}
703 
 
1206 gduche 704 
#zoneEntete {
705 
	width:1000px;
706 
	margin:0 auto;
707 
	min-height:230px;
1207 gduche 708 
}
709 
 
1211 gduche 710 
#zoneEntete .acceder-aide {
1207 gduche 711 
	color:white;
712 
}
713 
 
714 
#zoneEntete .acceder-outil {
715 
	color:inherit;
1234 gduche 716 
}
717 
 
718 
.zone-onglets {
719 
	margin-bottom:5px;
720 
	width:100%;
721 
	height:31px;
722 
	text-align:left;
723 
	border:solid 1px #AAA;
724 
	border-width:0 0 1px 0;
725 
	padding-left:5px;
726 
}
727 
 
728 
.onglet {
729 
	border:solid 1px #AAA;
730 
	border-width:1px;
731 
	padding:3px 15px;
732 
	padding-top:6px;
733 
	padding-left:25px;
734 
	border-radius:12px 12px 0 0;
735 
	width:150px;
736 
	float:left;
737 
	background:#C2C0AD;
738 
	cursor:pointer;
739 
	height:21px;
740 
	font-size:16px;
741 
	color:#598000
742 
 
743 
}
744 
 
745 
.onglet * {
746 
	cursor:pointer;
747 
}
748 
 
749 
.onglet:hover {
750 
	background:#d0ccaa;
751 
}
752 
 
753 
.onglet-actif {
754 
	font-weight:bold;
755 
	background:white;
756 
	color:#FD8C13;
757 
	text-transform:uppercase;
758 
 
1479 aurelien 759 
}
760 
 
761 
.elementMasque {
762 
	background-color: #777;
763 
	cursor: default;
764 
	display: block;
765 
	opacity: 0.7;
766 
	left: 0;
767 
	top: 0;
768 
	position: relative;
769 
	width: 100%;
770 
	z-index: 1100;
771 
	height: 100%
1183 gduche 772 
}