@import url(style.reset.css);

body, html {
	width: 100%;
	height: 100%;
}

body {
	background-color: #ffffff;
	background-image: url(images/background_body.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
div#intro  #flash {
	position: relative;
	border: 1px solid #77405d;
	width: 500px;
	margin: 10px auto;
}
div#page {
	position: relative;
	width: 919px;
	/* height: 731px; */
	height: 700px;
	margin-left: -460px;
	left: 50%;
	top: 0;
	overflow: hidden;
	background-image: url(images/background2.jpg);
}

	h1 {
		height: 1px;
		line-height: 20em;
		overflow: hidden;
	}
	
	h2 {
		position: absolute;
		left: 233px;
		top: 254px;
		width: 282px;
		height: 50px;
		line-height: 20em;
		overflow: hidden;
	}
	h2.accueil {
		background-image: url(images/titre.accueil.jpg);
	}
	h2.minceur {
		background-image: url(images/titre.minceur.jpg);
	}
	h2.detente {
		background-image: url(images/titre.detente.jpg);
	}
	h2.esthetique {
		background-image: url(images/titre.esthetique.jpg);
	}
	h2.actualite {
		background-image: url(images/titre.actualite.jpg);
	}
	h2.contact {
		background-image: url(images/titre.contact.jpg);
	}
	
	ul#menu {
		position: absolute;
		left: 30px;
		top: 313px;
		list-style-type: none;
	}
		
		ul#menu li{
			margin: 0 0 6px 0;
		}
		
			ul#menu li a {
				display: block;
				width: 172px;
				height: 32px;
				overflow: hidden;
				text-decoration: none;
				text-indent: 200px;
				color: #ffffff;
				background-repeat: no-repeat;
				background-position: 0 0;
			}
			ul#menu li a:hover {
				background-position: 0 -32px;
			}
			ul#menu li a.selected {
				background-position: 0 -32px;
			}
			
			ul#menu li a.accueil {
				background-image: url(images/menu.accueil.jpg);
			}
			ul#menu li a.minceur {
				background-image: url(images/menu.minceur.jpg);
			}
			ul#menu li a.detente {
				background-image: url(images/menu.detente.jpg);
			}
			ul#menu li a.esthetique {
				background-image: url(images/menu.esthetique.jpg);
			}
			ul#menu li a.actualite {
				background-image: url(images/menu.actualite.jpg);
			}
			ul#menu li a.contact {
				background-image: url(images/menu.contact.jpg);
			}
	
	div#contenu {
		position: relative;
		left: 250px;
		top: 319px;
		width: 619px;
		height: 279px;
		font-family: Trebuchet MS;
		color: #eae1e6;
		overflow: auto;
	}
		div#contenu p.intro {
			text-align: justify;
			padding: 0 13px 5px 0;
		}
		div#contenu .illus {
			text-align: right;
			margin-bottom: -20px;
			margin-right: 13px;
		}
		div#contenu .illus a {

		}
		
		div#contenu dt.titre {
			margin: 15px 0 8px 0;
			font-size: 19px;
			letter-spacing: 3px;
		}
		
		div#contenu dd.ligne3 {
			width: 560px;
			margin: 0 0 3px 30px;
			padding-bottom: 1px;
			font-size: 16px;
			border-bottom: 1px solid #eae1e6;
		}
			
			div#contenu dd.ligne3 span.col1 {
				width: 270px;
				float: left;
			}
			div#contenu dd.ligne3 span.col2 {
				width: 100px;
				float: left;
				text-align: right;
			}
			div#contenu dd.ligne3 span.col3 {
				width: 190px;
				float: left;
				text-align: right;
			}
		
		div#contenu dd.ligne2 {
			width: 560px;
			margin: 0 0 3px 30px;
			padding-bottom: 1px;
			font-size: 16px;
			border-bottom: 1px solid #eae1e6;
		}
			
			div#contenu dd.ligne2 span.col1 {
				width: 510px;
				float: left;
			}
			div#contenu dd.ligne2 span.col2 {
				width: 50px;
				float: left;
				text-align: right;
			}
	
	a#bons_cadeaux {
		position: absolute;
		left: 31px;
		top: 568px;
		display: block;
		width: 182px;
		height: 126px;
		overflow: hidden;
		text-decoration: none;
		line-height: 300px;
		background-image: url(images/bons_cadeaux.jpg);
		background-repeat: no-repeat;
		background-position: 0 0;
		cursor: default;
	}
	a:hover#bons_cadeaux {
		background-position: 0 -126px;
	}
	
	a#adresse {
		position: absolute;
		left: 465px;
		top: 647px;
		display: block;
		width: 76px;
		height: 18px;
		overflow: hidden;
		text-decoration: none;
		text-indent: 400px;
		color: #ffffff;
		background-image: url(images/bouton_plan.jpg);
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	a:hover#adresse {
		background-position: 0 -18px;
	}

	div#signature {
		position: relative;
		text-align: center;
		width: 1024px;
		/* bottom: 50px; */
		margin: auto;
		font-family: Arial;
		font-size: 0.7em;
	}
	
		div#signature a {
			text-decoration: none;
			color: #bdbdbd;
		}
		div#signature a:hover {
			color: #000000;
		}

