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

html {
	color : black;
	background : white url(bg.png);
}
/* Les liens */
a {
	text-decoration : underline;
	color : black;
}
a:visited {
	font-style : italic;
}
a:hover {
	border-top: 1px solid white;
	border-right: 1px solid black;
	border-left: 1px solid white;
	border-bottom: 1px solid black;
}

/* emphasis */
em {
	font-style: italic;
}

/* Les extraits de codes,... */
pre {
	background : white;
	color: black;
	font-size : x-small;
	margin-left : 1cm;
	margin-right : 1cm;
	border: 2px groove white
}

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

/* Les images */
img {
	border : 1px dashed gray;
	padding: 4px;
}

/* Les éléments de formulaire */
input, textarea, select {
	border: 1px solid gray;
	background-color: white;
}

fieldset {
	background: url(bg2.png);
	border-top: 1px solid white;
	border-right: 1px solid black;
	border-left: 1px solid white;
	border-bottom: 1px solid black;
}

legend {
	background: url(bg2.png);
	border-top: 1px solid white;
	border-right: 1px solid black;
	border-left: 1px solid white;
	border-bottom: 1px solid black;
}

/* Les niveaux de titres */
h1 {
	display: block;
	background: transparent url(bg2.png);
	background-repeat: repeat-x;
	color : black;
	font-size : x-large;
	border-top: 1px solid white;
	border-right: 1px solid black;
	border-left: 1px solid white;
	border-bottom: 1px solid black;
	font-variant: small-caps;
}
h2 {
	display: block;
	color : black;
	margin-left : 0.5cm;
	font-size : large;
	font-variant: small-caps;
}
h3 {
	display: block;
	color : black;
	margin-left : 1cm;
	font-size : large;
	font-variant: small-caps;
}

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

/* Corps */
#site-body {

}
/* Contient menu, body et footer */
#site-main {
	clear:both;
}
/* Menu */
#site-menu {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: transparent;
	z-index: 10;
	padding:0;
	margin:0;
}
/* Titre du site */
#site-title {
	border : none;
	float:right;
	width: 250px;
	height:100px;
}

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

/* Header du site */
#site-header {
	display:none;
}
/* Footer du site */
#site-footer {
	margin-top:20px;
}

/* Corps */
#site-body {
	 clear:both;
	 margin-top:3.5em;
}

/* Header */
#header {
	display:none;
}

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


#comment {
	display:none;
}




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

/* Les formulaires */
#site-body form {

}

/* Les images des sections */
#site-body .section-img {
	z-index: 5;
	position: fixed;
	bottom: 10px;
	right: 10px;
}
#site-body .section-img img {
	width: 50px;
	height: 50px;
}
#site-body .section-img:hover img {
	width: auto;
	height: auto;
}

#site-body .section-img {
	z-index: 5;
	position: fixed;
	bottom: 10px;
	right: 10px;
}

#site-menu form  {
	float:right;
	height: 1em;
	padding:0;
	margin:0;
}

#site-menu {
	padding:0:
	margin:0;
	background-color: black;
	font-variant: small-caps;
	font-family: lucida;
	height: 2.5em;
}

/* Capture */
.capture  {
	text-align:center;
	background: url(bg2.png);
	border-top: 1px solid white;
	border-right: 1px solid black;
	border-left: 1px solid white;
	border-bottom: 1px solid black;
}
.capture img {
	border: solid 1px transparent;
}
.capture img:hover {
	background: url(bg.png);
}
.captureComment {

}


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

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

/* Les liens */
.menuContent a {
	display:block;
	background: transparent;
	color: black;
	text-decoration: none;
	font-style: normal;
}
/* Les répertoires */
.menuRep-selected > a, .menuRep-selected-open > a, .menuRep-open > a, .menuRep > a {
	background-image: url(menu-open.png);
	background-repeat: no-repeat;
	background-position: top right;
}

/* La barre de menus */
.menuContent > ul {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	margin: 0;
	padding: 0;
	font-size : small;
}

.menuContent li {
	display:block;
	background: transparent url(menu-bg.png);
	background-repeat: repeat-y;
	padding: 1px;
}
.menuContent li:hover > a {
	margin: -1px;
	border: 1px solid white;
}


/* Item de la barre de menus */
.menuContent > ul > li  {
	display : block;
	height: 1.2em;
	width: 18ex;
	z-index:10000;
	float:left;
	background: transparent url(menu-top.png);
	background-repeat: repeat-x;
	border-top : 1px solid white;
	border-right: 1px solid black;
	border-bottom : 2px solid black;
	border-left: 1px solid white;
}
/* Menu caché par défaut */
.menuContent  > ul > li > ul {
	display : none;
}
/* Menu affiché */
.menuContent > ul > li:hover > ul {
	display : block;
	position : absolute;
	width: 22ex;
	margin : 0;
	margin-top : 0;
	margin-left: 0;
	padding:0;
	border-top : 1px solid gray;
	border-right : 2px solid black;
	border-bottom : 2px solid black;
	border-left : 1px solid gray;
}

/* Sous-menu caché par défaut */
.menuContent > ul > li > ul > li > ul {
	display : none;
}
/* Sous-menu affiché */
.menuContent > ul > li > ul > li:hover > ul {
	display : block;
	position : absolute;
	left : 15ex;
	margin : 0;
	margin-top: -0.6em;
	padding:0;
	width:20ex;
	border-top : 1px solid gray;
	border-right : 2px solid black;
	border-bottom : 2px solid black;
	border-left : 1px solid gray;
}

.menuTitle {
	display:block;
	float:left;
	font-size : medium;
	margin: 0;
	padding: 0;
}
.menuTitle a {
	background : transparent;
	font-weight: bold;
	font-style: normal;
	letter-spacing: 2ex;
	color: white;
}

.menuRep-selected > a, .menuRep-selected-open > a, .menuFeuille-selected > a {
	font-style: italic;
}

/* 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;
        margin-bottom : 0.1cm;
        display : block;
	background: url(bg2.png);
	border-top: 1px solid white;
	border-right: 1px solid black;
	border-left: 1px solid white;
	border-bottom: 1px solid black;
}
.bookmarkFolder {
        margin-bottom : 0.2cm;
}
.bookmarkDesc {
        border-left : solid 1px gray;
        padding-left : 0.2cm;
        font-size : small;

}
.bookmarkFolderDesc {
        display:none;
}

/* ######################### BLOG ################################ */
.blogItem {
	margin-bottom: 0.5cm;
}
.blogItem h2 {
	background : transparent url(menu-top.png);
	background-repeat: repeat-x;
	color: white;
	border-top : 1px solid white;
	border-right : 1px solid black;
	border-bottom : 1px solid black;
	border-left : 1px solid white;
	font-size : medium;
	margin : 0;
}
.blogItem h2 a {
	font-style: italic;
	color: white;
}
.blogComment {
	padding-right : 0.5cm;
	font-size : small;
	margin-top: -1px;
	margin-left: 20px;
	margin-right: 20px;
	border-top : 1px solid black;
	border-right : 2px outset white;
	border-bottom : 2px outset white;
	border-left : 2px outset white;
	background: transparent url(bg2.png);
}