/*
Nom de la feuille de style : style.css
Dernière modification :      27/01/09
Description :                Feuille de style principale pour le site web sphax3d.org

Cette feuille de style a été écrite par Benjamin 'sphax3d'. Vous avez bien sûr l'autorisation d'utiliser les idées de cette feuille de style pour vos réalisations :-) ~ sphax3d@gmail.com ~ http://sphax3d.org/

Ordre de définition des styles dans ce fichier :
- Structure de la page
- Définitions globales
- Liens
- Titres
- Haut de page
- Contenu
- Section liens
- Section auteur
- Bas de page
*/

@import 'reset-meyer-081123.css' ;
@import 'reset-form-081123.css' ;
@import 'mosaiquelastfm-081123.css' ; /* tmp */



/* Structure de la page
==================================================================================================== */

div#hautdepage-contenu, div#contenu, div#liens-contenu, div#auteur-contenu, div#basdepage-contenu
{
	width : 60em ;
	margin : auto ;
}

div#hautdepage
{
	padding-top : 8em ;
	background : transparent url("image/fond-hautdepage-ciel-bleu-081123.png") repeat-x top center ;
}

div#contenu
{
	margin-bottom : 3em ;
}

div#liens
{
	padding : 0.3em 0 ;
	background : #3a3 url("image/fond-liens-herbe-081123.png") repeat-x top center ;
}

div#auteur
{
	padding : 1em 0 ;
	background : #f93 url("image/fond-auteur-terre-081123.png") repeat-x top center ;
}

div#basdepage
{
	padding : 1em 0 ;
	background : #666 url("image/fond-basdepage-pierre-081123.png") repeat-x top center ;
}



/* Définitions globales
==================================================================================================== */

body
{
	color : #666 ;
	background-color : #fff ;
	font-size : 0.8em ;
	font-family : verdana, sans, sans-serif ;
	letter-spacing : 0.03em ;
	word-spacing : 0.05em ;
}

p, dt, dd, ul, ol
{
	line-height : 1.6em ;
	text-align : justify ;
}

ins
{
	text-decoration : none ;
}

abbr
{
	border-bottom : 1px dotted #666 ;
	cursor : help ;
}

tt
{
	font-size : 1.4em ;
}

.texte-vert
{
	color : #3a3 ;
}

h2, h3, h4, h5, h6
{
	font-weight : normal ;
	letter-spacing : 0.08em ;
	word-spacing : 0.1em ;
}

ul
{
	margin-left : 1em ;
	list-style-type : square ;
}

/*::selection
{
	color : #fff ;
	background-color : #33aa33 ;
}*/

::-moz-selection
{
	color : #fff ;
	background-color : #33aa33 ;
}



/* Liens
==================================================================================================== */

a
{
	color : #f93 ;
	border-bottom : 1px solid #f93 ;
	text-decoration : none ;
}

/*a:visited
{
	color : #fc6 ;
	border-bottom : 1px solid #fc6 ;
}*/ /* Pour les liens de post dans le blog :-) */

a:hover
{
	color : #fff ;
	background-color : #39f ;
	border-bottom : 1px solid #39f ;
}

a.lien-interne
{
	color : #666 ;
	border-bottom : 1px solid #666 ;
}

a.lien-interne:hover
{
	color : #fff ;
	border-bottom : 1px solid #39f ;
}

div#hautdepage h1 a
{
	color : #666 ;
	border : 0 ;
}

div#hautdepage h1 a:hover
{
	color : #39f ;
	background-color : transparent ;
}

div#hautdepage h1 a:hover .texte-vert
{
	color : #39f ;
}

div#liens a, div#auteur a, div#basdepage a
{
	color : #fff ;
	border-bottom : 1px solid #fff ;
}

div#liens a:hover, div#auteur a:hover, div#basdepage a:hover
{
	border-bottom : 1px solid #39f ;
}



/* Titres
==================================================================================================== */

h2
{
	margin-top : 2em ;
	font-size : 2em ;
	text-transform : lowercase ; /* ? */
}

div#liens h2, div#auteur h2
{
	margin-top : 1.5em ;
}

h2 + p.sous-titre  /* Second using of a beautiful selector ! */
{
	color : #999 ;
	font-size : 0.85em ;
	font-style : italic ;
}

h2 ~ div /* First using of a beautiful selector ! */
{
	margin : 1em 0 ;
	padding : 0 2em ;
}

div#liens h2 + p.sous-titre, div#auteur h2 + p.sous-titre
{
	color : #fff ;
}

h3
{
	margin : 1.2em 0 0.2em 0 ;
	padding-bottom : 0.2em ;
	border-bottom : 1px solid #ccc ;
	font-size : 1.2em ;
}

h3 ~ div, h3 ~ ul, h3 ~ p
{
	padding : 0.2em 0 ;
}



/* Haut de page
==================================================================================================== */

