/*
/// Site	: http://www.lignemetal.fr
/// Date	: 10/12/2003.
/// Objet	: CSS Styles.
*/

/*
/// General Layout.
*/
html {
	min-height		: 100%;
	background      : #FFF url(../img/bkg/body.gif) repeat-x left bottom;
}
body {
	margin          : 0;
	padding         : 0;
}
#navigation{
	background      : #969 url(../img/bkg/img_menu.gif) repeat-x top left;
	height          : 85px;
}

/*
/// Navigation : Illustration.
*/
#logo{
	padding-left    : 10px;
	float           : left;
}

#illustration{
	text-align      : right;
	margin          : 0px;
	padding         : 0px;
}


/*
/// Navigation : Menu.
*/
#menu{
	text-align      : right;
	margin : 0px;
	padding : 0px;
}

#menu ul{
	margin : 0px;
	padding : 0px;
}

#menu li{
	margin : 0px;
	padding : 0px;
	display : inline;
}

#menu a, #menu a:hover{
	font-family     : Verdana, Arial, Helvetica, sans-serif;
	font-size       : 11px;
	font-weight     : bold;
	color           : #FFF;
	text-decoration : none;
	margin-right    : 8px;
}

#menu a:hover{
	color           : #FF0;
}

#flag{
	vertical-align  : middle;
	border          : 0;
	padding         : 0;
	margin          : 0;
}

/*
/// Contenu : Information.
*/
#contenu{
	margin-bottom   : 20px;
	padding         : 10px;
	font-family     : Verdana, Arial, Helvetica, sans-serif;
	font-size       : 12px;
	color           : #000;
}

#contenu h1{
	font-family     : Verdana, Arial, Helvetica, sans-serif;
	font-size       : 11px;
	font-weight     : bold;
	color           : #000;
}

#ferronerie{
	background      : #C9F url(../img/concept/img_forge.gif) no-repeat right top;
	width           : 142px;
	height          : 23px;
	vertical-align  : middle;
	text-align      : left;
	padding-left    : 4px;
}

#contenu #ameublement{
	background      : #969 url(../img/concept/img_decoration.gif) no-repeat right top;
	width           : 142px;
	height          : 23px;
	vertical-align  : middle;
	text-align      : left;
	padding-left    : 4px;
}

#contenu #concept{
	background      : #636 url(../img/concept/img_createur.gif) no-repeat right top;
	width           : 142px;
	height          : 23px;
	vertical-align  : middle;
	text-align      : left;
	padding-left    : 4px;
}

#contenu #ferronerie a, #contenu #ameublement a, #contenu #concept a {
	font-family     : Verdana, Arial, Helvetica, sans-serif;
	font-size       : 12px;
	font-weight     : bold;
	color           : #FFF;
	text-decoration : none;
}

#contenu #ferronerie a:hover, #contenu #ameublement a:hover, #contenu #concept a:hover {
	font-family     : Verdana, Arial, Helvetica, sans-serif;
	font-size       : 12px;
	font-weight     : bold;
	color           : #FF0;
	text-decoration : none;
}

/*
/// Contenu : Articles.
*/
#contenu #article{
	width          : 90%;
	margin-left    : auto;
	margin-right   : auto;
	margin-bottom  : 30px;
	border         : 0;
}

#contenu #photographie{
	width          : 400px;
	height         : 300px;
	border-right   : 1px solid #333;
	padding-right  : 10px;
}

#contenu #description{
	text-align     : left;
	vertical-align : top;
	padding-left   : 10px;
}

#contenu #nom{
	margin          : 0px;
	font-size       : 16px;
	font-weight     : bold;
}

#contenu #collection{
	font-size       : 10px;
	font-weight     : bold;
}

#contenu #descriptif{
	font-size       : 11px;
	font-style		: italic;
}

#contenu #dimension, #contenu #prix{
	font-size       : 10px;
}

#partenaire img{
	vertical-align  : middle;
	border          : 0;
}

#partenaire a{
	font-size       : 11px;
	font-weight     : bold;
	color           : #333;
	text-decoration : none;

}

#partenaire a:hover{
	color           : #66F;
	text-decoration : none;
}


#contenu #collections, #contenu #liste {
	font-size       : 9px;
	display         : inline;
	border          : 1px solid #333;
	padding         : 3px;
	margin-left     : 14px;
}

#contenu #liste a, #contenu #liste a:hover {
	color           : #333;
	text-decoration : none;
}

#contenu #articles{
	margin          : 3px;
	padding         : 4px;
	font-size       : 10px;
	border-left     : 3px solid #333;
	border-top      : 1px solid #333;
	border-right    : 0;
	border-bottom   : 0;
}

#contenu #articles a{
	color           : #333;
	text-decoration : none;
}

#contenu #articles a:hover{
	color           : #666;
}

/*
/// Contenu : Listing.
*/

#contenu .listingCollection{
	width           : 90%;
	margin-left     : 40px;
	margin-bottom   : 40px;
	color           : #333;
}
#contenu .listingCollection img{
	float           : left;
}
#contenu .listingCollection h1{
	border-bottom   : 1px solid #CCC;
	margin-left     : 92px;
	font-size       : 12px;
}
#contenu .listingCollection h2{
	margin-left     : 102px;
	font-size       : 10px;
	font-weight     : normal;
}
#contenu .listingArticle{
	margin-left     : 92px;
	padding-bottom  : 10px;
	background      : #FFF url(../img/bkg/hr.gif) repeat-x left bottom;
	margin-bottom   : 2px;
	color           : #333;
}
#contenu .listingArticle h3, #contenu .listingArticle a{
	font-size       : 11px;
	color           : #333;
	text-decoration : none;
	margin-bottom   : 2px;
}
#contenu .listingArticle a:hover{
	color           : #969;
	text-decoration : none;
}
#contenu .listingArticle p{
	font-size       : 10px;
	margin          : 0px;
}

#contenu #catalogue a{
	font-size       : 11px;
	font-weight     : bold;
	color           : #333;
	text-decoration : none;
	margin-bottom   : 2px;
}
#contenu #catalogue a:hover{
	color           : #969;
	text-decoration : none;
}

em{
	font-size       : 10px;
	color           : #636;
	text-decoration : none;
	font-style      : normal;
}
.textHome {
	margin			: 0px;
	padding-top		: 12px;
	font-size       : 10px;
	color           : #636;
	text-decoration : none;
	font-style      : normal;
}
#contenu a.home {
	font-size       : 10px;
	color           : #636;
	text-decoration : underline;
}
#contenu a:hover.home {
	text-decoration : none;
}
#createur{
	background      : #FFF url(../img/bkg/img_createur.gif) no-repeat left center;
}

#bedBackground{
	width           : 100%;
	height          : 70%;
	background      : #FFF url(../img/bkg/img_concept.gif) no-repeat left top;
}