Subversion Repositories eFlore/Applications.del

Rev

Rev 1190 | Rev 1206 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

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