Subversion Repositories Sites.obs-saisons.fr

Rev

Rev 337 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
320 aurelien 1 
/* =========================== Balises ============================
31 aurelien 2 
 
76 aurelien 3 
 
4 
 
320 aurelien 5 
/* =========================== Style général ============================ */
31 aurelien 6 
 
39 aurelien 7 
#wrapper #container {
60 aurelien 8 
	max-width:1650px;
39 aurelien 9 
}
10 
 
31 aurelien 11 
.gauche {
320 aurelien 12 
	float:left;
31 aurelien 13 
}
14 
 
15 
.droite {
320 aurelien 16 
	float:right;
31 aurelien 17 
}
18 
 
76 aurelien 19 
.information {
320 aurelien 20 
 
101 aurelien 21 
	padding-left:40px;
76 aurelien 22 
	border:1px solid #FF420F;
23 
	max-width:600px;
24 
	height: 50px;
25 
	text-align: center;
26 
	font-size: 1.3em;
27 
	color: #000000;
28 
	background: url("../images/attention.png") no-repeat scroll 1em 0.5em transparent;
29 
	background-color:#EF9C86;
30 
}
31 aurelien 31 
 
76 aurelien 32 
.information div {
33 
	margin-top: 15px
34 
}
35 
 
116 aurelien 36 
span.erreur {
320 aurelien 37 
	color: red;
116 aurelien 38 
}
76 aurelien 39 
 
116 aurelien 40 
input.erreur {
320 aurelien 41 
	border: 1px solid red;
116 aurelien 42 
}
43 
 
44 
#center {
320 aurelien 45 
	width: 720px;
116 aurelien 46 
}
47 
 
48 
 
320 aurelien 49 
/* =========================== Titres ============================ */
31 aurelien 50 
 
51 
.titre_saisie {
320 aurelien 52 
	padding-bottom: 10px;
31 aurelien 53 
}
54 
 
55 
.etape {
56 
	color: #9AC343;
57 
	padding-bottom:20px;
58 
}
59 
 
60 
 
53 aurelien 61 
/* =========================== Menu et navigation ============================ */
62 
 
63 
#saisie_menu ul li {
64 
	background: none;
65 
	padding-top: 5px;
66 
}
67 
 
68 
#saisie_menu ul li.item_menu_station {
69 
	background: url("../images/station.png") no-repeat scroll 0px 0.5em transparent;
70 
}
71 
 
72 
.item_menu_station > a {
320 aurelien 73 
	padding: 5px;
53 aurelien 74 
}
75 
 
76 
#saisie_menu ul li.item_menu_espece {
77 
	background: url("../images/espece.png") no-repeat scroll 0px 0.5em transparent;
78 
}
79 
 
80 
.item_menu_espece > a {
320 aurelien 81 
	padding: 5px
53 aurelien 82 
}
83 
 
84 
#saisie_menu ul li.station_ajout {
85 
	background: url("../images/ajout.png") no-repeat scroll -9px transparent;
86 
}
87 
 
88 
li.station_en_cours {
320 aurelien 89 
	padding-top: 10px;
53 aurelien 90 
}
91 
 
92 
li.station_en_cours > a {
93 
	color: #FFFFFF;
94 
	font-weight: bold;
95 
	border: solid 1px #FFFFFF;
162 vio 96 
	background-color: #BF3600;
320 aurelien 97 
	-moz-border-radius: 0.9em;
98 
	-webkit-border-radius: 0.9em;
99 
	border-radius: 0.9em;
53 aurelien 100 
}
101 
 
110 aurelien 102 
#retour_au_site {
103 
	padding-top: 30px;
104 
}
105 
 
53 aurelien 106 
#saisie_menu ul li.espece_ajout {
107 
	background: url("../images/ajout.png") no-repeat scroll -9px transparent;
108 
}
109 
 
110 
li.espece_en_cours > a {
111 
	color: #FFFFFF;
112 
	font-weight: bold;
113 
	border: solid 1px #FFFFFF;
114 
	background-color: #9AC343;
320 aurelien 115 
	-moz-border-radius: 0.9em;
116 
	-webkit-border-radius: 0.9em;
110 aurelien 117 
	border-radius: 0.9em;
53 aurelien 118 
}
119 
 
60 aurelien 120 
ul.liste_annees_observations {
121 
	list-style-type: none;
122 
}
123 
 
