Subversion Repositories eFlore/Applications.del

Rev

Go to most recent revision | Details | 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 
}
1689 jpm 91 
.lienRetour {
92 
	display:inline-block;
93 
}
94 
.lienRetour a {
95 
	border: 1px solid #99C242 !important;
96 
	border-radius: 10px;
97 
	box-shadow: 1px 2px 2px #AAAAAA;
98 
	padding: 5px 5px 5px 23px;
99 
	background: url("./img/16x16/retour.png") no-repeat 5px 5px;
100 
	color: #598000;
101 
	cursor: pointer;
102 
	font-weight: bold;
103 
	text-decoration: none;
104 
}
105 
.lienRetour a:hover {
106 
	color:white !important;
107 
	background-color:#8EB533;
108 
	background: #8EB533 url("./img/16x16/retour_actif.png") no-repeat 3px 3px;
109 
}
572 gduche 110 
 
111 
#navigation {
112 
}
113 
 
114 
#navigation>div>div {
115 
}
116 
 
117 
#navigation>div>div:hover {
118 
}
119 
 
120 
#navigation a {
121 
}
122 
 
1183 gduche 123 
#main {
124 
	width:1000px;
125 
	margin:0 auto;
572 gduche 126 
}
127 
 
657 gduche 128 
#contenu a {
129 
	border-bottom: 1px dotted #95AE5D;
130 
	color: #598000;
131 
}
132 
 
133 
#contenu a:hover {
134 
	border-bottom: 1px dotted #95AE5D;
135 
	color: #FD8C13;
136 
}
137 
 
1078 gduche 138 
.labelLien {
139 
	border-bottom: 1px dotted #95AE5D;
1689 jpm 140 
	line-height: 18px;
141 
	color: #598000;
142 
	cursor:pointer;
1078 gduche 143 
}
144 
.labelLien:hover {
145 
	border-bottom: 1px dotted #95AE5D;
146 
	color: #FD8C13;
147 
}
148 
 
336 gduche 149 
.lien {
572 gduche 150 
	color: blue;
151 
	text-decoration: underline;
152 
	cursor: pointer
336 gduche 153 
}
154 
 
572 gduche 155 
.titre {
156 
	color: #FD8C13;
157 
	font-size: 15px;
158 
	margin: 20px 0 10px;
159 
	padding: 0 0 0 25px;
160 
	text-transform: uppercase;
161 
	font-weight: bold;
162 
	background: url(./img/troisCarre.png) no-repeat 0 8px;
246 gduche 163 
}
143 gduche 164 
 
1106 gduche 165 
.titre3 {
166 
	color: #FD8C13;
167 
	font-size: 15px;
168 
	margin: 20px 0 10px;
169 
	font-weight: bold;
170 
}
171 
 
172 
.titre-minuscule {
173 
	color: #FD8C13;
174 
	font-size: 15px;
175 
	margin: 20px 0 10px;
176 
	padding: 0 0 0 25px;
177 
	font-weight: bold;
178 
	background: url(./img/troisCarre.png) no-repeat 0 8px;
179 
}
180 
 
572 gduche 181 
.sousTitre {
182 
	font-size: 15px;
183 
	font-weight: bold
184 
}
143 gduche 185 
 
572 gduche 186 
.petit {
187 
	font-size: 11px;
188 
	color: #888
189 
}
201 gduche 190 
 
572 gduche 191 
.gris {
192 
	color: #888
193 
}
434 aurelien 194 
 
572 gduche 195 
.gras {
196 
	font-weight: bold
197 
}
434 aurelien 198 
 
572 gduche 199 
.plein {
200 
	width: 100%;
201 
}
202 
 
203 
.tiers {
204 
	width: 30%
205 
}
206 
 
657 gduche 207 
.quart {
208 
	width: 25%;
209 
}
210 
 
572 gduche 211 
.actif {
212 
	background: #8EB533
213 
}
214 
 
215 
.inactif {
216 
	background: white
217 
}
218 
 
219 
.gauche {
220 
	float: left
221 
}
222 
 
223 
.droite {
224 
	float: right
225 
}
226 
 
