body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

html {
}
body {
	background-color:#000;
	text-align:center;
	font-family: Verdana,Arial,"Trebuchet MS", sans-serif;
	padding-top:30px;
	text-align:left;
	color:#eee;
	font-size:80%;
	text-align:center;
	margin:0;
	padding:0;
}

a {
	color:#ddd;
}

a:hover {
	color:#fff;
	text-decoration:none;
}

.sep {
	clear:both;
}

#body {
	background-color:#222;
}

	#container {
		width:1050px;
		margin:0 auto;
		padding:24px 0;
	}	

#footer {
	background:url(../img/fond-bas.png) transparent repeat-x top left;
	height:81px;
	padding:20px 0 50px 0;
}
	
	.infos {
	}
	
		.infos a {
			text-decoration:none;
		}
		
			.infos a:hover {
				text-decoration:underline;
			}
	
		.infos b a{
			color:#d7a634;
			font-weight:normal;
			text-decoration:underline;
		}
		
			.infos b a:hover{
				text-decoration:none;
			}
		
		.infos em {
			font-size:.8em;
			color:#888;
		}
	
	.infooter {
		width:350px;
		margin:0 auto;
	}

	.infooter img {
		float:left;
	}
	
	.infooter p {
		text-align:left;
		padding-top:20px;
	}

#header {
	background:url(../img/fond-haut.png) #222222 repeat-x top left;
	height:100px;
	position:relative;
}

	#header #logo {
		position:relative;
		z-index:700;
		margin:0 auto;
		text-align:left;
		width:1050px;
	}
	
		#header #logo a {
			position:absolute;
			left:100px;
			top:0;
		}
		
		#header #logo p {
			padding:20px 10px 0 270px;
			color:#888;
			font-size:1em;
			letter-spacing:.1em;
		}

