/* CSS Document */

/*
Theme Name: Jenifer
Theme URI:
Description: Jenifer
Author: MonsieurMonsieur
Author URI:
Version: 1.0
*/


html, body {
	font-size: 100%;
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; 	
	background: #fff url(img/bg.jpg) no-repeat top left;
	color: #000;
 	font-size: .8em;
	margin: 0;
	padding: 0;
}

/*div {border: 1px solid #000;}*/


/* MISE EN FORME */


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

h1 {
	font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; 	
	color: #000;
	font-size: 1.9em;
	font-weight: normal;
	line-height: 1em;
	padding: 0;
	margin: 5px 0 15px 0;
	
}

h2 {
 	font-size: 1.4em;
 	line-height: 1em;
	font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; 	
 	padding: 10px 0 10px 0;
 	margin: 0;
 	font-weight: bold;
	font-style: italic;
 	color: #000;
}

h3 {
 	font-size: 1.3em;
 	line-height: 1em;
	font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; 	
 	padding: 0;
 	margin: 5px 0 0 0;
 	font-weight: normal;
	font-style: normal;
}

h4 {
	font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; 	
	color: #2e2e2e;
	font-style: normal;
	font-weight: bold;
	font-size: 1.2em;
	margin: 15px 0 10px 0;
}


p {
	font-size: .9em;
	line-height: 1.3em;
	margin: 5px 0 5px 0;
}



#wrap {
	width: 705px;
	float: left;
	margin: 0;
	padding: 15px 15px 15px 275px;
}




/* COLONNE DE GAUCHE */

#sidebar {
	float: left;
	width: 220px; 
	padding: 0;
	margin: 0;
} 

#sidebar a:link {text-decoration: none; color: #000;}
#sidebar a:visited {text-decoration: none; color: #000;}
#sidebar a:hover {text-decoration: none; color: #000; font-weight: bold;}
#sidebar a:active {text-decoration: none; color: #000; }


#nav {
	float: left;
	width: 180px; 
	padding: 0;
	margin: 0;
	font-size: 1.2em;
}

#nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#nav li {
	padding: 10px 0 10px 0;
	margin: 0;
	border-bottom: 1px dotted #000;
}

.sidebloc {
	float: left;
	width: 180px;
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
	/*border-bottom: 1px dotted #000;*/
}

.sidebloc ul {
	list-style: none;
	border-top: 1px dotted #000;
	margin: 10px 0 5px;
	padding: 0;

}

.sidebloc li {
	border-bottom: 1px dotted #000;
	margin: 0 0 0 0;
	padding: 5px 0 5px 0;
}

#rss {
	width: 180px;
	float: left;
	margin: 15px 0 5px 0;
}

/* RECHERCHE */

#recherche {
	float: left;
	margin: 20px 0 20px 0;
}

#chercher {
	height: 15px;
	width: 140px;
	margin: 5px 0 0 0;
	padding: 0;
	display: inline;
}

#chercher input {
	float: left;
	font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; 	
	font-size: 0.8em;
	color: #2e2e2e;
	border: 1px solid #000;
}

#search{
	background: #FFF url(img/search.gif) no-repeat;
	width: 147px;
	height: 15px;
	padding: 2px;
}

.submit {
	background: #000 url(img/submit.gif) no-repeat;
	float: left;
	width: 20px;
	height: 21px;
	cursor: pointer;
	margin-left: 5px;
}

/* NUAGE DE TAGS */

#tags {
	float: left;
	width: 180px;
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
}

ul#tagcloud { padding:10px 0 10px 0; margin:0; text-align:left; list-style:none; }
ul#tagcloud li { display:inline; font-size:70%; color:#000; background: none; padding: 3px;}
ul#tagcloud li a, ul#tagcloud li a:link { text-decoration:none; }
ul#tagcloud li a:hover { text-decoration:none; }
ul#tagcloud li.t1 a { color:#797979; font-size: 100%; }
ul#tagcloud li.t2 a { color:#6d6d6d; font-size: 125%; }
ul#tagcloud li.t3 a { color:#616161; font-size: 150%; }
ul#tagcloud li.t4 a { color:#555555; font-size: 170%; }
ul#tagcloud li.t5 a { color:#484848; font-size: 190%; }
ul#tagcloud li.t6 a { color:#3c3c3c; font-size: 210%; }
ul#tagcloud li.t7 a { color:#303030; font-size: 230%; }
ul#tagcloud li.t8 a { color:#242424; font-size: 250%; }
ul#tagcloud li.t9 a { color:#181818; font-size: 270%; }
ul#tagcloud li.t10 a { color:#0c0c0c; font-size: 285%; }


/* COLONNE PRINCIPALE */

#main {
	float: left;
	width: 440px;
	padding: 0;
	margin: 0 0 0 15px;
}


#header {
	width: 440px;
	height: 218px;
	margin-bottom: 25px;
}

#header img {border: none;}

#covers {
	width: 440px;
	height: 220px;
	margin: 0 0 25px 0;
}


.article {
	float: left;
	width: 440px;
	padding: 0 0 15px 0;
	margin: 15px 0 0 0;
	border-bottom: 1px dotted #000;
}

.article p {
	font-size: .9em;
	line-height: 1.8em;
	text-align: justify;
	margin: 0 0 15px 0;
}

p img {
	padding: 0;
	max-width: 100%;
}

.imgalignleft { float: left; }
.imgalignright { float: right; }
.imgaligncenter { margin-left: auto; margin-right: auto; }

.article a:link {text-decoration: underline; color: #000;}
.article a:visited {text-decoration: underline; color: #000;}
.article a:hover {text-decoration: none; color: #000;}
.article a:active {text-decoration: underline; color: #000; }


.comments {
	float: left;
	width: 180px;	
}

.date {
	float: right;
	width: 260px;
	margin: 0;
	padding: 0;
	text-align: right;
}

#comments {
	width: 440px;
	float: left;
	margin: 15px 0 15px 0;
	padding: 0;
}

#commentlist ul {
	list-style: none;
	margin: 5px 0 25px 0;
	border-top: 1px dotted #000;

}

#commentlist li {
	margin: 15px 0 15px 0;
	border-bottom: 1px dotted #000;
	padding: 10px;
}

.author {
	font-weight: bold;
	font-style: italic;
	text-align: right;
}

#auth-image {
	width: 155px;
	height: 50px;
}

/* FOOTER */

#footer {
	width: 705px;
	height: 100px;
	padding: 50px 0 0 0;
	margin: 0;
	font-size: 0.8em;
	clear: both;
}