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

/* La page */
html {
	color : #000000;
	background : #FFFFFF;
	background-image : url(background.png);
	font-family : "Times New Roman", cursive;
	font-size : large;
}

/* Les liens */
a:link {
	text-decoration : none;
	font-style : italic;
	color : #555555;
}
a:visited {
	text-decoration : none;
	color : #777777;
	font-style : italic;
}
a:hover {
	text-decoration : underline;
	font-style : italic;
	color : #555555;
}

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

/* Les extraits de codes,... */
pre {
	font-size : small;
	margin-left : 1.5cm;
	margin-right : 0.5cm;
	border : 1px dotted #555555;
}

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

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

/* Les niveaux de titres */
h1 {
	background : #71716C;
	color : #FFFFFF;
	border : none;
	margin: 0px;
	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 */
}
/* Menu */
#site-menu {
	border-left : dotted 1px #71716C;
	font-size : medium;
	margin-bottom: 5px;
	float:right;
	width:150px;
}
/* Le corps du site */
#site-main {
	clear:both;
	padding-top : 0.5cm;
	border-top : double 3px #71716C;

}

/* Titre du site */
#site-title {
	float:right;
	width: 250px;
	height:100px;
	background: url('logo.png');
}

/* Séparateur */
#site-separator {
	display : none;
}

/* 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 {
	border-left : dotted 1px #71716C;
	border-right : dotted 1px #71716C;
	font-size : x-small;
	color : #555555;
	margin-left:0;
	margin-right:250px;
	padding-left:0.5cm;
}

/* Titre du header */
#header-title {
	font-weight: bold;
}

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

/* Date de dernière modification */
#lastModified {
	font-style : italic;
	font-size : small;
}

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

/* Les images des sections */
#site-body .section-img {
	float: right;
	margin : 10px;
}
#site-body .section-img img {
	border : 3px double #555555;
}



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

}

/* les captures */
.capture img {
	border : double 3px #71716C;
}
.capture img:hover {
	border: dotted 3px #71716C;
}
.captureComment {
	border-left : dotted 1px #71716C;
	border-bottom : dotted 1px #71716C;
}

.links {
	border : dotted 1px #71716C;
	margin-bottom: 5px;
}



/* ######################### MENU ################################ */

.menuTitle {
	background : #71716C;
	color : #FFFFFF;
	font-size : medium;
	border : none;
	margin: 0px;
}
.menuTitle a {
	background : #71716C;
	color : #FFFFFF;
}

.menuContent {
	padding-left : 0.2cm;
	font-size : small;
}
.menuContent ul {
	padding-left:10px;
	margin : 0px;

}
.menuContent li {
	margin : 0px;
}
.menuContent > ul {
	padding-left: 20px;
}

.menuFeuille {
	list-style: none;
}
.menuFeuille-selected {
	font-weight: bold;
	list-style: none;
}
.menuRep {
	list-style: none;
}
.menuRep-open {
	list-style: none;
}
.menuRep-selected {
	font-weight: bold;
	list-style: none;
}
.menuRep-selected-open {
	font-weight: bold;
	list-style: none;
}
/* Sélection de style */
#stylechooser * {
	font-size: x-small !important;
}

/* ########################## 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;
        background : #71716C;
	color :#FFFFFF;
        margin-bottom : 0.1cm;
        display : block;
}
.bookmarkFolder {
        margin-bottom : 0.2cm;
}
.bookmarkDesc {
        border-left : double 3px #71716C;
        padding-left : 0.2cm;
	      font-size : small;
				color : #555555;
}
.bookmarkFolderDesc {
        display:none;
}

/* ######################### BLOG ################################ */

.blogItem {

	font-size : medium;
	margin-bottom: 5px;
	border-right : dotted 1px #71716C;
}
.blogItem h2 {
	background : #71716C;
	color : #FFFFFF;
	font-size : medium;
	border : none;
	margin: 0px;
}
.blogComment {
	padding-left : 0.2cm;
	font-size : small;
	padding-bottom  : 0.4cm;
	padding-right  : 0.2cm;
	text-align : justify;
}