@import "layout.css";

/* Les éléments HTML en général
-------------------------------------------------------- */
body{
	background: #F5F5F7 url(img/bg120.jpg) repeat;
	color: #333333;
	font-size: 80%;
	line-height: 1.6em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6{
	font-family: "Trebuchet MS", sans-serif;
}

h1{font-size: 1.5em;}
h2{font-size: 1.4em;}
h3{font-size: 1.3em;}
h4{font-size: 1.2em;}
h5{font-size: 1.1em;}
h6{font-size: 1em;}

pre, code{
	font-size: 1.2em;
}

pre{
	width: 100%;
	overflow: auto;
	border: 1px solid #CCC;
}

fieldset{
	border: none;
}

label{
	cursor: pointer;
	cursor: hand;
}

.field label{
	display: block;
}

input,textarea{
	border: 1px solid #999;
	background: #666666;
}

textarea{
	width: 100%;
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a{
	color: #555555;
	text-decoration: none;
	border-bottom: 1px solid #555555;
	font-size: 95%;
}

a:hover{
	color: #E8B3B3;
	border-bottom: 1px solid #E8B3B3;
}

.center {
	text-align: center;
}

/* La page
-------------------------------------------------------- */
#page{
	background: #FCFCFC repeat-y left top;
	border:1px solid #DDDDDD;
	margin:30px auto 100px;
	padding-top:15px;
}

#main{
	background: #fff url(img/bg-page.jpg) repeat left;
}



/* L'entête
-------------------------------------------------------- */
#top{
	background: transparent url(img/top.jpg) no-repeat left top;
	margin: 50px auto 20px;
	padding-top:0;
	text-align:center;
}

#top #etiquette {
	background: transparent url(img/etiquette.gif) no-repeat left top;
}

#top a { border: none; text-decoration: none;}

/* Le prélude
-------------------------------------------------------- */
#prelude{
	background: transparent;
	color: #000;
}

#prelude a{
	color: #000;
	background: transparent;
}

#prelude a:hover{
	color: #666;
	background: transparent;
}

/* Le contenu
-------------------------------------------------------- */
.post-title, #content h3{
	color: #fff;
	text-align: center;
	background: transparent url(img/titre1.png) center;
	font-weight: normal;
	font-size: 2.063em;
	letter-spacing: 0.03em;
	line-height:1em;
	margin:0 auto;
}

.post-title a{
	color: #fff;
	background: transparent;
	text-decoration: none;
	border-bottom: none;
}

.post-info {
	color: #555555;
	background: transparent url(img/titre2.png) center;
	font-size: 0.8em;
	text-align: center;
}

.post-content, .post-chapo{
	text-align: justify;
}

.post-content img{
	text-align: center;
}

.post-content blockquote{
	font-family: Georgia, serif;
	font-style: italic;
}

.post-info-co{
	text-align: right;
}

.post-info-co a{
	color: #E8AFB7;
	border-bottom: 1px solid #E8AFB7;
}

#comments {
	color: #999;
}

.comment {
	padding: 10px 20px;
	border-bottom: 1px solid #F6F6F8;
}

.odd{
}

.marie{
	background: #FFEFEF;
}

/* La barre de navigation
-------------------------------------------------------- */
#sidebar{
	/*border-left: 1px solid #DDDDDD;*/
	padding-left: 30px;
	font-size: 0.9em;
}

#sidebar a {
	text-decoration: none;
	border-bottom: none;
}

#sidebar div ul{
	list-style: none;
}

#sidebar h2, #sidebar h3{
	color: #E6B1B7;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: 2px solid #E8B3B3;
}

#sidebar h3{
	font-size: 1em;
}

#sidebar div#search{
	background: transparent;
	color: inherit;
	line-height: 2.3em;
}

#q{
	background: #fff;
}

#sidebar div#calendar{
	/*border-top: 1px solid #F0F0F0;*/
}

#sidebar div#calendar table{
	font-size: 0.8em;
	text-align: center;
	margin: 0 auto;
	border-collapse: collapse;
}

#sidebar div#calendar table caption{
	margin: 0 auto;
}

#sidebar div#calendar table th{
	color: #F79BC7;
	background: transparent;
}

#sidebar div#calendar table td{
	width: 14%;
	line-height: 2em;
	/*border: 1px solid white;*/
}

#sidebar div#calendar table td a{
	display: block;
	background: none;
	color: #F9B8BF;
	font-weight: bold;
	text-decoration: none;
}

#sidebar div#calendar table td a:hover{
	background: #F9B8BF;
	color: #FFF;
}

/* Les tags
-------------------------------------------------------- */
#tagcloud {
	background: #666666;
	margin-right: 20px;
	}
#tagcloud h2 {
	background: #FCFCFC;
	margin-right: -30px;
	}
#sidebar #tagcloud ul { padding: 0 0 0 10px;}

#tagcloud li { display: inline; line-height: 1.3em;}
#tagcloud li a:hover { border-bottom: 1px solid #E6B1B7; }
/* niveaux des tags */
#tagcloud li.level-1 { font-size: 1em; }
#tagcloud li.level-2 { font-size: 1.5em; }
#tagcloud li.level-3 { font-size: 2em; }
#tagcloud li.level-4 { font-size: 2.5em; }
#tagcloud li.level-5 { font-size: 3em; }

/* couleur des liens des tags */
#tagcloud li.level-1 a { color: #fff; }
#tagcloud li.level-1 a:hover { color: #E6B1B7; }

#tagcloud li.level-2 a { color: #E8B3B3; }
#tagcloud li.level-2 a:hover{ color: #E6B1B7; }

#tagcloud li.level-3 a { color: #E8B3B3; }
#tagcloud li.level-3 a:hover { color: #E6B1B7; }

#tagcloud li.level-4 a { color: #E6B1B7; }
#tagcloud li.level-4 a:hover { color: #E6B1B7; }

#tagcloud li.level-5 a { color: #E6B1B7; }
#tagcloud li.level-5 a:hover { color: #E6B1B7; }

/* Le pied de page
-------------------------------------------------------- */
#footer{
	color: #666;
}



/* La navigation
-------------------------------------------------------- */
.pagenav{
	margin-left: 40px;
}