/*
Theme Name: Blac Notes v2
Theme URI: http://octolan.com/
Description:  (octolan.com v4)
Version: 2
Author: Joachim
Author URI: http://octolan.com/
*/


/* et là, c'est le drame - octolan.com v4
merci Stephanie, Matthieu, Rick et tout...*/
	
/* Rel=NoFollow MightyHack. Yum. */
/* a[rel="nofollow"]:before { content: url("http://octolan.free.fr/nofollow.gif"); } */
/* BLEU: #A9B7C4 ou bac5d0
JAUNE:  #F2EFCC
VIOLET: #4C4654  */


body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, sans-serif;
	text-align:center;
	background: #4C4654 url("img/fond.gif") repeat-y center top;
}

img {
	border:none;
}

/* BLOCS */

div#conteneur {
	background: url("img/fond.gif") repeat-y left top;
	width: 960px;
	margin:0px auto;
	padding:0;
	text-align:left;
}

div#top {
	width:100%;
	height:350px;
	margin:0;
	padding:0;
	background-image: url("img/header-fond-musique.gif");
	background-repeat: no-repeat;
	background-position: top right;
}

div#contenu {
	width:600px;
	margin-top:10px;
	margin-left:20px;
}

div#menu {
	position:absolute;
	top: 360px;
	width:280px;
	margin-left:660px;
	font-size:0.7em;
}

div#reactions {
	position:absolute;
	top: 360px;
	width:280px;
	margin-left:660px;
	font-size:0.7em;
}

div#footer {
	clear:both;
}

#footer hr {
	display: none;
}
/* TOP */

div#barreduhaut {
	position: relative;
	padding:0;
}
#barreduhaut h1 {
	/*font-family: Georgia,"Times New Roman", serif;
	color: #4C4654;
	font-size: 2.8em;
	font-weight: normal;
	text-transform: capitalize;
	font-style: italic;
	word-spacing: 0.3em;
	font-weight: bolder; */
	margin:0px;
	position:relative;
	height:350px;
	width: 960px;
}
#barreduhaut h1 a span {	
	background: url("img/header-fond-musique.gif") no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#barreduhaut h2 {
	font-family: "Times New Roman", serif;
	color: #4C4654;
	font-size: 1.2em;
	letter-spacing: 0.3em;
	word-spacing: 0.5em;
	font-variant: small-caps;
	text-align: right;
	margin:0px;
	position:absolute;
	height:100px;
	width:15em;
	margin-top: -130px;
	right:10px;
}


small#navcache  {display:none;}

/* CONTENU */
/* <span class="laDate" >
				<span class="laDateJour">VEN</span>
				<a href="$LELIENJOUR" class="laDateNum">12</a>
				<a href="$LELIENMOIS" class="laDateMois">DEC</a>
				<span class="laDateAn">2005</span>
			</span> */


.titre {
	margin: 0px 0px 10px 150px;
	width:450px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.5em;
	font-weight: bold;
	font-style: italic;
	padding-top: 0px;
	line-height: 1em;
	color: #4C4654;


}

.lePost {
	width: 100%;
	clear:both;
}

.sousTitre {
	width:140px;
	float:left;
	margin-bottom: 10px;
}

.laDate {
	font-family: Georgia, "Times New Roman", serif;
	display: block;
	font-size: 0.9em;
	// line-height: 1;
	text-align: center;
	text-transform: uppercase;
	margin-top: 0;
	padding-top: 18px;
	width: 40px;
	font-weight: bold;
	float: left;
	color: #4C4654;
	background: url("img/blocDate.gif") center -20px no-repeat;
}
.laDate .laDateNum {
	display: block;
	line-height:0.7em;
	font-size: 2.2em;
	letter-spacing: 0px;
	padding-bottom: 5px;
}
.laDate .laDateMois {
	display: block;
	font-size: 1.1em;
	padding-bottom: 0px;
}
.laDate .laDateAn {
	display: block;
	font-size: 0.8em;
	padding-bottom: 20px;
	background-image: url("img/blocDate.gif");
	background-repeat: no-repeat;
	background-position: center 15px;
}