#contenu {
	position:relative;
	text-align:left;	
}

	#accueil .splash{
		position:relative;
		margin:0 auto;
		background-color:#000;
		width:900px;
		border:1px solid #444;
	}
	
		#accueil .splash .elt1 {
			height:600px;
			background:url(../img/accueil/architecte-interieur.jpg) 90px 150px #000 no-repeat;
			height:300px;
		}
		
		#accueil .splash .elt1 p {
			text-align:left;
			margin:0 20px;
			padding:12px 0;
			font-size:1.1em;
		}
		
		#accueil .splash .elt2 {
			position:absolute;
			right:227px;
			top:0;
		}
		
		#accueil .splash .elt3 {
			position:absolute;
			right:0;
			top:0;
		}
	
	.menu2 {
		margin:20px 0 20px 0;
		padding-left:110px;
		float:left;
	}
	
		.menu2 li{
			padding:2px 0;
		}
	
		.menu2 li a{
			color:#999;
			text-decoration:none;
			font-size:1.4em;
			border-left:2px solid #222222;
			padding-left:6px;
			display:block;
		}
		
			.menu2 li a:hover,.menu2 li .actif{
				color:#d7a634;
				border-left:2px solid #d7a634;
				background-color:#333;
			}
			
		.menu2 ul ul {
			display:none;
		}	
		
		.menu2 .visible {
			display:block;
		}
			
		.menu2 li li a{
			color:#eee;
			text-decoration:none;
			font-size:1.1em;
			border-left:2px solid #222222;
			padding-left:6px;
			margin-left:30px;
			display:block;
		}
	
		.menu2 p {
			width:100px;
			margin:40px 0 40px 8px;
		}
		
		.menu2 .menu2tabac {
			background-color:#333;
			border-left:2px solid #86281e;
			display:block;
			color:#fff;
		}
		
		.menu2 .menu2presse {
			background-color:#333;
			border-left:2px solid #917c1a;
			display:block;
			color:#fff;
		}
		
	#slideshow-container	{ 
		width:1080px; 
		height:220px; 
		position:relative; 
		float:right;
		margin:-30px 100px 20px 0 ;
	}
	
	#slideshow-container img { 
		display:block; 
		position:absolute;
		top:0; 
		left:0; 
		z-index:1;
		border:2px solid #333; 
                height: 220px;
	}
	
	.contenu {
		float:left;
		margin:20px 50px 0 0;
		padding-left:20px;
	}	
	
		.contenu h2 {
			font-size:1.6em;
			color:#888;
			padding-left:4px;
			border-bottom:1px solid #888;
			margin:0 0 10px 0; 
		}
		
		.contenu h3 {
			font-size:1.6em;
			color:#d7a634;
			margin:8px 0 20px 0; 
			text-align:left;
			font-family:Times new roman;
		}
		
		.contenu h4 {
			font-size:1.1em;
			color:#aaa;
			margin:0 0 10px 0; 
		}
		
		.contenu p {
			color:#ccc;
			margin-bottom:20px;
			color:#ddd;
			text-align:justify;
			line-height:1.4em;
		}
		
		.contenu .imgright {
			float:right;
			margin:0 0 18px 12px;
			border:4px solid #7a7b7b
		}
		
		.contenu .imgleft {
			float:left;
			margin:0 18px 12px 0;
			border:4px solid #7a7b7b
		}
	
		.contenu .col {
			float:left;
			width:300px;
			margin-right:20px;
			padding:0 10px 0 0;
		}

	.menu {
		background:url(../img/fond-menu.png) center center transparent no-repeat;
		width:1024px;
		height:86px;
		position:relative;
		margin-top:20px;
	}
	
		.menu #bt-mobilier-tabac {
			position:absolute;
			top:0;
			left:420px;
			display:block;
			width:170px;
			height:46px;
		}
		
		.menu #bt-mobilier-presse {
			position:absolute;
			top:44px;
			left:434px;
			display:block;
			width:146px;
			height:46px;
		}
		
		.menu #bt-archi-interieur {
			position:absolute;
			top:16px;
			left:700px;
			display:block;
			width:170px;
			height:54px;
		}
		
		.menu #bt-archi-magasin {
			position:absolute;
			top:16px;
			left:150px;
			display:block;
			width:170px;
			height:54px;
		}
		
	.tabac-general {
		position:absolute;
		left:0;
		top:0;
	}
	
	.menu-tabac {
		background:url(../img/tabac/menu-tabac.png) right 2px no-repeat transparent;
		height:60px;
		margin-top:-50px;
		margin-left:170px;
		position:relative;
	}
	
		.menu-tabac h3 {
			margin:0 20px 0 80px;
			display:inline;
			float:left;
		}
		
		.menu-tabac ul {
			padding-top:10px
		}
		
		.menu-tabac li {
			display:inline;
			padding:0 8px;
		}
		
			.menu-tabac li a{
				text-decoration:none;
				font-size:1.2em;
			}
			
				.menu-tabac li a:hover,.menu-tabac li a.actif{
					text-decoration:underline;
				}
				
	.menu-presse {
		background:url(../img/presse/menu-presse.png) right 2px no-repeat transparent;
		height:60px;
		margin-top:-50px;
		margin-left:170px;
	}
	
		.menu-presse h3 {
			margin:0 20px 0 80px;
			display:inline;
			float:left;
		}
		
		.menu-presse ul {
			padding-top:10px
		}
		
		.menu-presse li {
			display:inline;
			padding:0 8px;
		}
		
			.menu-presse li a{
				text-decoration:none;
				font-size:1.2em;
			}
			
				.menu-presse li a:hover,.menu-presse li a.actif{
					text-decoration:underline;
				}
	
	#tabac, #presse, .accueilpage {
		min-height:600px;
		background:url(../img/tabac/cigares-tabac.jpg) top left no-repeat transparent;
		margin-top:-20px;
	}
	
	#presse {
		min-height:600px;
		background:url(../img/presse/presse.jpg) top left no-repeat transparent;
		margin-top:-20px;
	}
	
	#architecteinterieur {
		min-height:600px;
		background:url(../img/architecte-interieur/architecte-interieur-lyon.jpg) top left no-repeat transparent;
		margin-top:-20px;
	}
	
	#architectemagasin {
		min-height:600px;
		background:url(../img/architecte-magasin/architecte-magasin.jpg) top left no-repeat transparent;
		margin-top:-20px;
	}
	
		#tabac h3,#presse h3, .accueilpage h3 {
			background-color:#9f291d;
			opacity:.8;
			filter:alpha(opacity=80);
			margin:20px 0 20px 220px;
			height:90px;
		}
		
			#presse h3 {
				background-color:#ad9218;
			}
			
			#architecteinterieur h3 {
				background-color:#3e71ab;
			}
			
			#architectemagasin h3 {
				background-color:#f15d23;
			}
			
			#tabac h3 img,#presse h3 img, .accueilpage h3 img {
				float:left;
				margin:22px;
			}
			
				#architecteinterieur h3 img {
					margin:19px 22px;
				}
			
			#tabac h3 p, .accueilpage h3 p {
				font-size:1.3em;
				color:#fff;
				padding-top:22px;
			}
			
			#presse h3 p {
				font-size:1.1em;
				color:#fff;
				padding-top:10px;
			}
			
			#architecteinterieur h3 p {
				font-size:1.2em;
				color:#fff;
				padding-top:16px;
				overflow:hidden
			}
	
		.realisations {
			margin-left:380px;
		}
		
			.realisations b {
				display:block;
				font-size:1.2em;
				color:#ddd;
				border-bottom:1px solid #555;
				padding-left:10px;
			}
			.realisations a {
				display:block;
				float:left;
				margin:6px 4px;
				width:150px;
				text-align:center;
			}
			
			.realisations img {
				border:1px solid #555;				
			}
	
		.grille-photos {
			margin-left:380px;
		}
		
			.grille-photos .menu-photo {
				display:block;
				float:left;
				margin:10px 10px;
				text-decoration:none;
				position:relative;
				border:1px solid #666;
			}
			
				.grille-photos .menu-photo span {
					display:block;
					position:absolute;
					bottom:0;
					left:0;
					width:192px;
					height:22px;
					background-color:#111;
					border-top:1px solid #9f291d;
					padding:6px 0 0 8px;
					text-align:center;
				}
				
				#presse .grille-photos .menu-photo span {
					border-top:1px solid #ad9218;
				}
				
					.grille-photos .menu-photo span a {
						text-decoration:none;
						color:#fff;	
					}
					
					.grille-photos .menu-photo span a:hover {
						color:#ff9900;
						text-decoration:underline;
					}			
				