227 
.nettoyage {
228 
	clear: both
229 
}
1703 jpm 230 
hr.nettoyage {
231 
	width:0;
232 
	height:0;
233 
	border:none;
234 
}
572 gduche 235 
hr {
236 
	border: none;
237 
	border-bottom: solid 1px #DDD;
238 
	border-top: solid 1px #AAA
239 
}
240 
 
241 
.gwt-SuggestBoxPopup {
242 
	z-index: 10000
243 
}
244 
 
245 
.fenetreDefilante {
246 
	position: fixed;
247 
	margin: auto
248 
}
249 
 
250 
.overlay {
251 
	background-color: #777;
252 
	cursor: pointer;
253 
	display: block;
254 
	opacity: 0.7;
255 
	left: 0;
256 
	top: 0;
257 
	position: fixed;
258 
	width: 100%;
259 
	z-index: 1100;
260 
	height: 100%
261 
}
262 
 
263 
.overlayContenu {
264 
	cursor: pointer;
265 
	display: block;
266 
	opacity: 1;
267 
	left: 0;
268 
	top: 0;
269 
	position: fixed;
270 
	width: 100%;
271 
	z-index: 1200;
272 
	height: 100%
273 
}
274 
 
275 
.fermerOverlay {
276 
	z-index: 1210;
277 
	position: fixed;
278 
	width: 30px;
279 
	height: 30px;
280 
	background: url(./img/close.png) no-repeat 5px 0;
281 
	border: none;
282 
	color: white;
283 
	font-weight: bold;
284 
	cursor: pointer;
657 gduche 285 
	border: 1px dotted #95AE5D;
286 
	border-width: 0 0 1px 0;
287 
	padding-right: 30px
572 gduche 288 
}
289 
 
290 
.precedentOverlay:hover {
657 gduche 291 
	opacity: 1;
572 gduche 292 
}
657 gduche 293 
 
572 gduche 294 
.precedentOverlay {
295 
	display: block;
296 
	z-index: 1210;
297 
	position: fixed;
298 
	width: 30px;
299 
	height: 40px;
300 
	background: url(./img/precedent_overlay.png) no-repeat 50px 170px;
301 
	border: none;
302 
	color: white;
303 
	font-weight: bold;
304 
	cursor: pointer;
305 
	margin-top: -170px;
306 
	padding-bottom: 200px;
307 
	padding-left: 200px;
308 
	padding-top: 200px;
657 gduche 309 
	opacity: 0;
572 gduche 310 
}
311 
 
312 
.suivantOverlay:hover {
657 gduche 313 
	opacity: 1;
572 gduche 314 
}
657 gduche 315 
 
572 gduche 316 
.suivantOverlay {
317 
	display: block;
318 
	z-index: 1210;
319 
	position: fixed;
320 
	width: 30px;
321 
	height: 40px;
322 
	background: url(./img/suivant_overlay.png) no-repeat 90px 170px;
323 
	border: none;
324 
	color: white;
325 
	font-weight: bold;
326 
	cursor: pointer;
327 
	margin-top: -170px;
328 
	padding-bottom: 200px;
329 
	padding-right: 200px;
330 
	padding-top: 200px;
657 gduche 331 
	opacity: 0;
332 
	margin-left: -150px;
617 aurelien 333 
}
334 
 
335 
.acceder-outil {
657 gduche 336 
	background: url("./img/telaBlancJaune.png") no-repeat scroll 0 0 #ECCB12;
1010 aurelien 337 
	text-decoration: none;
657 gduche 338 
	border: medium none;
339 
	border-radius: 10px 10px 10px 10px;
340 
	color: #6C6865;
341 
	font-size: 14px;
1689 jpm 342 
	padding: 4px 10px 4px 30px;
657 gduche 343 
	cursor: pointer;
344 
	display: inline-block;
345 
}
346 
 
1010 aurelien 347 
.acceder-outil:hover {
1689 jpm 348 
	color: #FD8C13;
1186 gduche 349 
}
350 
 
351 
#contenu a.acceder-aide {
352 
	color:white;
