@charset "utf-8";
/******************************************************************************
                                                                          Debug
Section by:	Mildred (mildred593 AT online.fr)
Description:	View all borders under the mouse
Apply to:	XML
Language:	CSS 1
****************************************************************************** /
*{
	border: solid 1px transparent;
}
*:hover{
	border: solid 1px black;
}
/******************************************************************************
                                                                        Default
Section by:	Mildred (mildred593 AT online.fr)
Description:	Horizontal
Apply to:	XHTML 1.x
Language:	CSS 2
******************************************************************************/

/******** GENERAL *********/
*:focus{
	color: blue;
	border: solid 1px #ff00ff;
}
.warning{
	color: red;
	/* text-transform: uppercase; */
}
.float1{
	float: left;
}
.float2{
	float: right;
}
.clear{
	clear: both;
}
.clear1{
	clear: left;
}
.clear2{
	clear: right;
}
.fixed{
	position: fixed;
}
.monospace{
	font-family: monospace;
}

/******** DISPLAY TITLE *********/

html>head, html>head>title{
	display: block;
	border-bottom: solid 1px black;
	background-color: #eee;
	font-weight: bolder;
	text-align: left;
	/* text-align: center; */
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	opacity: 0.8;
}
html{
	padding-top: 1em;
}

/******** TABLES *********/

table{
	border-collapse: collapse;
	border: none;
	/*width: 100%;*/
	font-size: 0.8em;
	border-color: #000080;
	margin: 1em;
}
table th{
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	padding: 0 1em;
	text-align: center;
	color: #eeeeff;
	background-color: #000080;
	border-color: #000080;
}
table tr{
	background-color: #eeeeee;
	border-color: #000080;
}
table td{
	border-bottom: solid 1px black;
	background-color: inherit;
	padding: 0 1em;
	text-align: center;
	border-color: inherit;
}
table tr:hover{
	background-color: #aaffaa;
	color: blue;
}
table tr td:first-child{
	text-align: left;
}
/* Use JavaScript instead of this rule /*
/*
tr.head{
	position: fixed;
}
*/

/******** LISTS *********/

dt{
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	background-color: #eeeeee;
}
ul.horizontal, ul.horizontal *{
	display: inline;
	padding-left: 0;
}

/******** FORMS *********/

form{
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	background-color: #eeeeee;
}
input, textarea, select{
	margin: 1px;
	color: black;
	background-color: #eeeeee;
	border: 1px solid black;
}
input:hover, textarea:hover, select:hover{
	border: solid 1px #008000;
	color: blue;
}
textarea{
	font-family: monospace;
}
/*
	label{
		background-color: #eeeeee;
	}
*/

/******** LINKS *********/

/* unicode "-->", hex2dec(2192)=8594  => content: "\002192" */
/* unicode "<--", hex2dec(2190)=8592  => content: "\002190" */
/*
	a:before{
		content: "\002192"; 
	}
*/
a:before{
	content: url(?phpurims=pages&page=link.png);
}
a:link, a:visited, a:active{
	text-decoration: none;
}
a:link, a:visited{
	color: inherit;
}
a:active{
	color: red;
}
a:hover{
	color: blue;
	border-bottom: solid 1px #008000;
}
a[href^="http://"]:before, a[href^="https://"]:before, a[href^="ftp://"]:before,
a[href^="gopher://"]:before, a.external:before{
	content: url(?phpurims=pages&page=external.png);
}
a[href^="mailto:"]:before,{
	content: url(?phpurims=pages&page=email.png);
}
a[href^="#"]:before,{
	content: url(?phpurims=pages&page=anchor.png);
}
a[lang]:after{
	content: " [" attr(lang) "]"
	color: gray;
}
a[xml:lang]:after{
	content: " [" attr(xml:lang) "]"
	color: gray;
}

/******** TITLES *********/

h1, h2, h3, h4, h5, h6{
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	background-color: #ccc;
}
h1{
	font-size: 2em;
	background-color: #d5f6ff;
	border-color: #4a859c;
	text-align: center;
}
h2{
	font-size: 1.6em;
	background-color: #f9d2ff;
	border-color: #ae46c0;
	text-align: center;
}
h3{
	font-size: 1.3em;
	background-color: #efffcb;
	border-color: #86ad33;
	text-align: center;
}
h4{
	font-size: 1.1em;
	background-color: #fff9d6;
	border-color: #8e8143;
	text-align: center;
}
h5{
	font-size: 1em;
	text-align: center;
}
h6{
	font-size: 0.9em;
	text-align: center;
}

