/* CSS Kagome Power par le bonze. Toute reproduction interdite sous peine de kazaana dans la tronche >_< 
*
Balises generales */
body { margin: 0; padding: 0; 
	background: white url(jour/basgauche.jpg) bottom left no-repeat; /* #fff4e5 */
	font-family: "Bitstream Vera Sans", "Trebuchet MS", Verdana, sans-serif;
}
body, table {
	font-size: 10pt; 
	color:#4A3849;
	font-family: Georgia, Verdanda,Tahoma, sans-serif;  
	cursor: default;
	line-height:15px; 
	text-align:justify;
	margin:0px;
}

a, a:link, a:visited, a:active {
	text-decoration: none;
	font-weight: bold;
	color:#666065;
}
a:hover, a:visited:hover {
	color: black;	
}


/* Elements du design */
#tout {
	border-left: 1px solid black;
	background: transparent url('jour/fondmenu.gif') repeat-y right;
}

#entete {
	background: transparent url('jour/banniere.jpg') top right no-repeat;
}
#banniere {
	height: 300px;
	
}

#langues { display: none; visibility: hidden; }


#onglets {
	font-size: 7pt;
	margin-top: 30px;
	height: 20px;
}

#onglets .actif { 
	font-style: italic;
	color: #cc7573;
	
}

#lapage { margin: 0; }

#menu {
	margin-left:2px;
	margin-right: 5px;
	float: right;
	width: 155px;
}
#menu ul {
	margin-left: 0;
	padding-left: 0;
	
}
#menu li {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

#menu h3 {
	font-weight:bold;
	letter-spacing:2px;
	font-size:14px;
	text-transform:uppercase; 
	border-bottom: solid 4px #A9A1A8;	
}

#contenu {
	margin-right: 190px;
	margin-left: 10px;
	margin-bottom: 0;
	padding: 5px;
	text-align: justify;
	position: relative;
	/* background: transparent url(papier.jpg) top left repeat; */
}

#contenu img { margin: 2px; }

#onglets li { float: left; list-style: none; margin-right: 15px; }


#footer {
	text-align: center;
	color: #999999;
	background: transparent url(jour/footer.jpg) top right no-repeat;
	margin: 0;
}

#footer hr {
	width: 20%;
	text-align: center;	
}

.cleaner {
	clear:both;
	border:none;
	margin:0; padding:0;
	background:transparent;
}
/**** Balises g�n�rales ****/
h1 {
	color: #cc7573;
	border-bottom: 5px solid #7c2d70;
	padding: 20px 0 30px 60px;
	background: transparent url(jour/kago-h1.gif) top left no-repeat;
	
}
h2 {
	color: #A6B3C8;
}

#contenu h2:first-letter {
	color: #576AA0;
}

#contenu h3 {
	background: url(jour/fond-h3.jpg) top left no-repeat;
	height: 30px;
	color: #602607;
	font-weight: normal;
	padding: 8px 0 2px 5px;
}
#contenu li {
	list-style-image: url(jour/bulle.gif);
}

blockquote {
	padding: 3px;
	border: 1px dotted #006633;
	background: #d2e0cc url('cream/blockquote.jpg') 0 0 no-repeat;
	color:#530909;
}

cite { margin-left:5px; border-bottom: 1px dotted #006699; display:block; margin-bottom: 25px;}
hr {
	width: 373px;
	text-align: center;
	height: 74px;
	border:0px solid #ffffff;
	background: transparent url('jour/hr.gif') top left no-repeat;
}

/*** Formulaires ***/
.texte { /* utilis� pour les champs texte */
	background: white url(jour/champ-texte.png) top left no-repeat;
	border: 1px solid #95A2B9;
	padding:4px 2px 4px 5px;
	color:#666;
	margin-left:5px;
	
}
.combobox { /* a remplacer par "select" si jamais tous les select peuvent prendre cette classe */
	background-color: #E1EBFA;

}

/*** Index ***/
#edito {
	width: 461px;
	height: 350px;
	background: transparent url(jour/editorial.jpg) top left no-repeat;
	font-size: 8pt;
}
#edito h2 {
	padding: 50px 50px 0 0;
	text-align: right;
	color: #45672A;
}
#edito p {
	padding: 80px 50px 0 10px;
}
#stats {
	margin: 0 5px 0 0;
	border-right: 2px dotted #666666;
	padding: 5px;
	width: 150px;
	float: left;
	font-size: 8pt;
}
#stats h1 {
	font-size: 12pt;
	padding: 20px 0 10px 52px;
	font-weight: bold;
	border: none;
	/* height: 50px; */
	background: transparent url(jour/stats.jpg) top left no-repeat;
}
#calendrier { background: transparent url(jour/calendrier.jpg) top left no-repeat; }

#calendrier h2 {
	padding: 10px 0 0 50px;
	font-size: 12pt;
	text-align: right;
}
#derniersposts { background: transparent url(jour/postsfofo.jpg) top left no-repeat; }
#derniersposts h2 {
	padding: 10px 0 0 50px;
	font-size: 12pt;
	text-align: right;
}
#visites {
	display: none;
	border: 1px solid black;
	z-index: 5;
	position: absolute;
	background-color: white;
}
#visites:hover {
	border-color: red;
}

#nouvellesindex { /* l'ensemble des news */
	margin-left: 160px;
	padding: 5px;
	font-family: "Courier New", Courier, monospace;
}
#nouvellesindex h1 {
	text-align: center;
	color: black;
	/* font-family: "Courier New", Courier, monospace; */
	background: none;
	border-bottom: 1px solid black;
}

.news { /* Une news dans l'index */
	border: 1px dotted #aaa;
	/* background-color: #fefefe; */
	background: white url(jour/fond-news.gif) top left repeat-x;
	padding: 5px;
}
.news h4 { /* Titre d'une news */
	color: #9FC0D0;
}



/***** Calendriers *****/
.date {
	float:left;
	height:35px;
	width:32px;
	margin-right:8px;
	padding-top:13px;
	background: transparent url(calendrier.gif) 0 0 no-repeat;
}
.date p {
	text-align: center;
	color: #9b9b8e;
	margin: 0 0 0 -2px;
	text-transform: uppercase;
	font-family:" Trebuchet MS", Arial, Helvetica, sans-serif;
}
.date span.day {
	font-size:18px;
	line-height:15px;
	display:block;
}
.date span.month {
	font-size:9px;
	height:10px;
	display:block;
}

.centre {
	text-align: center;
}

.episode {
	color: #0C5A0C;
	text-decoration: underline;
}

/* astérisque */
.note { font-size: smaller;  
		font-style: italic;
}