/*Petite css pour l'evolutys blog*/
/*Voyons voir du coté des liens*/
a:link, a:visited{
	color: #5FB3F9;
	text-decoration: none;
}
a:hover, a:active{
	color: #FFF;
	text-decoration: underline;
}
/*Paramétrages des images*/
img{
	border: none;/*Je n'y mets aucune bordure, il n'y en a pas besoin*/
	float: left;/*Alignons les à gauche dans les paragraphes. Le texte se mettra automatiquement à coté*/
	margin-bottom: 5px;
	margin-right: 5px;/*Cette marge permet de mettre le texte sur la droite de l'image à bonne distance*/
	margin-top: 5px;
}
.hidden{
	display: none;
}
/*Centrons maintenant les images et le texte, si besoin*/
.centerize{
	text-align: center;
}
/*Le gros de la troope maintenant*/
body{
/*	border: 1px #1C79C6 solid;*/
	color: #FFFFFF;
	font-size: 11px;
	font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3","ＭＳ 明朝",serif;
	background-color:#201000 ;
	margin: 5px 30px 0 30px;
	padding: 0;
	height: auto;
	text-align: left;
}
#header{
/*	border: 1px #1C79C6 solid; */
	width: 738px;
	height: 200px;
	margin: auto;
	padding: 0;
	background: url(images/bg_header.jpg) no-repeat;
	text-align: left;
	float: left;
}
#navigation{
/*	border: 1px #1C79C6 solid;*/
	font-size: 11px;
	width: 694px;
	height: 20px;
	float:left;
	margin: -20px auto 0 25px;
	padding: 0;
	text-align: center;
}
#wrapper {
/*	border: 2px #0F0 solid;*/
	margin: 0 auto;
	padding: 0;
	height: auto;
	float:left;
	background: black url(images/bg_page.jpg) repeat-y;
}
#container{
/*	border: 1px #F00 solid;*/
	width: 738px;
	margin: 0 auto;
	padding: 0;
	height: auto;
	background: url(images/bg_fukase1.jpg) no-repeat top left;
	float:left;
}
#content{
/*	border: 1px #1C79C6 solid;*/
	float: right;
	width: 450px;
	padding: 20px 25px 0 0;
}
#sidebar{
/*	border: 1px #1C79C6 solid;*/
	width: 220px;
	float: left;
	padding: 180px 0 0 30px;
	margin: 0;
	text-align: left;	
}
#footer{
/*	border: 1px #1C79C6 solid; */
	width: 738px;
	float:left;
	margin: auto;
	padding: 20px 0 1em 0;
	background: url(images/bg_footer.jpg) bottom no-repeat;
}
#credits{
	font-size: 10px;
	text-align: center;
	color: #B0B0B0;
}
#credits a:link, #credits a:visited{
	color: #5FB3F9;
}
#credits a:hover, #credits a:active{
	color: #D0D0D0;
}
.clearing{
	float:left;
	height: 0;
	clear: both;
}
.clear{
	clear: both;
}
#header h1{
	float:left;
	margin: -8px 0 0 0;
}
#header h1 a{
	float:left;
	font-size: 48px;
	filter:alpha(opacity=0); /*IE*/
	opacity:0;	
}
#headertitle {
	margin: 30px 0 0 30px;
	padding: 0;
	width: 200px;
	height: 50px;
	float:left;
/*	border: 1px #1C79C6 solid; */
}

#counter{
	font-size:	1em;
	float: right;
	color: #888;
	text-align: right;
	margin: 20px 20px 0 0;
}	


#navigation ul{
	list-style: none;
}
#navigation li{
	float: left;
	padding: 0;
	margin: 0;
}
#navigation a:link, a:visited{
	color: #5FB3F9;
	text-decoration: none;
}
#navigation a:hover, a:active{
	color: #000;
	text-decoration: underline;
}

/* sidebar contents */
.sidebarcontent{
	float: left;
	margin: 20px 20px 0 10px;
}

/* sidebar calendar */
#schedulecalendar{
/*	border: 1px #1C79C6 solid;	*/
}
#schedulecalendar h3{
	background-color: #000;	
	filter:alpha(opacity=50); /*IE*/
	opacity:0.50;	
}

#schedulecalendar .calendar{
	padding: 2px;
	border: 2px #222 outset;
	background-color: #000;
	filter:alpha(opacity=75); /*IE*/
	opacity:0.75;	
}
#schedulecalendar .days{
	border-right: 1px #222 solid;
	border-bottom: 1px #222 solid;
	text-align: center;
}

/* sidebar item adder */
#additem {
	border: 2px #222 outset;
	background-color: #000;
	filter:alpha(opacity=75); /*IE*/
	opacity:0.75;	
}

/* sidebar item list */
.sidebaritemlist {
	float: left;
	padding: 2px;
	magin-left: 10px;
	border: 2px #222 outset;
	background-color: #000;
	filter:alpha(opacity=75); /*IE*/
	opacity:0.75;
	text-align: left;
	width: 150px;
}

.sidebaritemlist .itemlist h3{
	border-right: 2px #222 solid;
	border-bottom: 2px #222 solid;
	font-size: 1em;
	padding-left: 10px;
}

/* content info */
.contentinfo {
	border: 2px #222 outset;
	background-color: #000;
	filter:alpha(opacity=75); /*IE*/
	opacity:0.75;	
	float: right;
	margin-right: 40;
	font-size: 0.8em;
}

