Subversion Repositories eFlore/Applications.del

Rev

Rev 1960 | 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 
}
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 
 
543 
.conteneurIntermediaireProposition {
544 
	display: table;
545 
	width: 95%;
546 
}
547 
 
548 
.boutonValider img {
549 
	cursor: pointer;
550 
}
551 
 
552 
.propositionValidable {
553 
	margin-left: 35px;
554 
}
555 
 
1833 aurelien 556 
.indicationPropositionInitiale {
557 
	font-weight : bold;
558 
}
559 
 
1070 aurelien 560 
.etoiles {
1689 jpm 561 
	height: 26px;
562 
	margin-left: 38px;
563 
	margin-top: -2px;
564 
	width: 26px;
1070 aurelien 565 
}
566 
 
567 
.etoiles_0 {
568 
	background:url("./img/0_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
569 
}
570 
.etoiles_1 {
571 
	background:url("./img/1_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
572 
}
573 
.etoiles_2 {
574 
	background:url("./img/2_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
575 
}
576 
.etoiles_3 {
577 
	background:url("./img/3_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
578 
}
579 
.etoiles_4 {
580 
	background:url("./img/4_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
581 
}
582 
.etoiles_5 {
583 
	background:url("./img/5_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
1078 gduche 584 
}
585 
 
1081 gduche 586 
.boutonOK {
587 
	background:url("./img/tick.png") no-repeat;
588 
	width:15px;
589 
	height:15px;
590 
	display:block;
591 
	margin-top:2px;
592 
	border:none;
593 
	cursor:pointer;
1088 gduche 594 
}
595 
 
596 
.enligne {
597 
	display:inline;
1096 gduche 598 
}
599 
 
1106 gduche 600 
.aide {
601 
	background:url(./img/information.png) no-repeat;
602 
	padding-left:20px;
603 
}
604 
 
605 
.lienListe {
606 
	background:url('./img/traitTela.jpg') no-repeat 0 0px;
607 
	cursor:pointer;
608 
	padding-left:31px;
609 
	padding-bottom:5px;
610 
	padding-top:2px;
611 
	border:none;
612 
}
1116 gduche 613 
 
614 
.nombreVotes {
615 
	background:url('./img/user.png') no-repeat;
616 
	cursor: pointer;
617 
}
1120 gduche 618 
 
1585 mathias 619 
.notesVotes {
620 
	width: 196px;
621 
	margin-top: 3px;
622 
	/*border: solid white 1px;*/
623 
}
624 
/*.notesVotes td {
625 
	border: solid white 1px;
626 
}*/
627 
.notesVotes td.image {
628 
	text-align: left;
629 
}
630 
.notesVotes td.barre {
631 
	width: 135px;
632 
}
633 
.notesVotes td.votants {
634 
	width: 30px;
635 
}
636 
.notesVotes .avancement {
637 
	height: 5px;
638 
	background-color: #d0d0d0;
639 
}
640 
 
641 
img.etoile {
642 
	width: 16px;
643 
}
644 
 
645 
.chiffreDroite {
646 
	float: right;
647 
	margin-right: 10px;
648 
}
649 
 
1126 gduche 650 
#contenu .lienRss a{
1120 gduche 651 
	padding-right:20px;
652 
	background:url('./img/rss.png') no-repeat right center;
653 
	cursor:pointer;
1126 gduche 654 
	padding-bottom:1px;
655 
	border:none;
656 
}
1146 aurelien 657 
 
658 
.invisible {
659 
	visibility:hidden;
660 
}
1165 aurelien 661 
 
662 
.motCleCel {
663 
	display: inline-block;
664 
	margin-right: 3px;
665 
	border: 1px solid grey;
666 
	background-color: #B1BEBE;
667 
	padding-left: 2px;
668 
	padding-right: 2px;
669 
	line-height: 20px;
670 
	border-radius: 5px;
671 
	opacity:1;
672 
	color: black;
673 
}
1183 gduche 674 
 
1539 aurelien 675 
div.motClePictoCoche {
676 
	background-color: #96B944;
677 
}
1183 gduche 678 
 
1539 aurelien 679 
div.motclesPicto > div > span > input[type="checkbox"] {
680 
	opacity:0;
681 
}
682 
 
1541 aurelien 683 
span.texteMotClePicto label {
684 
	cursor: pointer;
685 
}
1539 aurelien 686 
 
1541 aurelien 687 
 
1183 gduche 688 
/** FROM TELA */
689 
.importance1 {
1184 gduche 690 
	margin:10px 0px 25px 0px;
1183 gduche 691 
	background-color:#eaedcd;
692 
	padding:8px;
693 
	font-family:arial;
694 
	font-size:11px;
695 
	color:#3a3633;
696 
	border-radius:10px;
697 
	-moz-border-radius:10px;
698 
	-webkit-border-radius:10px;
699 
	box-shadow:7px 7px 11px #555;
700 
	-moz-box-shadow:2px 2px 5px #aaa;
701 
	-webkit-box-shadow:7px 7px 11px #aaa;
702 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */
703 
	zoom:1;/* pour ie8 */
704 
}
705 
 
706 
.traitTela li {
707 
	background: url("http://www.tela-botanica.org/sites/commun/generique/images/traitTela.jpg") no-repeat scroll 0 6px transparent;
1689 jpm 708 
	font-family: arial;
709 
	font-size: 12px;
710 
	font-weight: bold;
711 
	color:#777;
712 
	list-style: none outside none;
713 
	padding: 10px 0 0 30px;
1183 gduche 714 
}
715 
.connect {
716 
	width:130px;
717 
	margin:0;
718 
	padding:0;
719 
}
720 
 
721 
.contenuCentre {
722 
	text-align:center;
1204 gduche 723 
}
724 
 
725 
 
726 
#zoneFooter{
727 
	width:1000px;
728 
	margin:0 auto;
729 
	text-align:center;
730 
	color:#555;
731 
	font-family:arial;
732 
	font-size:11px;
733 
	font-weight:bold;
1206 gduche 734 
	margin-top:30px;
1204 gduche 735 
}
736 
 
737 
#zoneFooter a {
738 
	margin-right:30px;
1206 gduche 739 
 
740 
}
741 
 
1520 mathias 742 
.pictoplante-contact {
743 
	font-weight: normal;
744 
}
745 
 
746 
.pictoplante-contact a {
747 
	color: green;
748 
	text-decoration : none;
1647 mathias 749 
	font-weight: bold;
1520 mathias 750 
}
751 
 
1647 mathias 752 
.pictoplante-contact a:visited {
753 
	color: #06BD1E;
754 
	text-decoration : none;
755 
}
756 
 
1520 mathias 757 
.pictoplante-contact a:hover {
758 
	color: #FD8C13;
759 
	text-decoration : none;
760 
}
1703 jpm 761 
/*----------------------------------------------------------------------------------------------------------*/
762 
/* ONGLETS */
1234 gduche 763 
.zone-onglets {
764 
	margin-bottom:5px;
765 
	width:100%;
766 
	height:31px;
767 
	text-align:left;
768 
	border:solid 1px #AAA;
769 
	border-width:0 0 1px 0;
770 
	padding-left:5px;
771 
}
772 
.onglet {
773 
	border:solid 1px #AAA;
774 
	border-width:1px;
775 
	padding:3px 15px;
776 
	padding-top:6px;
777 
	padding-left:25px;
778 
	border-radius:12px 12px 0 0;
1703 jpm 779 
	width:100px;
1234 gduche 780 
	float:left;
781 
	background:#C2C0AD;
782 
	cursor:pointer;
783 
	height:21px;
784 
	font-size:16px;
785 
	color:#598000
786 
}
787 
.onglet * {
788 
	cursor:pointer;
789 
}
790 
.onglet:hover {
791 
	background:#d0ccaa;
792 
}
793 
.onglet-actif {
794 
	font-weight:bold;
795 
	background:white;
796 
	color:#FD8C13;
797 
	text-transform:uppercase;
1703 jpm 798 
	width:140px;
1479 aurelien 799 
}
800 
 
801 
.elementMasque {
802 
	background-color: #777;
803 
	cursor: default;
804 
	display: block;
805 
	opacity: 0.7;
806 
	left: 0;
807 
	top: 0;
808 
	position: relative;
809 
	width: 100%;
810 
	z-index: 1100;
811 
	height: 100%
1549 jpm 812 
}
813 
 
814 
/*+---------------------------------------------------------------------------------------------------------*/
815 
/* ENTETE */
816 
 
817 
#zoneEntete {
818 
	width:1000px;
819 
	margin:0 auto;
820 
	min-height:230px;
821 
}
822 
#zoneEntete .acceder-aide {
823 
	color:white;
824 
}
825 
#zoneEntete .acceder-outil {
826 
	color:inherit;
827 
}
828 
#zoneTitre {
829 
	float:left;
