ul.groupes li h4 a{
display: block;
padding: 5px;
- height: 100px;
+ height: 110px;
background-color: #ffffff;
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
ul.groupes li h4 a img{
display: block;
float: left;
+ border: solid 5px #ffffff;
}
ul.groupes li h4 a span{
.description
{ padding: 15px 50px 15px 50px;
- font-size: 0.9em;
+ font-size: 1em;
}
.description p
#colonne .logo_groupe{
text-align: center;
height: auto;
- width: 220px;
- padding: 0 10px 10px 10px;
+ width: auto;
+ padding: 0 0 10px 0;
}
#colonne .logo_groupe a{
background-color: #f1f1f1;
}
#colonne .logo_groupe a img{
+ margin-top: 10px;
+ border: solid 5px #ffffff;
}
#colonne .logo_groupe a span{
display: block;
text-align: right;
}
-ul.documents
-{ list-style-type: none;
-}
-
-ul.documents li
-{ margin: 0px;
- padding: 0px;
- clear: left;
- font-size: 0.8em;
-}
-
-/* ------ player */
-
-.loading_player{
- opacity: 0.5;
- background-image: url(../../icons/player_loading.gif);
- background-position: center;
+ul.documents{
+ list-style-type: none;
+ padding-left: 65px;
+ background-image: url(../../icons/download.png);
background-repeat: no-repeat;
+ background-position: 23px 8px;
+ min-height: 32px;
}
-.player_progress
-{ width: 100%;
- height: 5px;
- font-size: 1px;
- line-height: 1px;
- overflow: hidden;
- margin: 0px 0px 0px 0px;
- position: relative;
- cursor: pointer;
-}
-
-.player_progress .loaded
-{ width: 0;
- height: 5px;
-}
-
-.player_progress .position
-{ width: 0;
- height: 5px;
- position: absolute;
- top: 0px;
-}
-
-.player_controls, .no_player
-{ margin: 2px 5px 0 0;
+ul.documents li{
+ margin: 0px;
+ padding: 0px;
float: left;
- width: 40px;
-}
-
-.player_controls a
-{ text-decoration: none;
+ font-size: 1em;
+ padding: 5px 5px 0 0;
}
-.player_controls a.pause
-{ display: none;
+ul.documents li a{
+ display: block;
+ border: solid 1px #c0c0c0;
+ padding: 3px 10px;
}
-
-.player_controls a.stop
-{ display: none;
+ul.documents li a:hover{
+ background-color: #f5f5f5;
+ color: #000066;
}
/* ------ pistes / derivations */
font-size: 0.9em;
}
-.source_arbo ul.menu_source
-{ margin: 5px 0px 0px 0px;
- padding: 0px;
- list-style-type: none;
-}
-
-.source_arbo ul.menu_source li
-{ margin: 0px;
- padding: 0px;
-}
/* ------------------------------- page album ----------- */
}
.player_progress{
- border: solid 1px #c0c0c0;
+/* border: solid 1px #c0c0c0;*/
background-color: #ffffff;
}
{ border: none;
}
-.source_arbo ul.menu_source
-{ float: right;
- margin: 0px 10px 1px 0px;
-}
-.source_arbo ul.menu_source li
-{ float: right;
- padding: 1px;
+
+
+ul.menu_source{
+ float: right;
+ margin: 0px;
+ padding: 0px;
+ list-style-type: none;
}
-.source_arbo ul.menu_source li a
-{ display: block;
- text-align: center;
- background-color: #151515;
- border-radius: 3px 3px 0px 0px;
- -moz-border-radius: 3px 3px 0px 0px;
- padding: 2px 5px 2px 5px;
+ul.menu_source li{
+ float: right;
+ padding: 0;
+ margin-left: 5px;
}
-.source_arbo ul.menu_source li a:hover
-{
+ul.menu_source li a{
+ display: block;
+ line-height: 1.5em;
+ padding: 0 0.5em;
+ background-color: #ffffff;
+ border: solid 1px #c0c0c0;
+ border-radius: 3px;
+ cursor: pointer;
+ font-size: 1em;
+ font-weight: normal;
+}
+ul.menu_source li a:hover{
+ color: #000066;
+ background-color: #f1f1f1;
}
-.source_arbo ul.menu_source li.icon a
-{ border: none;
- padding: 2px 2px 2px 2px;
+ul.menu_source li a:hover{
}
+
.pistes
{ border-left: none;
}
.loading span{
display: none;
}
-
-/* ----------------------------------- bouton de derivation --------- */
-
-ul.button_derive:after{
- content: "";
- display: table;
- clear: both;
-}
-
-ul.button_derive li{
- list-style-type: none;
- float: right;
- position: relative;
- padding: 2px 5px 0 1em;
-}
-
-ul.button_derive li input[type=submit]{
- display: block;
- white-space : nowrap;
- border: solid 1px #d5d5d5;
- background-color: #ffffff;
- background-image: url("../../icons/add.gif");
- background-repeat: no-repeat;
- background-position: 7px 10px;
- padding: 0.6em 1em 0.6em 25px;
- border-radius: 3px;
- color: #000066;
-}
-ul.button_derive li input[type=submit]:hover{
- color: #000066;
- background-color: #f5f5f5;
- cursor: pointer;
-}