/*
Nom de la feuille de style : style.css
Dernière modification :      04/02/09
Description :                Feuille de style principale pour le site web eleonore.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' ;

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

body {
	width : 60em ;
	margin : 1em auto ;
	color : #000 ;
	background-color : #fff ;
	font-size : 0.8em ;
	font-family : serif ;
	letter-spacing : 0.03em ;
	word-spacing : 0.05em ;
}

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

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

::-moz-selection {
	color : #fff ;
	background-color : #a3a ;
}



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

a {
	color : #a3a ;
	border-bottom : 1px dotted #a3a ;
	text-decoration : none ;
	cursor : pointer ;
}

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

	/* Haut de page
	==================================================================================================== */
	
	div#hautdepage {
	    position : relative ;
		margin : 5em 0 ;
	}
	
	div#hautdepage h1 {
		text-indent : -5000px ;
	}
	
	div#hautdepage a {
		display : block ;
		position : relative ;
		left : 30em ;
		width : 130px ;
		height : 75px ;
		margin-left : -65px ;
		color : #fff ;
		border : 0 ;
		background : url("image/logo-eleonore.png") no-repeat top center ;
	}
	
	div#hautdepage a:hover {
		background : url("image/logo-eleonore.png") no-repeat bottom center ;
	}
	
	/* Contenu
	==================================================================================================== */
	
	div#contenu {
		
	}
	
	#menu {
		margin-bottom : 5em ;
		font-size : 3em ;
		text-align : center ;
	}
	
	h2 {
		margin-bottom : 0.5em ;
		font-size : 2em ;
		font-style : italic ;
	}
	
	h2 a {
		color : #000 ;
		border : 0 ;
	}
	
	h2 a:hover {
		color : #a3a ;
		border : 0 ;
	}
	
	
	
		/* 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 ;
		}
		
		p.actions a:hover {
			color : #000 ;
		}
		
		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 : 3em ;
			font-size : 1.2em ;
		}
		
		.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 img {
			height : 10em ;
		}
		
		.item a.photo {
			float : right ;
			margin : 0 0 1em 1em ;
			height : 10em ;
			border : 3px solid #a3a ;
		}
		
		.item a.photo:hover {
			border : 3px solid #000 ;
		}
		
		.bought {
		    border : 3px double #f33 ;
		}
		
		.bought .message-bought {
		    position : absolute ;
		    bottom : 1.3em ;
		    left : 6.6em ;
		    color : #f33 ;
		    font-size : 3em ;
		}
		
		h3 {
			margin-bottom : 1em ;
			font-size : 1.6em ;
			font-weight : bold ;
		}
		
		.item .price {
			margin : 1em 0 2em 0 ;
		}
	
	
	
	/* Bas de page
	==================================================================================================== */
	
	div#basdepage {
		margin : 3em 0 ;
	}
	
	div#basdepage p {
		font-style : italic ;
		text-align : center ;
	}