a:link, a:visited{
	color: #ec7b02;
	text-decoration: none;
}
a:hover, a:active{
	color: #696969;
	text-decoration: underline;
}

.hidden{
	display: none;
}
.centerize{
	text-align: center;
}
body{
	color: #000;
	font-size: 11px;
	line-height: 17px;
	font-family: verdana, Trebuchet MS, "Lucida Sans Unicode", Arial, Lucida Sans, Tahoma, Sans-Serif;
	background-color:#d1d3d4;
	background-image: url(images/bg.jpg);
	margin: 0px;
	text-align: center;
}
#wrapper{
	width: 800px;
	margin: auto;
	background: white url(images/fondepage.jpg) repeat-y;
	text-align: left;
}

#header{
	position: relative;
	width: 800px;
	height: 203px;
	margin: auto;
	background: url(images/entete.jpg) no-repeat;
}
#container{
	width: 100%;
	float: left;
	margin-right: -230px;
}
#content{
	margin-right: 210px;
	padding: 20px 0;
}
#sidebar{
	width: 225px;
	float: right;
	padding: 10px 0 0 0;
	text-align: left;
}
#footer{
	width: 800px;
	margin: auto;
	padding: 0 0 30px 0;
}
#credits{
	font-size: 11px;
	background-color: #778899;
	border: 1px solid White;
	padding: 5px 0 5px 0;
	text-align: center;
	color: #F5F5F5;
}
#credits a:link, #credits a:visited{
	color: #E6E6FA;
}
#credits a:hover, #credits a:active{
	color: White;
}
.clearing{
	height: 0;
	clear: both;
}
#header h1{
	position: absolute;
	top: 28px;
	left: 26px;
	font-size: 20px;
	line-height: 20px;
	margin: 0;
}
#navigation{
	font-size: 11px;
	width: 800px;
	height: 22px;
	position: absolute;
	top: 179px;
	left: 10px;
}
#navigation ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
#navigation li{
	background: none;
}
h2{
	color: #D2691E;
	font-variant: small-caps;
	margin: 0 0 3px 0;
	font-size: 18px;
}
h3{
	color: #646464;
	margin: 0 0 8px 0;
	font-size: 15px;
}
h4{
   color: Gray;
	margin: 0;
	font-size: 12px;
	padding: 5px 0 0 0;
}
h5{
	color: #ec7b02;
	font-variant: small-caps;
	margin: 5px 0 3px 0;
	font-size: 18px;
}
.contentdiv{
	margin: 0 15px 0 22px;
}
.sidebardiv{
	margin: 0 22px 0 15px;
}

/* sidebardiv menu */
.sidebardiv ul {
	list-style:none;
	margin: 0 0 5px 0;
	padding: 0;
	background: #DCDCDC;			
}
.sidebardiv ul li {
	padding: 0px 10px;
	background: none;
}
.sidebardiv ul a {
	display:block;
	font-weight:normal;
	color: Black;
	height: 1.5em;	
	padding:.3em 0 .3em 15px;
	line-height: 1.5em;
	border-bottom: 1px dashed White;
	text-decoration: none;
}
.sidebardiv ul a.bottom{	
	border-bottom: 0px;
}
.sidebardiv ul a:hover {
	padding: .3em 0 .3em 10px;
	border-left: 5px solid  #00a8e9;
   font-weight: bold;
	color: #00a8e9;		
}

.contentbody img{
	border: 1px solid #DADADA;
	margin: 5px 10px 5px 10px;
	padding: 5px;
	background: #FAFAFA;
}
.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: 11px;
	margin: 3px 0 0 0;
	padding: 0 0 0 13px;
	background: url(images/01_item1.gif) 0 1px no-repeat;
}
.contentbody0{
	margin: 15px 0 0 0;
	padding: 0 10px 10px 43px;
	text-align: justify;
}
.contentbody{
   border-top: 1px solid #dadada;
	border-right:  1px solid #dadada;
	margin: 15px 0 0 0;
	padding: 0 10px 10px 43px;
	text-align: justify;
}
.sidebarbody{
   padding: 2px;
	background-color: #dadada;
}

.sidebarin{
	padding: 0;
	margin: 0;
}

.sidebarinlinks{
	padding: 0;
	margin: 0;
	line-height: 8px;
}

.sidebarin2{
	padding: 0;
	margin: 0;
}
.sidebarin2 a:link, .sidebarin2 a:visited { text-decoration: none; }
.sidebarin2 a:active, .sidebarin2 a:hover { text-decoration: none; }

.cloude h3{
	height: 35px;
	text-indent: -9999px;
	margin: 0 0 2px 0;
	background: url(images/01_s_cloude.gif) no-repeat;
}
.sidebarcloude{
   background-color: #F5F5F5;
	padding: 8px;
	margin: 0;
	text-align: justify;
}

