html, body{height: 100%;}
body{
	margin: 0px;
	padding: 0px;
	background: #300000 url(/images/pattern.gif) top center repeat fixed;
	text-align: center;
	color: #FFFFFF;
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
}	
#body,
#dmark,
#trame,
#logobg{
	height: 100%;
	min-height: 100%;
}
html > body #body,
html > body #dmark,
html > body #trame,
html > body #logobg{
	min-height: 100%; 
	height: auto;
}
	
#body{background: url(/images/pattern-top.jpg) top center no-repeat fixed;}
#dmark{background: url(/images/d-marak-trame.png) top center no-repeat fixed; behavior: url(/iepngfix.htc);}
#trame{background: url(/images/trames/t0001.png) top center no-repeat fixed; behavior: url(/iepngfix.htc);}
#logobg{background: url(/images/logo-dmarkation.png) top center no-repeat scroll; behavior: url(/iepngfix.htc);}

img{border: none;}
a{color: #FFFFFF;}
a:hover{text-decoration: none;}
p{margin: 0px; padding: 8px 0px;}

.clearLeft,
.clearRight,
.clearBoth{
	clear: left;
	height: 0px;
	margin: 0px;
	visibility: hidden;
	line-height: 0px;
	padding: 0px;
	font-size: 0px;
}
.clearRight{clear: right;}
.clearBoth{clear: both;}

ins,
div.tags strong{
	float: left;
	background: #000000;
	text-decoration: none;
	font: 12px "Courier New", Courier, monospace;
	padding: 3px 8px;
	text-transform: uppercase;
}
div.tags strong{font-size: 11px;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{background-color: #c30000;}

h1{
	margin: 0px;
	padding: 30px 0px 10px 25px;
	clear: left;
	font: 46px/48px "Palatino Linotype", "Courier New", Courier, monospace;
	letter-spacing: 0px;
	word-spacing: 6px;
}
h2{
	margin: 0px;
	padding: 8px 30px 10px 0px;
	clear: left;
	font: 34px/36px "Palatino Linotype", "Courier New", Courier, monospace;
	letter-spacing: 0px;
	word-spacing: 6px;
}
h3{
	margin: 0px;
	padding: 8px;
	background: #000000;
	text-align: center;
	font: bold 16px "Palatino Linotype", "Courier New", Courier, monospace;
	letter-spacing: 0px;
	text-transform: uppercase;
	word-spacing: 4px;
}
h4{
	margin: 0px;
	padding: 8px 16px 12px 16px;
	font: 36px/40px "Palatino Linotype", "Courier New", Courier, monospace;
	word-spacing: 6px;
	text-transform: capitalize;
	font-variant: small-caps;
	letter-spacing: 2px;
}
h5{
	margin: 0px;
	padding: 0px 0px 5px 0px;
	font: bold italic 24px/30px "Palatino Linotype", "Courier New", Courier, monospace;
	word-spacing: 6px;
	letter-spacing: 2px;
}

#page{
	margin: 0 auto;
	padding: 0px;
	text-align: left;
	width: 970px;
}
#logo{position: relative;}
#logo div{
	position: absolute;
	width: 316px;
	height: 159px;
	left: 12px;
	top: 91px;
	z-index: 300;
}

#navigation{
	width: 970px;
	position: fixed;
	z-index: 100;
}
	#navigation ul, #navigation ul li{
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	#navigation ul{
		float: right;
		height: 34px;
	}
	#navigation ul li{
		float: left;
		position: relative;
	}
	#navigation ul li a{
		float: left;
		font: 16px "Courier New", Courier, monospace;
		padding: 8px 15px;
		text-decoration: none;
		letter-spacing: -1px;
		word-spacing: -5px;
		color: #FFFFFF;
		background: #000000;
		text-transform: uppercase;
		filter: alpha(opacity=80);
		-moz-opacity:.80;
		opacity:.80;
	}
	#navigation ul li a:hover{
		background-color: #c30000;
		filter: alpha(opacity=100);
		-moz-opacity:1;
		opacity:1;
	}
	
	#navigation ul li ul{
		float: none;
		position: absolute;
		width: 250px;
		height: auto;
		top: 34px;
		left: -10px;
	}
		#navigation ul li ul li, #navigation ul li ul li a{
			float: none;
			display: block;
		}
		#navigation ul li ul li a{
			font-size: 12px;
			letter-spacing: 0px;
			word-spacing: -2px;
			padding: 6px 25px;
			text-transform: none;
			width: 200px;
		}
		#navigation ul li ul li a strong{
			display: block;
			font-size: 14px;
		}
		#navigation ul li ul li a small{
			font-size: 12px;
			color: #CCCCCC;
		}
		#navigation ul li ul li a:hover small{color: #f0b3b3;}
		
	#navigation ul li ul{top: -999px;}
	/*#navigation ul li:hover ul{top: 34px;}*/
	
	#navigation ul li.sfhover ul{top: 34px;}

