/* -------------------------------------------------------------------- */
/*
/* (c) Julien RICHETTI, 2008 : feuille de style pour Elcé
/*
/* -------------------------------------------------------------------- */
HTML, BODY {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

BODY {
	color: #FFF;
	text-align: center;
	background: #000 url(soie.jpg) repeat center;
}

BODY, TD, TH, TEXTAREA {
	font-family: "tahoma", arial, sans-serif;
	font-size: 9pt;
}

A { color: #906; text-decoration: none; }
A:hover { color: #C06; text-decoration: underline;}

H1, H2, H3, H4, H5, H6 {
	margin: 0;
	padding: 1em 0 0.5em 0;
	color: #999;
	font-size: 1em;
	font-weight: bold;
	font-family: arial, sans-serif;
}
H1 {
	font-size: 1.50em;
	border-bottom: 1px dotted silver;
	padding: 0 0 0.50em 0;
	margin: 0 0 0.5em 0;
	color: #C06;
}
H2 { font-size: 1.25em; }
H3 { font-size: 1.15em; }

P {
	padding: 0;
	margin: 0 0 1em 0;
}

TD, TH {
	vertical-align: top;
	margin: 0;
	padding: 0;
	border: none;
}

HR {
	border-top: 1px dotted silver;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	height: 1px;
	margin: 1em 0;
	width: 100%;
}

IMG {
	border: none;
}

/* -------------------------------------------------------------------- */
#header {
	width: 920px;
	margin: 0 auto;
	text-align: center;
	padding: 20px 0 0 0;
	height: 120px;
}
#logo {
	float: left;
}
.menu {
	float: right;
	clear: right;
	text-align: left;
	height: 100%;
	padding: 0;
	margin: 0;
	width: 321px;
	font-size: 11px;
}
.menu UL {
	height: 100%;
}
.menu UL.left {
	float: right;
	text-align: right;
}
.menu UL.right {
	float: right;
	border-left: 1px solid #EEE;
}

.menu UL,
.menu LI {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	width: 160px;
	line-height: 16px;
	font-size: 11px;
	float: left;
}

#metal #menu_metal,
#divina #menu_divina,
#linea #menu_linea,
#homme #menu_homme,
#mentions #menu_mentions,
#catalogue #menu_catalogue,
#contact #menu_contact,
#apropos #menu_apropos,
#actu #menu_actu
{
	background: #FFF;
	color: #333;
	font-weight: bold;
}
 #header .menu .left LI SPAN {
	color: #999;
	padding: 2px 10px 2px 0;
	display: block;
}
 
.menu LI A, .menu LI A:link, .menu LI A:visited, .menu LI A:active {
	color: #FFF;
	display: block;
	float: none;
	padding: 2px 10px;
	font-weight: normal;
	line-height: 16px;
	font-size: 11px;
	text-decoration: none;
}
.menu LI A:hover {
	color: #FFF;
	background: #5C5D63;
	text-decoration: none;
}

#divina .menu LI A:hover { background: #815A37; }
#linea .menu LI A:hover { background: #AAB63A; }
#homme .menu LI A:hover { background: #5B5A57; }
#metal .menu LI A:hover { background: #9A79A5; }

#main {
	width: 100%;
	height: 540px;
	text-align: center;
	border-top: 0px solid #FFF;
	border-bottom: 0px solid #FFF;
	background: #FFF url(alu.jpg) repeat center;
}

#ecleflash {
	width: 920px;
	height: 540px;
	margin: 0 auto;
	padding: 0;
	z-index: 9;
}

#footer {
	width: 920px;
	margin: 0 auto;
	text-align: right;
	padding: 0;
}
#footer .menu UL {
	padding-top: 20px;
}

.menu #langues IMG { float: right; padding: 12px 10px 0 0;}
#footer .menu UL#langues { padding-top: 80px;}

/*
------------------------------------------------------------------------------*/
#inside {
	height: 540px;
	width: 920px;
	overflow: auto;
	margin: 0;
	padding: 0;
	color: #333;
}

