/* Balises generales */


body {
	font-family: 'Helvetica','Tahoma','Arial';
	font-size: 10pt;
	margin: 0;
	padding: 0;
	background: #000 url("arr.jpg");
	color: #FFF;
}


img {
	border:0px none;
	margin:0pt;
	padding:0pt;
	max-width: 100%;
	max-height: 100%;
	}
form{
	margin: 0;
	}
table{
	border-collapse:collapse;
	}
td, th{
	font-family:'Helvetica','Tahoma','Arial';
	font-size: 100%;
	}
input {
	font-family:'Helvetica','Tahoma','Arial';
	font-size:100%;
	margin:2px 0pt;
	}
textarea {
	font-family:'Helvetica','Tahoma','Arial';
	}

/* affichage des tables */

table {
	border:1px solid #AAAAAA;
	border-collapse:collapse;
	margin:5px;
	width:98%;
	}
table tr th {
	border-bottom:2px solid #AAAAAA;
	padding:0pt 5px;
	}
table tr td {
	border-bottom:1px solid #888888;
	padding:0pt 5px;
	}
.currency, .decimal {
	text-align:right;
	}
.boolean, .date, .html {
	text-align:center;
	}
.text {
	text-align:left;
	}



/* Colonne de page et titre */

#wrap0 {
	width: 100%;
	}

#wrap2{
	text-align: center;
	}

#mainwrap {
	margin:auto;
	max-width:960px;
	min-width: 770px;
	text-align: left;
	background:transparent url(bg.png) repeat scroll 0%;
}

#top {
	background:#A21C12 	url("arr-top.jpg") repeat top left;
	height: 150px;
}


#top1 {
	height:150px;
	background: url("top1-claire.jpg") no-repeat top left;
	}
#top1 img{
	float: right;
	}
	

/* Menu principal */


#top2{
	margin-top: -20px;
	height: 20px;
	}
#menu {
	clear:both;
	list-style-type:none;
	margin:0pt;
	padding:0pt;
	margin-left: 110px;
	}
#menu li {
	display:inline;
	float:left;
	}
#menu li a {
	line-height: 20px;
	display:block;
	margin:0pt;
	padding:0pt 10px;
	}

#menu a:link, #menu a:visited, #menu a:active {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	}
#menu a:hover {
	background-color:#000000;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	}


/* Affichage des 2 colonnes */

#main {
	background: url("initiales.gif") transparent no-repeat bottom right;
	clear:both;
	margin-top:10px;
	}

#maincontent{
	width: 100%;
	margin-left: -220px;
	float: right;
	}

#content {
	min-height:550px;
	max-width: 750px;
	margin-left: 220px;
	}
	

#sidewrap {
	width:200px;
	float: left;
	overflow: hidden;
	}
	
#footer {
	clear:both;
	padding-top:5px;
	border-top: 1px dotted #888;
	text-align: right; 
	}
#footer {
	font-size:90%;
	text-align:right;
	}
#footer1 a:link, #footer1 a:visited, #footer1 a:active {
	color:#FFFFFF;
	text-decoration:underline;
	}
#footer1 a:hover {
	text-decoration:none;
	}
#footer2 {
	text-align:right;
	}



/* Barre de cote */ 


#sidewrap div h1 {
	background:transparent url("side.png") no-repeat;
	color:#000000;
	font-size: 110%;
	line-height: 20px;
	padding-top: 7px;
	padding-bottom: 3px;
	margin: 0;
	margin-bottom: 3px;
	padding-left: 40px;
	}

#sidewrap>div {
	margin-bottom:10px;
	margin-left:1px;
	margin-right:1px;
	padding:1px;
}

.inside{
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
	padding: 1px;
	padding-bottom: 3px;
	}
#sidewrap p {
margin-bottom:2px;
margin-top:2px;
}

#sidewrap a:link, #sidewrap a:visited, #sidewrap a:active {
	color:#FFFFFF;
	text-decoration:underline;
	}
#sidewrap a:hover {
	color:#A21C12;
	text-decoration:none;
	}


/* diaporama des derni¸res oeuvres */


div#last-pieces {
	border: none;
	font-weight:bold;
	height:140px;
	width: 190px;
	margin:0pt;
	padding:0pt;
	text-align:center;
	}
#last-pieces a {
	display:none;
	height:140px;
	text-align:center;
	text-decoration:none;
	width:190px;
}
#last-pieces a:link, #last-pieces a:visited, #last-pieces a:active {
	text-decoration:none;
	}
