@import url(http://fonts.googleapis.com/css?family=Shadows+Into+Light);

* { margin: 0; padding: 0; }
body { background: #fff url(../images/header.jpg) 0 0 repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 67.5%; margin-top: 16px; }
a { cursor: pointer; }
a:focus { outline:0; }
h1, #footer p.right { float: right; font-size: 1.1em; font-weight:700; padding-right: 30px; text-align: right; }

#JAZZ-H1 { clear: left; color: #666; font-weight: normal; font-size: 2.4em; color: #666; text-decoration: none; margin-top:6px }
#JAZZ-H1 span, #JAZZ-H1 a, .innertext h2 { font-family: 'Shadows Into Light', cursive; font-size:32px; color:#555; font-weight:bold; font-style:italic; text-shadow:2px 2px 1px #ccc; }

textarea { font-family: Arial, Helvetica, sans-serif; }
#wrapper { margin: 0 auto; width: 948px; }
.clear { clear:both; }
.anecdotes, .discographie { background-color: #eaeaea; padding:6px; border:1px dotted #ccc; }
.anecdotes a { color:#CC6600; }
.discographie { background-color: #e0e0e0; margin-bottom:20px; }
.discographie h4, .anecdotes h4 { font-weight:700; font-size:14px; margin-bottom:12px; }
.discossphoto { text-align:center; margin-top:-5px; margin-left:-15px; }
.discossphoto li { list-style-image:url(../images/cdbullet.gif); }
.video { margin-top:15px; text-align:center; }
/*** Menu du Haut ***/

.navcontainer { margin: 0; padding: 0; }
.navcontainer ul { border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; clear:left }
.navcontainer ul li { display: block; float: left; text-align: center; padding: 0; margin: 0; }
.navcontainer ul li a { font-weight:700; color:#FFF; background-color:#c60; padding: 5px 8px; margin: 0; text-decoration: none; display: block; text-align: center; }
.aplatcolor0, .navcontainer #accueil a { background-color:#900; }
.aplatcolor1, .navcontainer #color1 a { background-color: #c60; }
.navcontainer #color2 a { background-color: #669933; }
.navcontainer #color3 a { background-color: #f60; }
.navcontainer #color4 a { background-color: #90c; }
.navcontainer #color5 a { background-color: #F63; }
.aplatcolor6, .navcontainer #color6 a { background-color: #996; }
.navcontainer #color7 a { background-color: #363; }
.navcontainer #color8 a { background-color:#bc5e00; }
.navcontainer #color9 a { background-color: #888; }
.navcontainer #color10 a { background-color: #066; }
.navcontainer #color11 a { background-color:#b35a00; }
.aplatcolor12, .navcontainer #color12 a { background-color: #969; }
.navcontainer ul li a:hover { background-color: #bbb!important; }
.navcontainer .current a { background: url(../images/navcurrent.gif) bottom no-repeat; color:#FFF; }
/* APLATS */

.aplatcolor0, .aplatcolor0 a, .aplatcolor0 h2, .aplatcolor12, .aplatcolor12 a, .aplatcolor12 h2, .aplatcolor6, .aplatcolor6 a, .aplatcolor6 h2, .aplatcolor1, .aplatcolor1 a, .aplatcolor1 h2 { color:#FFF!important; }
.aplatcolor0, .aplatcolor1, .aplatcolor6, .aplatcolor12 { padding:6px 6px 0; margin-bottom:15px; border:1px dotted #fff }
/* MAIN */
#main { background: url(../images/background.gif) repeat-y; float: left; width: 100%; }
/* PHOTOS avec LEGENDES */
.bloc_smallpics { width: 100%; margin-right: auto; margin-left: auto; text-align:center; }
.bloc_smallpics p { text-align:center; clear:both; padding:0; }
.bloc_smallpics p a { text-decoration:none; }
.bloc_smallpics p a:hover { background-color:#ddd; }
#photo { float: left; position:relative; cursor: pointer; margin:10px 5px 0; }
.bloc_smallpics img { margin-bottom:-10px; }
/* CONTAINER */
#container { background: url(../images/contentgradient.gif) repeat-x; clear: left; color: #555; float: left; width: 1000px; border-right:1px dotted #999; border-left:1px dotted #999; }
#container .innertext { font-size: 1.2em; padding: 20px 30px; }
#container p a { color:#960; }
#container a:hover { color: #CC6600; }
#container a.ensavoirplus, .discographie a { color: #CC6600; text-decoration:none; }
#sidebar a.ensavoirplus { padding:0 4px; background-color:#c90; }
#container h2, #container h3 { clear: left; color: #666; font-family: Georgia, Arial, sans-serif; font-weight: normal; }

#JAZZ-H1 a { color: #666; text-decoration: none; }
.styleslist #JAZZ-H1 { color:#333; }
.jazzmenlist #JAZZ-H1 { color:#ccc; }
.albumslist #JAZZ-H1, .mp3list #JAZZ-H1 { color:#c60; }

#container h2 { font-size: 1.8em; margin-bottom:7px; font-weight: 700; }
#container h3 { font-size: 1.2em; margin-bottom:15px; font-style:italic; }
#container h3 a { text-decoration:none; color: #CC6600; font-weight:700; }
#container p { line-height: 1.3em; margin: 15px 0; text-align:justify; }
#container p img { padding: 0px; }
#container a img { border:none; }
#floatright img { padding: 10px 0px 10px 10px; }
.floatleft { float:left; margin: 0 10px 10px 0; }
.floatleft ul li { margin: 10px 0 0 35px; list-style-type:none; }
.floatleft .panier li { list-style-image:url(../images/panier.gif); }
.floatleft a { text-align: center; color:#CC6600!important; }
/* FORUM - CONTACT */

.forumform { background: #eee url(../images/forum-bkg.jpg) no-repeat top right; margin-bottom:20px; }
/* propriétés communes à l'ensemble des 4 coins */
#coinhautgauche, #coinbasgauche, #coinbasdroit { height: 35px; width: 35px; background-repeat: no-repeat; font-size:1px; /* correction d'un bug IE */ }
/* propriétés spécifiques à chaque coin */
#coinhautgauche { background: url(../images/coinhautgauche.gif); }
#coinbasgauche { background: url(../images/coinbasgauche.gif); }
#coinbasdroit { float: right; background: url(../images/coinbasdroit.gif); }
.contactform { background-image:url(../images/forum-bkg.jpg); padding:8px; margin-bottom:20px; border:1px solid #CCC; }
.forumform input, .contactform input, .forumform textarea, .contactform textarea { font-size:100%; border: 1px solid #ccc; }
.forumform textarea, .contactform textarea { margin:0 0 5px 15px; width:78%; }
.forumform label { margin-left:15px; }
.contactform { background: white url(../images/contact-bkg.jpg) no-repeat top right; }
.forumform img { border: 1px solid #CCC!important; }
.forumpost img { clear:both!important; }
.sujet, .auteur { color: #000; }
.sujet, .bold { font-weight:bold; }
.date { color: #FF0000; }
.bouton { margin-top:15px; color:#FFF; background-color:#c60; }
/* LISTES des GENRES */
.styleslist, .jazzmenlist, .albumslist, .mp3list { text-align:justify; background: #eee url(../images/styleslist-bkg.gif) no-repeat left top; border:2px dotted #ccc; padding:6px; }
.jazzmenlist { background: #404040 url(../images/jazzmenlist-bkg.gif) repeat; }
.albumslist { background: #fff url(../images/albumslist-bkg.jpg) no-repeat left top; }
.mp3list { background: #eee url(../images/mp3list-bkg.gif) no-repeat left top; }
.styleslist li, .jazzmenlist li, .albumslist li, .mp3list li { list-style-type:none; display:inline; margin:0 5px; }
.styleslist li a, .jazzmenlist li a, .albumslist li a, .mp3list li a { text-decoration:none; font-weight:700; color:#404040!important; }
.styleslist li a:hover, .jazzmenlist li a:hover, .albumslist li a:hover, .mp3list li a:hover { border-bottom:2px dotted #CC6600; color:#CC6600!important; }
.jazzmenlist li a, .jazzmenlist li a:hover { color:#fff!important; }
.guestmodif { border: 1px dotted #CC6600; padding:4px; width:300px; background-color:#eee; }
.dotted-separator { border-bottom:1px solid #bebebe; margin:20px; }
.credit { text-align:right!important; font-style:italic; color:#999; }
.currentmp3 { padding-left:10px; border-left:2px solid #cc6600; }
/* SIDEBAR */
#sidebar { color: #fff; float: right; font-size: 1.1em; width: 400px; }
#sidebar #logo { /* AVANT : background: url(../images/logo.jpg) no-repeat;*/
  height: 228px; width: 400px; }
#sidebar .column { float: left; margin-bottom: 20px; width: 200px; }
#sidebar h2 { font-size: 1.3em; height: 15px; margin-bottom: 15px; margin-top: 15px; padding-left: 20px; color:#FFF; background: url(../images/whitebullet.gif) no-repeat; }
#sidebar ul { padding-left: 20px; }
#sidebar ul { list-style-type: none; }
#sidebar li { clear:both; }
#sidebar ul li.mp3 { font-size:11px; color:#666; padding-left:4px; margin-left:-20px }
#sidebar ul.mp3, #sidebar marquee { background-color:#FFF; border:2px solid #BEBEBE; margin: 0 20px 0 20px; }
#sidebar marquee { background-color:#4f4f4f; color:#FFF; padding:0 6px }
#sidebar li div#cotacote { float:left; min-width: 70px; max-width:100px; margin-bottom:10px; padding-right:4px; }
#sidebar img, #sidebar iframe { border:2px solid #BEBEBE; }
#sidebar a { color: #fff; text-decoration:none; }
#sidebar marquee a { text-decoration:underline }
#sidebar p { color: #fff; font-size: 1.1em; margin: 0 20px; }
#sidebar .ajoutactu { font-size:10px; text-align:center; margin-top:2px; background-color:#666 }
#SaxoLink /* seulement pour www.le-saxophone.fr */ { background-color:#FFF; width:80px; }
#SaxoLink a { color:#444; font-weight:bold; margin-left:8px }
/* FOOTER */
#footer { background: url(../images/footer.gif) repeat-x; clear: both; color: #fff; float: left; padding: 20px 0; width: 100%; }
#footer div { margin: 0 auto; width: 948px; }
#footer p.left { float: left; font-size: 1.1em; padding-left: 30px; }
/*
#footer p.right  => cf. h1
*/

#footer a, h1 { color: #444; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#searchbar { margin:15px 0; text-align:center; clear:both }