/* STRUCTURE --------------------------------------------------------------------------------------------------------------------*/


	body 		{ background: #663202 url(/images/interface/body.jpg) top center repeat-x}
	#global 	{ width:952px;; margin:0 auto;}
	#header 	{ width:952px; height:278px; position:relative; margin:0 auto;
				background: url(/images/interface/header.jpg) top left no-repeat; }
	#nav		{ position:absolute; top:70px; left:25px; width:100%; height:38px; z-index: 3; }

	#center	{width:952px;background: url(/images/interface/center.jpg) top left repeat-y; margin:0 auto;}
	#footer 	{clear:both; width:952px; background: url(/images/interface/footer.jpg) top left repeat-y; margin: 0 auto; }
	

/* REGLAGES CONTENT  -------------------------------------------------------------------------------------------------------------*/
	
	#content 	{ width:919px; margin: 0 auto; background: url(/images/interface/content.jpg) bottom left no-repeat; padding:0px 20px 36px 28px;}
	
/* CONTENU DU HEADER ---------------------------------------------------------------------------------------------------------------------------*/

	/* WCB*/
	
	#header #headerElements #wcb 				{ position: absolute; top: 0; right: 6px; z-index: 4; }
	
	#header #headerElements #wcb #boutonappel 	{ text-indent : -9999px; width: 96px; height: 126px; overflow: hidden; 
												  background: url(/images/wcb.gif) no-repeat top left; display: block; }
	
	#header #headerElements #menu {height: 52px; width: 940px; position:absolute; top:35px; left:15px; margin: 0 auto;}

	/* H1*/
	
	#header #headerElements h1					{ height: 222px; width:500px; overflow:visible;	position:absolute; z-index: 0; top: 0px; left: 38px;}


	#header #headerElements h1 a 				{ text-indent : -9999px; height: 222px; width:500px; cursor: pointer; display: block;
													background: url(/images/interface/LogoH1.jpg) top left no-repeat;}
													
	#imbe { position: absolute; top: 127px; left: 0; width: 308px; height: 210px; background: url(/images/interface/imbe.png) top center no-repeat; z-index: 0; }

													

/* NAVIGATION --------------------------------------------------------------------------------------------------------------------*/
#nav {margin-left:-50px;}
	#nav ul 			{ font-size:1em; text-align:center; margin-left:36px; margin-top:2px;}
	#nav li 			{ float:left;}
	#nav li a 			{ width: 140px; line-height:47px; color:#FFFFFF;  background: url(/images/interface/button.jpg) top left no-repeat; display: block;}
	#nav a:hover 		{ color: #996633; }
	
	#nav li.plan		{background: url(/images/interface/button.jpg) right top no-repeat;}
	#nav li.mentions	{ margin-left: -9999px; margin-top: -9999px; position: absolute;}
	

	
	

	
	/* Boutons actifs  -------------------------------------------------------------------------------------------------------------*/
	#accueil #nav li.accueil a,
	#escaliers #nav li.escaliers a,
	#portes #nav li.portes a,
	#contact #nav li.contact a,
	#plan #nav li.plan a				{
	color: #CC0000;
}
	
	
	

/* CONTENU DU FOOTER ----------------------------------------------------------------------------------------------------------------*/

	#footerElements{width:952px; background:url(/images/interface/footer_elements.jpg) bottom left no-repeat; height:95px; padding:6px; position:relative;}

/* NAVIGATION FOOTER */


	#footer #footerElements ul 					{ font-size:0.8em; padding-top:0em; padding-bottom:20px; padding-left:250px; margin-bottom:10px;}
	#footer #footerElements li 					{display:inline; background: url(/images/interface/sep.jpg) right top no-repeat; height: 28px;}
	#footer #footerElements li a 				{
	padding-right:10px;
	padding-left:10px;
	line-height:28px;
	color:#CC6600;
}
	#footer #footerElements li a:hover			{
	color: #660000;
}
	#footer #footerElements li.mentions  {background-image:none; }
	 
	 
	/* Boutons actifs  */
	
	#accueil #footer li.accueil a,
	
	#escaliers #footer li.escaliers a,
	#portes #footer li.portes a,
	#renovation #footer li.renovation a,
	#contact #footer li.contact a,
	#mentions #footer li.mentions a { color:#660000; text-decoration: blink; }

/* */

/* HCARD, POWERED, W3C  -------------------------------------------------------------------------------------------------------------*/

