	
	html {
		font-size:16px;
	}
	
	html, body {
		margin:0; padding:0;
		height: 100%;
	}
	
	body {
		background:#e3d6c8 url(zims/frontend/degrade.jpg) 0 0 repeat-x;
		color:#5f5f5f;
		font-family:Trebuchet ms, Arial, Helvetica, sans-serif;;
		font-size:62.5%;
	}
	
/******************************************************************************************************************************
                                                          (X)HTML                                          
******************************************************************************************************************************/
	
	#_________________________Hx{}
	
	/**
	***   TITRES
	************************************************************/
	h1 {
		margin:0; padding:0;
		font-size:2.4em;
	}
	
	h2 {
		margin:0; padding:10px;
		font-size:2.4em;
		font-weight:normal;
		color:#e40746;
	}
	
	h3 {
		margin:0; padding:0;
		font-size:1.6em;
	}
	
	h4 {
		margin:0; padding:0;
		font-size:1.4em; line-height:1.4em;
	}
		
	h5 {
		margin:0; padding:0;
	}
	
	/**
	***   PARAGRAPHES, LIENS, ETC
	************************************************************/
	p {
		
	}
	
	a {
		
		color:#888; text-decoration:none;
	}
	a:hover {
		text-decoration:underline;
	}
	a:active, a:focus { outline:0; }
	
	/**
	***   LISTES
	************************************************************/
	#_________________________LISTS{}
	

	ul {
		margin:10px 10px; padding:0;
	}
	
	li {
	
	}
	
	dl {
		margin:0; padding:0px;
	}
	
	dt {
	
	}
	
	dd {
	
	}
	
	/**
	***   FORMULAIRES
	************************************************************/
	#_________________________FORMS{}
	
	form {
		display:block; margin:0; padding:0;
	}
	
	fieldset {
		margin:10px 15px; padding:10px 0;
		background:transparent 0 100% repeat-x;
		border:1px solid #e1e1e1;
	}
		fieldset p {
			margin:0px; padding:5px 10px;
			border:0px solid #fff;
			
		}
		
		fieldset p.focus {   }
		
	
	label {
		float:left;
		width:170px;
		cursor:pointer;
		font-size:1.2em;
	}
	
	legend {
		margin:0 0 0 10px;
		font-size:1.7em;
		color:#008ad2;
	}
	
	input, textarea, select {
		border:1px solid #ccc;
		background:#f6f6f6;
		font-family:Trebuchet ms, Arial, Helvetica, sans-serif;
		font-size:1.2em;
	}
	
	input, textarea {
		padding:3px 0px; text-indent:5px;
	}
	
	optgroup { font-style:normal; color:#FF3790; padding:2px 2px; }
	option { color:#4f422d;   }
	optgroup option { padding:3px 5px 1px 5px; }
		
		input.focus, textarea.focus, select.focus { border-color:#008ad2; background:#fff;  }
		
		input.disabled { border:0; background:transparent; cursor:default; }
		
		.missingField label { color:#ec0001; }
		.missingField input, .missingField textarea, .missingField select { border-color:#ec0001; }
		.invalidField label {  color:#ec0001;}
		.invalidField input, .invalidField textarea, .invalidField select { border-color:#ec0001; }
		
		input.readonly { background:#fafafa; }
		
	.formButtons {
		margin:0 10px;
		padding:10px 0 0 300px;
		text-align:left;
	}
	
	div.formButtons input, input.submitButton {
		text-indent:0;
		padding:2px 5px;
		text-align:center;
		/*/background:transparent url(zims/frontend/submit.png) 0 0 repeat-x;*/
		border:1px solid #CCCCCC;
		cursor:pointer;
	}
		
		.submitField {  }
		.imageButton { background:transparent; border:0; padding:0; }
		
		.submitField.hover { font-size:18px; }
		
		.formErrors { margin:0; padding:10px 0 10px 15px; }
		.formErrors li { font-size:1.2em; list-style:none; margin:0px 0 5px 0; padding-left:24px; line-height:16px; color:#ec0001; background:transparent url(zims/icons/warning-02.gif) 0 0 no-repeat; }
		
		p.uniqueCheckBoxField input { margin-left:170px; }
		p.uniqueCheckBoxField label { float:none; position:relative; bottom:2px; }
		
		/**
		 * Boutons radio
		 */
		div.fieldsList {
			overflow:auto; 
			padding-left:175px; 
			position:relative;
			margin-top:10px;
			margin-bottom:10px;
			
		}
			div.fieldsList div.fieldsListTitle { position:absolute; top:0; left:0; width:175px; padding:5px 10px 5px 10px;font-size:1.2em; }
			div.fieldsList div.fields {  }
				div.fieldsList div.fields div { margin:3px 0; width:200px; float:left; }
				div.fieldsList div.fields div label { float:none; clear:none;  }
				div.fieldsList div.fields div input { position:relative; top:2px; }
				
				div.fieldsList label:hover { color:#FF3790; }
			
			div.fieldsList.invalidField label { color:#5f5f5f; }
			div.fieldsList.invalidField div.fieldsListTitle { color:#ec0001; }
			
		div.radio-field input      { background:transparent; border:0; }
		.uniqueCheckBoxField input { background:transparent; border:0; }
	
	
	
	/**
	***   TABLEAUX
	************************************************************/
	#_________________________TABLES{}
	
	table { margin:10px; padding:0; border-spacing:0; border-collapse:collapse; }
	th, td { border:1px solid #9a9a9a; }
	th { background:#fafafa; padding:4px 5px; font-size:1.1em; font-weight:bold; }
	td { padding:2px 5px; background:#fff; }
	
	
	
	
/******************************************************************************************************************************
                                                          LAYOUT                                          
******************************************************************************************************************************/
	
	#_________________________LAYOUT{}

	#Main  {  
		width:980px; 
		margin:0 auto 0 auto; 
		height: 610px;
		position:relative;
		background:url(zims/frontend/bg-main.jpg) 0 0 no-repeat;
	}
	#GlobalWrapper { 
		
	}
	
	#Header { 
		height:185px; 
		margin:0px 0px; 
		position:relative;
	}
	
		#Header h1 { 
			display:block; 
			width:100%;
			height:150px; 
			margin:0; padding:0; 
		}
		#Header #HomeLink { 
			display:block; 
			float:right;
			width:310px; height:100%; 
			text-indent:-5000px;
			overflow:hidden;
		}
		
	
	#MainContent {
		margin:0 20px 0 165px;
		padding:0;
		height:378px;
	}
		#MainContent p {
			text-align:justify; line-height:1.5; font-size:1.2em;
			
		}
	
	
	#Footer {
		clear:both; 
		width:980px;
	}
		
		#FooterCopyrights {
			
		}
		#FooterCopyrights p { margin:0; line-height:36px; text-align:center; text-align:center; color:#aaa; font-size:1.2em; }
		#ConceptionCreditLink { text-decoration:none; color:#197ac4; font-weight:bold; padding-left:13px; background:transparent url(zims/frontend/crea2f-squares.gif) 0 2px no-repeat; }
		#ConceptionCreditLink span { color:#c5a624; }
		#ConceptionCreditLink:hover { color:#4D92C9;  }
		#ConceptionCreditLink:hover span { color:#d6ae08; }
	
	
		p#changeLanguage{
			position:absolute;
			right:20px;
			color:#FFFFFF;
		}
		p#changeLanguage a{
			margin:0 5px;
			color:#FFFFFF;
		}
	
		a#frFlag{
			background:url(zims/frontend/fr.gif) 0 0 no-repeat;
			padding:0 0 0 30px;
		}
		
		a#enFlag{
			background:url(zims/frontend/en.gif) 0 0 no-repeat;
			padding:0 0 0 30px;
		}
		
	div.clear { float:none; clear:both; height:1px; line-height:1px; margin:0; padding:0; }
	
	#MainContent p.icon {
	}
	
	#MainContent p.information {
		margin:10px;
	}
	
	#MainContent p.information.confirmation {
		padding-left:27px; line-height:24px; min-height:24px;
		background:transparent url(zims/icons/true-24.png) 0 0 no-repeat;
	}
	
	
	#_________________________PAGINATION{}

	/**
	 * Pagination
	 */
	.navigationInfo { text-align:right; font-family:Trebuchet ms, Arial, Helvetica, sans-serif; color:#5f5f5f; margin:0 20px 10px 0; }
	
	.paginationLinks { text-align:center; line-height:14px; }
	.paginationLinks span.currentPage { font-size:1.4em; font-weight:bold; }
	.paginationLinks a { font-size:1.4em;
		
	}
	.paginationLinks span.currentPage, .paginationLinks a {  }
	
	
	
	
	#_________________________DIALOGS{}

	/**
	 * Dialog
	 */
	 
	.ui-dialog-content p { margin:10px; text-align:center; }
	div.DialogWindowContent { display:none; }
	
	
	#_________________________CAPTCHA{}

	/**
	 * Captcha
	 */
	#Captcha {
		display:block;  margin:0; padding:0;
		border:1px dotted #fff;
		position:absolute; left:180px; top:36px; _left:0;
	}
		input#captcha.focus { border-color:#fff; }
		#field-captcha { padding-bottom:80px; position:relative; }
		#field-captcha label {  }
		
		
	#CaptchaReloadLink {
		position:absolute; top:36px; left:156px;;
		width:24px; height:24px; background:transparent url(zims/icons/captcha/reload.jpg) 0 0 no-repeat;
		text-indent:-5000px; overflow:hidden; cursor:pointer;
	}
	#CaptchaReloadLink:hover { background-position:0 -24px; }
	
	
	#_________________________LOADING{}


	/**
	 * LoadingIcon
	 */
	
	.LoadingOverlay {
		position:absolute; top:50%; left:50%;
		margin:-20px 0 0 -100px;
		width:200px; height:40px; line-height:40px;
		text-align:left; text-indent:55px; font-size:1.2em; 
		background:transparent url(zims/frontend/profil-photo-loading.png) 0 0 repeat;
		color:#fafafa;
	}
	.LoadingOverlay img {
		position:absolute; top:50%; left:10px; margin:-16px 0 0 0;
	}
		html.js .LoadingOverlay { display:none; }