/**********************  Page contact  ***************************/
#msg_user {
	width: 580px;
	line-height: 15px;
	font-size: 0.9em;
	text-align: center;
	margin: 0 auto 20px auto;
	padding: 3px 0 3px 0;
}
.erreur {
	border: 1px solid #ff0000;
	background-color: #fccfcf;
	color: #ff0000;
}
.ok {
	border: 1px solid #03ae03;
	background-color: #b2f8b2;
	color: #03ae03;
}

div#formulaire1 {
	width: 300px;
	font-family: Trebuchet MS, Arial;
	float: left;
}
div#formulaire2 {
	width: 300px;
	font-family: Trebuchet MS, Arial;
	float: left;
}

.bouton {
	width: 80px;
	margin-top: 10px;
}

p.ligne {
	line-height: 24px;
	margin-bottom: 4px;
}

p.ligne label {
	width: 100px;
	float: left;
	text-align: right;
	padding-right: 8px;
	color: #eae1e6;
	font-weight: bold;
	font-size: 0.9em;
}

p.ligne input.text {
	width: 180px;
}

p.ligne textarea {
	width: 180px;
	height: 150px;
}

/******************  Page actualité  *********************/
/* Messages à l'utilisateur */
div.valid, div.erreur {
	padding: 1px;
	margin-bottom: 10px;
	text-align: center;
}

div.valid {
	color: #fff;
	background-color: #f8cb0e;
	border: 1px solid #d0a904;
	font-weight: bold;
}

div.erreur {
	color: #FFF;
	background-color: #FF6F75;
	border: 1px solid #8F080E;
	font-weight: bold;
}

/* Liens pour l'administration */
p.admin_log {
	margin: 5px 0 5px 0;
	text-align: center;
}

a.admin_log {
	text-decoration: none;
	font-weight: bold;
	color: #d0a904;
}

a.admin_log:hover {
	text-decoration: none;
	color: #f8cb0e;
}

/* Conteneur général */
div.conteneur_news {
	text-align: left;
	font-size: 0.9em;
	width: 550px;
	margin: 0 0 0 35px;
	font-family: Trebuchet MS, Tahoma, Arial;
	font-size: 0.8em;
}

	/*   Formulaire   */
	div.formulaire {
		width: 480px;
		margin: auto;
		font-weight: bold;
		padding: 5px;
		color: #ffffff;
		font-weight: normal;
	}
		
		div.formulaire p.ligne {
			line-height: 24px;
			margin-bottom: 2px;
		}
		
		div.conteneur_news div.formulaire p.ligne label {
			width: 60px;
			float: left;
			text-align: right;
			padding-right: 8px;
		}
		
		div.formulaire p.ligne input.text {
			width: 365px;
		}
		
		div.formulaire p.ligne input.file {
			width: 370px;
		}
		
		div.formulaire p.ligne textarea {
			width: 365px;
			height: 50px;
		}
		
		div.formulaire p.ligne input.bouton {
			width: 80px;
			margin-right: 10px;
		}

 /* Conteneur de news */
.conteneur_news div.news {
	text-align: justify;
	padding: 3px 5px 3px 0;
	color: #ffffff;
	font-weight: bold;
	width: 530px;
}

.conteneur_news div.news.offline {
	background-color: #c8c7c8;
}

.conteneur_news div.news.mini {
	float: left;
}

/* Liens d'administration */
.conteneur_news div.news ul.liens_admin li {
	float: left;
	padding: 0 15px 0 0;
	font-size: 0.85em;
}

.conteneur_news div.news ul.liens_admin li a {
	text-decoration: none;
	font-weight: bold;
	color :#d0a904;
}

.conteneur_news div.news ul.liens_admin li a:hover {
	color :#f8cb0e;
}

/* Titre de la news */
.conteneur_news div.news h3 {
	font-weight: bold;
	font-size: 1.2em;
	text-align: left;
}

/* Prix */
.conteneur_news div.news h3 span.prix {
	font-size: 0.9em;
}

/* Date de la news */
.conteneur_news div.news p.date {

}

/* Texte de la news */
.conteneur_news div.news div.texte {
	margin: 2px 0 3px 0;
	font-weight: normal;
	text-align: justify;
	line-height: 1.4em;
}

.conteneur_news div.news div.texte strong {
	font-weight: bold;
}

.conteneur_news div.news div.texte a {
	text-decoration: none;
}

/* Lien de la news */
.conteneur_news div.news a.lien {
	text-decoration: none;
	color: #a5a5a5;
}

.conteneur_news div.news a:hover.lien {
	color: #d5d5d5;
}

/* Liste de photos */
.conteneur_news div.news ul.photos {
	list-style-type: none;
	float: left;
}

.conteneur_news div.news ul.photos li {
	margin: 3px 5px 0 0;
}

.conteneur_news div.news ul.photos li a {
	display: block;
	width: 80px;
	height: 80px;
	border: 1px solid #ffffff;
}

.conteneur_news div.news ul.photos li a:hover {
	border: 1px solid #c1bfbf;
}