/*
* ----------------------------------------------------------------------------
* "THE BEER-WARE LICENSE" (Revision 42):
* Willy Morin (kaiska@ifrance.com) wrote this file. As long as you retain this
* notice you can do whatever you want with this stuff. If we meet some day,
* and you think this stuff is worth it, you can buy me a beer in return
*
* Willy Morin
* http://kaiska.flinkserver.net
*
* Addendum ノtienne Bersac ( commentsbrowser ), http://bersace03.free.fr
*
* Addendum 2: Pierre Tardy major color restructuration
* tardyp.free.fr
* ----------------------------------------------------------------------------
*/ 
* { font-family: "Bitstream Vera Sans", Verdana, Arial, Helvetica, sans-serif; }
body { 
 background: black;
 color: white;
}
a:link { 
 color: #AAAAFF;
 text-decoration: none;
} 
 
a:visited { 
 color: #FF99FF;
 text-decoration: none;
}
h1.rubrique_info {
 color: #eee !important; 
 margin: 0px 0px 0px 0px;
 padding: 0em; 
 border: 0px;
 font-size: 12px;
}
h1.connexe {
 font-size: 12px;
 padding: 0em;
 margin: 0px 0px 0px 0px;
 color: #900;
}
a.rubrique_infolink { text-decoration: none; }
ul.rubrique_infoul {
 display: inline;
 list-style-type: square;
}
ul.rubrique_infoul * { width: 100%; }
li.rubrique_infoul { margin-left: 15px; }
.leftbox ul.rubrique_infoul {
	display:block;
	padding: 0 10px 0 10px;
	margin-right: -10px;
}
h1 { color: #FF00EE; }
div.main { 
 margin: 15px 10px 0px 10px;
 border: 0px #777 solid;
 text-align: left;
 font-size: 0.8em;
 background-color: black;
 color: #DDD;
}
div.lsfnbanner {
	visibility:hidden;
	height:0;
	padding:0;
	margin:0;
}
div.footer {
	padding-top: 5px;
	padding-bottom: 3px;
	border-top: 1px #555 solid;
	border-left: 1px #555 solid;
	border-right: 1px #555 solid;
	text-align: left;
	font-size: 9px;
	background: #345;
	margin-top: 40px;
	margin-left: 20px;
	margin-right: 20px;
	visibility:hidden;
	height:0;margin:0;padding:0;
}
div.footer p {
	margin-left: 10px;
	margin-top: 2px;
	margin-bottom: 2px;
}
div.menubartop {
	margin:0;
	padding:0;
		background:#222;
}
div.smallmenubar {
 padding: 4px;
		padding-left: 10px;
		padding-right: 10em;
		margin-top: -4px;
		font-weight: normal;
 font-size: 0.8em;
 text-align: left;
		background: #222;
}
div.smallmenubar a:hover{
	margin-bottom:4px;
}
div.menuevent {
 float: left;
 width: 350px;
 font-size: 11px;
 text-align: left;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 10px;
 font-weight: bold;
 margin: 0px;
}
div.menubar {
 background: #222;
 border-top: 1px #555 solid;
 border-bottom: 1px #555 solid;
 padding: 2px 10px 3px 10px;
 font-weight:bold;
 font-size: 1em;
}
div.menubar a {
	text-decoration: none;
}
div.menubar p {
	padding: 0px;
	margin: 0px;
}
.menudate { visibility:hidden;height:0;margin:0;padding:0;}
div.menusearch {
	float: none;
	position: absolute;
	top: 19px;
	right:22px;
	margin:0;
 text-align: left;
	padding: 0;
	width: auto;
	background: transparent url('search.png') 2px no-repeat;
	padding-left:25px;
}
div.menusearch p {
	margin: 0;
}
div.newsletter {
	float: right;
	text-align: right;
	margin: 0px;
	padding: 0px;
	font-size: 8px;
	font-weight: normal;
}
div.newsletter p { margin: 0px 0px 0px 0px; }
.searchinput {
	border: solid 1px #ccc;
	padding-left: 5px;
	padding-right: 5px;
	height:1.1em;
}
.searchinput:focus{
	border: solid 1px #777;
	background: #f5f5e9;
 color:black;
	padding-left: 5px;
	padding-right: 5px;
}
.newsletterinput {
 border: solid 1px black;
 font-weight: normal;
}
a#menulinkselect { color: #eedd55; }
div.leftbox {
 width: 200px; 
 float: left; 
 padding-right: 5px;
 padding-bottom: 5px;
 border-right: 0px solid #555;
 border-top: 0px solid #555;
 border-left: 0px solid #555;
 border-bottom: 0px solid #555;
 background: #222;
 margin-bottom: 10px;
 margin-right: 20px;
 overflow: hidden;
}
div.leftbox h1 {
	text-transform: uppercase;
	font-weight: bold;
	color: #eedd55;
	font-size: 10px;
	margin: 0px;
}
div.leftbox h2 {
	font-weight: bold;
	font-size: 12px;
	margin: 0px;
}
div.leftbox ul {
 list-style-type: none;
	color: #AA8;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 10px;
	border: 1px solid #555;
	background: #444;
	-moz-border-radius: 10px; 
}
div.leftbox li {
	margin-left: 10px;
	margin-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px solid #ddd;
	font-size:0.8em;
}
div.leftbox p {
	color: #AA8;
	text-align:center;
}
div.rightbox {
 width: 140px; 
 float: right; 
 padding-top: 10px;
 padding-left: 5px;
		padding-right: 15px;
 padding-bottom: 5px;
 border: 1px solid #555;
		margin: 10px;
		-moz-border-radius: 10px;
		text-align: left;
		background: #444;
}
div.rightbox h1{
	color: #AA8;
}
div.rightbox ul {
 list-style-type: square;
	color: #AA8;
	padding:0;
}
div.rightbox li {
	margin-left: 10px;
	margin-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px solid #ddd;
	font-size:0.8em;
}
div.journaldiv {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #555;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #444;
	-moz-border-radius: 20px;
}
div.journaldiv p {
	margin-top: 10px;
	margin-bottom: 0px;
}
div.journaldiv h1 {
 color: #AA8;
	margin: 0;
	border-bottom: 1px dotted #bbb;
}
div.journaldiv h2 {
	font-size: 10px;
	margin: 0;
}
div.tipdiv {
	margin-right: 50px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: justify;
	background-color: #222;
	border: black solid 1px;
	margin-left: 10px;
}
div.tipdiv h1 {
	font-weight: bold;
	font-size: 14px;
	color: white;
 margin-top: 0;
 margin-bottom: 20px;
}
div.tipdiv h2 {
	text-transform: uppercase;
	font-weight: bold;
	color: #998877;
	font-size: 12px;
	margin: 0;
}
div.newsdiv {
 margin-left: 220px;
 margin-right: 180px;
 margin-top: 10px;
 margin-bottom: 20px;
	text-align: justify;
}
div.newsdiv h1 {
	font-weight: bold;
	font-size: 14px;
	margin: 0px;
}
div.newsdiv h2 {
	font-weight: normal;
	font-size: 12px;
	margin: 0px;
}
div.newsdiv h3 {
	font-weight: normal;
	font-size: 12px;
	margin-bottom: 20px;
}
div.objdiv {
 margin-left: 220px;
 margin-right: 20px;
 margin-top: 10px;
 margin-bottom: 20px;
}
h1.newstitle {
 text-align: left;
 font-size: 14px;
 margin: 0px 0px 0px 0px;
 color: #AA8;
}
div.titlediv {
 border-top: solid #cac2a8 0px;
 margin-top: 20px;
		padding-top: 5px;
 background-color: #555;
 padding-left: 10px;
 font-size: 11px;
		color:#aaa;
		-moz-border-radius: 10px 10px 0 0;
}
div.bodydiv {
	border-top: solid #555 0px;
	border-bottom: solid #555 1px;
	border-left: solid #555 1px;
	border-right: solid #555 1px;
	padding-left: 10px;
 padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
 margin-top: 0;
 text-align: justify;
	background:#444;
	-moz-border-radius: 0 0 10px 10px;
}
div.comments {
 padding: 10px;
 border-top: solid 2px #555;
 border-bottom: solid 2px #555;
 border-left: 1px solid #555;
		border-right: 1px solid #555;
		margin-top: 20px;
 margin-bottom: 10px;
 background: #444;
 font-size: 12px;
 line-height: 1.3em;
			-moz-border-radius: 10px;
}
.comment-vote { font-style: italic; color:#999; font-size:0.9em;}
p.commentsbody {
 border-left: 1px solid #aaa;
 padding-left: 10px;
	text-align: justify;
	margin-right: 20px;
}
div.commentsreply {
	text-align: center;
	margin-top: 10px;
	font-size:0.9em;
	color: #aaa;
}
div.commentsreply .searchinput{ height:auto; }
ul.commentsul {
 list-style-type: none;
	margin-bottom: 10px;
	margin-left: 1.25em;
	padding-left: 0;
}
ul.commentsli { margin: 10px; }
div.comments li {
	margin-top: 20px;
	margin-left: 2px;
}
div.comments h1 {
 font-size: 12px;
 border: 1px solid #555;
 color: #999;
 margin: 0px 20px 3px 0px;
		background:#222;
 padding-left: 1px;
 font-weight: none;
		-moz-border-radius: 3px;
}
div.articlediv {
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 10px;
 padding-bottom: 20px;
 margin-right: 180px;
 margin-left: 220px;
 margin-top: 10px;
 text-align: justify;
 background: #444;
		-moz-border-radius: 10px;
		border: 1px solid #555;
}
img { border: 0; }
div.sectionimg {
 float: left;
 margin-right: 10px;
 margin-top: 5px;
}
p.hautpage {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
}
div.leftcol {
	width: 202px;
	float: left;
	padding: 0px;
}
div.logodiv {
	border-right: 0px black solid;
	border-bottom: 0px black solid;
	padding: 0px;
	line-height: 0px
}
div.loginbox {
	margin-left: 4px;
	border: solid #555 1px;
	margin-top: 5px;
	padding: 5px;
	background-color: #444;
	font-size: 0.8em;
	-moz-border-radius: 10px;
}
div.loginbox p {
	margin: 0px;
	padding: 0px;
}
div.loginbox ul {
	margin-left: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
 list-style-type: none;
	border-left: 1px solid #666;
	padding-left: 8px;
}
div.loginbox h1 {
	text-transform: none;
	font-weight: bold;
	color: #AA8;
	font-size: 1.2em;
	margin: 0px;
	margin-top:10px;
	border-bottom:1px solid #555;
}
div.loginbox h2 {
	font-weight: bold;
	font-size: 1.1em;
	margin: 0px;
}
div.loginbox h3 {
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 12px;
}
div.polldivtitle {
	margin-bottom: 1px;
	background-color: #222;
	margin-left: 4px;
	margin-top: 15px;
	padding-left: 5px;
	font-size: 10px;
	border-top: solid #665 1px;
	border-bottom: solid #665 1px;
	text-transform: uppercase;
}
div.polldiv {
	margin-left: 4px;
	border: 1px #665 solid;
	margin-top: 0px;
	padding: 5px;
	background: #222;
}
div.polldiv p {
	margin: 5px;
	padding: 0px;
}
div.polldiv ul {
	margin-left: 5px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 0px;
 list-style-type: none;
}
div.otherboxtitle {
	margin-bottom: 2px;
	background-color: #666;
	margin-left: 4px;
	margin-top: 5px;
	margin-bottom: 0px;
	padding-left: 5px;
	padding-top: 2px;
	font-size: 11px;
	border-top: 1px solid #555;
	border-bottom: 0px solid #555;
	font-size: 1em;
	font-weight: bold;
	-moz-border-radius: 10px 10px 0px 0px;
	text-transform: none;
}
div.otherbox {
	margin-left: 4px;
	border: 1px #777 solid;
	border-top:0px;
	margin-top: 0px;
	padding: 5px;
	text-align: justify;
	background: #444;
	font-size: 10px;
		-moz-border-radius: 0px 0px 10px 10px;
}
div.otherbox h1 {
	text-transform: uppercase;
	font-weight: bold;
	color: #AA8;
	font-size: 1.2em;
	margin: 0px;
	text-transform: none;
	border-bottom: 1px dotted #666;
}
div.otherbox h2 {
	font-weight: bold;
	font-size: 11px;
	margin: 0px;
}
div.otherbox p {
	margin-top: 5px;
	margin-bottom: 10px;
}
div.rightlogo { 
 width: 90px; 
 float: right;
 margin-right: 0px;
 padding-top: 0px;
 padding-left: 0px;
 padding-bottom: 0px;
} 
div.centraldiv {
 margin-left: 220px;
 margin-right: 10px;
 margin-bottom: 20px;
	margin-top: 10px;
}
div.centraldiv h1 {
	font-weight: bold;
	font-size: 14px;
	margin: 0px;
}
div.centraldiv h2 {
	font-weight: normal;
	font-size: 12px;
	margin: 0px;
}
div.centraldiv h3 {
	font-weight: normal;
	font-size: 12px;
	margin-bottom: 20px;
}
div.centralinfo {
	position:relative;
	height:160px;
}
div.lefttopbox {
	position:relative;
	padding: 5px;
	border: 1px #666 solid;
	text-align: justify;
	background: #555;
	font-size: 0.8em;
	float: left;
	-moz-border-radius: 10px;
}
div.lefttopbox p { 	margin-top: 5px; margin-bottom: 10px; }
div.lefttopbox h1 {
	font-size: 0px;
	font-weight: bold;
	margin: 0px;
	text-align: right;
}
div.lefttopbox h2 {
	text-transform: uppercase;
	font-weight: bold;
	color: #eedd55;
	font-size: 13px;
	margin: 0px;
}
div.lefttopbox h3 {
	font-weight: bold;
	font-size: 1.1em;
	text-align:left;
	margin: 0px;
}
div.righttopbox {
	position:relative;
	border: 1px #555 solid;
	background: #444;
	padding: 5px;
	text-align: justify;
	font-size: 0.8em;
	width: 34%;
	float: right;
	-moz-border-radius: 10px;
}
div.righttopbox h1 {
	text-transform:none;
	font-weight: bold;
	font-size: 10px;
	margin: 0px;
	color: #AA8;
	border-bottom: 1px solid #555;
}
div.righttopbox h2 {
	font-weight: bold;
	font-size: 1.1em;
	color: #AA6;
	margin: 0px;
}
div.boardindex {
	text-align: justify;
	font-size: 11px;
	padding: 10px;
	margin-left: 20px;
	margin-right: 20px;
}
a.boardindex:link,a.boardindex:visited,a.boardindex:active {
	text-decoration:none;
	color: red;
}
div.boardleftmsg {
	float: left;
	margin-top: 3px;
}
div.boardrightmsg {
	margin-left: 130px;
	margin-top: 3px;
	padding-left: 5px;
}
div.journalbody {
	margin-left: 40px;
	margin-top: 40px;
}
div.journalbody h1 {
	font-size: 15px;
	font-weight: bold;
}
div.journalbody p {
	margin-bottom: 20px;
}
.formulaire {
font-size: 12px;
background-color: #222;
color: white;
 border: 2px solid #555;
}
.formulaire:focus{
	background-color: #222;
	border: 2px solid #777;
	color: white;
}
.newcomments {
	color: red;
	font-weight: bold;
}
div.commentsreplythanks {
	margin-left: 100px;
	margin-top: 50px;
	margin-right: 100px;
	background-color: #222;
	border: black solid 1px;
	padding: 10px;
}
div.archivediv { margin-right: 20px; }
.archivedate { color:#f30; }
.archivelink {
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}
div.forumgroup {
	text-align: left;
	border: solid black 1px;
	padding: 10px 20px 20px 10px;
	background-color: #444;
	border: 1px solid #555;
	-moz-border-radius: 10px;
}
div.forumgroup b{
	color: #AA8;
	background: #444;
	font-size: 1.1em;
	display:block;
	-moz-border-radius: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left:-15px;
	margin-right:-15px;
	margin-top:-3px;
}
div.forumgroup td{
	-moz-border-radius: 10px;
}
div.adminall {
	font-size: 12px;
	padding: 10px;
}
div.floatwin {
 position:absolute;
 top: 150;
 left: 450;
 width:200;
 visibility:hidden;
 background: #222;
 padding: 5px;
 border: solid black 1px;
}
div.poll-result-bar {
	background: #444;
	color: #999;
	border: solid 1px #555;
	font-size: 0.7em;
	-moz-border-radius: 10px;
}
div.funbanner {
	text-align: right;
	border-top: #555 solid 1px;
	border-bottom: #555 solid 1px;
	padding-right: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 10px;
	background-color: #222;
	font-weight: bold;
	margin-top: 10px;
}
div.main
{
	margin-bottom: 3em !important;
}
.replie
{
	display: none;	
}
.deplie
{
	display: block;
}
#commentsnav
{
	display: none;
	text-align: right;
}
#commentsbrowser
{
 border: 3px solid #444 !important;
 background: #111 !important;
 color: #fff; !important
 position: fixed;
 bottom: 0.0ex;
 max-height: 1.5ex;
 padding: 0ex 0ex 0ex;
 overflow: hidden;
 left: 0% !important;
 right: 0% !important;
 moz-border-radius: 10px !important; 
}
#commentsbrowser:hover
{ 
 max-height: none;
 padding: 0.5ex;
 overflow: none;
 background: #CCC !important;
}
#commentsbrowser a
{ 
 color: #559
 }
#commentsbrowser div
{
	margin: 0.5%;
	width: 32%;
	float: left;
	font-size: 10px;
}
div.comments h1.nouveau
{
	border: 6px solid #999;
	/*border: 1px solid #D58E64;*/
	background-color: #222;
	
	color: #999;
}
#pallierdiv, #csspersodiv
{
	position: fixed;
	bottom: 5em;
	left: 3%;
	max-width: 17em;
	border: 1px solid #777777;
	background: #222;
	color: #777777;
	padding: 0.6em;
	display: none;
}
#csspersodiv
{
	left: 37%;
	max-width: 35em;
}
#pallierdiv input, #csspersodiv input
{
	margin-left: 0.2em;
}
form
{
	margin: 0;
}
#cssurl
{
	width: 12em;
}
#pallierdiv h3, #csspersodiv h3
{
 font-size: 12px;
 padding: 0;
 margin: 0 0 0.5em 0;
 color: #990033;
}
tt, pre, code, blockquote,quote
{
	font-size: 1em;
	display:block;
	background:#222;
	margin: 5px 15px 5px 15px;
	padding: 5px;
	border-left: 1px solid #555;
	color: #dd0;
}
tt, pre, code
{
	font-family: "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
}
blockquote {	font-style:italic; }
blockquote:before {
	content: "00円AB";
	font-size:1.3em;
	font-weight: bold;
	font-color: #AA8;
}
blockquote:after {
	content: "00円BB";
	font-size:1.3em;
	font-weight: bold;
	font-color: #AA8;
}
em{ font-style: italic; }
</div><div class="naked_ctrl">
<form action="/index.cgi/contrast" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="http://tardyp.free.fr/linuxfr/style.css">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="http://tardyp.free.fr/linuxfr/style.css" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast" selected="selected">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>