/******************************************************************************************************************************
                                                         T I T R E S                                           
******************************************************************************************************************************/
	h2{
		height:50px;
		width:700px;
		background-repeat:no-repeat;
		padding:0;
		text-indent:-5000px;
		float:left;
	}

	h2 a{
		display:block;
		height:50px;
	}
	
	
	
	
	
	
/******************************************************************************************************************************
                                                        CONTACT                                            
******************************************************************************************************************************/
	
	#_________________________CONTACT{}
	
	#contactForm #nom { width:300px; }
	#contactForm #prenom { width:300px; }
	#contactForm #societe { width:300px; }
	#contactForm #email{ width:300px; }
	#contactForm #tel { width:80px; }
	#contactForm #sujet { width:350px; }
	#contactForm #message { width:350px; height:120px; }
	
/******************************************************************************************************************************
                                                                                                    
******************************************************************************************************************************/
	
	
	
	
	
	
/******************************************************************************************************************************
                                                       MENU PRINCIPAL                                             
******************************************************************************************************************************/
	
	#_________________________MAIN-MENU{}
	
	#MainMenu {
		height:30px;
		margin:0 0 0 150px;
		padding:0;
		/*overflow:auto;*/
	}
	
		#MainMenu li { 
			list-style:none; 
			height:30px;
			float:left;
			margin:0;
			padding:0;
		 }
		
		#MainMenu li a {
			display:block; height:30px; line-height:30px;
			text-align:left; 
			text-decoration:none; 
			/*text-indent:-5000px; overflow:hidden;*/
			outline:0; 
			padding:0 10px;
			font-size:1.2em;
			color:#000000;
		}
		#MainMenu li a:active { border:0; }
		
		#MainMenu li a:hover {
			text-decoration:underline;
			background:url(zims/frontend/puce.gif) 0 50% no-repeat;
		}
		#MainMenu li.currentItem a {background:url(zims/frontend/puce.gif) 0 50% no-repeat; }
		#MainMenu li a strong {  color:#ec0001; }
		
		
		/* ie6 */
		
		li#item-le-chateau{_width:85px;}
		li#item-la-viticulture-et-les-vendanges{_width:190px;}
		li#item-la-vinification-traditionnelle{_width:180px;}
		li#item-elevage{_width:70px;}
		li#item-fiches-techniques{_width:125px;}
		li#item-fiches-techniques{_width:125px;}
		li#item-medailles-et-distinctions{_width:160px;}
		
		/**
		 * Menu image
		 **/ /*
		#MainMenu li a, #MainMenu li.currentItem a {
			background-image:url(zims/frontend/_____.jpg);
			background-color:transparent;
			background-repeat:no-repeat;
		}
		
		#item-, #item- a { width:px; background-position:px px; }
		#item-, #item- a { width:px; background-position:px px; }
		#item-, #item- a { width:px; background-position:px px; }
		
		#item- a:hover, #item-.currentItem a { background-position:px -px; }
		#item- a:hover, #item-.currentItem a { background-position:px -px; }
		#item- a:hover, #item-.currentItem a { background-position:px -px; }
		*/
	
	
	
	ul#contactMenu{
		margin:0;
		position:absolute;
		top:190px;
		right:20px;
	}
	
	ul#contactMenu li{
		list-style-type:none;
		margin:0 0 5px 0;
	}
	ul#contactMenu li a{
		color:#000000;
		font-size:12px;
		font-style:italic;
		padding:0 25px 0 0;
		width:50px;
		text-align:right;
		display:block;
	}
	
	#item-contact a{
		background:url(zims/frontend/icon-contact.gif) right 50% no-repeat;
		
	}
	
	#item-map a{
		background:url(zims/frontend/icon-map.gif) right 50% no-repeat;
	}
	
	