#langues{
	float: right;
	clear: right;
	padding: 4px 15px;
	font: 10px Arial, Helvetica, sans-serif;
	color: #d0b6b6;
	word-spacing: 2px;
}
	#langues a{color: #d0b6b6;}
	#langues a:hover{
		color: #FFFFFF;
		text-decoration: underline;
	}
	#langues a.selected{
		color: #FFFFFF;
		text-decoration: none;
		cursor: default;
	}

div.quotes{background: url(/images/quote-top.gif) 0px 0px no-repeat;}
div.quotes div{
	padding: 12px 13px 25px 13px;
	background: url(/images/quote-bottom.gif) right bottom no-repeat;
}
div.quotes div.content{
	padding: 0px 15px;
	background: url(/images/black.png);
}
p.more{
	text-align: right;
	font-size: 90%;
	padding-top: 0px;
	padding-right: 30px;
}
p.more a, div.tags a{color: #ad9999;}
p.more a:hover, div.tags a:hover{color: #FFFFFF;}

div.tags{
	padding-top: 25px;
	font: 9px/20px Verdana, Arial, Helvetica, sans-serif;
}
	div.tags a{
		text-decoration: none;
		white-space: nowrap;
		margin-left: 5px;
	}

a.caption{
	position: relative;
	text-decoration: none;
}
a.caption span{
	display: block;
	background: url(/images/black.png);
	position: absolute;
	top: 0px;
	left: 0px;
	height: 50px;
	text-align: right;
	padding: 10px;
	font: bold 16px/16px "Courier New", Courier, monospace;
	text-transform: uppercase;
}
	a.caption span strong{
		display: block;
		font-size: 14px;
		line-height: 14px;
		font-weight: normal;
		text-transform: none;
	}

#about{
	padding: 70px 0px 0px 365px;
	font: 13px/17px Arial, Helvetica, sans-serif;
}
	#about h1{
		margin: 0px;
		padding: 14px 0px 7px 0px;
		clear: left;
		font: bold 16px/24px "Palatino Linotype", "Courier New", Courier, monospace;
		letter-spacing: 0px;
		word-spacing: 0px;
		text-transform: uppercase;
	}
	#about p{
		margin: 0px;
		padding: 7px 0px;
	}
	#about p.more{padding-bottom: 14px; padding-right: 30px;}
	
