/* ========================= mise en page */

*, body, p { margin: 0; padding: 0; }
html { height: 100%; }

body {
	height: 100%;
	background-color: #576A77;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #586A78; }

#structure {
	height: 100%;
	min-height: 100%;
	margin-left: auto;
	margin-right: auto;
	width: 684px;
	text-align: center;
	background-image: url(images/back_fd.gif); }
html>body #structure { height: auto; }

#content {
	text-align: left;
	min-height: 430px;
	background-image: url(images/back_img.jpg);
	background-repeat: no-repeat; }

#content h3 {
	margin: 0 0 6px 0;
	font-size: 16px;
	font-weight: bold; }
h2 {
	font-size: 16px;
}

a { color: #6B5C51; }
a:hover { color: #586A78; }

.small { font-size: 10px; font-family: Geneva, Arial, Helvetica, sans-serif; }

/* ========================= menu droite */

#menu {
	padding: 15px 20px 15px 20px;
	position: absolute;
	margin-left: 464px; }
#menu ul {
	list-style-type: none;
	margin: 0 0 15px 0;
}

/* ========================= contenu */

#texte {
	padding: 15px 240px 15px 20px; }

#texte p, #texte h2 {
	margin-bottom: 20px; text-align:justify; }

.portfolio, #texte h3 { text-align: center; }

#portfolio .entry {
	float: left;
	width: 50px;
	margin: 0 10px 10px 0; }
#portfolio .entry img { border: 2px solid #6B5C51; }
#portfolio .entry a { border: 0; }
#portfolio .entry a:hover img { border: 2px solid #AEA49B; }

/* ========================= page show */

#show_content {
	color: #DBCFC7;
	margin: 20px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

#show_container {
	padding: 20px;
	background-color: #3C5160;
}

#show_container a { color: #AEA49B; }

#show_container p.desc {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 600px;
}

#show_container p, #show_container h2, #show_content img {
	margin-bottom: 20px; }