/******************************************************************************************************************************
  Page accueil                                        
******************************************************************************************************************************/
	
	body#page-accueil div#Main{
		background:url(zims/frontend/bg-accueil.jpg) 0 0 no-repeat;
	}
	body#page-accueil div#Header{
		display:none;
	}
	
	p#entrerFR{
		position:absolute;
		top:510px;
		margin:0;
		left:260px;
	}
	p#entrerFR a, p#entrerEN a{
		line-height:33px;
		font-size:18px;
		font-weight:bold;
		color:#FFFFFF;
		padding:0 0 0 50px;
		display:block;

	}

	p#entrerFR a{
		background:url(zims/frontend/fr.jpg) 0 0 no-repeat;
	}
	
	p#entrerEN{
		position:absolute;
		top:510px;
		left:645px;
		margin:0;
	}
	
	p#entrerEN a{
		background:url(zims/frontend/en.jpg) 0 0 no-repeat;
	}
	
	
	p#telAccueil{
		line-height:22px;
		font-size:14px;
		font-weight:bold;
		color:#FFFFFF;
		position:absolute;
		top:460px;
		right:38px;
	}
	
/******************************************************************************************************************************
  Footer                                        
******************************************************************************************************************************/
	div#Footer{
		position:absolute;
		top:569px;
	}
	div#Footer p{
		margin:0;
	}
	div#FooterCopyrights p{
		color:#434343;
		line-height:12px;
		margin:12px 0 0 0;
	}
	p#adresseFooter{
		color:#ffffff;
		font-weight:bold;
		text-align:center;
		font-size:12px;
	}
	
	
	
