/* CSS Document */
body {
font-family:Georgia, "Times New Roman", Times, serif;
color:#FFFFFF;
font-size:14px;
margin:0;
padding: 0;
background:url(../images/bg.jpg) repeat-x;
background-color:#1b1310;
text-align:justify;}

	a {
	color:#e8b37d;
	font-family:Georgia, "Times New Roman", Times, serif;}
	a:link {
	text-decoration:underline;}
	a:visited {
	text-decoration: none;}
	a:hover {
	text-decoration:none;
	color:#FFFFFF;}
	a:active {
	text-decoration: none;
	color:#FFFFFF;}

	* {
	margin:0;
	padding:0;
	border:0;}
	
	table {
	border:solid 2px #6b4e37;
	text-align:center;
	font-size:11px;}
	
	td {
	border:solid 1px #6b4e37;
	padding:2px 0;
	margin:0;
	width:25%;}
	
		table h1 {
		color:#fff;
		font-size:14px;
		font-weight:bold;
		padding:5px 0;
		background:#4d3a2b;}

/* definition des titres et des annotations */

	h1 {
	font-size:25px;
	font-weight:bold;
	color:#000000;
	padding:0;
	margin:0;}
	
	h1 .lettrine {
	font-size:40px;}

	h2 {
	font-size:18px;
	font-weight:bold;
	padding:0;
	margin:0;}
	
	h3 {
	font-size:19px;
	color:#FFFFFF;
	margin:0;
	border-bottom:1px solid #e8b37d;
	border-spacing:7px;
	padding:0;
	font-weight:normal;}
	
	.font12 {
	font-size:12px;}
	
	.font10 {
	font-size:10px;}
	
/* structure globale */
#global {
width:999px;
height:100%;
margin:auto;
position:relative;}

	#left {
	float:left;
	height:100%;
	width:165px;
	margin-left:43px;
	background:url(../images/ribbon_02.jpg) top no-repeat;}
	
	#header {
	float:left;
	height:85px;
	width:705px;
	margin-left:43px;}
	
	#content {
	float:left;
	height:100%;
	width:705px;
	margin-left:43px;
	margin-top:17px;}
	
	#footer {
	width:957px;
	padding-top:10px;
	padding-right:42px;
	text-align:right;
	font-size:12px;
	float:left;}
	
/* structure left */

#logo {
height:149px;
width:165px;
margin-top:28px;
text-align:center;}

#coord {
margin-top:202px;
height:177px;
width:159px;
border:3px solid #4d3a2b;
border-bottom:0;
background-color:#000000;
text-align:center;
padding-top:20px;}

	#coord-bot {
	width:165px;
	height:30px;
	background:#e8b37d;}
	
/* structure header */
#menu {
	height:85px;
	width:517px;
	margin-left:188px;}
		
		#menu ul {
			list-style:none;
			padding: 0px;
			margin:0px;
			float:left;}
		
		#menu ul li {
		float:left;
		background:url(../images/menu.jpg) repeat-x;
		height:85px;
		margin-left:9px;}
		
		#menu ul a {
		text-indent:-9999px;
		margin-top:28px;
		height:42px;
		width:90px;
		float:left;}
		
		#menu ul a:hover{
		background-position:bottom left;}
			
			#presentation {
			background:url(../images/presentation.jpg) top left;}
			
			#mobilier {
			background:url(../images/mobilier.jpg) top left;}
			
			#vaisselle {
			background:url(../images/vaisselle.jpg) top left;}
			
			#structure {
			background:url(../images/structure.jpg) top left;}
			
			#accessoire {
			background:url(../images/accessoires.jpg) top left;}
			
			#buffet {
			background:url(../images/buffet.jpg) top left;}
			
			#plan-contact {
			background:url(../images/contact.jpg) top left;}
			
/* content - page presentation */
#welcome {
background-color:#e8b37d;
width:699px;
padding:3px;}

#edit {
background-color:#000000;
width:693px;
border:3px solid #4d3a2b;
padding:15px 3px 15px 3px;
margin-top:22px;}

/* content - page type */
#texte {
background-color:#000000;
width:693px;
border:3px solid #4d3a2b;
padding:15px 3px 15px 3px;}

#photos {
width:699px;
margin-top:22px;}

	#photos ul {
	list-style: none; }
	#photos ul li {
	display: inline; }
	#photos .image {
	margin-left:21px;
	margin-bottom:15px;}

/* content page contact */

.col {
float:left;
width:335px;}

.col .texte {
background-color:#000000;
width:329px;
border:3px solid #4d3a2b;
padding:15px 3px 15px 3px; float:left;}

.col .title {
background-color:#e8b37d;
width:335px;
padding:3px;}

.btn {
cursor:pointer;
background:url(../images/submit.jpg) no-repeat;
font-size:11px;
color:#FFFFFF;
height:19px;
width:56px;}