/* ===== Sommaire =====
1/ html et body
2/ Styles généraux
3/ Onglets titres
4/ Haut de page (#top)
5/ Zone de contenu (#content)
6/ Paneau latéral (#sidebar) 
7/ Pied de page (#footer)
=================== */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

/* ---------------------
Html et body
--------------------- */

html {
        font-size : 75%;
        font-family : "Lucida sans unicode", Lucida, Tahoma, Arial, sans-serif;
        color : #666;
        background : url(http://www.chimrod.com/img/fond.jpg) repeat-y top center #323232;
        margin : 0; padding : 0;

}

body {
	margin: 0 auto;
	padding: 0;
}

#mid, #page {
	border-top: none;
	width: 710px;
	margin: 0 auto 16px auto;
	padding: 0;
}

/*fonts.css*/
#body{
		        font:13px arial,helvetica,clean,sans-serif;*
		        font-size:small;*font:x-small;}
table 			{font-size:inherit;font:100%;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
pre, code		{monospace;font-size:medium;}
body * 			{line-height:1.22em;}

/* ---------------------
Styles généraux
--------------------- */

//h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

a {color : #696969;}
a:hover { color : #ae4e00;}

hr, #break, .spacer, div.clear {
	clear: both;
	visibility : hidden;
}

/* ---------------------
Onglets titres
--------------------- */
#themenu
{ /* Les racourcis vers les différentes parties du site */
	display:block;
	float:right;
	margin-left:0px;
	clear: both;
}

	#themenu li
	{
		float:left;
		display:inline;
		padding-left:7px;
		margin-top:0px;
		margin-left:10px;
	}

		#themenu li a
		{
			padding-left:10px;
			padding-right:17px;
			color : #ae4e00;
			text-decoration:none;
			font-weight:bold;
			position:relative;

			top: 12px;

		}

			#themenu li a:hover
			{
		        	color : #ae6945;
				text-decoration:underline;
			}

/* ---------------------
Haut de page (#top)
--------------------- */

#header, #top
{
	width: 710px;
	height : 364px;
	background-image: url(http://www.chimrod.com/img/header.jpg);
	margin:0;
	padding: 0;
}

	#headerimg, #top h1
	{ /* Le  titre du site */
		position: relative;
		top: 44px;
		left: 20px;
		margin: 0; padding: 0;
		font-size:100%;font-weight:normal;
	}

		#top h1 a, #header h1 a
		{
			color: #bbb;
        		font-weight : normal;
	        	font-size: 1.3em;
	        	letter-spacing: 1px;
			text-decoration: none;
		}

	#top h2, #header div.description
	{ /* Le sous titre */
		color:#bbb;
		text-decoration:none;
	}

/* --------------------- 
Zone de contenu (#content)  
--------------------- */

#content, #main
{
	width: 475px;
	float: left;
	text-align: justify;
	padding : 0px 20px 0px 25px;

}

	#main h1, .articletitle
	{ /* Titre de l'article */
        	color : #ae4e00;
	        font-size : 1.3em;
	        font-weight : normal;
		text-decoration: underline;
		margin:0;padding:0;
		margin-top:13px;
        }

	.articletitle a
	{ /* Lien sur le titre de l'article */
        	color : #ae4e00;
        }

	.articletitle a:hover
	{
        	color : #ae6945;
        }

	#main p, #content p, .commentlist p, li
	{
		margin-top: 10px;
		line-height:170%;
	}

/* --------------------- 
Paneau latéral (#sidebar)  
--------------------- */

#side, #sidebar
{ /* La partie de droite */
	float : right;
	width : 180px;
	padding : 0 8px 0 0; margin : 14px 0 0 0;
	text-align: left;
}


/* ---------------------
Pied de page (#footer)
--------------------- */
#bot, #footer {
	border-top : 1px solid #ddd;
	text-align : center;
	width : 650px;
	margin : 10px auto 0 auto; padding : 5px 0 0 0;
	font-size : 0.85em;
	color : #999;
}