/* Copyright (c) 2006 the 2ne. All rights reserved
Style.css - Thème 'the 2ne' */


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



/* ---------------------
Html et body
--------------------- */
html  { color: #8a8b8f; font-size: 75%; font-family: "Lucida sans unicode", Lucida, Tahoma, Arial, sans-serif; background: #2f3293; background-image: url(img/bg_html.jpg); background-repeat: repeat-x;margin: 0; padding: 0 }

body  { background: #fff; background-image: url(img/medfond.jpg); background-repeat: repeat-y; margin: auto ; padding: 0; top: 220px; width: 610px;}



/* ---------------------
Styles généraux
--------------------- */
h1 {font-size : 1.6em;}
h2 {font-size : 1.2em;}
h3 {font-size : 1.6em; padding : 5px 0; margin : 0; text-align:center;}
h4 {font-size : 1.1em; padding : 5px 0; margin : 0; text-align:center;}
p {margin : 0; padding : 3px 0;}
a  { color: #2f3293; text-decoration: none }
a:hover  { color: #8a8b8f; text-decoration: none }
a img {border: 0;}
hr {clear : both; visibility : hidden; margin : 0; padding : 0;}



/* ---------------------
Haut de page (#top)
--------------------- */
#top  { font-size: 1.4em; background: url(img/medheader.jpg) no-repeat; height: 220px }
#top h1{ /* titre et sous-titre du site */
	text-align : right;
	font-family : "times new roman", serif;
	position : relative;
	top : 195px;
	left : -30px;
	margin : 0; padding : 0;
	font-weight : normal;
	letter-spacing : 1px;
	color : #8a8b8f;
	}
#top p { /* titre et sous-titre du site */
	text-align : right;
	font-family : "times new roman", serif;
	position : relative;
	top : 190px;
	left : -30px;
	margin : 0; padding : 0;
	color : #8a8b8f;
	}
#top h1 a { /* lien du titre */
	text-decoration : none;
	color : #8a8b8f;
	}
#top h1 a:hover  { color: #8a8b8f }



/* --------------------- 
Zone de contenu (#content)  
--------------------- */
#content  { margin: 0; width: 447px; float: right }

.post { /* Conteneur de l'article */
	padding : 0 20px 10px 10px;
	}

.post h3 {
	text-decoration : none;
	color : #cb0000;
	}

.post h4 {
	text-decoration : none;
	color : #2f3293;
	}

.articletitle  { color: #2f3293; font-size: 1.5em; font-family: Georgia; font-style: italic; font-weight: normal; margin: 0; padding: 3px 0 0 }
.articletitle a { color: #2f3293; text-decoration: none }
.articletitle a:hover { color: #8a8b8f }

.post-info { /* Informations de l'article (auteur, date etc...) */
	color : #8a8b8f;
	margin : 0; padding :0;
	text-align : right;

	}
.post-info a{
	color : #8a8b8f;
	}
.post-info a:hover  { color: #2f3293 }

#pagination { /* Conteneur des liens 'page suivante' et 'page précédente' */
	margin-top : 0px;
	text-align : center;
	}



/* --------------------- 
Paneau latéral (#sidebar)  
--------------------- */
#sidebar  { margin:0; padding: 0 0 0 8px; width: 155px; float: left }
#sidebar div {
	margin : 8px 0 ;
	}
#sidebar h2  { color: #8a8b8f; font-size: 1.5em; font-family: Georgia; font-weight: normal; font-style: italic; margin: 0; padding: 0 0 0 10px }
#sidebar ul { /* bloc de liste */
	margin : 0; padding : 6px 0;
	}
#sidebar li { /* élément de liste */
	font-weight:bold;
	list-style-type : none;
	padding: 1px 0 2px 25px;
	}
#sidebar li a  { color: #2f3293; text-decoration: none }
#sidebar li a:hover  { color: #8a8b8f;}
div#categories{ /* Bloc 'catégories' (application du background) */
	margin : 0;
	padding : 3px 0;
	}



/* ---------------------
Pied de page (#footer)
--------------------- */
#footer  { background: url(img/medfooter.gif) no-repeat; height: 104px; font-size: 0.85em; text-align: center; margin:0; width: 610px; margin-bottom: 50px;}