/* 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;}

	#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:911px; margin: 0 auto; background: url(/images/interface/content.jpg) bottom left no-repeat; padding:0px 20px 32px 36px;}
	
/* CONTENU DU HEADER ---------------------------------------------------------------------------------------------------------------------------*/

	/* WCB*/
	#header #headerElements #wcb 				{ height: 100px; width: 150px; position:absolute; top:0px; right: 10px;  overflow:hidden; z-index:0;}
	
 	#header #headerElements #wcb #boutonappel 	{ height: 134px; width: 208px;}
	
	#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; 		 													top: 0px; left:0px;}


	#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;}	
													

/* 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,
	#contact #footer li.contact a,
	#nouveautes #footer li.nouveautes a,
	#tarifs #footer li.tarifs a,
	#presentation #footer li.presentation a,
	#mentions #footer li.mentions a { color:#660000; }

/* */

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

/* Elements du footer */

	#footer #footerElements .vcard {font-size:12px; position:absolute; left:140px;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: 884px; height:292px;}
	#gallery img {border:ridge; margin-top:10px;}
	
	#photos1 {float:left; width:200px; margin-right:12px; background-color: #C79380; padding:6px; height:300px;}
	#photos1 img {float:none;}
	#photos1 p {width:182px; margin-bottom:2px; text-align:left; margin-left:4px}
	
	#photos2 {float:left; width:200px; margin-right:12px; background-color: #C59370; padding:6px; height:300px;}
	#photos2 img {float:none;}
	#photos2 p {width:182px; margin-bottom:2px; text-align:left; margin-left:4px}
	
	#photos3 {float:left; width:200px; background-color: #C39360; padding:6px; height:300px;}
	#photos3 img {float:none;}
	#photos3 p {width:182px; margin-bottom:2px; text-align:left; margin-left:4px}
	
	#photos4 {float:right; width:200px; background-color: #C19350; padding:6px; height:300px;}
    #photos4 img {float:none;}
	#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:12px;}
	
	
	#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: 420px; float:right; margin-top:10px;}
	
	/*#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;}