124 
.liste_annees_observations li {
125 
	display: inline;
126 
	list-style: none;
320 aurelien 127 
	background: none;
60 aurelien 128 
}
129 
 
130 
#annee_en_cours {
131 
	font-size: 1.6em;
320 aurelien 132 
	color: #9AC343;
60 aurelien 133 
}
134 
 
116 aurelien 135 
#retour_au_site ul li {
136 
	background: url("../images/retour.png") no-repeat scroll 0 30% transparent
137 
}
31 aurelien 138 
 
218 aurelien 139 
.export_observation {
140 
    background: url("../images/csv.png") no-repeat scroll 2px 4px transparent;
141 
    padding-left: 17px;
142 
    padding-top: 3px;
143 
    padding-right: 6px;
144 
}
76 aurelien 145 
 
146 
/* =========================== Formulaires d'inscription et d'identification ============================ */
147 
 
148 
#conteneur_formulaire_identification, #conteneur_formulaire_inscription {
320 aurelien 149 
 
76 aurelien 150 
	width:650px;
151 
	border: 1px solid grey;
152 
	margin-top: 10px;
153 
	padding: 10px;
154 
	text-align: left !important;
320 aurelien 155 
	-moz-border-radius: 0.9em;
156 
	-webkit-border-radius: 0.9em;
110 aurelien 157 
	border-radius: 0.9em;
76 aurelien 158 
}
159 
 
160 
#conteneur_formulaire_identification form {
320 aurelien 161 
	text-align: left !important;
76 aurelien 162 
}
163 
 
164 
#conteneur_formulaire_identification input {
165 
	text-align: left !important;
320 aurelien 166 
	width: 300px;
76 aurelien 167 
}
168 
 
169 
#conteneur_formulaire_inscription input {
170 
	text-align: left !important;
320 aurelien 171 
	width: 300px;
76 aurelien 172 
}
173 
 
174 
.message_identification {
175 
	font-weight: bold;
176 
	padding-top: 5px;
177 
	color: #435F06;
320 aurelien 178 
	font-size: 1.5em;
76 aurelien 179 
}
180 
 
181 
 
182 
/* =========================== Formulaires de l'application ============================ */
183 
 
101 aurelien 184 
#saisie_station {
320 aurelien 185 
	width: 700px;
101 aurelien 186 
}
187 
 
188 
.element_formulaire label {
166 aurelien 189 
	font-weight: bold;
320 aurelien 190 
	width:150px;
101 aurelien 191 
}
192 
 
31 aurelien 193 
.element_formulaire_en_ligne {
320 aurelien 194 
	padding-right: 10px;
31 aurelien 195 
}
196 
 
60 aurelien 197 
.element_formulaire, #conteneur_liens_lat_lon, #conteneur_form_liens_lat_lon {
101 aurelien 198 
	padding-bottom : 15px;
31 aurelien 199 
}
200 
 
201 
.conteneur_carte {
89 aurelien 202 
	height: 400px;
203 
	width: 725px;
31 aurelien 204 
}
205 
 
206 
.gros_bouton_validation {
207 
	height: 50px;
208 
	width: 200px;
209 
	font-size: 20px;
210 
	margin-top: 10x;
210 aurelien 211 
	margin-right: 0px;
31 aurelien 212 
}
213 
 
101 aurelien 214 
#localiser_lat_lon {
320 aurelien 215 
	background: url("../images/localiser.png") no-repeat scroll 2px transparent;
101 aurelien 216 
}
217 
 
31 aurelien 218 
#saisie_liste_evenements {
219 
	text-align: center;
89 aurelien 220 
	width:715px;
31 aurelien 221 
}
222 
 
39 aurelien 223 
#saisie_modif_evenements tr, #saisie_liste_evenements tr {
320 aurelien 224 
	/*height: 40px;*/
31 aurelien 225 
}
226 
 
39 aurelien 227 
.icone_s {
228 
	height: 30px;
320 aurelien 229 
	width: 30px;
39 aurelien 230 
}
31 aurelien 231 
 
210 aurelien 232 
.formulaire_en_ligne {
233 
  display: inline;
234 
}
235 
 
