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

	body		{
	background-color: #FFFFFF;
	background-image: url(/images/interface/body.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
	#global		{ position: relative; min-height: 100%; height: auto !important; height: 100%; width: 100%; }
	#header		{ position: relative; z-index: 100; width: 960px; height: 551px; margin: auto;
				  background: url(/images/interface/header.jpg) no-repeat top center; }
	#nav		{ width: 380px;	margin: auto; height: auto; position: absolute; top: 65px; left: 592px; z-index: 200; }
	#center		{ width: 960px; margin: auto; background: url(/images/interface/center.jpg) repeat-y top center; }
	#footer 	{ clear: both;  width: 900px; height:auto !important; min-height: 150px; height: 150px; position: relative;
			  	  background: url(/images/interface/footer.jpg) no-repeat top center; margin: auto; }
	


/* REGLAGES CONTENT  -------------------------------------------------------------------------------------------------------------*/

	#content 	{ width: 850px; background: url(/images/interface/content.jpg) no-repeat top center; text-align: justify; 
			   	  height:auto !important; min-height: 300px; height: 300px; margin: auto; font-size: 0.9em; 
			   	  padding-left: 55px; padding-right: 55px; padding-top: 30px; padding-bottom: 10px; }
	
	
		/* Double colonne dans le content */		  
		#content #col_gauche { float: left; width: 450px; border: 1px solid #99BE0D;}
		#content #col_droite {float: right; width: 380px; padding-right: 20px;}
		
		#content .col_gauche { float: left; width: 450px; border: 1px solid #99BE0D;}
		#content .col_droite {float: right; width: 380px; padding-right: 10px;}
		
		#content .col_gauche1 { float: left; width:230px;}
		#content .col_droite1 {float: right; width: 75px;}

			
	
/* WCB ---------------------------------------------------------------------------------------------------------------------------*/
	
	#header #headerElements #wcb 				{ position: absolute; top: 163px; right: 68px; z-index:2; }
	#header #headerElements #wcb #boutonappel 	{ text-indent : -9999px; height: 46px; width: 283px; overflow: hidden; 
												  background: url(/images/wcb.gif) no-repeat top left; display: block; }
												  	
/* H1 ----------------------------------------------------------------------------------------------------------------------------*/	
	
	#header #headerElements #logoH1 			{ position: absolute; top: 0; left: 0; width: 960px; height: 551px; }
	#header #headerElements h1 a				{ text-indent: -9999px; overflow: hidden; display: block; width: 960px; height: 551px;
												  background: url(/images/h1.jpg) no-repeat top left;}
	#header #headerElements h1					{ width: 960px; height: 551px; }


/* NAVIGATION  -------------------------------------------------------------------------------------------------------------*/
	
	/* GENERAL  ------------------------------------------------------------------------------------*/
	#nav ul   			{ text-align: left; width: 380px; }
	#nav ul li   		{ float: left; line-height: 18px; }
	#nav ul li a 		{
	width: 160px;
	display: block;
	font-size: 0.9em;
	color: #450503;
	text-decoration: none;
	padding-left: 20px;
	padding-right: 4px;
}
	#nav ul li a:hover	{
	color: #49362F;
	background: url(/images/interface/on.jpg) no-repeat left 5px;
}

	/* REGLAGES BOUTONS  -----------------------------------------------------------------------------*/
	#nav ul li.mentions	{ position: absolute; text-indent: -9999px; margin-top:-99999px; margin-left:-99999px; }
	#accueil #nav li.accueil a,
	#mariage #nav li.mariage a,
	#restaurant #nav li.restaurant a,
	#soiree #nav li.soiree a,
	#contact #nav li.contact a,
	#mentions #nav li.mentions a {
	color: #49362F;
	background: url(/images/interface/on.jpg) no-repeat left 5px;
}


	
/* NAVIGATION FOOTER ----------------------------------------------------------------------------------------------------------------*/

	#footer #footerElements 			{ width: 780px; padding-bottom: 0; padding-top: 10px; margin: auto; position: relative; } 
	#footer #footerElements ul 			{ text-align: center; padding-top: 0; } 
	#footer #footerElements li 			{ display: inline; padding-left: 7px; padding-right: 7px;  }
	#footer #footerElements li a 		{ color: #333; font-size: 0.9em; text-decoration: none; }
	#footer #footerElements li a:hover 	{
	color: #49362F;
	font-size: 0.9em;
	text-decoration : underline;
}
	
	/* Boutons actifs  -------------------------------------------------------------------------------------------------------------*/
	#accueil #footer li.accueil a,
	#mariage #footer li.mariage a,
	#restaurant #footer li.restaurant a,
	#soiree #footer li.soiree a,
	#contact #footer li.contact a,
	#mentions #footer li.mentions a	 	{
	font-size: 0.9em;
	text-decoration : underline;
	color: #49362F;

}
	
	

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

	#footer #footerElements .vcard 			{
	color: #333333;
	font-size: 0.9em;
	padding-left: 7px;
	padding-top: 20px;
	text-align: center;
}	
	#footer #footerElements .vcard a 		{
	color: #49362F;
	font-size: 1em;
	text-decoration: none;
}
	#footer #footerElements .vcard a:hover	{
	color: #49362F;
	font-size: 1em;
	text-decoration: none;
}
			
	#footer #footerElements .vcard .type	{ display:none; } 

	#footer #footerElements .vcard .value,
	#footer #footerElements .vcard .org 	{ font-weight: bold; } 

	#footer #footerElements .vcard .sepAdr,
	#footer #footerElements .vcard .sepTel	{ display: inline; height: 1px; overflow: hidden; }
	#footer #footerElements .vcard .sepEma { display:block; height:1px; overflow:hidden;} 
	
	#footer #footerElements #w3c 			{ position: absolute; right: 33px; top: 75px; }	