#last-pieces a:hover {
	color:#FFFFFF;
	}
	
div.panier-sidebar{
	border-bottom: 1px solid #999;
	height: 53px;
	line-height: 53px;
	}
div.panier-sidebar-img{
	float: left;
	width: 50px;
	height: 50px;
	margin-right: 5px;
	}
div#cart p{
	padding: 5px 0;
	text-align: right;
	display: block;
	}

div#about div, div#about a:link{
	color: #f00;
	}



/* Contenu principal */


.html-content h1, #content h1 {
	color:#A21C12;
	font-size:160%;
	margin-top:0pt;
	}
	
.html-content h2, #content h2 {
	font-size:140%;
	margin-bottom:3px;
	text-decoration:underline;
	color:#A21C12;
	}
.html-content h3, #content h3 {
	font-size:120%;
	margin-bottom:3px;
	}
.html-content p, #content p {
	margin:5px 0pt;
	}

.error {
	color:#FF0000;
	}
.html-content a:link, .html-content a:visited, .html-content a:active, #content a:link, #content a:visited, #content a:active {
	color:#FFFFFF;
	text-decoration:underline;
	}
.html-content a:hover, #content a:hover {
	text-decoration:none;
	}
	

/* liens vers l'exterieur */

#content .link-out {
	background:transparent url(external.gif) no-repeat scroll right center;
	padding-right:13px;
	}
	

/* adresses email */

#content a[href^="mailto:"] {
	background:transparent url(email.gif) no-repeat scroll right center;
	padding-right:11px;
}

	
	
/* Page principale */

.claire-right{
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
	}

.main-entete{
	clear: both;
	text-align: center;
	height: 400px;
	border: 1px solid #999;
	background: #000;
	padding: 1px;
	margin-bottom: 5px;
	}

.main-text {
	padding-top: 50px;
	}
	

/* Liste des oeuvres */

div.galerie_liste {
	float:left;
	height:158px;
	margin:1%;
	width:46%;
	}

div.galerie_image_gauche_150 {
	clear:left;
	float:left;
	height:150px;
	line-height:150px;
	margin:1px 5px 1px 1px;
	padding:2px;
	text-align:center;
	width:150px;
	max-width: 40%;
	}
	
.reference_titre {
	font-weight:bold;
	text-transform:uppercase;
	}
	
.reference_prix {
	text-align:right;
	}
.vendu {
	color:#FF0000;
	text-decoration:line-through;
	}



/* details oeuvre */

div.galerie_detail_image {
	background:#000;
	border: 1px solid #aaa;
	float: right;
	height: 400px;
	width: 400px;
	margin: 1px;
	margin-bottom: 20px;
	padding: 1px;
	max-width: 60%
}

.other{
	clear: both;
	border: 1px solid #fff;
	height: 162px;
	width: 562px;
	margin-top: 50px;
	float: left;
	}
	
div.other-mini{
	float: left;
	display: inline;
	border: 1px solid #999;
	width: 106px;
	height: 125px;
	margin: 5px 2px;
	text-align: center;
	}
	
.other-photo{
	height: 100px;
	line-height: 100px;
	width: 100px;
	border: 1px solid #fff;
	margin: 2px;
	}
	
div.other-selected{
	border: 1px solid #f00;
	}
	
div.other-title{
	clear: both;
	font-weight: bold;
	}

div.galerie-panier{
	clear: both;
	border: 2px solid #fff;
	margin: 20px 0;
	margin: 2px;
	padding: 5px;
	}
div.galerie-panier div, .galerie-panier a:link{
	margin: 10px 0;
	color: #f00;
	}
	
div.galerie-panier div i{
	font-size: 80%;
	color: #aaa; 
	}
	
div.galerie-panier div a{
	font-weight: bold;
	}


/* Page de panier */ 

table.panier{
	width: 100%;
	border-bottom: 2px solid #fff;
	}
	
.panier td{
	border-top: 1px solid #fff;
	
	}
div.disclaimer{
	margin: 10px 0;
	border: 1px solid #f00;
	padding: 3px;
	}

.vide-panier, .envoi-panier{
	float: left;
	background: #000;
	border: 1px solid #fff;
	padding: 3px;
	margin: 2px;
	}
	
.envoi-panier{
	font-weight: bold;
	}