Subversion Repositories eFlore/Applications.del

Rev

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