1 /* ------------------------------- ariane ----------- */
12 ul.groupes_sources li a{
14 padding: 0 1em 0 1.8em;
16 background-image: url(../../icons/item.png);
17 background-position: 5px 0.6em;
18 background-repeat: no-repeat;
19 border: solid 1px #d5d5d5;
22 ul.groupes_sources li a:hover{
24 background-color: #f5f5f5;
32 padding: 0 1.8em 0 0.5em;
33 background-image: url(../../icons/item.png);
34 background-position: right 3px;
35 background-repeat: no-repeat;
37 ul.ariane li:last-child a{
38 background-image: none;
41 /* ------------------------------- liste groupes ----------- */
44 list-style-type: none;
65 background-color: #ffffff;
66 border-radius: 3px 3px 3px 3px;
67 -moz-border-radius: 3px 3px 3px 3px;
69 border: solid 1px #d5d5d5;
71 ul.groupes li h4 a:hover{
73 background-color: #f5f5f5;
76 ul.groupes li h4 a img{
81 ul.groupes li h4 a span{
88 ul.groupes li .infos li
89 { margin: 0px 0px 0px 5px;
93 /* ------------------------------- page groupe ----------- */
96 { padding: 15px 50px 15px 50px;
101 { text-align: justify;
104 /* ------------------------------- page album ----------- */
117 margin: 0px 20px 15px 25px;
118 padding: 5px 7px 5px 37px;
122 /* ------------------------------- groupe box (colonne) --- */
125 { text-align: center;
130 #colonne .logo_groupe{
134 padding: 0 10px 10px 10px;
137 #colonne .logo_groupe a{
139 border: solid 1px #e5e5e5;
142 background-color: #ffffff;
146 #colonne .logo_groupe a:hover{
147 background-color: #f1f1f1;
149 #colonne .logo_groupe a img{
151 #colonne .logo_groupe a span{
157 #colonne ul#album_links
158 { margin: 32px 18px 0px 0px;
161 #colonne ul#album_links li
162 { list-style-type: none;
167 #colonne ul#album_links li a
169 padding: 5px 5px 0px 5px;
172 #colonne ul.menu_albums
173 { list-style-type: none;
175 margin: 0px 0px 10px 0px;
178 #colonne ul.menu_albums li
181 margin: 5px 0px 5px 0px;
184 #colonne ul.menu_albums li a
190 #colonne ul.menu_albums li a span
193 padding: 10px 5px 0px 5px;
196 /* ------------------------------- albums (page groupe) --- */
199 { margin: 32px 18px 0px 0px;
203 { list-style-type: none;
210 padding: 5px 5px 0px 5px;
211 border: solid 1px #d5d5d5;
214 ul.menu_albums li a:hover{
216 background-color: #f5f5f5;
220 { list-style-type: none;
222 margin: 0px 0px 10px 10px;
228 margin: 5px 0px 5px 10px;
237 ul.menu_albums li a span
240 padding: 10px 5px 0px 5px;
244 /* ------------------------ blocs source -------------------- */
247 list-style-type: none;
251 margin: 10px 5px 0px 5px;
261 background-color: #ffffff;
262 border: solid 1px #d5d5d5;
264 box-shadow: 0px 0px 5px #d5d5d5;
275 .track h1.with_image{
283 text-decoration: underline;
295 .track ul.authors li{
299 .track ul.authors li a{
305 margin-bottom: 0.3em;
307 .track ul.authors li a:hover{
313 margin: 3px 10px 0px 0px;
318 { list-style-type: none;
332 background-image: url(../../icons/player_loading.gif);
333 background-position: center;
334 background-repeat: no-repeat;
343 margin: 0px 0px 0px 0px;
348 .player_progress .loaded
353 .player_progress .position
360 .player_controls, .no_player
361 { margin: 2px 5px 0 0;
367 { text-decoration: none;
370 .player_controls a.pause
374 .player_controls a.stop
378 /* ------ pistes / derivations */
381 { font-weight: normal;
388 { margin: 0px 13px 10px 13px;
393 { margin: 0px 13px 10px 13px;
418 { margin: 5px 5px 10px 15px;
423 .source_arbo ul.menu_source
424 { margin: 5px 0px 0px 0px;
426 list-style-type: none;
429 .source_arbo ul.menu_source li
434 /* ------------------------------- page album ----------- */
437 border-radius: 3px 3px 3px 3px;
438 -moz-border-radius: 3px 3px 3px 3px;
439 background-image: url("../../icons/ecouter.png");
440 background-repeat: no-repeat;
441 background-position: 6px 6px;
443 border: solid 1px #d5d5d5;
444 background-color: #ffffff;
447 background-color: #f5f5f5;
450 /* ----------------------------------- sources --------- */
453 { border: solid 1px #555555;
457 border-radius: 3px 3px 3px 3px;
458 -moz-border-radius: 3px 3px 3px 3px;
462 { border-bottom: solid 1px #d9d9d9;
466 border: solid 1px #999999;
467 box-shadow: 0px 0px 5px #999999;
471 border: solid 1px #c0c0c0;
472 background-color: #ffffff;
475 .player_progress .loaded
476 { background-color: #c0c0c0;
479 .player_progress .position
480 { background-color: #999999;
483 .player_controls a img
487 .source_arbo ul.menu_source
489 margin: 0px 10px 1px 0px;
492 .source_arbo ul.menu_source li
497 .source_arbo ul.menu_source li a
500 background-color: #151515;
501 border-radius: 3px 3px 0px 0px;
502 -moz-border-radius: 3px 3px 0px 0px;
503 padding: 2px 5px 2px 5px;
506 .source_arbo ul.menu_source li a:hover
510 .source_arbo ul.menu_source li.icon a
512 padding: 2px 2px 2px 2px;
524 background-image: url("../../icons/ajax-loader.gif");
525 background-repeat: no-repeat;
526 background-position: 5px 5px;
533 /* ----------------------------------- bouton de derivation --------- */
535 ul.button_derive:after{
542 list-style-type: none;
545 padding: 2px 5px 0 1em;
548 ul.button_derive li input[type=submit]{
550 white-space : nowrap;
551 border: solid 1px #d5d5d5;
552 background-color: #ffffff;
553 background-image: url("../../icons/add.gif");
554 background-repeat: no-repeat;
555 background-position: 7px 10px;
556 padding: 0.6em 1em 0.6em 25px;
560 ul.button_derive li input[type=submit]:hover{
562 background-color: #f5f5f5;