353 
}
354 
.acceder-aide {
355 
	background: none repeat scroll 0 0 #3d5fbf;
1689 jpm 356 
	border: medium none;
357 
	border-radius: 10px 10px 10px 10px;
358 
	color: white;
359 
	cursor: pointer;
360 
	display: inline-block;
361 
	font-size: 14px;
362 
	padding: 4px 10px;
363 
	text-decoration: none;
1186 gduche 364 
}
365 
 
366 
.acceder-aide:hover {
1689 jpm 367 
	border-bottom: 1px dotted #95AE5D;
368 
	color: #FD8C13;
1010 aurelien 369 
}
370 
 
657 gduche 371 
.colonne {
372 
	float: left;
373 
}
374 
 
375 
.ligne {
376 
	clear: left;
377 
}
378 
 
379 
.ombre-forte {
380 
	box-shadow: 2px 2px 2px #666;
381 
	-moz-box-shadow: 2px 2px 2px #666;
382 
	-webkit-box-shadow: 2px 2px 2px #666;
383 
}
384 
 
385 
.ombre-faible {
386 
	box-shadow: 2px 2px 2px #DDD;
387 
	-moz-box-shadow: 2px 2px 2px #DDD;
388 
	-webkit-box-shadow: 2px 2px 2px #DDD;
389 
}
390 
 
391 
.limiteMin {
664 gduche 392 
	min-width:870px;
657 gduche 393 
}
394 
 
395 
.limiteMax {
1689 jpm 396 
	max-width:1150px;
1183 gduche 397 
	margin:0 auto;
657 gduche 398 
}
1703 jpm 399 
.limiteMaxResultat {
400 
	max-width:1000px;
401 
	margin:0 auto;
402 
}
657 gduche 403 
 
404 
.arrondi {
405 
	border-radius:10px;
406 
	-moz-border-radius:10px;
407 
	-webkit-border-radius:10px;
408 
}
409 
 
410 
.arrondi-faible {
411 
	border-radius:3px;
412 
	-moz-border-radius:3px;
413 
	-webkit-border-radius:3px;
414 
}
415 
 
662 gduche 416 
.bouton {
1689 jpm 417 
	background: none repeat scroll 0 0 white;
418 
	border: 1px solid #99C242;
419 
	border-radius: 10px 10px 10px 10px;
420 
	box-shadow: 1px 2px 2px #AAAAAA;
421 
	color: #598000;
422 
	cursor: pointer;
423 
	font-size: 0.9em;
424 
	font-weight: bold;
425 
	padding: 5px;
662 gduche 426 
}
427 
 
428 
.bouton:hover {
429 
	background:#8EB533;
430 
	color:#FFF;
680 gduche 431 
}
432 
 
1076 gduche 433 
.bouton-petit {
434 
	background: none repeat scroll 0 0 white;
1689 jpm 435 
	border: 1px solid #99C242;
436 
	box-shadow: 1px 2px 2px #AAAAAA;
437 
	color: #598000;
438 
	cursor: pointer;
439 
	font-size: 11px;
440 
	font-weight: bold;
441 
	padding: 1px;
442 
	width:100px;
443 
	margin:0 5px;
1076 gduche 444 
}
445 
 
446 
.bouton-petit:hover {
447 
	background:#8EB533;
448 
	color:#FFF;
449 
}
450 
 
680 gduche 451 
.votePrisEnCompteOui {
452 
	background:#8EB533;
453 
	position:absolute;
454 
	font-size:11px;
455 
	padding:5px;
456 
	margin-top:-30px;
457 
	border-radius:10px;
458 
}
459 
 
1479 aurelien 460 
.votePrisEnCompteNon, .voteSupprime {
1106 gduche 461 
	background:#f06a6a;
680 gduche 462 
	position:absolute;
463 
	font-size:11px;
464 
	padding:5px;
465 
	margin-top:-30px;
466 
	border-radius:10px;
682 gduche 467 
}
468 
 
1147 aurelien 469 
.boutonVoteOuiDesactive {
1070 aurelien 470 
	background-image: url("img/pouce_haut_desactive.png") !important;
1005 aurelien 471 
	color:#999999;
1070 aurelien 472 
	cursor: default !important;
1005 aurelien 473 
}
474 
 
