body
{
	background-color:black;
	width:100%;
	text-align:center;
	padding-left:0px;
	padding-bottom:0px;
	margin-left:0px;
	margin-top:0px;
	font: helvetica;
}

#banner
{
	height: 60px;
	width: 100%;
	background-image:url("/public/stuffs/style-shits/banner.png");
	background-repeat:repeat;
	background-color:lightgray;
	margin-bottom:0px;
}

h1
{
	font-variant:small-caps;
	margin:0px;
	padding-bottom:1pt;
	color:black;
	background-color:orange;
	border-top:4px solid black;
	border-bottom:2px dotted lightgray;
	border-left:none;
	border-right:none;
}

#fortune {
	background-color:lightgray;
	color:black;
	padding-right:3%;
	margin-top:0px;
	margin-bottom:0px;
	text-align:right;
	font-style:oblique;
	font-size:0.7em;	
}

#request {
	margin-top:0px;
	padding-top:0px;
	font-size:0.6em;
	text-align:left;
	color:gray;
	padding-left:0px;
	margin-left:0.5%;
	text-indent:0px;
	margin-bottom:0px;
}

#menu				/* MENU */
{
	font-size:small;
	font-weight:bolder;
	font-variant:small-caps;
	text-align:left;
	width:13%;
/*	background-color:black;*/
	float:left;
	margin-bottom:1%;
	margin-left:10px;
	margin-top:1%;
	text-indent:0px;
	padding-top:0px;
}

#menu ul
{
	list-style-image:url("/public/stuffs/style-shits/puce_white.png");
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	list-style-position:outside;
}

#menu a
{
	text-decoration:none;
	color:gray;
}

#menu a:hover
{
	text-decoration:none;
	
} 

#menu h2
{
	font-style:italic;
	background-color:black;
	color:orange;
	margin-bottom:0px;
	text-align:left;
	border:none;
}

#buttons-column
{	
	float:right;	
/*	border-left:2px solid black;
	border-right:2px solid black;*/
/*	border-bottom:1px dashed black;*/
	width:10%;
	margin:auto;
	margin-right:0.5%; 
	margin-top:2%;
	padding-top:0px;
	text-align:center;
	text-indent:0px;
}

#buttons-column img
{
	width:80%;
	border:none;
}

#buttons-column a img:hover
{
	border:none;
}

#lhz img { background-color:white;  border:1px solid white; border-bottom:none; }

#footer
{
	width:100%;
	font-size:0.6em;
	color:gray;
/*	background-color:gray;*/
	clear:both;
	margin-top:1%;
	margin-bottom:0px;
	text-align:center;
	text-indent:0px;
}

#footer a
{
	color:#FCA900;
}

#error-uri {
	text-align:center;
	text-indent:0px;
	color:black;
	background-color:lightgray;
	width:auto;
}

#bannerrrz { 
	width:95%;
	margin:auto;
	white-space:nowrap;
	text-align:right;
}

#bannerrrz img {
	width:35%;
}

/* ELEMENTS DE BASE */

.content
{
	background-color:#212121;
	text-align:justify;
	width:71%;
	color:gray;
	border:2px solid lightgray;
	border-right:1px dashed lightgray;
	border-bottom:1px dashed lightgray;
	
	padding:1%;
	margin:auto;
	margin-left:15%;
	margin-top:2%;
	margin-bottom:2%;
}


.illustration 
{
	text-align:center;
	text-indent:0px;
}

.illustration img
{
	max-width:60%;
}

p
{
	text-indent:5%;
}


a				
{
	/*color:#B50194;*/
	/*color:#33896B;*/
	color:#FCA900;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

strong a
{
	text-color:black;
}

a img
{
	border:1px solid black;
}

strong { font-size:1.02em; }

/* h2
{
	margin-top:0px;
	text-indent:0px;
	background-color:orange;
	color:black;
	text-align:center;
	//font-variant:small-caps;
	border:2px solid black;
} */

h3, h2
{
	border:1px solid lightgray;
	background-color:black;
	color:lightgray;
	width:auto;
	text-indent:1%;
	padding-left:1%;
	padding-right:1%;
}

h2 { text-align:center; margin-top:0px; font-size:1.7em; }

h4 
{
	color:gray;
	text-align:center;
	font-weight:bold;
	font-style:italic;
}

h3 a
{
	color:lightgray;
}

h3 a:hover
{
	text-decoration:none;
}

h4 a
{
	color:gray;
}

h4 a:hover
{
	text-decoration:none;
}

h2 a
{
	color:gray;
}

h2 a:hover
{
	text-decoration:none;
}

blockquote
{
	font-style:oblique;
}

pre
{
	border:1px solid black;
	background-color:lightgray;
	color:black;
	text-indent:0px;
	padding:1%;
}

ul
{
	list-style-type:square;
	list-style-position:inside;
}

.center
{
	text-align:center;
	text-indent:0px;
}

tt
{
	font-weight:bold;
	font-size:1.2em;
}

.var
{
	font-style:italic;
}

.var .sign
{
	color:purple;
}

.var .foo
{
	font-weight:bold;
}

.edit
{
	font-weight:bold;
	font-style:italic;
}

/*img { visibility:hidden; }*/

/*#blackout img { visibility:visible;}*/

/*hr { visibility:hidden; }*/

/* ELEMENTS SPECIFIQUES */


/* liens dans /contact */

#addresses a { font-style:italic; }

/* index */
.index {
	border: 1px solid lightgray;
	padding:1%;
}



/* portfolio */
.portfolio-block { text-align:center; }
.portfolio-block img {	width:50%; }

/* bookmarx */
.bookmarx .tags a { font-style:italic; color:lightgreen; }
.bookmarx .url { font-style:italic; }
.bookmarx .raw_url { color:white; font-variant:monospace; }


/* feeds list */
#feeds-list dt { color:lightgray; } 


/* GLOB */

.glob-sidebar
{
	width:20%;
	margin:auto;
	float:right;
	border-left:3px solid black;
	border-top:3px solid black;
	margin-bottom:2%;
	margin-top:0%;
	text-align:center;
	text-indent:0px;
}

.glob-sidebar a
{
	color:gray;	
}

.glob-title
{
	clear:right;
}

.glob-content
{
	width:77%;
	margin:0px;
	padding:0px;
	padding-right:15px;
	border-right:1px solid black;
	border-bottom:1px dashed black;
}

.glob-poweredby
{
	text-align:center;
	clear:both;
}

.glob-begin, .glob-end
{
	text-align:left;
	color:white;
	font-size:0.5em;
}

.glob-published,  .glob-lastedit
{
	text-align: right;
	font-style:italic;
}

.glob-published { border-top: 1px dotted black; padding-top:1%; }

.glob-article-title
{
	text-align:center;
	border:1px solid gray;
	font-weight:bold;
	font-style:italic;
	background-color:black;
	color:lightgray;
}

.glob-list
{
	text-align:left;
	list-style-type:none;	
	color:orange;
}

.glob-list a
{
	color:gray;
}

.glob-list a .glob-date, .glob-list a .glob-hour
{
	color:lightgray;
}

.glob-list a .glob-title
{
	color:gray;
}

.glob-welcome
{
	text-align:center;
	font-style:italic;
}