* {
  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;
}

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: 545px; 
  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 {  clear: left;
  color: #666;
  font-family: Georgia, Arial, sans-serif;
  font-weight: normal;	
  font-size: 2.4em; color: #666;
  text-decoration: none;
}

#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	
}