1070 aurelien 475 
.boutonVoteNonDesactive {
476 
	background-image: url("img/pouce_bas_desactive.png") !important;
477 
	color:#999999;
478 
	cursor: default !important;
1005 aurelien 479 
}
480 
 
682 gduche 481 
.chapeau {
482 
	color: #6C6865;
1689 jpm 483 
	font-family: arial;
484 
	font-size: 13px;
485 
	font-weight: bold;
486 
	letter-spacing: 0;
487 
	line-height: 18px;
488 
	text-transform: none;
489 
	font-style:italic;
914 gduche 490 
}
491 
 
492 
.enfant {
1110 gduche 493 
	background:#EEE;
494 
	margin-left:20px;
495 
	clear:both;
496 
	border-left:solid 1px;
497 
	padding-left:5px;
498 
	border-color:#DDD
1018 aurelien 499 
}
500 
 
501 
.image_determinee {
1088 gduche 502 
	/*background: #333;*/
1018 aurelien 503 
}
504 
 
505 
.image_non_determinee {
1152 aurelien 506 
	background: #CF1313 !important;
1026 gduche 507 
}
1044 gduche 508 
.suiteImages {
509 
	background:url(./img/suiteImages.png) 3px 0 no-repeat;
510 
	cursor:pointer;
1830 aurelien 511 
	color:rgba(0, 0, 0, 0)
1052 gduche 512 
}
513 
 
1830 aurelien 514 
.propositionRetenue {
1831 aurelien 515 
	background: url("img/proposition_validee.png") no-repeat scroll 0 0 #eee;
1830 aurelien 516 
	border: 1px dotted green;
517 
    margin-bottom: 5px;
518 
    padding: 10px;
519 
    width: 550px;
520 
}
521 
 
1833 aurelien 522 
.propositionRetenuePetit {
523 
	background: url("img/proposition_validee.png") no-repeat scroll 0 0 #eee;
524 
	background-size: 20px 20px;
525 
	height: 23px;
526 
	width: 372px;
527 
	padding: 0;
528 
	margin: 0;
1830 aurelien 529 
}
530 
 
1833 aurelien 531 
.propostionRetenue .nomTaxonProposition {
1830 aurelien 532 
	font-weight: bold;
1070 aurelien 533 
}
534 
 
1830 aurelien 535 
.boutonValiderTaxon {
536 
	position: absolute;
537 
	margin-left: -3px;
538 
	margin-top: 15px;
539 
	padding: 3px 5px 0px;
540 
	font-size: 1.3em;
541 
}
542 
 
2046 mathias 543 
.pointeur {
544 
	cursor: pointer;
545 
}
546 
.pointeur input {
547 
	cursor: pointer;
548 
	margin-right: 10px;
549 
}
550 
 
1830 aurelien 551 
.conteneurIntermediaireProposition {
552 
	display: table;
553 
	width: 95%;
554 
}
555 
 
556 
.boutonValider img {
557 
	cursor: pointer;
558 
}
559 
 
560 
.propositionValidable {
561 
	margin-left: 35px;
562 
}
563 
 
1833 aurelien 564 
.indicationPropositionInitiale {
565 
	font-weight : bold;
566 
}
567 
 
1070 aurelien 568 
.etoiles {
1689 jpm 569 
	height: 26px;
570 
	margin-left: 38px;
571 
	margin-top: -2px;
572 
	width: 26px;
1070 aurelien 573 
}
574 
 