h2{
	color: #3E565F;
	margin: 0 0 3px 0;
	font-size: 1.5em;
}
h3{
	color: #3E565F;
	margin: 0 0 8px 0;
	font-size: 1.2em;
}
h4{
	font-size: 1.0em;
}
.contentbody img{
/*	border: 1px solid black;*/
}
.c_commentbody{
	padding: 0 0 5px 0;
	background: url(images/01_hdot.gif) bottom repeat-x;
}
.c_userlink{
	margin: 0 0 5px 0;
}
.c_commentinfo{
	font-size: 10px;
	margin: 3px 0 0 0;
	padding: 0 0 0 13px;
	background: url(images/01_item1.gif) 0 1px no-repeat;
}
.login{
	float: right;
}
.login h3{
	height: 23px;
	text-indent: -9999px;
/*	margin: 0 0 2px 0;
	background: url(images/01_s_login.gif) no-repeat;*/
}
#search{
	padding: 2px;
}
#search h3{
}


/* items common */
.itemarea {
	width: 100%;
	margin-bottom: 2em;
	float: left;
}
.contentheader {
	width: 100%;
	float: left;
}
.contentheader h2{
	_height: 2em;
	float: left;
}	
.contentbody{
	width: 100%;
	float: left;
	margin-bottom: 2em;
	_margin-bottom: 6em;
}
.contentedit{
	float: right;
}

/* Comments */
.comments {
/*	border: 1px #888 solid;*/
	padding-left: 80px;
	padding-right: 20px;
	width: 350px;
	float:left;
	_margin-top: -4em;
}
.comments h2 {
	font-size: 0.8em;
	margin: 0 0 -5px 0;
}
.commentbody {
	border: 2px #222 outset;
	background-color: #111;
	filter:alpha(opacity=75); /*IE*/
	opacity:0.75;	
	float:left;
	width: 100%;
	margin: 5px 0;
}
.commentbody .metadata{
	text-align: right;
}
.addcomment {
	border: 2px #222 outset;
	background-color: #222;
	filter:alpha(opacity=75); /*IE*/
	opacity:0.75;	
	margin: -8px 0 0 0;
	float:right;
	_margin-top: -1.5em;
}
.addcomment a{
	color: #888;
}
.commentedit{
	margin: -2px 20px 0 50px;
	border: 2px #222 outset;
	background-color: #111;
	filter:alpha(opacity=75); /*IE*/
	opacity:0.75;	
	float:left;
}
.nocomment{
	margin: -50px 0 0 0;
}



.about h3{
	height: 23px;
	text-indent: -9999px;
	margin: 0 0 2px 0;
	background: url(images/01_s_about.gif) no-repeat;
}

.categories h3{
	margin: 0 0 2px 20px;
	font-size: 1.5em;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","ＭＳ ゴシック",Sans-Serif;
}

.links h3{
	height: 23px;
	text-indent: -9999px;
	margin: 0 0 2px 0;
	background: url(images/01_s_links.gif) no-repeat;
}
h2.weblog, h2.archives, h2.error, h2.member, h2.sendmessage, h2.searchpage{
	height: 23px;
	text-indent: -9999px;
	margin: 0 0 5px 0;
}
h2.weblog{
}
h2.archives{
	background: url(images/01_m_archives.gif) no-repeat;
}
h2.error{
	background: url(images/01_m_error.gif) no-repeat;
}
h2.member{
	background: url(images/01_m_member.gif) no-repeat;
}
h2.sendmessage{
	background: url(images/01_m_sendmessage.gif) no-repeat;
}
h2.searchpage{
	background: url(images/01_m_search.gif) no-repeat;
}
form{
	margin: 0;
	text-align: left;
}
.formfield{
	width: 130px;
	font-size: 11px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","ＭＳ ゴシック",Sans-Serif;
	margin: 0 0 2px 0;
	color: #494949;
	border-top: 1px solid #868686;
	border-left: 1px solid #868686;
	border-bottom: 1px solid #D4D2CF;
	border-right: 1px solid #D4D2CF;
}
.formfield:focus{
	border: 1px solid black;
}
.formbutton{
	font-size: 11px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","ＭＳ ゴシック",Sans-Serif;
	margin: 1px 0 0 0;
	padding: 1px 10px;
	color: #494949;
	background: white;
	border-top: 1px solid #D4D2CF;
	border-left: 1px solid #D4D2CF;
	border-bottom: 1px solid #868686;
	border-right: 1px solid #868686;
}
textarea{
	overflow: hidden;
}
.commentform .formfield, .mailform .formfield{
	width: 340px;
	background-image: url(images/01_txbg.gif);
}
.commentform textarea{
	background: white url(images/01_txbg.gif) center center no-repeat;
}
.divaddcomment form, .divsendmessage form{
	width: 390px;
	background: #E2EDF0 url(images/01_mountaintop.gif) top no-repeat;
}
.commentform, .mailform{
	padding: 10px 20px;
}
.login form, .search form{
}
.loginform, .searchform{
}
ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
li{
	padding: 0 0 0 9px;
	margin: 0 0 2px 0;
	background: url(images/01_arrow.gif) 0 6px no-repeat;
}
.highlight{
	font-weight: bold;
	text-decoration: underline;
}
div.error{
	color: red;
	font-weight: bold;
}