h4 {
	font-size:1.8em;
	margin-top:16px;
	border-bottom:2px solid #333;
	padding-left:8px;
}	

h5 {
	font-size:1.5em;
	border-bottom:2px solid #9f291d;
	padding-left:4px;
}


.presentation {
	margin:8px 16px;
}
	
	.presentation b {
		color:#d7a634;
		
	}
	
	html[xmlns*=""] body:last-child .presentation b { font-weight:normal; }
	
#actualites .actualite {
	margin:20px 40px 60px 40px;

}	

	.actualite .titre{
		width:260px;
		text-align:right;
		float:left;
		margin-right:10px;
	}
		
		.actualite .titre b{
			color:#d7a634;
		}
		
	.actualite p {
		margin-left:270px;
	}

.tabdemarche .txt {
	font-size:.8em;	
	padding:4px 6px;
	line-height:1.4em;
}

.tabdemarche .num{
	width:60px;
	text-align:center;
	vertical-align:middle;
	color:#666;
	font-size:1.8em;
	background:url(../img/architecte-interieur/disque-fond.png) center center no-repeat transparent;
}

.tabdemarche .imgdemarche {
	text-align:center;
}

.tabdemarche .imgdemarche img{
	margin:2px 8px;
}

.animation-vente {
	width:400px;
	height:300px;
	float:right;
	text-align:center;
	margin:0 0 10px 20px;
	border:4px solid #7a7b7b;
	background:url(../img/architecte-interieur/espace-vente.jpg) top left no-repeat transparent;
	position:relative; 	
}

.carre {
	width:16px;
	height:16px;
	float:left;
	border:1px solid #ccc;
	margin:5px 6px 0 0;	
}

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