/******************************************************************************************************************************
  PAGES                                  
******************************************************************************************************************************/
	h3{
		line-height:50px;
	}
	
	img#imgLeft{
		float:left;
		margin:20px 0 0 10px;
		_margin:10px 0 0 5px;
	}
	img#imgRight{
		float:right;
		margin:20px 10px 0 0;
		_margin:10px 5px 0 0;
}
	p#textRight{
		width:350px;
		float:right;
		margin:20px 10px 0 0;
		_margin:10px 5px 0 0;
		line-height:22px;
		font-size:14px;
	}
	p#textLeft{
		width:350px;
		float:left;
		line-height:22px;
		font-size:14px;
		margin:20px 0 0 10px;
		_margin:10px 0 0 5px;
	}
	
	p.textLeft{
		width:350px;
		float:left;
		line-height:22px;
		font-size:14px;
		margin:20px 0 0 10px;
		_margin:10px 0 0 5px;
	}
	
	
	/* page chateau */
	body#page-le-chateau h2{
		background-position:0 10px;
	}
	
	/* page viticulture - vendange */
	body#page-la-viticulture-et-les-vendanges h2#viticulture{
		background-position:0 -40px;
		width:650px;
	}
	body#page-la-viticulture-et-les-vendanges h2#vendange{
		background-position:0 -93px;
		width:320px;
		margin:20px 0 0 0;
	}
	
	/* page vinification */
	body#page-la-vinification-traditionnelle h2{
		background-position:0 -145px;
		width:450px;
	}
	
	/* page elevage */
	body#page-elevage h2{
		background-position:0 -195px;
		width:450px;
	}
	
	/* page fiche technique */
	h2#fiches-techniques{
		background-position:0 -247px;
		width:275px;
	}
	div#listeBouteilles{
		clear:both;
		margin:10px 0 0 0;
	}
	
	div#listeBouteilles p{
		text-align:center;
		width:152px;
		line-height:12px;
		float:left;
		margin:0;
	}
	div#listeBouteilles a{
		color:#7A032A;
		font-weight:bold;
		font-size:12px;
		font-style:italic;
		display:block;
	}
	div#listeBouteilles a:hover{
		text-decoration:none;
	}
	
	img#bouteilleFiche{
		float:left;
	}
	table.detailVin th{
		width:110px;
		padding:2px;
	}
	table.detailVin td{
		background:#fff;
		padding:3px;
		color:#000;
		font-size:11px;
		line-height:15px;
	}
	
	table.detailVin{
		float:left;
		margin:10px 5px 0 0;
		_margin:5px 2px 0 0;
		width:315px;
	}
	
	p#pdf{
		clear:left;
		float:left;
		width:80px;
		margin:0 0 0 40px;
	}
	
	#MainContent p.pdfchateau{
		margin:-20px 0 0 40px;
	}
	
	p#pdf a{
		background:url(zims/frontend/pdf.gif) 0 50% no-repeat;
		display:block;
		height:20px;
		line-height:20px;
		color:#000000;
		font-weight:bold;
		padding:0 0 0 20px;
	}
	
	/* Page médailles */
	
	body#page-medailles-et-distinctions h2{
		background-position:0 -295px;
		margin:0 0 10px 0;
		
	}
	
	
	p.or, p.argent, p.bronze{
		margin:5px 0 10px 40px;
		padding:0 0 0 30px;
		clear:left;
	}
	p.or span, p.argent span, p.bronze span{
		font-size:12px;
		font-weight:bold;
		font-style:italic;
	}
	p.or{
		background:url(zims/frontend/trophy.gif) 0 0 no-repeat;
	}
	p.argent{
		background:url(zims/frontend/trophy_silver.gif) 0 0 no-repeat;
	}
	p.bronze{
		background:url(zims/frontend/trophy_bronze.gif) 0 0 no-repeat;
	}
	
	/* Page Contact */
	body#page-contact h2{
		background-position:0 -345px;
	}
	
	form#contactForm{
		clear:both;
		width:550px;
		margin:0 auto;
	}
	form#contactForm fieldset{
		padding:0;
		margin:0;	
		border:none;
	}
	form#contactForm fieldset p{
		padding:2px;
		#padding:1px;
	}
	form#contactForm label{
		font-size:12px;
	}
	form#contactForm p input{
		font-size:12px;
	}
	
	
	/* Page Plan */
	
	body#page-plan h2{
		background-position:0 -395px;
	}
	
	
	div#jGMap{
		clear:both;
		width:500px;
		height:300px;
		overflow:hidden;
		border:1px solid #CCCCCC;
		margin:20px auto;
		margin:10px auto;
	}
	
	#MainContent p.confirm{
		clear:both;
		background:url(zims/frontend/ok.gif) 0 50% no-repeat;
		padding:0 0 0 40px;
		line-height:32px;
		height:32px;
		color:#000;
		font-size:16px;
		font-weight:bold;
		margin:100px 0 0 280px;
	}
	
	#MainContent p.back{
		margin:10px 0 0 360px;
	}
	
	
	