/******** MENU *********/

.menu{
	float: right;
	padding: 1em;
	max-width: 25%;
	font-size: 0.8em;
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	background-color: #eeffee;
	border-color: #008000;
	-moz-border-radius: 1em;
}
.menu h1, .menu h2, .menu h3, .menu h4, .menu h5, .menu h6{
	-moz-border-radius-bottomleft: 1em;
	-moz-border-radius-bottomright: 1em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	margin-top: 0;
	border: none;
}
.menu h1{
	font-size: 1.5em;
	color: #d5f6ff;
	background-color: #4a859c;
	text-align: center;
}
.menu h2{
	font-size: 1.3em;
	color: #f9d2ff;
	background-color: #ae46c0;
	text-align: center;
}
.menu h3{
	font-size: 1.2em;
	color: #efffcb;
	background-color: #86ad33;
	text-align: center;
}
.menu h4{
	font-size: 1.1em;
	color: #fff9d6;
	background-color: #8e8143;
	text-align: center;
}
.menu h5{
	font-size: 1em;
}
.menu h6{
	font-size: 0.9em;
}

/******** TOOLBAR *********/

.main.toolbar{
	position: fixed;
	right: 0;
	top: 0;
/*	left: 0;
	top: 1em;*/
}
.toolbar{
	background-color: #AAFFAA;
	-moz-border-radius: 1em;
	display: inline;
	opacity: 0.7;
	margin: 0;
	padding: 0;
	border: solid 1px #008800;
}
.toolbar *{
	display: inline;
	margin: 0;
	padding: 0;
}
.toolbar hr{
	border: solid 1px #008800;
	height: 100%;
}

/******** OTHER *********/

ol>li.file_line{
	white-space: pre;
	font-family: monospace;
}
.invisible{
	width: 0;
	height: 0;
	border: none;
	/*color: transparent;*/
	background-color: transparent;
}
/*
	p:first-letter{
		font-size: 1.5em;
	}
*/
.intro{
	max-width: 25%;
	font-style: italic;
	font-size: 1.2em;
}
p{
	width: 100%;
}
hr{
	border: none;
	border-top: dotted 2px blue;
	height: 1px;
}
/*
	.footer p:first-letter, a:first-letter{
		font-size: inherit;
	}
*/
.footer *{
	margin: 0;
}
address, .footer{
	margin-top: 1em;
	background-color: #eee;
	font-style: normal;
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	text-align: right;
	font-size: 0.8em;
}
address + address{
	margin-top: 0;
	border-top: solid 1px #eee;
	position: relative;
	bottom: 1px;
}
q:before{
	content: "«";
}
q:after{
	content: "»";
}
/*
	blockquote:before{
		content: "«";
		font-size: 1.5em;
		display: inline;
	}
	blockquote:after{
		content: "»";
		font-size: 1.5em;
		display: inline;
	}
*/
blockquote{
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	background-color: #eee;
}
pre{
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	background-color: #eee;
	white-space: pre;
	font-family: monospace;
	overflow: auto;
	margin: 1em 40px;
}
div{
	border: dotted 1px black;
}
.section, section{
	border: none;
	border-left: dotted 1px black;
	padding-left: 1em;
}

/********* PRINT *********/
@media print{
	.menu, .toolbar{
		display: none;
	}
	acronym:after{
		content: " (" attr(title) ")";
	}
	body:before{
		content: "Base Href: http://mildred593.online.fr:80//"
	}
	a[href]:after{
		content: attr(href);
		font-size: 0.8em;
	}
	a[href^="http://"]:after, a[href^="https://"]:after,
	a[href^="ftp://"]:after, a[href^="gopher://"]:after, a.external:after{
		content: " (" attr(href) ")";
		font-size: 0.8em;
	}
	a[href^="mailto:"]:before,{
		content: " (" attr(href) ")";
		font-size: 0.8em;
	}
}

/******************************************************************************
                                                                            End
******************************************************************************/