/*------------------------------------------------------------------
Version:	1.0
Author:		Blogcut
Website:	www.blogcut.com
----------------------------------------------------------------- */

/* =import styles.
------------------------------------------------------------------*/
#menu {
position: left; /* placement du menu, à modifier selon vos besoins */
top: 0;
left: 0;
}
#menu {
width: 160px;
}
#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: left;
font-weight: bold;
border: 1px solid #000000;
background: #3F3F3F;
color: #FFFFFF;
}
#menu dd {
border: 1px solid gray;
margin:1px;
width:155px;
color: #FFFFFF;
background: #3F3F3F;
}
#menu li {
text-align: left;
background: #ccc;
color: #fff;
}
#menu li a, #menu dt a {
color: #fff;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
background: #000000;
color: #fff;
}

#smenu2 {
color: #000000;
}




/* =body
------------------------------------------------------------------*/
body {
	margin: 38px 0 5px 0;
	padding: 0;
	background: #CF3333;
	font: 12px/22px tahoma,arial,verdana,georgia;
	color: #939393;
}

/* =wrappers
------------------------------------------------------------------*/
#wrapper{
	margin: 0 auto;
	width: 858px;
	background: #75001c;
}

/* =main content
------------------------------------------------------------------*/
#mainContent{
 	float: left;
	margin: 0;
	padding: 0;
	background: #9f3027;
	border: 3px solid #222222;
	width: 608px;
}

#top{
 	margin: 0;
	background: url('images/entete.jpg');
	width: 538px;
	height: 103px;
	color: #FFFFFF;
	text-align: left; font-style:normal; font-variant:normal; font-weight:normal; line-height:33px; font-size:30px; font-family: "Bradley Hand ITC", tahoma, arial, verdana, georgia; padding-left:35px; padding-right:35px; padding-top:0; padding-bottom:0; margin: 0pt 0pt 25pt;
}#mainContent h2{
 	margin: 5px 35px;
	font: 17px/33px tahoma;
	color: #FFF6CD;
}

#mainContent h2 a{
	background: url(images/orange_dotted.gif) repeat-x bottom left;
	text-decoration: none;
	color: #FFF6CD;
}

#mainContent h2 a:hover{
	background: none;
}

#mainContent .postInfo{
	margin: 5px 35px 0;
	padding: 0 5px;
	background: #D8C299;
	height: 37px;
	color: #393D3C;
	font: 11px/37px tahoma;
	text-align: right;
}

#mainContent .postInfo a:link, #mainContent .postInfo a:visited{
	text-decoration: underline;
	color: #CB7633;
}

#mainContent .postInfo a:hover{
	text-decoration: none;
	color: #CB7633;
}

#mainContent .content{
	background: #DFDFDF;
	color: #393D3C;
 overflow: auto;
height: 375px;
	letter-spacing: 1px;
	border-bottom: 3px solid #1B1B1B; font-style:normal; font-variant:normal; font-weight:normal; line-height: 18px; padding:5px 25px; font-size:12px; font-family:tahoma; margin-left:35px; margin-right:35px; margin-top:0; margin-bottom:10px; padding-left:25px; padding-right:25px; padding-top:5px; padding-bottom:5px
}


#mainContent .content a:link, #mainContent .content  a:visited{
	text-decoration: underline;
	color: #CB7633;
}

#mainContent .content  a:hover{
	text-decoration: none;
	color: #CB7633;
}

.published{
	margin: 5px 0;
	padding: 5px 0;
	background: url(images/brown_dotted.gif) repeat-x top left;
	color: #373737;
	font: italic 11px/21px tahoma;
	text-align: right;
}
/* =secondary content
------------------------------------------------------------------*/
#secondaryContent{
 	float: left;
	margin: 135px 0 0 0;
	padding: 3px;
	background: #9F3027;
	width: 170px;	
}

#secondaryContent #categories{
 	list-style-type: none;
	margin: 0 0 5px 0;
	padding: 0;
}

#secondaryContent #categories li{
	margin: 0;
	padding: 0;
	height: 27px;
	font: bold 11px/27px tahoma;
	border: none;
}

#secondaryContent #categories li a{
 	display: block;
	margin: 0;
	padding: 0 0 0 35px;
	background: url(images/nav_bg.jpg) no-repeat bottom;
	height: 27px;
	color: #5A5A5A;
	text-decoration: none;
}

#secondaryContent #categories li a:hover{
	margin: 0;
	padding: 0 0 0 35px;
	background: url(images/nav_bg.jpg) no-repeat top;
	height: 27px;
	color: #A1C295;
}

#secondaryContent #categories .postCount{
	font: italic 11px/27px tahoma;
	color: #1FCEFD;
}

#secondaryContent h2{
	margin: 0;
	padding: 0 0 0 35px;
	background: url(images/heading_bg.jpg) repeat-x;
	height: 33px;
	font: bold 11px/33px tahoma;
	color: #A0C196;
}

#secondaryContent ul{
 	list-style-type: none;
	margin: 0 0 1px 0;
	padding: 10px 5px;
	background: #222222 url(images/ul_bg.jpg) no-repeat top right;
}

#secondaryContent li{
	margin: 0 0 0 0;
	padding: 0;
	height: 27px;
	color: #fff;
	font: 11px/25px tahoma,arial,verdana,georgia;
	border-top: 1px solid #303030;
	border-bottom: 1px solid #222222;
}

#secondaryContent li a{
	display: block;
 	margin: 0;
 	padding: 0 0 0 30px;
	color: #fff;
	background: #292929;
	height: 27px
}

#secondaryContent li a:hover{
	color: #FFFFFF;
	text-decoration: none;
	background: #252525;
}

#subscribeFeed{
 	display: block;
	margin: 10px auto;
	padding: 28px 179px 0 0;
	background: url(images/subscribe_feed.jpg) no-repeat top center;
	width: 0;
	height: 0;
	text-indent: -9999999px;
	overflow: hidden;
}

/* =form
------------------------------------------------------------------*/
#searchform{
	margin: 0;
	padding: 0;
	width: 237px;
	height: 37px;
}

#searchform #search{
 	float: left;
	margin: 0;
	padding: 10px 0 0 10px;
	background: url(images/search_input.jpg) no-repeat top left;
	width: 180px;
	height: 27px;
	border: none;
	font: bold 11px tahoma,arial,verdana,georgia;
	color: #617C5B;
}

#searchform #submit{
 	float: right;
	border: none;
	width: 47px;
	height: 37px;
}

#comment
{
width: 350px;
}

/* =footer
------------------------------------------------------------------*/
#footer{
	margin: 0;
	padding: 0 5px;
	background: url(images/footer_bg.jpg) repeat-x;
	width: 598px;
	height: 33px;
	color: #191919;
	font: 11px/33px tahoma,arial,verdana,georgia;
	text-align: right;
}

#footer a{
	text-decoration: underline;
	color: #E77222;
}

#footer a:hover{
	text-decoration: none;
	color: #E77222;
}
