/*  ----------------------------------------------------------------------- */
/*  Feuilles de styles du site www.michellenaismith.com / design by donuts  */
/*  ----------------------------------------------------------------------- */

/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
	background: #FFF;
	margin: 0px;
	text-align: center;
	font-size: 12px;
	color: #000;
	font-family:Georgia;
	cursor:default;
}
p{margin:0px 0px 7px 0px;}
img, table { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; }

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
	width: 48em;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
#conteneur { 
	width: 770px;
	border-top: #000 solid 6px;
	position: absolute;
	left: 30px;
	top: 30px;
	padding-bottom: 20px;
	padding-top: 12px;
}
#conteneur-left{
	width: 145px;
	float: left;
}
#conteneur-right{
	width: 625px;
	float: left;
}

/* ------------------------------------------------------------- LOGO / NOM DU SITE */
#entete {
	margin-bottom: 12px;
	font-size:27px;
	line-height:24px;
	}

#entete #nom_site_spip, #entete a .spip_logos {
	display: block;
	float: left;
	}
#entete a { text-decoration: none; }
#entete .formulaire_recherche { float: right; }

/* ------------------------------------------------------------- MENU */
#menu{
	border-top: #000 solid 6px;
	padding-top: 12px;
}
#menu ul{
	list-style:none;
	margin-left: 0px;
	padding-left:0px;
	margin-top:0px;
}
#menu ul a{
	font-size: 27px;
	line-height:24px;
	color: #000000;
	text-decoration:none;
}
#menu ul a:link{
	color: #000000;
}
#menu ul a:visited{
	color: #000000;
}
#menu ul a:hover{
	color: #000000;
	font-style:italic;
	font-weight:bold;
}
#menu ul a:active{
	color: #000000;
}
#menu ul .on{
	color: #000000;
	font-style:italic;
	font-weight:bold;
	cursor:default;
}
#menu ul li{
	margin-bottom: 4px;
}
#menu ul li.on{
}

/* ------------------------------------------------------------- SOUS-MENU */
#conteneur-middle{
	width: 145px;
	float: left;
	margin-left: 30px;
	margin-top: -15px;
}
#conteneur-middle ul{
	list-style:none;
	margin-left: 0px;
	padding-left:0px;
	margin-top:0px;
}
#conteneur-middle ul li{
	border-top: #000 solid 6px;
	margin-top:-3px;
	padding-top: 12px;
	padding-bottom: 15px;
	text-transform: uppercase;
}
.conteneur-middle-rubrique{
	padding-bottom: 12px;
}
.conteneur-middle-liste-articles{
	margin-top:15px;
}
.conteneur-middle-liste-articles span{
	display:block;
	height: 3px;
	width: 15px;
	margin-top: 3px;
	margin-bottom: 7px;
	background-color: #000000;
}
.conteneur-middle-liste-articles-sousrub span{
	display:block;
	height: 3px;
	width: 15px;
	margin-top: 3px;
	margin-bottom: 7px;
	background-color: #000000;
}
.conteneur-middle-article{
	line-height: 12px;
	font-size:12px;
	font-weight:normal;
	text-transform: none;
	z-index:50;
}
#conteneur-middle a{
	color: #000000;
	text-decoration:none;
}
#conteneur-middle a:link{
	color: #000000;
}
#conteneur-middle a:visited{
	color: #000000;
}
#conteneur-middle a:hover{
	color: #000000;
	font-style:italic;
	font-weight:bold;
}
#conteneur-middle a:active{
	color: #000000;
}
#conteneur-middle .on{
	color: #000000;
	font-style:italic;
	font-weight:bold;
	cursor:default;
}

/* ------------------------------------------------------------- CONTENU-RIGHT */

#contenu{
	width: 420px;
	float: left;
	margin-left: 30px;
}

#contenu-titre{
	font-weight: bold;
	font-size:16px;
	margin-bottom: 12px;
	margin-top: -2px;
}
#contenu-chapo span{
	display:block;
	height: 3px;
	width: 15px;
	margin-top: 3px;
	margin-bottom: 9px;
	background-color: #000000;
}

#contenu-docs span{
	display:block;
	height: 3px;
	width: 15px;
	margin-top: 3px;
	margin-bottom: 9px;
	background-color: #000000;
	
}
.neoplayer{
	position:relative;
	left: 0px;
	margin-left: -300px;
}

/* ------------------------------------------------------------- PAGE SPECIALE : BIOGRAPHIE */

.bio-contenu{
	width: 625px;
	float: left;
}
.bio-intro{
	width: 145px;
	float: left;
	margin-left: 30px;
}
.bio-photo{
	width: 420px;
	float: left;
	margin-left: 30px;
}
.bio-titre{
	width: 145px;
	float: left;
	margin-left: 30px;
	border-top: #000 solid 6px;
	text-transform: uppercase;
	margin-top:-8px;
	padding-top: 12px;
	padding-bottom: 15px;
}
.bio-texte{
	width: 420px;
	float: left;
	margin-left: 30px;
	margin-top: 9px;
	margin-bottom: 23px;
}

/* ------------------------------------------------------------- PAGE SPECIALE : EXTRA */

.extra-contenu{
	width: 420px;
	float: left;
}
.extra-contenu img{
	/*margin-top: 2px;*/
}
.extra-contenu span{
	display:block;
	height: 6px;
	width: 420px;
	margin-top: 8px;
	margin-bottom: 12px;
	background-color: #000000;
}
.extra-photo{

}
.extra-photo span{
	display:block;
	height: 3px;
	width: 15px;
	margin-top: 3px;
	margin-bottom: 10px;
	background-color: #000000;
}
.extra-photo-legende{
	margin-top: 5px;
}
.extra-photo-legende-titre{
	font-style:italic;
	font-weight:bold;
	display:inline;
	margin-right: -4px;
}
.extra-photo-legende-workname{
	font-style:italic;
	font-weight:normal;
	display:inline;
}
.extra-separateur{
	display:block;
	height: 3px;
	width: 15px;
	margin-top: 3px;
	margin-bottom: 10px;
	background-color: #000000;
}
.extra-titre{

}
.extra-texte{

}


/* ------------------------------------------------------------- PAGE SPECIALE : HOME */

#contenu-home{
	width: 595px;
	float: left;
	margin-left: 30px;
	/*margin-top: 3px;*/
}


/*  ------------------------------------------
/*  Typographie generale du site
/*  ------------------------------------------ */

/* Typo pour les menus et la navigation */
body, #navigation, .encart, .formulaire_spip {
	font-family: Georgia; }

/* Typo pour le contenu */
#contenu {
	font-family: Georgia; } 

/* Typo pour les citations et extraits introductifs */
q, blockquote, .liste-articles li .texte, h3.spip, .voirskel {
	font-family: Georgia; }



/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
#conteneur-right a { text-decoration: none; color: #000; }
#conteneur-right a:link { text-decoration: none; color: #000; }
#conteneur-right a:visited { text-decoration: none; color: #000; }
#conteneur-right a:hover { text-decoration: none; color: #000; font-weight: bold; font-style:italic;}
#conteneur-right a:active { text-decoration: none; color: #000; }

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