.tinyT { font-size:12px;}
.tinyT a:link, .tinyT a:visited { color: Silver; text-decoration: none; }
.tinyT a:active, .tinyT a:hover { color: Gray; text-decoration: none; }

.smallT { font-size:12px; }
.smallT a:link, .smallT a:visited { color: Gray; text-decoration: none; }
.smallT a:active, .smallT a:hover { color: #404040; text-decoration: none; }

.mediumT { font-size:12px;}
.mediumT a:link, .mediumT a:visited { color: #404040; text-decoration: none; }
.mediumT a:active, .mediumT a:hover { color: Black; text-decoration: none; }

.largeT { font-size:12px; font-weight: bold;}
.largeT a:link, .largeT a:visited { color: #404040; text-decoration: none; }
.largeT a:active, .largeT a:hover { color: #00a8e9; text-decoration: none; }

.divweblog .contentbody, .divarchives .contentbody, .divarchivelist .contentbody, .diverror .contentbody, .contentbody0, .divmemberinfo .contentbody,
.divsendmessage .contentbody, .divcommentitem .contentbody, .divsearch .contentbody  .contentbody0{
	background: url(images/01_quote.gif) 0 3px no-repeat;
}
.divcommentsmade .contentbody0{
	background: url(images/01_quote1.gif) 0 3px no-repeat;
}
.divcommentsmade .id1{
	background: url(images/01_quote4.gif) 0 3px no-repeat;
}
.divaddcomment .contentbody0{
	background: url(images/01_quote3.gif) 0 3px no-repeat;
}
.itemdetails{
	text-align: right;
	margin-bottom: 10px;
	padding: 5px 5px 5px 5px;
	border: 1px solid #dadada;
	color: #F5F5F5;
	background: #00a8e9;
}
.itemdetails a:link, .itemdetails a:visited { color: #F5F5F5; text-decoration: none; }
.itemdetails a:active, .itemdetails a:hover { color: White; text-decoration: underline; }

.item1{
	padding: 0 0 0 13px;
	margin: 0;
	background: url(images/01_item1.gif) 0 1px no-repeat;
}
.item2{
	padding: 0 0 0 13px;
	margin: 0;
	background: url(images/01_item2.gif) 0 3px no-repeat;
}
.item3{
	padding: 0 0 0 15px;
	margin: 0;
	background: url(images/01_item3.gif) 0 3px no-repeat;
}
.archives h3{
	height: 35px;
	text-indent: -9999px;
	margin: 0 0 2px 0;
	background: url(images/01_s_archives.gif) no-repeat;
}
.about h3{
	height: 35px;
	text-indent: -9999px;
	margin: 0 0 2px 0;
	background: url(images/01_s_about.gif) no-repeat;
}
.login h3{
	height: 35px;
	text-indent: -9999px;
	margin: 0 0 2px 0;
	background: url(images/01_s_login.gif) no-repeat;
}
.guest h3{
	height: 35px;
	text-indent: -9999px;
	margin: 0 0 2px 0;
	background: url(images/01_s_categories.gif) no-repeat;
}
.search h3{
	height: 35px;
	text-indent: -9999px;
	margin: 0 0 2px 0;
	background: url(images/01_s_search.gif) no-repeat;
}
.links h3{
	height: 35px;
	text-indent: -9999px;
	margin: 0 0 2px 0;
	background: url(images/01_s_links.gif) no-repeat;
}
h2.weblog, h2.comments, h2.commentsmade, h2.addcomment, h2.archives, h2.error, h2.member, h2.sendmessage, h2.searchpage{
	height: 23px;
	text-indent: -9999px;
	margin: 0 0 5px 0;
}
h2.weblog{
	background: url(images/01_m_weblog.gif) no-repeat;
}
h2.comments{
	background: url(images/01_m_comments.gif) no-repeat;
}
h2.commentsmade{
	background: url(images/01_m_commentsmade.gif) no-repeat;
}
h2.addcomment{
	background: url(images/01_m_addcomment.gif) no-repeat;
}
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;
}
img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
.formfield{
	width: 130px;
	font-size: 11px;
	font-family: Trebuchet MS, "Lucida Sans Unicode", Arial, Lucida Sans, Tahoma, 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: Trebuchet MS, "Lucida Sans Unicode", Arial, Lucida Sans, Tahoma, 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{
	width: 184px;
}
.loginform, .searchform{
	padding: 10px;
}
ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
li{
	padding: 0 0 0 9px;
	font-size: 12px;
	font-family: Verdana, Trebuchet MS, "Lucida Sans Unicode", Arial, Lucida Sans, Tahoma, Sans-Serif;
	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;
}