575 
.etoiles_0 {
576 
	background:url("./img/0_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
577 
}
578 
.etoiles_1 {
579 
	background:url("./img/1_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
580 
}
581 
.etoiles_2 {
582 
	background:url("./img/2_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
583 
}
584 
.etoiles_3 {
585 
	background:url("./img/3_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
586 
}
587 
.etoiles_4 {
588 
	background:url("./img/4_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
589 
}
590 
.etoiles_5 {
591 
	background:url("./img/5_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
1078 gduche 592 
}
593 
 
1081 gduche 594 
.boutonOK {
595 
	background:url("./img/tick.png") no-repeat;
596 
	width:15px;
597 
	height:15px;
598 
	display:block;
599 
	margin-top:2px;
600 
	border:none;
601 
	cursor:pointer;
1088 gduche 602 
}
603 
 
604 
.enligne {
605 
	display:inline;
1096 gduche 606 
}
607 
 
1106 gduche 608 
.aide {
609 
	background:url(./img/information.png) no-repeat;
610 
	padding-left:20px;
611 
}
612 
 
613 
.lienListe {
614 
	background:url('./img/traitTela.jpg') no-repeat 0 0px;
615 
	cursor:pointer;
616 
	padding-left:31px;
617 
	padding-bottom:5px;
618 
	padding-top:2px;
619 
	border:none;
620 
}
1116 gduche 621 
 
622 
.nombreVotes {
623 
	background:url('./img/user.png') no-repeat;
624 
	cursor: pointer;
625 
}
1120 gduche 626 
 
1585 mathias 627 
.notesVotes {
628 
	width: 196px;
629 
	margin-top: 3px;
630 
	/*border: solid white 1px;*/
631 
}
632 
/*.notesVotes td {
633 
	border: solid white 1px;
634 
}*/
635 
.notesVotes td.image {
636 
	text-align: left;
637 
}
638 
.notesVotes td.barre {
639 
	width: 135px;
640 
}
641 
.notesVotes td.votants {
642 
	width: 30px;
643 
}
644 
.notesVotes .avancement {
645 
	height: 5px;
646 
	background-color: #d0d0d0;
647 
}
648 
 
649 
img.etoile {
650 
	width: 16px;
651 
}
652 
 
653 
.chiffreDroite {
654 
	float: right;
655 
	margin-right: 10px;
656 
}
657 
 
1126 gduche 658 
#contenu .lienRss a{
1120 gduche 659 
	padding-right:20px;
660 
	background:url('./img/rss.png') no-repeat right center;
661 
	cursor:pointer;
1126 gduche 662 
	padding-bottom:1px;
663 
	border:none;
664 
}
1146 aurelien 665 
 
666 
.invisible {
667 
	visibility:hidden;
668 
}
1165 aurelien 669 
 
670 
.motCleCel {
671 
	display: inline-block;
672 
	margin-right: 3px;
673 
	border: 1px solid grey;
674 
	background-color: #B1BEBE;
675 
	padding-left: 2px;
676 
	padding-right: 2px;
677 
	line-height: 20px;
678 
	border-radius: 5px;
679 
	opacity:1;
680 
	color: black;
681 
}
1183 gduche 682 
 
1539 aurelien 683 
div.motClePictoCoche {
684 
	background-color: #96B944;
685 
}
1183 gduche 686 
 
1539 aurelien 687 
div.motclesPicto > div > span > input[type="checkbox"] {
688 
	opacity:0;
689 
}
690 
 
1541 aurelien 691 
span.texteMotClePicto label {
692 
	cursor: pointer;
693 
}
1539 aurelien 694 
 
1541 aurelien 695 
 
1183 gduche 696 
/** FROM TELA */
697 
.importance1 {
1184 gduche 698 
	margin:10px 0px 25px 0px;
1183 gduche 699 
	background-color:#eaedcd;
700 
	padding:8px;
701 
	font-family:arial;
702 
	font-size:11px;
703 
	color:#3a3633;
704 
	border-radius:10px;
705 
	-moz-border-radius:10px;
706 
	-webkit-border-radius:10px;
707 
	box-shadow:7px 7px 11px #555;
708 
	-moz-box-shadow:2px 2px 5px #aaa;
709 
	-webkit-box-shadow:7px 7px 11px #aaa;
710 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */
711 
	zoom:1;/* pour ie8 */
712 
}
713 
 
714 
.traitTela li {
715 
	background: url("http://www.tela-botanica.org/sites/commun/generique/images/traitTela.jpg") no-repeat scroll 0 6px transparent;
1689 jpm 716 
	font-family: arial;
717 
	font-size: 12px;
718 
	font-weight: bold;
719 
	color:#777;
720 
	list-style: none outside none;
721 
	padding: 10px 0 0 30px;
1183 gduche 722 
}
723 
.connect {
724 
	width:130px;
725 
	margin:0;
726 
	padding:0;
727 
}
728 
 
729 
.contenuCentre {
730 
	text-align:center;
1204 gduche 731 
}
732 
 
733 
 
734 
#zoneFooter{
735 
	width:1000px;
736 
	margin:0 auto;
737 
	text-align:center;
738 
	color:#555;
739 
	font-family:arial;
740 
	font-size:11px;
741 
	font-weight:bold;
1206 gduche 742 
	margin-top:30px;
1204 gduche 743 
}
744 
 
745 
#zoneFooter a {
746 
	margin-right:30px;
1206 gduche 747 
 
748 
}
749 
 
1520 mathias 750 
.pictoplante-contact {
751 
	font-weight: normal;
752 
}
753 
 
754 
.pictoplante-contact a {
755 
	color: green;
756 
	text-decoration : none;
1647 mathias 757 
	font-weight: bold;
1520 mathias 758 
}
759 
 
1647 mathias 760 
.pictoplante-contact a:visited {
761 
	color: #06BD1E;
762 
	text-decoration : none;
763 
}
764 
 
1520 mathias 765 
.pictoplante-contact a:hover {
766 
	color: #FD8C13;
767 
	text-decoration : none;
768 
}
1703 jpm 769 
/*----------------------------------------------------------------------------------------------------------*/
770 
/* ONGLETS */
1234 gduche 771 
.zone-onglets {
772 
	margin-bottom:5px;
773 
	width:100%;
774 
	height:31px;
775 
	text-align:left;
776 
	border:solid 1px #AAA;
777 
	border-width:0 0 1px 0;
778 
	padding-left:5px;
779 
}
780 
.onglet {
781 
	border:solid 1px #AAA;
782 
	border-width:1px;
783 
	padding:3px 15px;
784 
	padding-top:6px;
785 
	padding-left:25px;
786 
	border-radius:12px 12px 0 0;
1703 jpm 787 
	width:100px;
1234 gduche 788 
	float:left;
789 
	background:#C2C0AD;
790 
	cursor:pointer;
791 
	height:21px;
792 
	font-size:16px;
793 
	color:#598000
794 
}
795 
.onglet * {
796 
	cursor:pointer;
797 
}
798 
.onglet:hover {
799 
	background:#d0ccaa;
800 
}
801 
.onglet-actif {
802 
	font-weight:bold;
803 
	background:white;
804 
	color:#FD8C13;
805 
	text-transform:uppercase;
1703 jpm 806 
	width:140px;
1479 aurelien 807 
}
808 
 
809 
.elementMasque {
810 
	background-color: #777;
811 
	cursor: default;
812 
	display: block;
813 
	opacity: 0.7;
814 
	left: 0;
815 
	top: 0;
816 
	position: relative;
817 
	width: 100%;
818 
	z-index: 1100;
819 
	height: 100%
1549 jpm 820 
}
821 
 
2050 aurelien 822 
.ongletMonActivite {
823 
	background: url("./img/mon_flux.png") no-repeat scroll 50% 2px #C2C0AD;
824 
	width: 5px;
825 
}
826 
 
827 
.ongletMonActivite:hover {
828 
	background: url("./img/mon_flux.png") no-repeat scroll 50% 2px #d0ccaa;
829 
}
830 
 
831 
.ongletMonActivite.onglet-actif {
832 
	background: url("./img/mon_flux_actif.png") no-repeat scroll 10px 2px #FFFFFF;
833 
	width: 8px;
834 
}
835 
 
836 
.nbEvenementsMonActivite {
837 
    background-color: #fd8c13;
838 
    border-radius: 8px;
839 
    display: inline;
840 
    font-weight: bold;
841 
    height: 18px;
842 
    left: 5px;
843 
    margin: auto;
844 
    padding-left: 6px;
845 
    padding-right: 5px;
846 
    padding-top: 1px;
847 
    position: relative;
848 
    top: -7px;
849 
}
850 
 
851 
.onglet-actif .nbEvenementsMonActivite {
852 
	background: #d0ccaa;
853 
	color: #598000;
854 
}
855 
 
856 
.evenementsNouveaux {
857 
	font-weight: bold;
2068 aurelien 858 
	border: 1px solid #F2CE9F;
2050 aurelien 859 
}
860 
 
2062 aurelien 861 
.listeEvenementsObs {
862 
    margin-bottom: 2px;
863 
    margin-top: 2px;
864 
    padding-left: 20px;
865 
}
866 
 
2068 aurelien 867 
.evtObsinfosComplementaires.evtObsCitation:before {
868 
	content: ": “";
869 
}
870 
 
871 
.evtObsinfosComplementaires.evtObsAction:before {
872 
	content: ": ";
873 
}
874 
 
875 
.evtObsinfosComplementaires.evtObsCitation {
876 
	font-style: italic;
877 
}
878 
 
879 
.evtObsinfosComplementaires.evtObsCitation:after {
880 
	content: "”";
881 
}
882 
 
1549 jpm 883 
/*+---------------------------------------------------------------------------------------------------------*/
884 
/* ENTETE */
885 
 
886 
#zoneEntete {
887 
	width:1000px;
888 
	margin:0 auto;
889 
	min-height:230px;
890 
}
891 
#zoneEntete .acceder-aide {
892 
	color:white;
893 
}
894 
#zoneEntete .acceder-outil {
895 
	color:inherit;
896 
}
897 
#zoneTitre {
898 
	float:left;