53 aurelien 236 
.valider_formulaire {
237 
	cursor: pointer;
238 
	background-color: transparent;
239 
	background-image: url("../images/valider_s.png");
240 
	border: none;
241 
	color: rgba(0,0,0,0);
242 
	background-position: center;
243 
	background-repeat: no-repeat;
60 aurelien 244 
	padding-top: 2px;
245 
	padding-bottom: 3px;
53 aurelien 246 
}
39 aurelien 247 
 
53 aurelien 248 
.valider_formulaire:hover, .lien_modifier:hover {
249 
	background-color: #CFCFCF;
250 
}
251 
 
89 aurelien 252 
#form_saisie_espece {
253 
	margin-right: auto;
320 aurelien 254 
	margin-left: auto;
89 aurelien 255 
}
256 
 
53 aurelien 257 
.formulaire_informations_espece_mini {
60 aurelien 258 
	text-align: center;
320 aurelien 259 
	height:50px;
53 aurelien 260 
	width: 500px;
261 
	border: solid 1px #999999;
262 
	background-color: #CFCFCF;
263 
	padding: 10px;
264 
	margin-bottom: 10px;
320 aurelien 265 
	-moz-border-radius: 0.9em;
266 
	-webkit-border-radius: 0.9em;
110 aurelien 267 
	border-radius: 0.9em;
53 aurelien 268 
}
269 
 
270 
.formulaire_informations_espece_mini:hover {
271 
	background-color: #C0DF7D;
272 
}
273 
 
274 
.formulaire_informations_espece_mini img {
275 
	margin-top:-5px;
276 
}
277 
 
338 aurelien 278 
#fiche_station {
279 
	position: relative;
280 
}
281 
 
210 aurelien 282 
#form_afficher_modification {
338 aurelien 283 
	margin-top: 0px !important;
284 
	margin-bottom: 0px !important;
337 aurelien 285 
	position: absolute;
286 
	right: 10px;
338 aurelien 287 
	bottom: 0;
210 aurelien 288 
}
53 aurelien 289 
 
210 aurelien 290 
.formulaire_suppression_station {
320 aurelien 291 
	margin-top: 10px;
292 
	margin-left: 2px;
210 aurelien 293 
}
294 
 
295 
.formulaire_suppression_individu {
296 
    margin-left: 2px;
297 
    margin-top: 10px;
298 
}
299 
 
320 aurelien 300 
/* =========================== Fiches ============================== */
31 aurelien 301 
 
302 
.element_fiche {
303 
	padding-bottom : 5px;
304 
}
305 
 
306 
.intitule_fiche {
320 aurelien 307 
 
31 aurelien 308 
}
309 
 
310 
.valeur_fiche {
320 aurelien 311 
	font-weight: bold;
31 aurelien 312 
}
313 
 
314 
.titre_section_fiche {
315 
	padding-bottom : 10px;
316 
	padding-top : 10px;
317 
}
318 
 
319 
.titre_fiche {
320 aurelien 320 
 
31 aurelien 321 
}
322 
 
323 
hr.separation_section {
320 aurelien 324 
	margin-top: 25px;
31 aurelien 325 
}
326 
 
53 aurelien 327 
.informations_espece img {
320 aurelien 328 
	margin-top:-35px;
166 aurelien 329 
	padding: 15px;
53 aurelien 330 
}
31 aurelien 331 
 
53 aurelien 332 
.annee_observation {
320 aurelien 333 
	padding-left: 10px;
53 aurelien 334 
}
335 
 
336 
.observations_individu {
116 aurelien 337 
    display: table-cell;
338 
    height: 400px;
339 
    width: 250px;
53 aurelien 340 
}
341 
 
342 
.observations_individu {
343 
	color: #000000;
344 
}
345 
 
166 aurelien 346 
#fiche_individu .observations_individu li {
53 aurelien 347 
	background: none;
348 
	padding-left: 1px;
166 aurelien 349 
	list-style-type: none;
350 
	margin-left: 0px;
351 
	padding-left: 0px;
53 aurelien 352 
}
353 
 
354 
.observations_individu li div {
320 aurelien 355 
	-moz-border-radius: 0.9em;
356 
	-webkit-border-radius: 0.9em;
110 aurelien 357 
	border-radius: 0.9em;
53 aurelien 358 
}
359 
 
166 aurelien 360 
#center .observations_individu h4 {
53 aurelien 361 
	padding: 5px;
166 aurelien 362 
	color: black;
53 aurelien 363 
}
364 
 