.laDate a:link {
	text-decoration: none;
	color: #4C4654;
}
.laDate a:visited {
	text-decoration: none;
	color: #4C4654;
}
.laDate a:hover {
	text-decoration: none;
	color: #F2EFCC;
	background-color: #4C4654;
}

.metaData {
	font-family: Georgia, "Times New Roman", serif;
	text-align: center;
	float: right;
	width: 90px;
	font-size: 0.7em;
	font-weight:bold;
	padding-bottom: 18px;
	background: url("img/decoMetadata.gif") center bottom no-repeat;
}
.metaData ul {
	list-style:none;
	margin:0px;
	padding:0px;
	font-weight:normal;
}
.metaData ul li {
	display:inline;
}

.metaData a {
	display:block;
	padding:2px;
	text-decoration:none;
}
.metaData a:link {
	color: #4C4654;
}
.metaData a:visited {
	color: #4C4654;
}
.metaData a:hover {
	background-color: #4C4654;
	color:#f2efcc;
}
a.numero {
	background: url("img/decoNumeroNormal.gif") no-repeat center;
}
a.numero:hover {
	background: url("img/decoNumeroHover.gif") no-repeat center;
}

.leContenu {
	padding:0px 0px 20px 0px;
	margin: 0px 0px 30px 150px;
	font-size: 0.9em;
	line-height: 1.3em;
	font-family: Georgia, "Times New Roman", serif;
	background: url("img/hrPost.gif") no-repeat center bottom;
	min-height: 130px;
}

.leContenu p {
	padding: 0px;
	margin-top:0px;
}

.leContenu ul {
	list-style-type: circle;
}

.leContenu blockquote {
	background: #d5d9ce url("img/fondBlockquoteHaut.gif") no-repeat 3px 8px;
	border-left: 2px solid #bac5d0;
	padding: 10px 10px 10px 30px;
	
}


div.hr {
	margin: 10px;
	height: 15px;
	background: url("img/hrPost.gif") no-repeat center;
}
div.hr hr {
	display: none;
}


ul.etPuis {
	margin:30px 0px;
	padding:0px 0px 20px 0px;
	list-style:none;
	width: 610px;
	background: url("img/hrLien.gif") no-repeat 300px bottom;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 0.8em;
	line-height: 1.3em;
}
.leContenu ul.etPuis {
	background: none;
	width: 450px;
}
ul.etPuis li {
	margin-bottom: 0.8em;
}

ul.etPuis a {
	font-weight: bold;
}

.leContenu a:link, ul.etPuis a:link {
	text-decoration:underline;
	color:#4C4654;
}
.leContenu a:visited, ul.etPuis a:visited {
	text-decoration:none;
	color:#513070;
}
.leContenu a:hover, ul.etPuis a:hover {
	text-decoration:none;
	background-color:#4C4654;
	color:#f2efcc;
}


ul#navigation {
	margin:20px 0px 00px 140px;
	padding: 0px;
	height:40px;
	clear:both;
}

ul#navigation li {
	margin: 0px;
	float:left;
	display:inline;
}

ul#navigation a {
	display:block;
	margin-right:2px;
	width: 90px;
	height: 20px;
	text-indent: -999em;
}
ul#navigation a:link, ul#navigation a:visited {
	background: url("img/navigation.gif") no-repeat;
background-decoration:none;
}
ul#navigation a:hover {
	background: #4C4654 url("img/navigationHover.gif") no-repeat;	
background-decoration:none;
}

li#prev a:link, li#prev a:visited, li#prev a:hover  {
	background-position: 7px 2px;
}
li#home a:link, li#home a:visited, li#home a:hover {
	background-position: -20px -45px;
	margin-left:90px;
	margin-right: 90px;
}
li#suiv a:link, li#suiv a:visited, li#suiv a:hover {
	background-position: -55px -20px;
}

