/*  
Version: 1
Author: Bertrand Merlier
*/

body {
	font-size: 75%; /* Resets 1em to 11px */
	font-family: Verdana, Arial, Sans-Serif;
	background-color: #FFFFFF;
	margin:400;
	}

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

/* département musique */
h1 {
	font-family:Optima;
	font-size: 2.1em;
	text-align: left;
	color: #993300;
	margin-bottom: 2px;
	}

/* grande rubrique */
h2 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 2em;
	}

h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 1.4em;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #33AA33;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, cite {
	text-decoration: none;
	}
	
h4 {
	font-size: 1.35em;
	color:  #33AAA3;
	}
	
h5 {
	font-size: 1.1em;
	text-decoration: none;
	padding-bottom: 0px;
	}

h6 {
	font-size: 1.0em;
	text-decoration: underline;
	padding-bottom: -5px;
	margin-bottom: -5px;
	}
	
 ul {
	}

	
.post {padding-bottom: 20px; padding-left:20px}
.post h2 {margin-bottom: 0; padding-bottom: 0}
.postdate {font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	color: #aaa}


#mainNav {position: relative; padding: 0 9px}
#mainNav ul {position:absolute; top: 0; left: 223px; padding:0; margin:0; list-style:none}
#mainNav ul li {position: relative; border-bottom: 1px solid #999; border-right: 1px solid #999; border-left: 1px solid #999}
#mainNav ul li a {display:block; background-color: #fffccc; padding: 7px 0 0 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; text-decoration:none; color:#555; font-weight: normal; letter-spacing: 3px;}
#mainNav ul li a:hover {color: #222; background-color: #ddd;}


.blanc {
	color: #ffffff;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	line-height: 0.15em;
	margin-top: 10px;
	margin-bottom: 6px;
}
.jaune {
   color: #ffff0f;
   font-size: 12px;
   text-align: left;
   font-weight: bold;
   margin-right: 25px;
   line-height: 0.15em;
   margin-top: 10px;
   margin-bottom: 6px;
}

.vert {
   color: #009966;
}


a, h2 a:hover, h3 a:hover {
	color: #06c;
	text-decoration: none;
	}

a:hover {
	color: red;
	text-decoration: none;
	}


/* Begin Various Tags & Classes */

.alignleft {text-align:left}
.alignright {text-align:right}
.center {text-align: center}
.petit {font-size: 10px;}


span.caps {
	cursor: help;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}


/* Menu Tags & Classes*/
div.node { 
  padding-bottom:     1ex;
  padding-left:       0.3em;
  width:			  165px;
}

div.cloud { 
  font-size: 10px;
  padding-bottom:     1ex;
  padding-left:       0.5em;
  background-color:   #C0C0FF;
  border-width:       2px;
  border-style:       solid;
  border-color:       #A0A0FF;
  width:			  165px;
}

div.content { 
  border-width:       1.2px;
  border-style:  	 dashed;
  border-color:       #C0C0C0;
  background-color:   #CCFFFF;
  padding-left:       0.1em;
}

div.content2 { 
  border-width:       1.2px;
  border-style:  	 dashed;
  border-color:       #C0C0C0;
  background-color:   #ffffcc;
  padding-left:       0.1em;
}

img.hideshow { 
  padding-right: 1ex;
}

img.ilink { 
  border-width: 0px;
  padding-left: 1ex;
}

/* for notes and image export, fc, 18.7.2005. */
.images {
 width:50%;
}

.small {font-size: 7pt}

.notes {
 margin-left:10%;
 color:#0000FF;
}

/* End Various Tags & Classes*/