div#hautdepage-contenu h1
{
	font-size : 3.5em ;
	font-weight : 100 ;
}

div#hautdepage-contenu h1 img#logo
{
	margin-bottom : 0.05em ;
	vertical-align : middle ;
}

div#hautdepage-contenu p.sous-titre
{
	font-size : 1.4em ;
	font-family : serif ;
	font-style : italic ;
	font-variant : small-caps ;
	text-align : right ;
}



/* Contenu
==================================================================================================== */

li#googletalk img#chaticon, li.googletalk img#statut
{
	vertical-align : middle ;
}

li#googletalk img#chaticon
{
	margin-bottom : 0.2em ;
}

a#spampoison
{
	display : none ;
}

a#hcard
{
	border : none ;
	background-color : #fff ;
}



/* Section liens
==================================================================================================== */

div#liens
{
	color : #fff ;
}

/* Section auteur
==================================================================================================== */

div#auteur
{
	color : #fff ;
}



/* Bas de page
==================================================================================================== */

div#basdepage
{
	color : #fff ;
	font-size : 0.7em ;
}

div#basdepage p
{
	text-align : center ;
}

div#basdepage a img
{
	vertical-align : middle ;
	text-decoration : none ;
}



		.wishlist ul {
			list-style : none ;
		}
		
		
		/* Messages
		==================================================================================================== */
		
		.messages {
			margin-bottom : 1em ;
			padding : 1em 0 ;
			border : 1px solid #f33 ;
			background : #fee ;
			list-style : square ;
		}
		
		.messages li {
			margin : 0 4.5em ;
		}
		
		
		
		
		/* Add form & Edit form
		==================================================================================================== */
		
		p.actions {
			position : relative ;
		}
		
		p.actions a {
			position : absolute ;
			top : -1.8em ;
			right : -1.6em ;
			color : #fff ;
			border : 0 ;
			font-size : 1.6em ;
			font-weight : bold ;
			text-align : center ;
			cursor : pointer ;
		}
		
		p.actions a:hover {
			color : #fff ;
		}
		
		form#form-add {
			display : none ;
			margin-bottom : 2em ;
		}
		
		form.form-edit {
			margin-top : 5em ;
		}
		
		form#form-add dd, form.form-edit dd {
			margin-bottom : 0.5em ;
		}
		
		form#form-add label, form.form-edit label {
			float : left ;
			width : 25em ;
			margin-right : 0.5em ;
			text-align : right ;
		}
		
		form.form-edit label {
			width : 20em ;
		}
		
		input#form-label, input#form-link, input#form-picture, input#form-comment, input.form-edit-label, input.form-edit-link, input.form-edit-picture, input.form-edit-comment {
			width : 25em ;
		}
		
		input#form-price, input.form-edit-price {
			width : 5em ;
		}
		
		input#form-password, input.form-edit-password {
			width : 10em ;
		}
		
		form#form-add div.form-actions {
			padding-left : 25.5em ;
		}
		
		form.form-edit div.form-actions {
			padding-left : 20.5em ;
		}
		
		
		
		/* Remove form
		==================================================================================================== */
		
		form.form-edit, form.form-remove {
			display : none ;
			margin-bottom : 3em ;
		}
		
		form.form-remove dd {
			margin-bottom : 0.5em ;
		}
		
		form.form-remove label {
			float : left ;
			width : 9em ;
			margin-right : 0.5em ;
			text-align : right ;
		}
		
		input.form-remove-password {
			width : 10em ;
		}
		
		form.form-remove div.form-actions {
			padding-left : 9.5em ;
		}
		
		
		
		/* Item
		==================================================================================================== */
		
		.noitems {
			margin : 2em ;
			font-size : 1em ;
		}
		
		.item {
			position : relative ;
			min-height : 12em ;
			margin-bottom : 1.5em ;
			padding : 1em ;
			border : 3px double #000 ;
			background : #fff url("image/fond-item.png") no-repeat bottom center ;
		}
		
		.item .actions {
			position : absolute ;
			top : 0 ;
			right : -2em ;
			font-size : 1.6em ;
			font-weight : bold ;
			text-align : center ;
		}
		
		.item .actions a {
			color : #fff ;
			border : 0 ;
		}
		
		.item .actions a:hover {
			color : #000 ;
		}
		
		.item a.photo {
			float : right ;
			margin : 0 0 1em 1em ;
			border : 3px solid #f93 ;
		}
		
		.item a.photo:hover {
			border : 3px solid #39f ;
		}
		
		.bought {
		    border : 3px double #f33 ;
		}
		
		.bought .message-bought {
		    position : absolute ;
		    bottom : 1.3em ;
		    left : 6.6em ;
		    color : #f33 ;
		    font-size : 3em ;
		}
		
		.wishlist h3 {
			margin : 0 ;
			border : 0 ;
			font-size : 1.6em ;
			font-weight : bold ;
		}
		
		.item .price {
			margin : 1em 0 2em 0 ;
		}