/*	-------------------------------------------------------------
	
	Hameau de Versailles

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Feuille de style de base
	Nom:			screen.css
	Date:			10 Février, 2008
	-------------------------------------------------------------	*/

/*	-------------------------------------------------------------
	OVERRIDES 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		body { 
			margin: 0; 
			padding: 0; 
			font-family: Georgia, serif;
			font-size: 90%; 
			position: relative;
			background: #fefefe url("/images/bg_body.png") repeat-y top center;			
			color: #383838; }

		img {
			border: 0; }

/*	-------------------------------------------------------------
	LINKS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		a:link, a:visited, a:active { 
			color: #77955a;
			padding:3px;
			text-decoration: underline; }
			
		a:hover { 
			padding:3px;
			background: #77955a;
			color: #fff; }

		h1 a {
			color: #00adef;
			font-size: 0.8em;
			padding:3px;
			font-weight: bold;
			text-decoration:underline; }

		h1 a:hover {
			text-decoration:none;
			padding:3px;
			background: #77955a;
			color: #fff; }

/*	-------------------------------------------------------------
	TYPOGRAPHY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		p {
			line-height: 1.7; 
			color: #585656;
			margin: 0 0 20px 0; }		

		p.small {
			font-size:10px;
			margin:10px 0 -10px 0; }		

		h1 {	
			font-size:1.9em; 
			margin: 10px 0 10px 0; 
			padding: 0 0 3px 0; 
			border-bottom: 1px solid #e6e9e9; 
			font-weight: normal;
			color: #77955a; }
		
		h2 {
			font-size:15px; 
			margin-bottom: 3px; 
			font-weight: normal; 
			color: #77955a;
			background: transparent; }

		h3 {
			font-size:31px;
			margin:0;
			line-height:1.4; 
			font-weight: normal; 
			color: #6d1610;
			background: transparent; }

		ul {
			list-style-type:square; 
			padding: 0 0 0 20px; 
			margin: 0 0 25px 0;
			color: #585656; }
			
		ol {
			list-style-type:decimal; 
			padding: 0 0 0 20px; 
			margin: 0 0 25px 0;
			color: #585656; } 

		#subcontent ul {
			list-style-type: none;
			padding: 0;
			margin: 0; }
			
		#subcontent ul li {
			line-height: 1.6;
			padding-left: 15px;
			font-style:italic; }

/*	-------------------------------------------------------------
	TABS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
		#tabs { 
			float:right;
			margin: 30px 0 0 0; 
			padding: 0; }
			
		#tabs  ul { 
			font-size: 100%; 
			list-style: none; 
			margin: 0; 
			padding: 0; }
		
		#tabs li { 
			display: inline; 
			margin: 0; 
			padding: 0; }
			
		#tabs a {
			font-size:11px;
			padding:3px 10px;
			text-decoration:none; }
			
		#tabs a:hover {
			padding:3px 10px;
			background: #77955a;
			color: #fff; }
				
/*	-------------------------------------------------------------
	TOP NAVIGATION
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		#nav { 
			width: 780px; 
			float: left; 
			margin: 20px 0; 
			padding: 0; 
			background: #3e4144 url("/images/nav-bg.gif") center left repeat-x; 
			color: #fff; 
			overflow: visible; }
			
		#nav #tl { 
			margin: 0; 
			padding: 0; 
			background: url("/images/_tl.gif") top left no-repeat; }
			
		#nav #tr { 
			margin: 0; 
			padding: 0; 
			background: url("/images/_tr.gif") top right no-repeat; }
			
		#nav #br { 
			margin: 0; 
			padding: 0; 
			background: url("/images/_br.gif") bottom right no-repeat; }
			
		#nav #bl { 
			margin: 0; 
			padding: 10px 0; 
			background: url("/images/_bl.gif") bottom left no-repeat; }
			
		#nav ul { 
			font-size: 100%; 
			list-style: none; 
			margin: 0 0 0 11px; 
			padding: 0; }
		
		#nav li { 
			display: inline; 
			margin: 0; 
			padding: 0; }
		
		#nav li a:link, #nav li a:visited, #nav li a:active { 
			margin: 0; 
			padding: 10px 21px; 
			color: #fff; 
			text-decoration: none; 
			border-bottom: none; }
		
		#nav li a:hover, #nav li a.active { 
			color: #fff; 
			background: transparent url("/images/nav-hover.gif") top left repeat-x; 
			text-decoration: none; 
			border-bottom: none; }

/*	-------------------------------------------------------------
	LAYOUT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
		#wrapper { 
			width: 780px; 
			margin: 20px auto; 
			padding: 0; }

		#logo {
			width:300px; 
			float: left; 
			margin: 5px 0 15px 5px; 
			padding: 0; }

		#logo a:hover { 
			text-decoration: none;
			background: none; }

		#header { 
			width: 780px; 
			margin: 0 0 20px 0; }
		
/*	-------------------------------------------------------------
	TABLES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		/* table global styles */
		table.global {
			border-bottom:2px solid #e6e9e9; }


		/* table transparent styles */
		table.transparent {
			border-collapse: collapse;
			width:100%;
			margin:10px 0;
			background: #e6e9e9; }

		table.transparent td.empty {
		  padding: 10px 0;
		  border: none;
		  vertical-align:top;
		  background: transparent; }

		
		table.transparent td {
		  padding: 0;
		  border: none;
		  vertical-align:top;
		  background: transparent; }


/*	-------------------------------------------------------------
	FORM
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		form.contact
		{
			margin:0 0 0 0;
		}
		
		/**** Form Section ****/
		.contact
		{
			font-family: "lucida grande", "trebuchet ms", helvetica, arial, sans-serif;
		}
		
		* html form div
		{
			display:inline-block;
		}
		
		form div
		{
			color:#444;
			margin:0;
			padding:0 0 8px;
		}
		
		form span
		{
			color:#444;
			float:left;
			margin:0 4px 0 0;
			padding:0 0 8px;
		}
		
		form div.left
		{
			display:inline;
			float:left;
			width:48%;
		}
		
		form div.left label.description, form div.right label.description
		{
			font-size:100%;
		}
		
		form div.right
		{
			display:inline;
			float:right;
			width:48%;
		}
		
		form div.left .medium
		{
			width:100%;
		}
		
		form div.right .medium
		{
			width:100%;
		}
		
		form div label
		{
			clear:both;
			color:#444;
			display:block;
			font-size:10px;
			line-height:9px;
			margin:0;
			padding-top:3px;
		}
		
		form span label
		{
			clear:both;
			color:#444;
			display:block;
			font-size:10px;
			line-height:9px;
			margin:0;
			padding-top:3px;
		}
		
		
		/**** Inputs and Labels ****/
		label.description
		{
			border:none;
			color:#222;
			display:block;
			font-weight:700;
			line-height:140%;
			padding:0 0 1px;
			font-size:100%;
		}
		
		
		input.text
		{
			color:#333;	
			margin:0;
			padding:4px 1px;
			border-bottom:1px solid #ddd;
			border-left:1px solid #c3c3c3;
			border-right:1px solid #c3c3c3;
			border-top:1px solid #7c7c7c;
			background:#fff url(/images/shadow.gif) repeat-x top;
		}
				
		textarea.textarea
		{
			font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
			color:#333;
			font-size:90%;
			margin:0;
			padding:5px;
			width:99%;
			border-bottom:1px solid #ddd;
			border-left:1px solid #c3c3c3;
			border-right:1px solid #c3c3c3;
			border-top:1px solid #7c7c7c;
			background:#fff url(/images/shadow.gif) repeat-x top;
		}
				
		input.small
		{
			width:25%;
		}
		
		select.small
		{
			width:25%;
		}
		
		input.medium
		{
			width:50%;
		}
		
		select.medium
		{
			width:50%;
		}
		
		input.large
		{
			width:100%;
		}
		
		select.large
		{
			width:100%;
		}
		
		textarea.small
		{
			height:5.5em;
		}
		
		textarea.medium
		{
			height:10em;
		}
		
		textarea.large
		{
			height:5em;
		}
		
		/**** Errors ****/
		#error_message
		{
			background:#fff;
			border:1px dotted red;
			margin-bottom:1em;
			padding-left:0;
			padding-right:0;
			padding-top:4px;
			text-align:center;
			width:99%;
		}
		
		#error_message_title
		{
			color:#DF0000;
			font-size:125%;
			margin:7px 0 5px;
			padding:0;
		}
		
		#error_message_desc
		{
			color:#000;
			font-size:100%;
			margin:0 0 .8em;
		}
		
		#error_message_desc strong
		{
			background-color:#FFDFDF;
			color:red;
			padding:2px 3px;
		}
		
		form div.error
		{
			background-color:#FFDFDF !important;
			border-bottom:1px solid #EACBCC;
			border-right:1px solid #EACBCC;
			margin:3px 0;
		}
		
		form div.error label
		{
			color:#DF0000 !important;
		}
		
		form .required
		{
			color:red;
			float:none;
			font-weight:700;
		}

		form .submit
		{
			color:#333;	
			margin:0;
			padding:4px 1px;
			margin: 10px 0 0 0;
			border-bottom:1px solid #c3c3c3;
			border-left:1px solid #c3c3c3;
			border-right:1px solid #c3c3c3;
			border-top:1px solid #c3c3c3;
			background:#fff;
			width:100px;			
		}

		form .submit:hover
		{
			color:#fff;	
			margin:0;
			padding:4px 1px;
			margin: 10px 0 0 0;
			border-bottom:1px solid #c3c3c3;
			border-left:1px solid #c3c3c3;
			border-right:1px solid #c3c3c3;
			border-top:1px solid #c3c3c3;
			background:#77955a;
			width:100px;
			cursor:pointer;			
		}

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

		#footer { 
			width: 780px; 
			height: 39px;
			margin: 20px auto; 
			padding: 0;
			background: #4d5255; }

		#footer .left { 
			float:left; }

		#footer .right { 
			float:right; }

		#footer p { 
			color: #fff;
			padding: 10px 20px 0 20px;
			font-size:11px; }

		#footer a { 
			color: #fff; }