/* ################################ GENERAL ########################## */

/* Les liens */
a:link {
	text-decoration : none;
	color : #551A8B;
}
a:visited {
	text-decoration : none;
	color : #551A8B;
}
a:hover {
	background : #00FFFF;
}


/* emphasis */
em {
	color : #FF0000;
	font-weight: bold;
}

/* Les extraits de codes,... */
pre {
	background : #f6f6ff;
	font-size : x-small;
	margin-left : 1.5cm;
	margin-right : 0.5cm;
}

/* Les paragraphes */
p, dl {
	margin-left : 1cm;
	text-align : justify;
	font-size : small;
}
/* Les descriptions */
dt {
	font-weight: bold;
}

/* Les images */
img {
	border : none;
}

/* Les éléments de formulaire */
input[type="text"], textarea {
	background-image: url(bg.png);
	background-repeat: repeat-x;
	background-color: white;
}

/* Les niveaux de titres */
h1 {
	color : black;
	font-size : x-large;
}
h2 {
	margin-left : 0.5cm;
	font-size : large;
}
h3 {
	margin-left : 1cm;
	font-size : large;
}

/* ################ MISE en PAGE ################################### */

/* Corps */
#site-body {
	/* overflow : hidden; // bug avec Mozilla 1.6 et Konqueror 3.2 */
}
/* Contient menu, body et footer */
#site-main {
	clear:both;
}
/* Menu */
#site-menu {
	border : outset 2px #9999FF;
	font-size : medium;
	margin-bottom: 5px;
	width:150px;
	float : right;
}
/* Titre du site */
#site-title {
	border : none;
	float:right;
	width: 250px;
	height:100px;
	background: url('logo.png');
}

/* Séparateur */
#site-separator {
	clear:both;
}

/* Header du site */
#site-header {
	clear:both;
}
/* Footer du site */
#site-footer {
	margin-top:20px;
	margin-right:200px;
}

/* Corps */
#site-body {
	 margin-right:160px;
}

/* Header */
#header {
	font-size : x-small;
	margin-left:0;
	margin-right:250px;
}

/* Titre du header */
#header-title {
	font-weight: bold;
}
/* Date de dernière modification */
#lastModified {
	font-style : italic;
	font-size : small;
}

#comment {
	font-size : x-small;
}




/* ################ DIVERS ############################### */

/* Les formulaires */
#site-body form {
	font-size : small;
	margin-left : 1.5cm;
	margin-right : 0.5cm;

}

/* Les images des sections */
#site-body .section-img {
	float: right;
	margin: 7px;
}
/* Capture */
.capture img {
	border : solid 2px #000000;
}
.capture img:hover {
	border: solid 2px #6600ff;
}
.captureComment {
	clear: left;
}


/* Le corps du site */
.links {
	border : dotted 1px #9999FF;
	margin-bottom: 5px;
}



/* ######################### MENU ################################ */
.menuTitle {
	background : #9999FF;
	color : #FFFFFF;
	font-size : medium;
	border : none;
	margin: 2px;
}
.menuTitle a {
	background : #9999FF;
	color : #FFFFFF;
}
.menuContent ul {
	padding-left : 10px;
	margin : 0px;

}
.menuContent li {
	margin : 0px;
}

.menuContent {
	padding-left : 0.2cm;
	font-size : small;
}
.menuContent > ul {
	padding-left: 20px;
}
.menuFeuille {
	font-weight: normal;
	list-style-image: url(page.png);
}
.menuFeuille-selected {
	font-weight: bold;
	list-style-image: url(page.png);
}
.menuRep {
	font-weight: normal;
	list-style-image: url(repertoire.png);
}
.menuRep-open {
	font-weight: normal;
	list-style-image: url(repertoire_ouvert.png);
}
.menuRep-selected {
	font-weight: bold;
	list-style-image: url(repertoire.png);
}
.menuRep-selected-open {
	font-weight: bold;
	list-style-image: url(repertoire_ouvert.png);
}
/* Sélection de style */
#stylechooser * {
	font-size: x-small !important;
}

/* ############################ Le Séparateur ####################### */
#barre1 {
	float: left;
	width: 10%;
	height:46px;
	background: center right no-repeat  url(barre1.png);
}
#barre2 {
	float:left;
	width:80%;
	height:46px;
	background:  repeat-x  url(barre2.png);
}
#barre3 {
	float: left;
	width:5%;
	height:46px;
	background: center left  no-repeat url(barre3.png);
}
#print {
	float: left;
	width:5%;
	margin-top: 10px;
}


/* ########################## Bookmarks ############################### */
.bookmarks li {
				list-style: none;
				margin-left : 20px;
}
.bookmarks ul {
				margin-left : 20px;
				padding-left : 0;
}
.bookmarks > ul {
				margin-left : 0;
}

.bookmarkTitle {
        font-size : medium;
}
.bookmark {
        margin-top : 0.2cm;
}
.bookmarkFolderTitle {
        font-size : medium;
        border-bottom : solid 1px #9999FF;
        border-right : solid 1px #9999FF;
        background : #f6f6ff;
        margin-bottom : 0.1cm;
        display : block;
}
.bookmarkFolder {
        margin-bottom : 0.2cm;
}
.bookmarkDesc {
        border-left : solid 1px #9999FF;
        font-size : small;
				margin-left : 10px;
}
.bookmarkFolderDesc {
        display:none;
				margin-left : 10px;
}


/* ######################### BLOG ################################ */
.blogItem {
	font-size : medium;
	margin-bottom: 5px;
	border : outset 2px #9999FF;
}
.blogItem h2 {
	background : #9999FF;
	color : #FFFFFF;
	font-size : medium;
	border : none;
	margin: 2px;
}
.blogItem h2 a {
  color : #FFF;
}
.blogItem h2 a:hover {
  color : blue;
	background : #9999FF;
}

.blogComment {
	padding-right : 0.5cm;
	font-size : small;
}

/* Category de news */
.blogCat-default .blogComment {
	background-image : url(blogCat/Shift.png);
	background-repeat :  no-repeat;
	background-position : top right;
}
.blogCat-Musique .blogComment {
	background-image : url(blogCat/Musique.png);
	background-repeat :  no-repeat;
	background-position : top right;
}