/* 

Feuille de style de Jérémie Lochard
Copyright (c) Jérémie Lochard
jeremie@jilocube.fr
www.jilocube.fr
----------------------------------------------
Jérémie Lochard style sheet
Copyright (c) Jérémie Lochard
jeremie@jilocube.fr
www.jilocube.fr

*/

html {
	font-size: 100%;
	padding: 0;
	margin: 0;
	background-color: white ;
	}
	
body, ul, p {
	padding: 0;
	margin: 0;
	}

h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
	}
	
table {
	padding: 0;
	margin: 0;
	}
	
#body {
	width: 800px ;
	margin: auto ;
	font-family: Arial, Helvetica, sans-serif ;
	font-size: .85em ;
	}
	
a img {
	text-decoration: none ;
	border: 0 none ;
	margin: 0;
	}
	
img {
	padding: 0;
	margin: 0;
	}
	
ul li {
	list-style: none ;
	}
	
#main {
	margin: 100px 0px 0px 0px ;
	}
	
#content_acc {
	height: 332px ;
	}
	
#content {
	margin: auto ;
	background-color: #000000 ;
	color: white ;
	font-weight: lighter ;
	height: 332px ;
	width: 717px ;
	}

/* ---------------------- menu ------------------------ */	
#menu {
	margin: 0;
	}
	
object#flash_haut {
	width: 800px ;
	}
	
/* ---------------------- retour ------------------------ */	
#retour {
	float: right ;
	font-size: .8em ;
	padding: 15px 20px 0px 10px ;
	}

#retour ul li a {
	text-decoration: none ;
	color: #666666 ;
	}
	
#retour ul li {
	display: inline ;
	}
	
#retour ul li span {
	color: #666666 ;
	padding-left: 30px ;
	}
	
#retour ul li a:hover {
	text-decoration: underline ;
	color: white ;
	}
	
#retour_expo {
	font-size: .8em ;
	padding: 15px 20px 0px 0px ;
	}

#retour_expo ul li a {
	text-decoration: none ;
	color: #666666 ;
	}
	
#retour_expo ul li {
	display: inline ;
	}
	
#retour_expo ul li span {
	color: #666666 ;
	padding-left: 30px ;
	}
	
#retour_expo ul li a:hover {
	text-decoration: underline ;
	color: white ;
	}

#retour_expoarch {
	float: right ;
	font-size: .8em ;
	padding: 15px 20px 0px 0px ;
	}

#retour_expoarch ul li a {
	text-decoration: none ;
	color: #666666 ;
	}
	
#retour_expoarch ul li {
	padding-bottom: 3px ;
	}
	
#retour_expoarch ul li span {
	color: #666666 ;
	padding-left: 30px ;
	}
	
#retour_expoarch ul li a:hover {
	text-decoration: underline ;
	color: white ;
	}
	
#retour_gal {
	float: right ;
	font-size: .8em ;
	padding: 15px 20px 0px 20px ;
	}

#retour_gal ul li a {
	text-decoration: none ;
	color: #666666 ;
	}
	
#retour_gal ul li {
	display: inline ;
	}
	
#retour_gal ul li span {
	color: #666666 ;
	padding-left: 30px ;
	}
	
#retour_gal ul li a:hover {
	text-decoration: underline ;
	color: white ;
	}
	
/* ---------------------- a propos ------------------------ */	
#prop_tof {
	float: left ;
	}
	
#prop_tof img {
	width: 181px ;
	height: 292px ;
	margin: 20px ;
	}
	
.prop {
	padding-top: 25px ;
	}
	
.prop h3 {
	margin: 0px 0px 20px 0px ;
	letter-spacing: .2em ;
	}
	
.prop p {
	text-align: justify ;
	line-height: 1.8em ;
	font-size: .85em ;
	margin: 0px 20px 20px 0px ;
	}
	
/* ---------------------- contact - credtis ------------------------ */		
.page {
	padding: 20px 20px 0px 20px ;
	}
	
.page h3 {
	margin: 0px 0px 20px 0px ;
	letter-spacing: .2em ;
	}
	
.page p {
	text-align: justify ;
	line-height: 1.3em ;
	font-size: .85em ;
	margin: 0px 20px 10px 0px ;
	}
	
.page p a {
	color: white ;
	text-decoration: none ;
	}
	
.page p a:hover {
	color: white ;
	text-decoration: underline ;
	}
	
.page h4 {
	background-color: white ;
	width: 200px ;
	margin: 20px 0px 10px 0px ;
	padding: 2px 10px ;
	color: black ;
	letter-spacing: .2em ;
	font-weight: lighter ;
	font-size: .9em ;
	}
	
p.disclaimer {
	color: #666666 ;
	font-size: .7em ;
	font-weight: lighter ;	
	padding-top: 30px ;
	}
	
p.disclaimer a {
	color: #666666 ;
	text-decoration: none ;
	}
	