830 
	height:50px;
831 
	width:50%;
832 
	margin:10px 0;
833 
	font-size:3.2em;
834 
}
835 
#zoneTitre a, #zoneTitre a:visited {
836 
	color:#777;
837 
	text-decoration:none;
838 
}
839 
#zoneTitre a:hover {
840 
	color:#FD8C13;
841 
	text-decoration:none;
842 
	border-bottom:1px dotted #95AE5D;
843 
}
844 
#zoneChapeau {
845 
	float:left;
846 
	height:130px;
847 
	width:52%;
848 
}
849 
#zoneLogos {
850 
	float:right;
851 
	height:50px;
852 
	width:50%;
853 
	text-align:center;
854 
	margin:10px 0;
855 
}
856 
 
857 
/*+---------------------------------------------------------------------------------------------------------*/
858 
/* LOGOS */
859 
.logo_tela {
1992 mathias 860 
	padding-bottom:44px;
861 
	padding-left:145px;
1549 jpm 862 
	background:url('./img/logos/tela.jpg');
1992 mathias 863 
	background-repeat: no-repeat;
864 
	background-position: bottom;
1549 jpm 865 
}
866 
.logo_pn {
867 
	padding-bottom:35px;
868 
	padding-left:263px;
869 
	background:url('./img/logos/pn.jpg');
870 
}
871 
.logo_ue {
872 
	padding-bottom:59px;
873 
	padding-left:103px;
874 
	background:url('./img/logos/ue.jpg');
875 
}
876 
.logo_lr {
877 
	padding-bottom:59px;
878 
	padding-left:47px;
879 
	background:url('./img/logos/lr.jpg');
880 
}
881 
.logo_nd {
882 
	padding-bottom:55px;
883 
	padding-left:148px;
884 
	background:url('./img/logos/nd.jpg');
885 
}
886 
.logo_nh {
887 
	padding-bottom:46px;
888 
	padding-left:59px;
889 
	background:url('./img/logos/fnh.png');
890 
}
891 
.logo_nh:hover {
892 
	padding-bottom:46px;
893 
	padding-left:59px;
894 
	background:url('./img/logos/fnh-hover.png');
895 
}
896 
.logo_tela:hover {
897 
	background:url('./img/logos/tela_hover.jpg');
1992 mathias 898 
	background-repeat: no-repeat;
899 
	background-position: bottom;
1549 jpm 900 
}
901 
.logo_pn:hover {
902 
	background:url('./img/logos/pn_hover.jpg');
903 
}
904 
.logo_ue:hover {
905 
	background:url('./img/logos/ue_hover.jpg');
906 
}
907 
.logo_lr:hover {
908 
	background:url('./img/logos/lr_hover.jpg');
909 
}
910 
.logo_nd:hover {
911 
	background:url('./img/logos/nd_hover.jpg');
912 
}
1647 mathias 913 
 
914 
.erreurConfig {
915 
	width: 400px;
916 
	margin: 20px auto auto;
917 
	font-size: 16px;
918 
	color: #cc0000;
919 
	font-weight: bold;
920 
}