#content{width: 970px;}
	#content .left{float: left;}
	#content .right{float: right;}
	#content .mainmini{width: 570px;}
	#content .seclarge{width: 400px;}
	#content .mainlarge{width: 615px;}
	#content .secmini{
		width: 355px;
		padding-top: 190px;
	}
	
	#content .seclarge div.quotes{
		margin: 30px 5px 0px 40px;
		background: url(/images/quote-m-top.gif) 0px 0px no-repeat;
	}
	#content .seclarge div.quotes div{
		padding: 8px 8px 15px 8px;
		background: url(/images/quote-m-bottom.gif) right bottom no-repeat;
	}
	#content .seclarge div.quotes div.video{
		background: none;
		border: 5px solid #000000;
		margin: 5px 10px 0;
		padding: 0;
	}
	#content .seclarge div.quotes div.content{
		padding: 10px;
		background: url(/images/black.png);
	}
	
	#content .secmini div.quotes{margin: 10px 30px 20px 25px;}
	#content .secmini div.quotes div.content{padding: 10px;}
	
	#content .seclarge div.vedette{margin: 30px 5px 0px 57px;}
	#content .seclarge div.vedette div.content{padding: 10px 0px;}
	
	#content .seclarge div.vedette h3{
		margin: 0px 10px;
		padding-bottom: 3px;
	}
	#content .seclarge div.vedette a.caption{
		display: block;
		border: 2px solid #000000;
		margin: 0px 10px;
	}
	#content .seclarge div.vedette a.caption:hover{border-color: #c30000;}
	#content .seclarge div.vedette a.caption img{
		background-position: center center;
		background-repeat: no-repeat;
		border: 3px solid #000000;
		width: 292px;
		height: 180px;
	}
	#content .seclarge div.vedette a.captionlarge{margin-bottom: 5px;}
	#content .seclarge div.vedette a.captionlarge img{
		width: 292px;
		height: 164px;
	}
	#content .seclarge div.vedette a.caption span{
		top: 147px;
		left: 3px;
		width: 272px;
		height: 17px;
		cursor: pointer;
	}
	#content .seclarge div.vedette a.captionlarge span{
		bottom: 0;
		height: auto;
		top: inherit;
	}
	
	#content .seclarge div.vedette span.pics{
		display: block;
		width: 322px;
		padding-top: 5px;
	}
	
	div.vedette a.pic{
		display: inline;
		float: left;
		padding: 3px;
		margin: 10px 0px 0px 10px;
		filter: alpha(opacity=60);
		-moz-opacity:.60;
		opacity:.60;
		cursor: pointer;
		border: 1px solid #ad9999;
	}
		div.vedette a.pic a img{
			background-position: center center;
			background-repeat: no-repeat;
		}
	div.vedette a.pic:hover{
		border: 1px solid #FFFFFF;
		filter: alpha(opacity=100);
		-moz-opacity:1;
		opacity:1;
		cursor: pointer;
	}
	
	#content .mainmini .news{padding-right: 40px;}
	#content .mainmini .artists h2{
		padding-left: 30px;
	}
	#content .mainmini .artists{
		padding-bottom: 50px;
	}
	