320 aurelien 365 
.ajouter_observation .date_observation {
366 
	background: url("../images/ajout.png") no-repeat center center transparent;
367 
	width: 20px;
368 
}
369 
 
324 aurelien 370 
.ajouter_observation .absence_observation {
371 
	background: url("../images/absence.png") no-repeat center center transparent;
372 
	width: 20px;
373 
}
374 
 
375 
.ajouter_observation.hide,
376 
.ajouter_observation .conteneur_supprimer_observation,
377 
.ajouter_observation .absence_observation.hide {
378 
	display: none;
379 
}
380 
 
320 aurelien 381 
.conteneur_supprimer_observation {
382 
	position: absolute;
383 
	right: 0px;
384 
	top: 0px;
385 
	width: 20px;
386 
	height: 100%;
387 
	display: flex;
388 
	align-items: center;
389 
	justify-content: center;
390 
}
391 
 
392 
.supprimer_observation {
393 
	background: url("../images/suppression.png") no-repeat center center transparent;
394 
	width: 20px;
395 
	display: none;
396 
}
397 
 
398 
.date_observation_individu:not(.ajouter_observation):hover .supprimer_observation {
399 
	display: block;
400 
}
401 
 
402 
.conteneur_date_observation {
403 
	padding: 0;
404 
	position: relative;
405 
	vertical-align: top;
406 
}
407 
 
60 aurelien 408 
.date_observation_individu {
320 aurelien 409 
	height: 100%;
410 
	width: 100%;
411 
	display: flex;
412 
	align-items: center;
413 
	justify-content: center;
414 
	flex: 1;
415 
	padding-top: 5px;
416 
	padding-bottom: 5px;
417 
	position: relative;
418 
}
89 aurelien 419 
 
324 aurelien 420 
.date_observation:not(.icone) {
421 
	padding-left: 20px;
422 
	padding-right: 20px;
423 
}
424 
 
425 
 
320 aurelien 426 
.date_observation_individu .ui-datepicker {
427 
	position: absolute;
428 
	top: 100%;
429 
	left: 0%;
430 
	z-index: 1;
89 aurelien 431 
}
432 
 
320 aurelien 433 
.icone:hover {
434 
	filter: grayscale(100%);
435 
}
436 
 
89 aurelien 437 
.calendrier {
320 aurelien 438 
 
60 aurelien 439 
}
440 
 
116 aurelien 441 
#fiche_individu {
442 
	background-color: #F4F2EB;
443 
	padding : 10px;
444 
	margin-top: 31px;
337 aurelien 445 
	position: relative;
116 aurelien 446 
}
76 aurelien 447 
 
324 aurelien 448 
#fiche_individu .commentaire_individu {
449 
	font-style: italic;
450 
	white-space: pre;
451 
}
116 aurelien 452 
 
324 aurelien 453 
textarea[name="individu_commentaire"] {
454 
	width: 550px;
455 
	min-height: 160px;
456 
	border-radius: 5px;
457 
	height: 75px;
458 
	border: 1px solid #ACACAC;
459 
}
460 
 
320 aurelien 461 
/* =========================== Tableaux d'évenements ============================ */
31 aurelien 462 
 
39 aurelien 463 
#saisie_liste_evenements, #saisie_modif_evenements {
320 aurelien 464 
	text-align: center;
39 aurelien 465 
}
466 
 
197 aurelien 467 
#saisie_liste_evenements .information_individu, #saisie_modif_evenements.information_individu {
320 aurelien 468 
	text-align: left;
197 aurelien 469 
}
470 
 
31 aurelien 471 
tr:nth-child(odd) {
472 
  background-color: #CFCFCF ;
473 
}
474 
 
475 
tr:nth-child(1) {
476 
	color: #FFFFFF;
477 
}
478 
 
479 
tr:nth-child(1), tr:nth-child(2) {
480 
	background-color: #FFFFFF ;
481 
}
482 
 
320 aurelien 483 
div.evenement {
31 aurelien 484 
	text-align: center;
485 
}
486 
 
487 
.stade_evenement {
488 
	text-align: center;
489 
}
490 
 
76 aurelien 491 
 
320 aurelien 492 
/* =========================== Styles des différents stades ============================ */
31 aurelien 493 
 
53 aurelien 494 
.stade_feuillaison {
161 vio 495 
	background-color: #ACC700;
31 aurelien 496 
}
497 
 