/* Elements du footer */

	#footer #footerElements .vcard { font-size:12px; position:absolute; left:90px;top:50px; text-align:center;}	
	#footer #footerElements .vcard .type{ display:none; } 
	#footer #footerElements .vcard .fn { font-size: 1.4em;}
	#footer #footerElements .vcard a {color:#663300;}
	#footer #footerElements .vcard .value,
	#footer #footerElements .vcard .org { font-weight: normal; }
    #footer #footerElements .vcard .sepAdr,
	#footer #footerElements .vcard .sepTel	{height:1px; overflow:hidden; }
	#footer #footerElements .vcard .sepEma	{display: block; height:1px; overflow:hidden;}
	
	/*#footer #footerElements .vcard {font-size:1em; position:absolute; left:200px;top:35px;}	
	#footer #footerElements .vcard .type{ display:none; } 
	#footer #footerElements .vcard .fn { font-size: 1.4em;}
	#footer #footerElements .vcard a {color:#663300;}
	#footer #footerElements .vcard .value,
	#footer #footerElements .vcard .org { font-weight: normal; } 
	#footer #footerElements .vcard .sepAdr,
	#footer #footerElements .vcard .sepTel	{ display:block; height:1px; overflow:hidden; } */
	
	/* Sep hcard :
	#footer #footerElements .vcard .sepAdr (avant Adresse)
	#footer #footerElements .vcard .sepCpV (avant Code postal + Ville)
	#footer #footerElements .vcard .sepTel (avant Téléphone Fix)
	#footer #footerElements .vcard .sepMob (avant Téléphone Mobile)
	#footer #footerElements .vcard .sepFax (avant Fax)
	#footer #footerElements .vcard .sepEma (avant E-mail)
	#footer #footerElements .vcard .sepSir (avant n° de Siret)
	*/


/* AUTRES -------------------------------------------------------------------------------------------------------------------------*/

	.left 			{ float:left; margin-right: 10px;}
	.right 			{ float:right; margin-left: 70px; }
	
	
	
	#gallery { width: 100%; height:292px; }
	#gallery img { border: ridge; margin-top: 10px; }
	
	
	#photos1   { float:left; width:202px; margin-right:10px; background-color: #C79380; padding:6px; height:300px; border: thin solid #ccc; -moz-box-shadow: 0.3em 0.3em 0.6em #666; }
	
	
	
	#photos2   {float:left; width:202px; margin-right:10px; background-color: #C59370; padding:6px; height:300px; border: thin solid #ccc; -moz-box-shadow: 0.3em 0.3em 0.6em #666;}

	
	
	#photos3   { float:left; width: 202px; margin-right:10px; background-color: #C39360; padding:6px; height:300px; border: thin solid #ccc; -moz-box-shadow: 0.3em 0.3em 0.6em #666;}
    
	
	#photos4   { float:left; width: 202px; background-color: #C19350; padding:6px; height:300px; border: thin solid #ccc; -moz-box-shadow: 0.3em 0.3em 0.6em #666;}
	
	
	
	#photos1 img, #photos2 img, #photos3 img, #photos4 img { border: thin solid #ccc; padding: 4px; background: #fff; -moz-box-shadow: 0.3em 0.3em 0.6em #666; }
	#photos1 p, #photos2 p, #photos3 p, #photos4 p { width:182px; margin-bottom:2px; text-align:left; margin-left:4px }
	
	
	
	#gallery.escaliers {height:172px; margin-bottom: 20px;}
	#photos1.escaliers, #photos2.escaliers, #photos3.escaliers, #photos4.escaliers { height:160px; padding:5px; padding-bottom:22px; margin: 0 5px 20px;  }
	
	
	
	
	
	#realisations {width: 884px;}
	
	#gallery2 {float: left; width:884px;}
	#gallery2 img {border:ridge;}
	#gallery2.portes {float: none; width:884px;}
	#gallery2.portes img {margin:20px;}
	#block {width: 350px; margin-top:20px; margin: auto;  }
	
	/*#galleryplus {float: right; width:420px; margin-top:18px;}
	#galleryplus img {border:ridge;}*/
	
	#gallery3{float: left; width:884px; margin-top:2px;}
	#gallery3 img {border:ridge;}
	#photogallery3 {float:right;}
	#info {width:300px; float:left; margin-top:10px;}
	#info p {margin-top:20px;}
	
	
	
	
	.sep { background: url(/images/interface/separateur.png) top center no-repeat; width: 100%; height: 26px; margin: 26px 0; }
	
	#echant { position: absolute; width: 234px; height: 140px; top: -40px; right: -12px; background: url(/images/interface/echantillon-bois.png) top center no-repeat; }
	
	
	
	#footer #footerElements #w3c 			{ display: none; }