p.disclaimer a:hover {
	color: white ;
	text-decoration: underline ;
	}
	
/* ---------------------- expositions ------------------------ */		
.page_expo {
	padding: 20px 20px 0px 20px ;
	}

.page_expo_while h3 {
	margin: 0px 0px 20px 0px ;
	letter-spacing: .2em ;
	}
	
.page_expo_while h4 {
	background-color: white ;
	width: 200px ;
	margin: 20px 0px 10px 0px ;
	padding: 2px 10px ;
	color: black ;
	letter-spacing: .2em ;
	font-weight: lighter ;
	font-size: .9em ;
	}
	
.page_expo_while ul {
	padding: 2px 0px 2px 0px ;
	}
	
.page_expo_while ul li {
	display: inline ;
	text-align: justify ;
	font-size: .85em ;
	line-height: 1.3em ;
	margin-right: 20px ;
	}
	
.page_expo_while ul li a {
	background-color: #333333 ;
	width: 200px ;
	padding: 2px 10px ;
	color: white ;
	letter-spacing: .2em ;
	font-size: .85em ;
	font-weight: lighter ;
	text-decoration: none ;
	}
	
.page_expo_while ul li a:hover {
	background-color: white ;
	width: 200px ;
	padding: 2px 10px ;
	color: black ;
	letter-spacing: .2em ;
	font-size: .85em ;
	font-weight: lighter ;
	text-decoration: none ;
	}
	
div#archives {
	margin-top: 15px ;
	}
	
div#archives ul li {
	display: inline ;
	text-align: justify ;
	line-height: 1.3em ;
	}
	
div#archives ul li  a {
	background-color: inherit ;
	margin: 25px 0px 0px 0px ;
	color: #666666 ;
	font-size: .85em ;
	font-weight: lighter ;
	text-decoration: none ;
	}
	
div#archives ul li a:hover {
	background-color: inherit ;
	margin: 25px 0px 0px 0px ;
	color: white ;
	font-size: .85em ;
	font-weight: lighter ;
	text-decoration: underline ;
	}
/*---------------------- liens ------------------------ */
.page_lien {
	padding: 20px 20px 0px 20px ;
	}
	
.page_lien h3 {
	margin: 0px 0px 20px 0px ;
	letter-spacing: .2em ;
	}
	
.lien {
	float: left ;
	padding: 0px 20px 0px 0px ;
	margin-bottom: 10px ;
	}
	
.lien ul li {
	text-align: center ;
	line-height: 1.3em ;
	font-size: .85em ;
	}
	
.lien ul li a {
	color: white ;
	text-decoration: none ;
	}
	
.lien ul li a:hover {
	color: white ;
	text-decoration: underline ;
	}
	
.lien h4 {
	background-color: white ;
	width: 180px ;
	margin: 0px 0px 10px 0px ;
	padding: 2px 10px ;
	color: black ;
	letter-spacing: .1em ;
	text-align: center ;
	font-weight: lighter ;
	font-size: .9em ;
	}
		
/* ---------------------- galerie ------------------------ */		
#liste_det {
	padding: 20px 20px 0px 20px ;
	}
	
#liste_det h3 {
	letter-spacing: .2em ;
	}
	
#liste_det p {
	text-align: justify ;
	line-height: 1.3em ;
	}
	
.tablo {
	padding: 12px ;
	margin: 20px 0px 0px 0px ;
	float: left ;
	width: 140px ;
	}

.image {
	text-align: center ;
	}
	
.comment {
	text-align: center ;
	font-size: .8em ;
	margin-top: 10px ;
	}
	
.comment ul li {
	margin-bottom: 3px ;
	}
	
.comment ul li span {
	margin-bottom: 3px ;
	font-weight: bold ;
	}

.vendu {
	text-align: center ;
	font-weight: bold ;
	font-size: .8em ;
	color: red ;
	}

/* ---------------------- suivant - précédent ------------------------ */		
.suivprec {
	margin-top: 5px ;
	clear: both ;
	text-align: center ;
	font-size: .8em ;
	}
	
.suivprec ul li {
	display: inline ;
	}
	
.suivprec ul li a {
	text-decoration: none ;
	color: #999999;
	}
	
.suivprec ul li a:hover {
	text-decoration: underline ;
	color: #999999;
	}

.page_suiv {
	text-align: center ;
	margin-top: 5px ;
	font-size: .8em ;
	}
	
.page_suiv ul li {
	display: inline ;
	padding: 0px 10px ;
	}
	
.page_suiv ul li a {
	text-decoration: none ;
	color: #999999;
	}
	
.page_suiv ul li a:hover {
	text-decoration: underline ;
	color: #999999;
	}
	
ul li.here a {
	border-bottom: 3px solid #999999 ;
	padding-bottom: 3px ;
	font-weight: bold ;
	}
	
ul li.here a:hover {
	text-decoration: none ;
	}

	
/* ---------------------- footer ------------------------ */	
#footer {
	text-align: center ;
	}