@charset "UTF-8";
/* CSS Document */

/* ################################################# */
/* ################# Style général ################# */
/* ################################################# */

* {
	margin:0;
	padding:0;
}
body {
	font:100% Verdana, Geneva, sans-serif;
	scrollbar-3dlight-color: #666666;
	scrollbar-shadow-color:#FFFFFF;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-base-color:#FFFFFF;
	scrollbar-darkshadow-color: #666666;
	scrollbar-face-color: #666666;
	scrollbar-highlight-color: #FFFFFF;
	background:#B4A59D;
}
h1 {
	font-size:1.6em;
	margin-bottom:1em;
}
h2 {
	font-size:1.4em;
	margin-bottom:0.2em;
}
h3 {
	font-size:1.2em;
	margin-bottom:0.8em;
}
p {
	padding-bottom:1em;
}
select {
	background-color:#B4A59D;
}
a:link, a:visited, a:hover, a:active {
	color:#000;
}
/* ############################################### */
/* ################# Page Index ################# */
/* ############################################### */

#container-index {
	text-align:center;
	border-bottom:5px solid #FFF;
}
#header-index {
	width:100%;
	height:87px;
	border-bottom:5px solid #FFF;
}
#footer-index {
	width:100%;
	border-top:5px solid #FFF;
	border-bottom:5px solid #FFF;
	text-align:center;
}
#footer-index-inner {
	width:800px;
	margin:0 auto;
}

#visuel_accueil {
	width:560px;
	margin:0 auto;
	border-left:5px solid #FFF;
	border-right:5px solid #FFF;
}

.visuel_accueil {
	border-left:5px solid #FFF;
	border-right:5px solid #FFF;
}
.cell_nav {
	border-left:5px solid #FFF;
	border-right:5px solid #FFF;
}
.bord-droite {
	border-right:5px solid #FFF;
}
.small {
	font-size:0.7em;
}

#footer-index-visuels {
	width:100%;
	text-align:center;
}

.border-left {
	border-left:5px solid #FFF;
}

.border-right {
	border-right:5px solid #FFF;
}

.tab-accueil {
	border-left:5px solid #FFF;
}

.tab-accueil tr td {
	border-right:5px solid #FFF;
}

/* ############################################### */
/* ################# Page fiche ################# */
/* ############################################### */

#content {
	font-size:0.8em;
	border-top:5px solid #FFF;
}
.fiche {
	text-align:left;
	background:#B4A59D;
}
#container-fiche {
	width:100%;
}
#header-fiche {
	position:relative;
	height:36px;
	padding-top:20px;
}
#nav-fiche {
	border-top:5px solid #FFF;
	margin-left:277px;
	padding:2px 6px;
}
#footer-fiche {
	border-top:5px solid #FFF;
	border-bottom:5px solid #FFF;
	clear:both;
}
#footer-fiche-content {
	margin-left:464px;
	border-left:5px solid #FFF;
	font-size:0.7em;
	padding:10px;
}
#logo-fiche {
	position:absolute;
	left:0;
	top:0;
	border-right:5px solid #FFF;
}
#nav-fiche a {
	font-size:0.8em;
	color:#000;
	text-decoration:none;
}
#content-fiche-inner {
	margin-left:74px;
	border-left:5px solid #FFF;
}
.item-nav-fiche {
	padding-left:40px;
	line-height:22px;
}


/* ################################################# */
/* ################# Contenu fiche ################# */
/* ################################################# */

.content {
}
.content-top {
	border-bottom:5px solid #FFF;
}
.content-top-inner {
	padding:0 12px 12px 12px;
}
.content-bottom {
	width:100%;
	position:relative;
	
}
.content-bottom-photo {
	position:absolute;
	top:0;
	left:0;
	border-bottom:5px solid #FFF;
}
.content-bottom-inner {
	margin-left:100px;
	border-left:5px solid #FFF;
	padding: 20px 12px;
}

.content-theme {
	padding: 20px 12px;
}
.bloc-artiste {
	padding-bottom:3em;
}
.bloc-oeuvre {
	margin-top:1em;
	font-size:0.9em;
}
.bloc-oeuvre a {
}
.theme-img {
	width:140px;
	float:left;
}
#content-artiste {
	padding: 20px 12px;
}

#content-oeuvre {
	width:650px;
	border-right:5px solid #FFF;
}

.title-oeuvre {
	padding: 20px 12px 0 12px;
}
#sidebar {
	display:inline;
	width:207px;
	height:260px;
	float:left;
	margin-left:20px;
	border-left:5px solid #FFF;
	border-right:5px solid #FFF;
	padding-top:80px;
}
#content2 {
	border-top:5px solid #FFF;
}
#content-sidebar {
	font-size:0.8em;
	width:550px;
	padding: 20px 12px 20px 30px;
	float:left;
}
.border-plan {
	border-top:5px solid #FFF;
	border-bottom:5px solid #FFF;
}
.sous-plan {
	font-size:0.8em;
	text-align:center;
}

.en-bref {
	color:#5A4D45;
}

.en-bref a {
	color:#5A4D45;
}

.legende {
	font-size:0.8em;
	font-style:italic;
}