899 
	height:50px;
900 
	width:50%;
901 
	margin:10px 0;
902 
	font-size:3.2em;
903 
}
904 
#zoneTitre a, #zoneTitre a:visited {
905 
	color:#777;
906 
	text-decoration:none;
907 
}
908 
#zoneTitre a:hover {
909 
	color:#FD8C13;
910 
	text-decoration:none;
911 
	border-bottom:1px dotted #95AE5D;
912 
}
913 
#zoneChapeau {
914 
	float:left;
915 
	height:130px;
916 
	width:52%;
917 
}
918 
#zoneLogos {
919 
	float:right;
920 
	height:50px;
921 
	width:50%;
922 
	text-align:center;
923 
	margin:10px 0;
924 
}
925 
 
926 
/*+---------------------------------------------------------------------------------------------------------*/
927 
/* LOGOS */
928 
.logo_tela {
1993 mathias 929 
	padding-bottom:44px;
930 
	padding-left:145px;
1549 jpm 931 
	background:url('./img/logos/tela.jpg');
1993 mathias 932 
	background-repeat: no-repeat;
933 
	background-position: bottom;
1549 jpm 934 
}
935 
.logo_pn {
936 
	padding-bottom:35px;
937 
	padding-left:263px;
938 
	background:url('./img/logos/pn.jpg');
939 
}
940 
.logo_ue {
941 
	padding-bottom:59px;
942 
	padding-left:103px;
943 
	background:url('./img/logos/ue.jpg');
944 
}
945 
.logo_lr {
946 
	padding-bottom:59px;
947 
	padding-left:47px;
948 
	background:url('./img/logos/lr.jpg');
949 
}
950 
.logo_nd {
951 
	padding-bottom:55px;
952 
	padding-left:148px;
953 
	background:url('./img/logos/nd.jpg');
954 
}
955 
.logo_nh {
956 
	padding-bottom:46px;
957 
	padding-left:59px;
958 
	background:url('./img/logos/fnh.png');
959 
}
960 
.logo_nh:hover {
961 
	padding-bottom:46px;
962 
	padding-left:59px;
963 
	background:url('./img/logos/fnh-hover.png');
964 
}
965 
.logo_tela:hover {
966 
	background:url('./img/logos/tela_hover.jpg');
1993 mathias 967 
	background-repeat: no-repeat;
968 
	background-position: bottom;
1549 jpm 969 
}
970 
.logo_pn:hover {
971 
	background:url('./img/logos/pn_hover.jpg');
972 
}
973 
.logo_ue:hover {
974 
	background:url('./img/logos/ue_hover.jpg');
975 
}
976 
.logo_lr:hover {
977 
	background:url('./img/logos/lr_hover.jpg');
978 
}
979 
.logo_nd:hover {
980 
	background:url('./img/logos/nd_hover.jpg');
981 
}
1647 mathias 982 
 
983 
.erreurConfig {
984 
	width: 400px;
985 
	margin: 20px auto auto;
986 
	font-size: 16px;
987 
	color: #cc0000;
988 
	font-weight: bold;
989 
}