p.pagination {
	text-align: center;
	font-family: Georgia, "Times New Roman", serif;
	margin-top: 30px;
}

p.sousTexte {
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	margin-top: 20px;
	padding-left: 30px;
	background: url("img/main.gif") no-repeat left;
}

a.imagePermalien {
	display:inline;
	padding:0px;
}
a.imagePermalien img {
	vertical-align:text-bottom;
}
a.imagePermalien:link, a.imagePermalien:visited, a.imagePermalien:hover {
	background: transparent;
}

p.titreResultat {
	font-weight: bold;
	font-size: 1.2em;
}
p.titreResultat img {
	vertical-align : bottom;
}

a.lienResultat {
	font-weight: bold;
}

/* COMMENTAIRES */
ul#naviReactions {
	margin:0px 0px 40px 0px;
	padding: 0px;
}

ul#naviReactions li {
	margin: 0px;
	float:left;
	display:inline;
}

ul#naviReactions a {
	display:block;
	margin-right:2px;
	width: 90px;
	height: 20px;
	text-indent: -999em;
}
ul#naviReactions a:link, ul#naviReactions a:visited {
	background: url("img/titresReactions.gif") no-repeat;
}
ul#naviReactions a:hover {
	background: #4C4654 url("img/titresReactionsHover.gif") no-repeat;	
}

li#prevReactions a:link, li#prevReactions a:visited, li#prevReactions a:hover  {
	background-position: 2px 2px;
}
li#homeReactions a:link, li#homeReactions a:visited, li#homeReactions a:hover {
	background-position: -20px -45px;
}
li#suivReactions a:link, li#suivReactions a:visited, li#suivReactions a:hover {
	background-position: -50px -20px;
}

#comments ol {
	margin:0px 0px 25px 0px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.2em;
	padding: 0px 0px 15px 20px;
	background: url("img/hrReagir.gif") no-repeat bottom center;
}
#comments li {
	margin: 0px;
	padding: 10px 0px 0px 0px;
	background: url("img/hrReactions.gif") no-repeat top center;
}

#comments li.commentAdmin h5 span.nomComment a:visited {
	background-color: #d5d9ce;
}

h5 {

}
span.nomComment {
	font-size: 1.2em;
}
span.dateComment {
	float: right;
	font-size: 1em;
}

#reactions a:link {
	background-color:#bac5d0;
	color:#4C4654;
	text-decoration:none;
}
#reactions a:visited {
	background-color: #bac5d0;
	color:#4C4654;
	text-decoration: none;
}
#reactions a:hover {
	background-color: #4C4654;
	color: #F2EFCC;
}

#reactions h4 {
	height:22px;
	margin:0px 0px;
	position: relative;
}

#reactions h4 span {
	background: url(img/titresReactions.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}
h4#commentaires span {
	background-position: 0px -76px;
}
h4#commenter span {
	background-position: 0px -104px;
}

#author, #email, #url, #comment {
	border: 1px solid #4c4654;
	background-color: #f9f7e7;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.2em;
	padding: 0px 2px;
}
#comment {
	max-width: 270px;
}

p.boutonSubmit {
	text-align:center;
	height: 25px;
	background: url("img/fondBoutonSubmit.gif") no-repeat center;
}
#submit {
	width: 90px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.2em;
	font-weight:bold;
	color: #4c4654;
	height: 25px;
}

/* MENU */
.droite {
	float:right;
	width: 130px;
}
.gauche {
	text-align:right;
	float:left;
	width: 130px;
}
.centre {
	clear:both;
}
#menu ul, #reactions ul {
	padding-left:00px;
	margin:10px 0px;
	list-style: none;
	line-height: 1.5em;
}
#categories ul ul {
	padding-left:10px;
	margin:0px;
	list-style: none;
	line-height: 1.5em;
}

