/*BALISES GENERALES*/
body
{
background: rgb(100,100,100);
color: white;
margin: 0px;
padding: 0px;
font-family: "Trebuchet MS";
font-size: 12px;
}
a, a:visited									/*Liens*/
{
color: white;
text-decoration: none;
font-weight: bold;
}
a:hover
{
text-decoration: none;
font-weight: bold;
}
#page a:hover, #page_histoire a:hover
{
text-decoration: underline;
}
#page img										/*Images*/
{
margin-top: 8px;
margin-bottom: -8px;
}
a img, a:visited img								/*Liens sur images*/
{
border: 2px solid rgb(200,200,200);
margin-bottom: -5px;
}
a img:hover
{
border-color: white;
}
h1												/*Titres*/
{
font-size: 15px;
margin-top: 24px;
margin-left: 8px;
margin-bottom: -8px;
text-decoration: underline;
}
ul{list-style: url(Puce_off.gif);}				/*Listes à puces*/
li:hover{list-style: url(Puce_on.gif);}

table												/*Tableaux*/
{
border: none;
text-align: center;
margin-left: auto;
margin-right: auto;
}
tr, td {border: none;}

/*STRUCTURE DU SITE*/
#site
{
width: 960px;
margin-left: auto;
margin-right: auto;
padding-left: 16px;
padding-right: 16px;
background: url(Fond.gif);
}
#haut
{
background: url(Haut.jpg) no-repeat;
height: 288px;
width: 960px;
}
#menu
{
padding-top: 24px;
padding-left: 716px;
}
#menu a
{
position: absolute;
font-family: "Trebuchet MS";
font-size: 16px;
color: rgb(200,200,200);
}
#menu a:hover
{
color: white;
padding-left: 2px;
}
#menu1 {margin-left: 127px;;margin-top: 0px;}
#menu2 {margin-left: 116px;;margin-top: 16px;}
#menu3 {margin-left: 80px;;margin-top: 32px;}
#menu4 {margin-left: 102px;;margin-top: 48px;}
#menu5 {margin-left: 88px;;margin-top: 64px;}
#menu6 {margin-left: 98px;;margin-top: 80px;}
#menu7 {margin-left: 6px;;margin-top: 96px;}
#url
{
background: url(Fond_url.gif) no-repeat;
width: 510px;
height: 18px;
margin-left: 32px;
margin-top: -48px;
margin-bottom: 16px;
padding-left: 2px;
}
#url img
{
position: relative;
top: 3px;
}
#url a
{
color: white;
padding-right: 2px;
padding-left: 2px;
}
#url a:hover
{
text-decoration: underline;
}
.puce_url
{
margin-left: -2px;
margin-right: -2px;
}
#page, #page_histoire
{
padding-left: 16px;
padding-right: 16px;
padding-top: 1px;
padding-bottom: 32px;
text-align: justify;
}
#bas
{
background: url(Bas.gif) no-repeat;
height: 116px;
width: 960px;
margin-left: auto;
margin-right: auto;
margin-bottom: 16px;
padding: 16px;
padding-top: 12px;
font-size: 11px;
text-align: center;
}
#bas a
{
color: rgb(150,150,150);
}
#bas a:hover
{
color: white;
}

/*HISTOIRE*/
#page_histoire
{
padding-left: 128px;
background: black url(Frise_milieu.gif) repeat-y;
}
#frise_haut
{
background: url(Frise_haut.gif) no-repeat;
position: absolute;
width: 128px;
height: 128px;
margin-left: -128px;
margin-top: -1px;
}
#frise_bas
{
background: url(Frise_bas.gif) no-repeat;
position: absolute;
width: 128px;
height: 128px;
margin-top: -104px;
margin-left: -128px;
}
.date1, .date2, .date3, .date4, .date5, .date6, .date7, .date8
{
position: absolute;
width: 944px;
height: 18px;
margin-top: -17px;
margin-left: -128px;
color: rgb(255,155,0);
text-align: right;
font-weight: bold;
font-size: 13px;
}
.date1{background: url(Note1.gif) no-repeat;}
.date2{background: url(Note2.gif) no-repeat;}
.date3{background: url(Note3.gif) no-repeat;}
.date4{background: url(Note4.gif) no-repeat;}
.date5{background: url(Note5.gif) no-repeat;}
.date6{background: url(Note6.gif) no-repeat;}
.date7{background: url(Note7.gif) no-repeat;}
.date8{background: url(Note8.gif) no-repeat;}

/*DATES ACCUEIL*/
.date_gauche
{
text-align: right;
font-weight: bold;
}
.date_droite
{
text-align: left;
}

/*ALBUMS*/
.tableau_album td
{
padding-top: 8px;
padding-left: 12px;
padding-right: 12px;
}
.tableau_musiciens td
{
padding-left: 24px;
padding-right: 24px;
}
.tableau_album ul, .tableau_musiciens ul
{
text-align: left;
}

/*ACHETER*/
.adresse_acheter
{
background: rgb(50,50,50);
border: 1px solid rgb(200,200,200);
width: 256px;
margin-right: auto;
margin-left: auto;
text-align: center;
font-weight: bold;
}