#news{padding-top: 80px;}
	#news div.news{padding: 0px 0px 40px 0px;}
	#news div.all{padding: 0px 0px 80px 0px;}
	#news div.news ins,
	#news div.news div.tags{margin: 0px 20px;}
	#news div.news h1{padding: 8px 10px 25px 10px;}
	#news div.news h2{
		padding: 8px 12px 15px 12px;
		font: 28px/30px "Palatino Linotype", "Courier New", Courier, monospace;
	}
	#news div.news div.content{
		padding: 8px 20px;
		background: url(/images/black.png);
	}
	#news div.newslist h1{
		padding: 0px 12px 10px 12px;
		font: 48px/50px "Palatino Linotype", "Courier New", Courier, monospace;
		text-transform: uppercase;
	}
	#news div.newslist div.content{
		font-size: 11px;
		line-height: 18px;
	}
		#news div.content img,
		#news div.content a, #news div.content a:hover{
			float: none;
			margin: 0px;
			padding: 0px;
			border: none;
		}
		#news div.content a img{
			margin: 10px 0px 20px 30px;
			border: 3px solid #000000;
			padding: 0px;
			float: right;
		}
		#news div.content a:hover img{border-color: #c30000;}
	#news div.newslist div.news{
		padding: 30px 0px;
		border-bottom: 1px solid #6b3335;
	}
	#news div.newslist div.content img,
	#news div.newslist div.content a img{
		margin: 10px 20px 20px 0px;
		border: 1px solid #6e5f5f;
		padding: 0px;
		float: left;
	}
	#news div.newslist div.content a:hover img{border-color: #FFFFFF;}
	
	#artist{
		background-repeat: no-repeat;
		background-position: right 120px;
		position: relative;
		padding-top: 270px;
		width: 970px;
	}
	#artist.monsieur2{background-position: right 80px;}
	#artist.monsieur3{background-position: right 60px;}
	#artist.monsieur4{background-position: right 38px;}
	#artist.monsieur7{background-position: right 30px;}
	#artist.monsieur8{background-position: right 50px;}
	#artist.monsieur9{background-position: right 50px;}
	#artist.monsieur10{background-position: right 60px;}
	#artist.monsieur11{background-position: right 40px;}
	#artist.monsieur12{background-position: right 25px;}
	
	div.news{
		padding: 0px 10px 40px 30px;
		font: 12px/22px Verdana, Arial, Helvetica, sans-serif;
	}
	div.news div.content img{
		margin: 15px 0px 20px 30px;
		padding: 0px;
		float: right;
	}
	div.news div.content a.pic{
		margin: 15px 0px 20px 30px;
		padding: 0px;
		float: right;
	}
	div.news div.content a.pic img{
		margin: 4px;
		padding: 0px;
		float: none;
	}	
	div.news div.content a.pic:hover{border: 1px solid #FFFFFF;}
	div.news div.content a.pic:hover img{margin: 3px;}
	ul.news, ul.news li{
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
		ul.news li a{
			text-decoration: none;
			float: left;
			padding: 10px 0px;
			line-height: 16px;
			border-top: 1px solid #6b3335;
			cursor: pointer;
		}
		ul.news li a, ul.news li a strong{display: block;}
		ul.news li a strong{
			float: right;
			font-weight: normal;
			padding: 3px 4px;
		}
		#content .mainmini ul.news li,
		#content .mainmini ul.news li a{
			clear: both;
			width: 490px;
		}
		#content .mainmini ul.news li a strong{width: 328px;}
		
		ul.news li a:hover strong{background-color: #c30000;}

	div.artist-showcase a{
		display: block;
		position: relative;
		text-decoration: none;
		color: #ad9999;
		cursor: pointer;
	}
	div.artist-showcase a:hover{
		text-decoration: none;
		color: #FFFFFF;
	}
	div.artist-showcase a span{
		display: block;
		position: absolute;
		top: 105px;
		left: 105px;
		background: url(/images/black.png);
		width: 190px;
		padding: 10px 20px 10px 10px;
		text-align: right;
		font-size: 10px;
	}
	div.artist-showcase a span strong{
		display: block;
		font: italic 19px/19px Georgia, "Times New Roman", Times, serif;
	}
	
	div.right div.artist-showcase a{
		width: 292px;
		margin-right: 15px;
		float: left;
	}
	div.right  div.artist-showcase a span{
		left: 75px;
		width: 187px;
	}

div.pager table td{
	font: 14px/18px Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	padding: 20px;
}
	div.pager table td a{
		text-decoration: none;
		color: #ad9999;
	}
	div.pager table td a:hover{
		text-decoration: none;
		color: #FFFFFF;
		background-color: #c30000;
	}
	
#artist div.name{
	position: absolute;
	top: 100px;
	left: 350px;
	text-align: right;
	background: url(/images/black.png);
	padding: 10px 160px 10px 50px;
	z-index: 2;
}
	#artist div.name h1, #artist div.name h2{
		margin: 0px;
		padding: 0px;
		white-space: nowrap;
	}
	#artist div.name h2{
		font-size: 22px;
		font-style: italic;
		padding-right: 10px;
		margin-top: -10px;
	}
	#artist div.name h2 a{
		color: #ad9999;
		font: 12px/12px Verdana, Arial, Helvetica, sans-serif;
	}
	#artist div.name h2 a:hover{color: #FFFFFF;}
	#artist.monsieur2 div.name{top: 120px; left: 370px;}
	#artist.monsieur3 div.name{top: 120px; left: 400px;}
	#artist.monsieur4 div.name{top: 110px; left: 360px;}
	#artist.monsieur7 div.name{top: 110px; left: 360px;}
	#artist.monsieur8 div.name{top: 110px; left: 360px;}
	#artist.monsieur9 div.name{top: 120px; left: 350px;}
	#artist.monsieur10 div.name{top: 140px; left: 345px;}
	#artist.monsieur11 div.name{top: 100px; left: 370px;}
	#artist.monsieur12 div.name{top: 70px; left: 360px;}
	
#artist div.showroom{
	width: 485px;
	float: left;
}	
	#artist div.showroom h4{
		clear: left;
	}
	#artist div.showroom div.pics a,
	#artist div.showroom div.pics a:hover{
		display: inline;
		float: left;
		padding: 4px;
		margin-right: 10px;
		margin-bottom: 10px;
		filter: alpha(opacity=20);
		-moz-opacity:.20;
		opacity:.20;
		cursor: default;
	}
		#artist div.showroom div.pics a img{
			background-position: center center;
			background-repeat: no-repeat;
		}
	#artist div.showroom div.pics a.on{
		border: 1px solid #ad9999;
		padding: 3px;
		filter: alpha(opacity=60);
		-moz-opacity:.60;
		opacity:.60;
		cursor: pointer;
	}
	#artist div.showroom div.pics a.on:hover{
		border: 1px solid #FFFFFF;
		padding: 3px;
		filter: alpha(opacity=100);
		-moz-opacity:1;
		opacity:1;
		cursor: pointer;
	}
	#artist div.showroom div.pics{
		clear: left;
		padding: 0px 0px 30px 12px;
	}
	
	#artist div.showroom div.restricted{
		background: url(/images/18plus.gif) 10px 10px no-repeat;
		padding: 15px 30px 30px 210px;
	}
	#artist div.showroom div.restricted a{
		color: #ad9999;
		text-decoration: underline;
	}
	#artist div.showroom div.restricted a:hover{
		color: #FFFFFF;
		text-decoration: none;
	}
	#artist div.tags{
		padding: 20px 12px 15px 12px;
		text-align: justify;
	}
	#artist div.tags a.selected{
		font-weight: bold;
		color: #FFFFFF;
		font-size: 11px;
		cursor: default;
	}