#liens ul ul {
	padding-bottom: 30px;
	background: url("img/hrDemiD.gif") center bottom no-repeat;
}

#menu h4, #entete h4 {
	width: 140px;
	height:25px;
	margin:0px 0px;
	position: relative;
}

#menu h4 span, #entete h4 span {
	background: url(img/titresColonne.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}
h4#qui span {
	background-position: 0px 0px;
}
#archives h4 span {
	background-position: 0px -27px;
}
#liens h4 span {
	background-position: 0px -56px;
}
h4#commentca span {
	background-position: 0px -84px;
}
h4#pourquoi span {
	background-position: 0px -112px;
}
#categories h4 span {
	background-position: 0px -143px;
}


#menu h2 {
	font-size: 1.2em;
	line-height: 1em;
	margin:10px 0px;
	font-family: Georgia, "Times New Roman", serif;
	font-weight:bold;
	color: #4C4654;
}

div#entete {
	clear:both;
	margin-bottom: 20px;
}

div#categories {
	float:left;
	width: 130px;
}
div#liens {
	float:right;
	width: 130px;
}
div#archives {
	float:left;
	width: 130px; 
	clear:left;
}

#menu a:link {
	background-color:#bac5d0;
	color:#4C4654;
	text-decoration:none;
}
#menu a:visited {
	background-color: #bac5d0;
	color:#F2EFCC;
	text-decoration: none;
}
#menu a:hover {
	background-color: #4C4654;
	color: #F2EFCC;
}

#menu .col li {
	display:inline;
}

#menu .col a {
	display:block;
	background: url("img/boutonListe.gif") no-repeat 1px 2px;
	padding: 1px 1px 1px 15px;
}

#menu .col a:hover {
	background: url("img/boutonListeHover.gif") no-repeat #4C4654 1px 2px;
	padding: 1px 1px 1px 15px;
}

#entete ul a {
	display:block;
	width:130px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.2em;
	background: url("img/boutonEntete.gif") no-repeat 135px 3px;
	padding: 1px 15px 1px 1px;
	
}
#entete ul a:hover {
	background: url("img/boutonEnteteHover.gif") no-repeat #4C4654 134px 3px;
	padding: 1px 15px 1px 1px;
}

a.moleskine {
	text-align: center;
	padding: 9px 0px;
	margin-bottom: 20px;
}
.moleskine img {
	border: 1px solid #4C4654;
	padding: 5px;
}
a.moleskine:hover img {
	border: 1px solid #F2EFCC;
}

fieldset {
	margin:0px;
	padding:0px;
	border: 0px none;
	background-color: inherit;
}

div.hrColonne, div.hrEntete, div.hrDemi {
	clear:both;
	height: 15px;
	margin: 25px 0px 35px 0px;
}

div.hrColonne {
	background: url("img/hrColonne.gif") no-repeat center;
}
div.hrEntete {
	background: url("img/hrEntete.gif") no-repeat center;
}
div.hrDemi {
	background: url("img/hrDemi.gif") no-repeat center;
}

div.hrColonne hr, div.hrEntete hr, div.hrDemi hr {
  display: none;
}

#menu a img {
	vertical-align:text-bottom;
	
}

#menu input {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.2em;
}

fieldset.recherche {
	background: url("img/fondRechercher.gif") no-repeat right;
	margin: 10px 0px;
}
.chercher {
	background:#f8f7e5;
	border: 1px solid #4C4654;
	width: 116px;
	padding: 2px;
}
.trouver {
	margin-left: 30px;
	font-weight: bold;
	color:#4C4654;
	width: 90px;
	height: 25px;
}

/* FOOTER */
div#copyright {
	margin: 20px 10px;
	padding: 10px;
	text-align:center;
	border: 1px solid #4C4654;
	clear:both;
}