html {
	margin: 0;
	padding: 0;
	background: white url(fond.jpeg) repeat-y scroll top left;
	color: black;
	font-family: serif;
	color: #444;
	height: 101%;
}
body {
	margin: 0;
	padding: 0;
	/*background: transparent url(boulon.jpeg) fixed bottom right no-repeat;
	background: white url(fond.jpeg) top left repeat-y;*/
	/*background: white url(pince3.jpeg) fixed top left no-repeat;*/
}

#header {
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	right: 0;
	height: 190px;
	background: white url(pince3.jpeg) no-repeat scroll top left;
	/*position: absolute;*/
}

#header h1 {
	margin: 0px 0 0 220px;
	padding-top: 90px;
	font-weight: normal;
	font-size: 140%;
}

#header h1 a {
	text-decoration: none;
	color: #008;
}

#header h2 {
	margin: 0;
	margin-left: 220px;
	color: #448;
	font-weight: normal;
	font-size: 110%;
}


#wrap {
	/*margin: 150px 100px 0px 180px; */
	margin: 0px 30px 0 0px;
	text-align: justify;
	background: white url(fond.jpeg) fixed top left repeat-y;
}

#content {
	margin: 0px 9em 0px 170px;
	max-width: 40em;
}

div.entry {
	/*
	-moz-column-width: 350px;
	-webkit-column-width: 350px;
	*/
	-moz-column-gap: 2em;
	-webkit-column-gap: 2em;
	margin-bottom: 2em;
}

div.entry h2,
div.entry h3 {
	-moz-column-span: all;
	-webkit-column-span: all;
	text-align: left;
}

h2.date {
	margin: 0 0 1ex 0;
}

div.figure {
	text-align: center;
	margin: 1em 0;
}

div.figure img {
	border: 1px solid gray;
	padding: 3px;
}

div.figure p {
	margin: 0;
}

div.figure p.caption {
	font-size: 80%;
	font-style: italic;
}



div.entry pre {
	background: #fcfcff;
	background: rgba(240, 240, 255, 0.2);
	padding: 0.2ex 0.5ex;
	margin: 1em;
	border: 1px dashed black;
}

p.modified {
	margin-top: 2em;
	font-size: 80%;
	color: #888;
}

h2.date {
	color: #008;
	margin-left: -20px;
	font-weight: normal;
	font-size: 120%;
}

div.entry h2 {
	color: #008;
	font-weight: normal;
	font-size: 120%;
}

div.entry h3 a {
	color: inherit;
	text-decoration: none;
}

a {
	text-decoration: none;
	color: #008;
}

a:visited {
}

a:hover {
	border-bottom: 1px solid #008;
}

div#sidebar {
	position: fixed;
	bottom: 1em;
	right: 10px;
	width: 9em;
}


div#sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}

div#sidebar li {
	border: 1px solid white;
	margin-top: 1ex;
	font-style: italic;
}

div#sidebar li a {
}

div#sidebar li a:hover {
}



div#archives {
	text-align: center;
	max-width: 40em;
}

div#archives ul {
	list-style: none;
	margin: 0 0 2em 0;
	padding: 0;
}

div#archives li {
	margin: 0;
	padding: 0;
}

div#archives h2.date {
	margin-left: 0;
}

p.datetime-and-category {
	text-align: right;
	margin-top: -1em;
	font-size: 80%;
	color: #666;
	-moz-column-span: all;
	-webkit-column-span: all;
}

div#comments {
	border-top: 1px solid #ccc;
}

div.comment {
	margin: 0 2em;
	padding-left: 1ex;
	border-left: 2px solid #ccc;
}

div.comment p.author {
	font-size: 80%;
}

div#siblings-nav {
	text-align: center;
	font-size: 80%;
	margin: 1em 0em;
}

#sidebar li.permlink {
	margin-top: 3em;
}


/* form stuff */
span.required {
	background: transparent url(required.png) 0px 0.5ex no-repeat;
	padding: 0 0 0 24px;
	margin-left: 1ex;
	overflow: hidden;
	color: white;
}

div.error {
	color: black;
	font-weight: bold;
	background: transparent url(/css/warning.png) top left no-repeat;
	margin-left: 10px;
	padding-left: 10px;
}

div.errornotice {
	background: #fd6;
	border: 1px solid #ffae15;
	margin: 0em 1em 1em 1em;
	padding: 5px;
}

form input,
form textarea {
	border: 1px inset #ccc;
	margin: 1px;
	margin-left: 1em;
	padding: 2px 3px;
}

form input:focus,
form textarea:focus {
	border: 2px solid #ccf;
	padding: 1px 2px;
}

div.buttons input {
	border: 1px outset black;
	margin: 1em 0 0 0;
	padding: 0;
}

div#add-comment h3 {
	font-weight: normal;
}

div#add-comment input {
	width: 15em;
}

div#add-comment textarea {
	width: 500px;
	height: 10em;
}

.entry ul {
	list-style: circle;
}

.entry hr {
	margin: 2em 25% 1em 25%;
	border: 0;
	background: #888;
	height: 1px;
}

div.wiki-actions {
	margin: 2em 0 1em 0;
}


#overlay img{ border: none; }
#overlay { background-image: url(overlay.png);}

div#zoom {
	position: absolute;
	top: 10px;
	right: 10px;
	float: right;
	margin: 0 auto;
	z-index: 150;
}

img#zoom-image {
	display: none;
	background: white;
	padding: 10px;
	border: 1px solid black;
}

a#zoom-close {
	display: none;
}