53 aurelien 498 
.stade_floraison {
320 aurelien 499 
	background-color: #B549B9;
31 aurelien 500 
}
501 
 
53 aurelien 502 
.stade_fructification {
161 vio 503 
	background-color: #FF7F00;
31 aurelien 504 
}
505 
 
53 aurelien 506 
.stade_senescence {
161 vio 507 
	background-color: #BF3600;
31 aurelien 508 
}
509 
 
53 aurelien 510 
.stade_1ere_apparition {
161 vio 511 
	background-color: #B549B9;
31 aurelien 512 
}
513 
 
210 aurelien 514 
/* ============ Style pour l'administration ============================== */
76 aurelien 515 
 
210 aurelien 516 
#barre_admin {
517 
    -moz-border-radius: 10px 10px 10px 10px;
518 
    background-color: #F4F2EB;
519 
    border: 1px solid #D1C6A8;
287 aurelien 520 
    height: 60px;
210 aurelien 521 
    margin-bottom: 10px;
522 
    padding: 5px;
523 
}
60 aurelien 524 
 
210 aurelien 525 
#form_changement_identite {
320 aurelien 526 
	width: 330px;
210 aurelien 527 
	display: inline;
528 
}
529 
 
218 aurelien 530 
.export_observation_admin {
531 
	background: url("../images/csv.png") no-repeat scroll 28px 0 transparent;
532 
    padding-left: 46px;
533 
    padding-top: 3px;
287 aurelien 534 
}
210 aurelien 535 
 
287 aurelien 536 
.gestion_espece_admin {
537 
	background: url("../images/espece.png") no-repeat scroll 28px 0 transparent;
538 
    padding-left: 46px;
539 
    padding-top: 3px;
540 
}
541 
 
542 
.saisie_liste_especes_admin {
543 
	width: 100%;
544 
}
545 
 
546 
.saisie_liste_especes_admin tr:nth-child(1) {
547 
    color: #494949;
548 
    background-color: #CFCFCF;
549 
}
550 
 
551 
.saisie_liste_especes_admin .espece_inactive {
552 
    color: #494949;
553 
    background-color: #FF7D73;
554 
}
555 
 
556 
#form_modification_espece_admin label {
557 
	width: 150px;
558 
	padding-right: 50px;
559 
}
560 
 
292 aurelien 561 
#form_ajout_espece_admin label.label_checkbox {
562 
	font-weight: normal;
563 
}
564 
 
565 
#saisie_espece_admin .illustration_espece {
566 
    max-height: 180px;
567 
    max-width: 250px;
568 
	border: 1px solid grey;
569 
}
570 
 
571 
.lien_annulation {
572 
	float: left;
573 
    font-size: 1.2em;
574 
    margin-left: 439px;
575 
    padding: 16px;
576 
}
577 
 
210 aurelien 578 
/* ============ Styles créés par des effets javascripts automatiques ===== */
579 
 
101 aurelien 580 
.chargement {
581 
	background: url("../images/chargement.gif") no-repeat center center #DCDCDC;
582 
}
583 
 
89 aurelien 584 
.erreur_valeur {
320 aurelien 585 
	background-color: red;
89 aurelien 586 
}
587 
 
53 aurelien 588 
.conteneur_type {
589 
	float: right;
590 
	align: center;
116 aurelien 591 
	width: 230px;
53 aurelien 592 
}
31 aurelien 593 
 
594 
h4.lien_pliage {
320 aurelien 595 
	text-decoration: underline;
116 aurelien 596 
	display: inline;
31 aurelien 597 
}
598 
 
166 aurelien 599 
.pliage {
600 
	padding: 5px;
601 
}
602 
 
31 aurelien 603 
h4.lien_pliage:hover {
604 
	cursor: pointer;
53 aurelien 605 
}
606 
 
607 
.element_cliquable {
320 aurelien 608 
	cursor: pointer;
53 aurelien 609 
}
610 
 
60 aurelien 611 
.element_cliquable:hover {
612 
	background : #9AC343;
613 
 }
614 
 
53 aurelien 615 
.element_clique {
320 aurelien 616 
	background: #9AC343;
53 aurelien 617 
}
618 
 
166 aurelien 619 
#saisie_espece ul.liste_onglets {
53 aurelien 620 
	margin: 0;