#leftcol {
	text-align: left;
	width: 600px;
	margin: 0 20px 10px 0;
	padding: 20px 0 0 0;
	float: left;
}
#rightcol {
	float: right;
	text-align: left;
	width: 280px;
	font-size: 0.9em;
	margin: 0;
	padding: 0;
	height: 540px;
	background: transparent url(rose.jpg) repeat-y top right;
}

#inside UL {
	margin: 0 0 0 1.5em;
	padding: 0 0 0.5em 0;
	list-style: square;
	color: #000;
	line-height: 1.5em;
}
#inside UL UL {
	margin: 0 0 0 1.5em;
	padding: 0 0 0.5em 0;
	list-style: square;
	color: #999;
}
#inside UL.demi {
	float: left;
	width: 18em;
}

.vignettes A {
	height: 155px;
}
.galeries,.vignettes {
	float: none;
	clear: both;
	padding: 0 0 1em 0;
	margin: 0;
}
.galeries A, .vignettes A {
	display: block;
	float: left;
	margin: 0;
	padding: 10px;
	width: 20%;
}
.galeries A:hover, .vignettes A:hover {
	background: #000;
	text-decoration: none;
}
.galeries A IMG {
	display: block;
	float: left;
	margin: 0 5px 5px 0;
}
.vignettes A IMG {
	display: block;
	float: none;
	margin: 0 0 5px 0;
}
.galeries A {
	margin: 0 10px 10px 0;
	background: #FFF;
	width: 45%;
}
.galeries SPAN, .vignettes SPAN {
	font-size: 85%;
}
/* -------------------------------------------------------------------- */
/* formualaires
/* -------------------------------------------------------------------- */
FORM {
	padding: 0 0 0 0;
	margin: 0;
}
LABEL  {
	display: block;
	float: left;
	text-align: right;
	width: 15em;
	height: 1.7em;
	line-height: 1.7em;
	margin: 0;
	padding: 0 10px 0 0;
}
LABEL.asterix {
	background: transparent url(asterix.png) no-repeat right top;
}
TEXTAREA, INPUT {
	border: 1px solid #DDD;
	background: #F6F6F6;
	padding: 2px 0 0 2px;
	margin: 0;
	width: 360px;
	color: black;
}
INPUT {
	height: 1.5em;
}
INPUT.demi {
	width: 175px;
	margin: 0 3px 0 0;
}

TEXTAREA {
	padding: 4px;
	width: 364px;
	max-width: 364px;
}
P.boutons {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
P.boutons INPUT {
	width: 146px;
	padding: 0.25em 0 0.25em 0;
	height: auto;
	line-height: 1em;
	margin: 0 0.5em 0 0;
	border: 1px solid #333;
	background: #333;
	color: white;
	cursor: pointer;
}
P.boutons INPUT:hover {
	background: #C06;
	color: #FFF;
}

/* -------------------------------------------------------------------- */
.erreur {
	color: #F00;
	font-weight: bold;
	padding: 1em;
	margin: 0;
}
.mention {
	text-align: justify;
	font-size: 0.9em;
	color: #666;
}
.clr, .break {
	margin: 0;
	padding: 0;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	width: 100%;
	clear: both;
	float: none;
	display: block;
}

.break {
	border-top: 1px dotted #CCC;
	padding-bottom: 1em;
}

.cadre {
	display: block;
	float: none;
	margin: 0;
	padding: 20px 40px;
	border: 1px solid #DDD;
	background: #F6F6F6;
}

/* -------------------------------------------------------------------- */

.col1 {
	float: left; width: 45%;
}
.col2 {
	float: left;
	margin-left: 20px;
	border-left: 1px solid #DDD;
	padding-left: 20px;
}
.actu {
	border-bottom: 1px dotted #CCC;
	padding: 0.75em 0;
	margin: 0.75em 0 0 0;
}
.actu H3 { margin: 0 0 0.5em 0; padding: 0;}
.actu IMG { float: left; clear: both; margin: 0 16px 0.75em 0; }

/* accessibility */
.access { position: absolute; left: -3000px; width: 500px; }
#header HR, #footer HR { position: absolute; left: -3000px; width: 500px;}