Subversion Repositories eFlore/Applications.del

Rev

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