/* AUTRES -------------------------------------------------------------------------------------------------------------------------*/
	.left 	{ float:left; margin-right: 5px; margin-bottom: 5px; }
		
	.right 	{ float:right; margin-left: 30px; border: 1px solid #454545; padding: 0.2em; }
	.right1 	{ float:right; margin-left: 30px;  padding: 0.2em; }
		
	.clear 	{ clear: both; }
 	
	hr { border-top: 1px solid #464344; border-right: 1px solid #252122; border-bottom: 1px solid #252122; border-left: 1px solid #252122; 
		 margin-top: 2em; margin-bottom: 1em; }

#content #col1 {
	float: right;
	width: 328px;
	padding-left: 20px;
	border: 1px dotted #99BE0D;
	min-height: 64px;
	padding-top: 16px;
	padding-right: 20px;
	margin-top: 6px;
	text-align:center;
}

#content #col2 {
	float: right;
	width: 328px;
	padding-left: 20px;
	border: 1px dotted #99BE0D;
	min-height: 96px;
	padding-top: 55px;
	text-align:center;
	padding-right: 20px;
	margin-top: 6px;
}
#content .col21 {
	float: right;
	width: 328px;
	border: 1px dotted #99BE0D;
	min-height: 96px;
	
	padding-right: 20px;
}


#content #col3 {
	float: right;
	width: 328px;
	padding-left: 20px;
	border: 1px dotted #99BE0D;
	min-height: 36px;
	padding-top: 5px;
	text-align:center;
	padding-right: 20px;
	margin-top: 80px;
}

#content #col4 {
	float: right;
	width: 320px;
	border: 1px dotted #99BE0D;
	min-height: 84px;
	padding-top: 2px;
	margin-top: 2px;
	padding-left: 29px;
}


#content #col5 {
	float: left;
	width: 800px;
	padding-left: 20px;
	border: 1px dotted #99BE0D;
	min-height: 64px;
	padding-top: 16px;
	padding-right: 20px;
	margin-top: 6px;
}
		 
.clock { position: absolute; left:50%; top:645px; margin-left: 376px;}
.plate1 { position: absolute; left:50%; top:648px; margin-left: 366px;}
.plate2 { position: absolute; left:50%; top:644px; margin-left: 364px;}
.hat { position: absolute; left:50%; top:617px; margin-left: 267px;}

#cms h1 {
      display:block;
} 

.colx { float:left; width: 150px}
.coly { float:right; width: 150px}

.cola { float:left; width: 350px}
.colb { float:right; width: 350px}

.w3c { display:none;}

#pub468 {
	width:468px;
	height:60px;
	left:50%;
	margin:0 auto;
	z-index:100;
	border: 1px solid #FFFFFF;
}


#mariage #content #col_gauche ul {
	        display: block;
			padding-top:5px;
			margin-left:0;
			list-style-type: none;
			text-decoration: none;
			text-align:center;
			margin-bottom:1em;
			}

#mariage #content #col_gauche ul li {
		    margin-top: 5px;
			padding-bottom: 5px;
			padding-left: 18px;
			line-height: 1.0em;
			font-size:14px; color:#333; font-weight:bold;
	}
	
	#videoz { border:solid 2px #FFFFFF; margin-left:220px; margin-top:10px; width:400px;}