621 
	padding: 0;
622 
	float: left;
623 
	list-style: none;
624 
	height: 32px; /*--Set height of tabs--*/
625 
	border-bottom: 1px solid #999;
161 vio 626 
	border-left: 1px solid #999;
320 aurelien 627 
	border-top-left-radius: 10px;
628 
	border-top-right-radius: 10px;
53 aurelien 629 
}
60 aurelien 630 
 
166 aurelien 631 
#saisie_espece ul.liste_onglets li {
632 
	-moz-border-radius-topleft: 0px;
633 
    -moz-border-radius-topright: 0px;
53 aurelien 634 
	float: left;
635 
	margin: 0;
636 
	padding: 0;
637 
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
638 
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
639 
	border: 1px solid #999;
640 
	border-left: none;
641 
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
642 
	overflow: hidden;
643 
	position: relative;
644 
	background: #e0e0e0;
645 
}
60 aurelien 646 
 
166 aurelien 647 
#saisie_espece ul.liste_onglets li a {
53 aurelien 648 
	text-decoration: none;
649 
	color: #000;
650 
	display: block;
651 
	font-size: 1.2em;
652 
	padding: 0 20px;
161 vio 653 
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
53 aurelien 654 
	outline: none;
655 
}
60 aurelien 656 
 
166 aurelien 657 
#saisie_espece ul.liste_onglets li a:hover {
161 vio 658 
	background: #ccc;
659 
}
660 
 
53 aurelien 661 
html ul.liste_onglets li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
662 
	background: #fff;
161 vio 663 
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
53 aurelien 664 
}
665 
 
166 aurelien 666 
#saisie_espece #onglets  {
89 aurelien 667 
	margin-left: 85px;
668 
	margin-right: auto;
669 
	position: relative;
670 
	bottom: -1px;
671 
	z-index: 1;
672 
	clear:left;
673 
}
674 
 
166 aurelien 675 
#saisie_espece .conteneur_onglets {
53 aurelien 676 
	border: 1px solid #999;
677 
	overflow: hidden;
89 aurelien 678 
	float: left;
53 aurelien 679 
	background: #fff;
89 aurelien 680 
	position: relative;
320 aurelien 681 
	width: 100%;
682 
	display: flex;
683 
	justify-content: center;
684 
	margin-left: 10px;
53 aurelien 685 
}
686 
 
166 aurelien 687 
#saisie_espece .contenu_onglet {
53 aurelien 688 
	padding: 20px;
689 
	font-size: 1.2em;
89 aurelien 690 
}
691 
 
101 aurelien 692 
 
693 
.autocompletion {
320 aurelien 694 
	position:relative;
101 aurelien 695 
}
696 
 
210 aurelien 697 
.conteneur_suggestions, .conteneur_suggestions_utilisateur {
101 aurelien 698 
    position: absolute;
699 
    left: 107px;
700 
    width: 180px;
701 
    background-color: #212427;
702 
    border: 2px solid #000;
703 
    color: #fff;
704 
    z-index: 300;
110 aurelien 705 
    -moz-border-radius: 7px;
706 
	-webkit-border-radius: 7px;
707 
	border-radius: 7px;
101 aurelien 708 
}
210 aurelien 709 
 
710 
.conteneur_suggestions_utilisateur {
320 aurelien 711 
	left: 188px;
210 aurelien 712 
}
320 aurelien 713 
 
101 aurelien 714 
.liste_suggestions {
715 
    margin: 0px;
716 
    padding: 0px;
717 
}
320 aurelien 718 
 
101 aurelien 719 
.liste_suggestions li {
720 
    margin: 0px 0px 3px 0px;
721 
    padding: 3px;
722 
    cursor: pointer;
723 
}
197 aurelien 724 
 
210 aurelien 725 
.liste_suggestions li {
320 aurelien 726 
	list-style-type: none;
197 aurelien 727 
	margin-left: 5px;
728 
	margin-right: 5px;
729 
}
320 aurelien 730 
 
731 
 
101 aurelien 732 
.liste_suggestions .element_selectionne {
733 
    background-color: #659CD8;
734 
}
735 
 
210 aurelien 736 
/* ============ Styles crées spécifiquement pour compenser les faiblesses de certains navigateurs ===== */
89 aurelien 737 
 
738 
.clearer {
320 aurelien 739 
	clear:both;
740 
}