/*ECOUTER*/
#ecouter_nom
{
font-weight: bold;
font-size: 24px;
font-family: "Comic sans ms";
text-align: center;
margin-top: 4px;
margin-bottom: -8px;
width: 256px;
overflow: hidden;
white-space: nowrap;
}
#ecouter_image
{
width: 256px;
height: 256px;
}
#ecouter_lecteur
{
margin-top: 4px;
}
#ecouter_liste
{
width: 268px; /*252px sans barre de défilement*/
height: 252px;
padding: 2px;
margin-left: 16px;
overflow: auto;
background: url(Ecouter_liste.jpg) no-repeat;
}
#ecouter_liste a
{
display: block;
font-weight: bold;
font-size: 16px;
width: 252px;
}
#ecouter_liste a:hover
{
text-decoration: none;
background: white;
color: black;
}
#ecouter_stats
{
margin-top: 16px;
margin-left: 16px;
padding-top: 8px;
height: 48px;
width: 252px;
background: rgb(75,75,75);
border: 2px solid white;
font-size: 14px;
}
.ecouter_bulle
{
margin: 16px;
padding: 8px;
border: 2px solid white;
background: rgb(75,75,75);
}
.telecharger_mp3, .telecharger_ogg, .telecharger_wma
{
display: block;
width: 64px;
height: 80px;
margin-left: 8px;
margin-right: 8px;
}
.telecharger_mp3 {background: url(Format_mp3.jpg) no-repeat;}
.telecharger_ogg {background: url(Format_ogg.jpg) no-repeat;}
.telecharger_wma {background: url(Format_wma.jpg) no-repeat;}

/* Admin (écouter) */
#ecouter_admin
{
}
#ecouter_admin #legende
{
}
#ecouter_admin input
{
width: 100%;
background: rgb(100,100,100);
border: 1px solid white;
color: white;
padding: 2px;
}

/*GALERIE*/
/*Upload Image*/
#upload_img td
{
margin-top: 8px;
vertical-align: top !important;
}
#upload_img input, #upload_img textarea
{
margin: 0px;
padding: 0px;
font-family: "Trebuchet MS";
font-size: 12px;
}
.upload_img_text, #upload_img textarea, .upload_img_file
{
color: white;
background: rgb(75,75,75);
border: none;
margin-bottom: 2px !important;
}
.upload_img_text:hover, #upload_img textarea:hover, .upload_img_file:hover,
.upload_img_text:focus, #upload_img textarea:focus, .upload_img_file:focus
{
background: rgb(100,100,100);
}
.upload_img_text
{
width: 512px;
}
#upload_img textarea
{
line-height: 100%;
width: 512px;
}
.upload_img_file
{
border: transparent;
}
.upload_img_submit
{
margin-top: 16px !important;
background: url(Form_bouton.gif) no-repeat;
width: 96px;
height: 96px;
border: none;
}
.upload_img_submit:hover
{
cursor: pointer;
}
#upload_img_aide
{
width: 320px;
padding-top: 12px;
}

/*Affichage miniatures*/
#galerie_min
{
margin-top: 8px;
}
#galerie_min a img
{
margin: 12px;
margin-bottom: 16px;
border: 4px white solid;
}
.img_reflet, #img_reflet_derniere
{
position: absolute;
background: url(Galerie_img_reflet.gif) no-repeat bottom;
width: 164px;
height: 32px;
margin-left: -170px;
margin-top: 128px;
}

/*Nuage de tags*/
#nuage
{
width: 512px;
font-size: 48px;
line-height: 50%;
}
#nuage a
{
margin: 2px;
padding-left: 2px;
padding-right: 2px;
color: rgb(200,200,200);
}
#nuage a:hover
{
color: white;
text-decoration: none;
}
.tag_on
{
background: rgb(100,100,100);
}

/*Dernière image ajoutée*/
#derniere_img img
{
width: 320px;
height: 240px;
}
#img_reflet_derniere
{
background: url(Galerie_img_reflet_derniere.gif) no-repeat bottom;
width: 360px;
height: 64px;
margin-left: -356px;
margin-top: 260px;
}

/*Affichage image*/
#affichage_img
{
border: 8px white solid; /*---------------------------------------------------*/
}

/*FORMATAGE DU CONTENU*/
.b, .bold, .g, .gras {font-weight: bold;}
.i, .italic, .italique {font-style: italic;}
.u, .underline, .s, .souligne {text-decoration: underline;}
.center, .centre {text-align: center;}
.l:first-letter, .lettrine:first-letter{
font-size: 4em;
font-weight: bold;
padding-right: 2px;
float: left;
}
.q, .quote, .signature
{
font-style: italic;
text-align: right;
margin-top: -8px;
margin-right: 32px;
font-size: 11px;
}
.com, .commentaire_image, .commentaire_album
{
display: block;
font-style: italic;
text-align: center;
margin-top: 4px;
font-size: 11px;
}
.commentaire_album
{
font-size: 12px;
font-style: normal;
}
.telecharger
{
display: block;
background: url(Telecharger.jpg) no-repeat;
width: 184px;
height: 48px;
margin-left: auto;
margin-right: auto;
}