#artist div.details{
	width: 485px;
	padding-top: 300px;
	float: left;
}
#artist div.details div.description{
	background: url(/images/black.png);
	padding: 10px 20px;
}
	#artist.monsieur2 div.details{
		padding-top: 370px;
		padding-left: 20px;
		padding-right: 20px;
		width: 400px;
	}
	
	#artist.monsieur3 div.showroom{width: 540px;}
	#artist.monsieur3 div.details{
		padding-top: 330px;
		padding-left: 20px;
		width: 400px;
	}
	
	#artist.monsieur4 div.showroom{width: 540px;}
	#artist.monsieur4 div.details{
		padding-top: 345px;
		padding-left: 15px;
		width: 400px;
	}
	#artist.monsieur7 div.showroom{width: 485px;}
	#artist.monsieur7 div.details{
		padding-top: 340px;
		padding-left: 35px;
		width: 450px;
	}
	#artist.monsieur8 div.showroom{width: 540px;}
	#artist.monsieur8 div.details{
		padding-top: 340px;
		padding-left: 20px;
		width: 400px;
	}
	#artist.monsieur9 div.showroom{width: 540px;}
	#artist.monsieur9 div.details{
		padding-top: 330px;
		padding-left: 5px;
		width: 420px;
	}
	#artist.monsieur10 div.showroom{width: 540px;}
	#artist.monsieur10 div.details{
		padding-top: 370px;
		padding-left: 0px;
		width: 425px;
	}
	#artist.monsieur11 div.showroom{width: 540px;}
	#artist.monsieur11 div.details{
		padding-top: 370px;
		padding-left: 0px;
		width: 405px;
	}
	#artist.monsieur12 div.showroom{width: 540px;}
	#artist.monsieur12 div.details{
		padding-top: 370px;
		padding-left: 0px;
		width: 425px;
	}

#artist div.mail{
	text-align: center;
	font-size: 14px;
	padding: 8px 0px;
}

#head{
	margin-left: 380px;
	padding: 15px 25px;
	font: 16px/24px Arial, Helvetica, sans-serif;
	background: url(/images/black.png);
}
#head.heures{
	margin-left: 0px;
	float: right;
	width: 540px;
}
#head p strong{
	font: 21px "Palatino Linotype", "Times New Roman", Times, serif;
	text-transform: uppercase;
}
#contact{
	padding: 100px 0px 0px 0px;
	width: 970px;
}

#contact h1{
	margin: 0px;
	padding: 8px 30px 10px 0px;
	clear: left;
	font: 34px/36px "Palatino Linotype", "Courier New", Courier, monospace;
	letter-spacing: 0px;
	word-spacing: 6px;
}
	#contact h1 strong{
		display: block;
		margin: 0px;
		padding: 20px 0px;
		clear: left;
		font: 46px/48px "Palatino Linotype", "Courier New", Courier, monospace;
		letter-spacing: 0px;
		word-spacing: 6px;
	}
#contact div.map{
	float: left;
	margin-top: 175px;
	padding: 20px;
	background: url(/images/black.png);
	width: 310px;
	font-size: 11px;
	text-align: center;
}
	#contact div.map img{margin-bottom: 10px;}

#footer{
	margin-top: 60px;
	border-top: 1px solid #6b3335;
	padding: 30px 20px;
	color: #e6bfbf;
}
#footer strong{
	font: 18px "Palatino Linotype", "Times New Roman", Times, serif;
	color: #FFFFFF;
	text-transform: uppercase;
	letter-spacing: 1px;
}
p.credits{
	float: right;
	width: 420px;
	font-size: 10px;
	text-align: right;
	line-height: 16px;
}

div.noshow #vimeoplayer{display: none;}
div.vimeoplayer{
	height: 450px;
	width: 800px;
}