/*
	layout.css
*/

body {
	font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
	background-color: #000;
	color: #FFF;
}

a:link, a:visited {
	text-decoration: underline;
	color: #FFF;
}
a:hover, a:active {
	text-decoration: none;
}

#main a:link, #main a:visited {
	text-decoration: underline;
	color: #000;
}
#main a:hover, #main a:active {
	text-decoration: none;
}

#mainHeader h2 {
	margin: 0;
	font-family: 'Times New Roman', 'Liberation Serif', FreeSerif, serif;
	font-size: 1.8333em;
	font-weight: normal;
	color: #D2B15A;
}
h3 {
	clear: both;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #D2B15A;
	text-transform: uppercase;
	font-family: 'Times New Roman', 'Liberation Serif', FreeSerif, serif;
	color: #835A02;
}
h4 {
	margin: 0;
	text-transform: uppercase;
	font-family: 'Times New Roman', 'Liberation Serif', FreeSerif, serif;
	font-size: 1em;
	color: #835A02;
}
h5 {}
h6 {}

ul, ol {}
ul li {
	padding-left: 10px;
	background: url('../img/list_dot.gif') no-repeat 0 8px;
	list-style: none;
}

/* ------------------------------
/* COMMON
/* ------------------------------ */

/*** VIEW ***/
.out { position: absolute; left: -9999px; }

/*** CLEAR ***/
.clear { clear: both; }
.clearChild:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	content: ".";
}

/*** TEXT ***/
.chapeau {
	font-family: 'Times New Roman', 'Liberation Serif', FreeSerif, serif;
	font-size: 1.0833em;
	font-weight: bold;
	color: #835A02;
}

/*** IMAGE ***/
.imgLeft {
	float: left;
	margin: 0 1.6666em 1.5em 0;
}
.imgCenter {
	float: none;
	display: block;
	clear: both;
	margin: 0 auto 1.5em auto;
}
.imgRight {
	float: right;
	margin: 0 0 1.5em 1.6666em;
}

/*** EXTERNAL ***/
#bottomMenu .external, #main .external, #main a.external-link, #main a.external-link:link, #main a.external-link:visited {
	color: #835A02;
	padding-right: 15px;
	background: url('../img/external.gif') no-repeat right 3px;
}
a.pdf {
	padding-top:2px;
	padding-left: 20px;
	background: url('../img/pdf.png') no-repeat left top;
}

/* ------------------------------
/* HEADER
/* ------------------------------ */
#headerWrap {
	background: url('../img/header-wrap_bg.gif') repeat-x left bottom;
	position:relative;
	z-index:10;
}
	#header {
		position: relative;
		width: 940px;
		height: 93px;
		margin: 0 auto;
		background: url('../img/header_bg.gif') no-repeat left bottom;
	}
		#header h1 {
			float: left;
			width: 346px;
			margin: 0;
			padding: 12px 0 0 17px;
		}

		/*** MENU ***/
		#menu {
			float: right;
			width: 570px;
		}
			#menu ul {
				margin: 0;
				padding: 0;
			}
				#menu ul li {
					position: relative;
					z-index: 1;
					display: block;
					float: left;
					padding: 0;
					background: none;
				}
				#menu ul li.last {
					margin: 0;
				}
					#menu ul li a {
						display: block;
						text-decoration: none;
						font-variant: small-caps;
						white-space: nowrap;
						font-family: 'Times New Roman', 'Liberation Serif', FreeSerif, serif;
						font-size: 1.5833em;
						color: #AF9664;
					}
						#menu ul li a span {
							display: block;
							float: left;
						}
						#menu ul li a .left {
							height: 93px;
							width: 11px;
						}
						#menu ul li a .center {
							height: 43px;
							padding: 50px 12px 0 12px;
						}
						#menu ul li a .right {
							height: 93px;
							width: 11px;
						}
					#menu ul li.active a {
						color: #FFF;
					}
				#menu ul li:hover a {
					color: #000;
				}
					#menu ul li:hover a .left {
						height: 108px;
						background: url('../img/menu-left.png') no-repeat;
					}
					#menu ul li:hover a .center {
						height: 38px;
						padding-top: 70px;
						background: #C7A94E url('../img/menu-center2.png') repeat-x center bottom;
					}
					#menu ul li.hassubs:hover a .center {
						height: 38px;
						padding-top: 70px;
						background: #C7A94E url('../img/menu-center.png') repeat-x center bottom;
					}
					
					#menu ul li:hover a .right {
						height: 108px;
						background: url('../img/menu-right.png') no-repeat;
					}

					#menu ul li ul {
						display: none;
						position: absolute;
						top: 93px;
						left: 50%;
						z-index: -1;
						width: 154px;
						margin-left: -92px;
						padding: 15px;
						background: #000 url('../img/sub-menu_bg.gif') no-repeat left bottom;
					}
						#menu ul li ul li {
							float: none;
							padding: 5px 0;
							background: url('../img/sub-menu-item_bg.gif') no-repeat left bottom;
						}
							#menu ul li ul li a, #menu ul li:hover ul li a {
								display: block;
								zoom: 1;
								padding-right: 20px;
								white-space: normal;
								font-size: 1.1666em;
								color: #FFF;
								background: url('../img/sub-menu-item_arrow.gif') no-repeat 135px 5px;
							}
							#menu ul li ul li.active a, #menu ul li ul li a:hover {
								color: #AF9664;
								background: url('../img/sub-menu-item_arrow_on.gif') no-repeat 145px 5px;
							}
				#menu ul li:hover ul {
					display: block;
				}


		/*** FLAG ***/
		#flag {
			position: absolute;
			left: 160px;
			top: 79px;
		}
			#flag ul {
				margin: 0;
				padding: 0;
			}
				#flag ul li {
					display: block;
					float: left;
					margin-right: 12px;
					padding: 0;
					background: none;
				}
				#flag ul li a {
					display:block;
					width:32px;
					height:25px;
				}
				#flag ul li.fr a {
					background: url('../img/flag_fr.png') no-repeat top left;
				}
				#flag ul li.en a{
					background: url('../img/flag_en.png') no-repeat top left;
				}
				#flag ul li.cn a{
					background: url('../img/flag_cn.png') no-repeat top left;
				}
				#flag ul li.jp a{
					background: url('../img/flag_jp.png') no-repeat top left;
				}
/* ------------------------------
/* CONTAINER
/* ------------------------------ */
#containerWrap {
	min-height:510px;
	position:relative;
}
	#bgImageContainer {
		position:absolute;
		height:510px;
		width:100%;
		background: url('../img/bg/bg_6.jpg') no-repeat top center;
		z-index:1;
		margin:0;
		left:0;
		font-size:0;
	}
	#containerHome {
		width: 840px;
		margin: 0 auto;
		padding: 26px 50px 60px 50px;
		position:relative;
		z-index:5;
	}
	#container {
		width: 840px;
		margin: 0 auto;
		padding: 26px 50px 60px 50px;
		background: url('../img/container_bg.png') no-repeat center 26px;
		position:relative;
		z-index:5;
	}

		#edito {
			width: 290px;
			padding: 20px;
			background: url('../img/edito_bg.png') repeat;
		}
			#edito h2 {
				margin: 0 0 10px 0;
				font-family: 'Times New Roman', 'Liberation Serif', FreeSerif, serif;
				font-size: 1.6666em;
				font-weight: normal;
				color: #D2B15A;
			}
				#edito h2 span {
					font-size: 1.25em;
				}
			.focus {
				padding-bottom: 40px;
				background: url('../img/focus_bg.gif') no-repeat center bottom;
				color: #D2B15A;
			}
				

/* --------------------
/* SIDEBAR
/* -------------------- */
#sideBar,#sideBarFiche {
	position: relative;
	float: left;
	width: 200px;
	margin-right: 40px;
	padding-top: 100px;
	font-family: 'Times New Roman', 'Liberation Serif', FreeSerif, serif;
	font-size: 1.1666em;
	font-weight: bold;
}
#sideBarFiche {
	padding-top: 25px;
}
	h3#heading {
		/*position: absolute;*/
		top: 25px;
		/*margin: 0;*/
		margin : 0 0 10px 0;
		line-height: 1.1666em;
		font-family: 'Times New Roman', 'Liberation Serif', FreeSerif, serif;
		font-variant: small-caps;
		color: #D2B15A;
		padding-bottom:5px;
	}
	h3#heading span {
		font-size: 1.5em;
		font-weight: normal;
		line-height:27px;
	}
	#sideBar img, #sideBarFiche img {
		margin-bottom: 20px;
		border: 1px solid #2F1D1D;
	}


/* --------------------
/* MAIN
/* -------------------- */
#mainWrapLarge {
	padding-bottom: 90px;
	background: url('../img/main-wrap-large_bg.png') no-repeat left bottom;
}
#mainWrap {
	float: left;
	width: 600px;
	padding-bottom: 90px;
	background: url('../img/main-wrap_bg.png') no-repeat left bottom;
}

	/*** BREADCRUMB ***/
	#breadCrumb {}
		#breadCrumb ul {
			display: inline;
			margin: 0;
			padding: 0;
		}
			#breadCrumb ul li {
				display: inline;
				margin-left: 5px;
				padding-left: 10px;
				background: url('../img/bread-crumb_arrow.gif') no-repeat 0 5px;
			}
			#breadCrumb ul li.first {
				margin: 0;
				padding: 0;
				background: none;
			}
				#breadCrumb ul li a {
					text-decoration: none;
					color: #FFF;
				}
				#breadCrumb ul li a:hover {
					text-decoration: underline;
				}
				#breadCrumb ul li.active {
					font-weight: bold;
					color: #D2B15A;
				}

	/*** MAIN ***/
	#mainHeader {
		height: 70px;
		padding: 30px 20px 0 20px;
		background: url('../img/main-header_bg.png') no-repeat left bottom;
	}
	#mainWrapLarge #mainHeader {
		background: url('../img/main-header-large_bg.png') no-repeat left bottom;
	}
	#main {
		padding: 20px;
		border: 1px solid #2F1D1D;
		background: #FFF url('../img/main_bg.gif') no-repeat left bottom;
		text-align: justify;
		color: #000;
		min-height:324px;
	}
		
		#main .mainLeft {
			float: left;
			width: 250px;
			margin-right: 28px;
		}
			#main .mainLeft img {
				border: 1px solid #D2B15A;
			}

		#main .mainRight {
			float: left;
			width: 280px;
		}
			#main .mainRight .description {
				padding-left: 5px;
				border-left: 1px solid #D2B15A;
				text-align: left;
				font-size: 0.9166em;
			}
				#main .mainRight .description p {
					margin-bottom: 10px;
				}
			#main .mainRight .seeAlso {
				text-align: left;
			}
				#main .mainRight .seeAlso h4 {
					margin: 20px 0 0 0;
					border: none;
					line-height: 0.5833em;
					font-size: 2em;
					font-weight: normal;
					color: #F2EDE5;
				}
				#main .mainRight .seeAlso ul {
					display: inline-block;
					margin: 0;
					padding: 15px 10px;
					background-color: #F2EDE5;
				}
					#main .mainRight .seeAlso ul li {
						padding: 0;
						background: none;
						font-family: 'Times New Roman', 'Liberation Serif', FreeSerif, serif;
						font-size: 1.1666em;
						font-weight: bold;
					}
						#main .mainRight .seeAlso ul li a {
							text-decoration: none;
							color: #835A02;
						}
						#main .mainRight .seeAlso ul li a:hover {
							text-decoration: underline;
						}
	
	#mainWrapLarge #main {
		padding: 20px 1px;
		background-position: 230px bottom;
	}
		#mainWrapLarge #main .csc-default{
			padding:0 20px;
		}
		#mainWrapLarge #main .no-padding .csc-default{
			padding:0;
		}
		#siteList {
			text-align: left;
		}
			#siteList .column_3 {
				float: left;
				width: 278px;
				margin-right: 1px;
			}
			#siteList .column_3.last {
				margin: 0;
			}
				#siteList .columnContent {
					margin: 0 18px 18px 18px;
				}
					#siteList p {
						margin: 0;
					}
					#main #siteList .visit a {
						text-decoration: underline;
						color: #835A02;
					}
					#main #siteList .visit a:hover {
						text-decoration: none;
					}

		#estateList {
			margin: 0 18px;
			text-align: left;
		}
			#estateList .column_4 {
				float: left;
				width: 185px;
				margin: 0 20px 18px 0;
				border-top: 1px solid #D2B15A;
			}
			#estateList .column_4.last {
				margin: 0 0 18px 0;
			}
				#estateList h4 {
					border: none;
					text-transform: none;
					font-variant: small-caps;
					font-size: 1.1666em;
				}
					#estateList h4 span {
						font-size: 1.25em;
					}
				#estateList p {
						margin: 0;
					}
				#main .readMore a {
					padding-left: 15px;
					background: url('../img/read-more_arrow.gif') no-repeat 0 5px;
					text-decoration: underline;
					color: #835A02;
				}
				#main #estateList .readMore a:hover {
					text-decoration: none;
				}


		#appellationsSelect {
			margin: 0;
		}
			#appellationsSelect label {
				display: block;
				text-transform: uppercase;
				font-family: 'Times New Roman', 'Liberation Serif', FreeSerif, serif;
				font-size: 1.1666em;
				color: #835A02;
			}
			#appellationsSelect select {
				border: 1px solid #835A02;
			}

		#map {
			margin: 20px 0 20px 0;
		}
			#map .mapLeft {
				float: left;
				width: 576px;
				margin-right: 20px;
			}
				#flash {
					border: 1px solid #D2B15A;
				}
			#map .mapRight {
				float: left;
				width: 200px;
			}
			
				#map .mapRight h3 {
					margin: 0;
					border: none;
					text-align:left;
				}
				#map .mapRight ul {
					margin: 0;
					padding: 0;
				}
					#map .mapRight ul li {
						padding: 10px 0 5px 0;
						border-bottom: 1px solid #D2B15A;
						background: none;
					}
						#map .mapRight ul li a {
							text-decoration: none;
						}
						#map .mapRight ul li a:hover {
							text-decoration: underline;
						}

/* ------------------------------
/* FOOTER
/* ------------------------------ */
#footerWrap {
	background: url('../img/footer-wrap_bg.gif') repeat-x;
}
	#footer {
		position: relative;
		width: 940px;
		margin: 0 auto;
		padding: 50px 0 20px 0;
		z-index:10;
	}

/*** CAROUSEL ***/
#carousel {
	position: absolute;
	bottom: 100px;
	margin: 0 70px;
}
	#carouselPrevious {
		position: absolute;
		left: 0;
		bottom: -5px;
	}
		#carouselPrevious a {
			display: block;
			width: 33px;
			height: 92px;
			background: url('../img/carousel_previous.png') no-repeat;
		}
	#carouselNext {
		position: absolute;
		right: 0;
		bottom: -5px;
	}
		#carouselNext a {
			display: block;
			width: 33px;
			height: 92px;
			background: url('../img/carousel_next.png') no-repeat;
		}
	#carouselClip {
		position: relative;
		overflow: hidden;
		z-index: 2;
		width: 694px;
		margin: 0 53px;
	}
		ul#carouselRibbon {
			position: relative;
			overflow: hidden;
			z-index: 1;
			display: block;
			margin: 0;
			padding: 0;
		}
			ul#carouselRibbon li.item {
				display: block;
				float: left;
				width: 214px;
				height: 92px;
				margin-right: 26px;
				padding: 0;
				background: none;
			}
			ul#carouselRibbon li.item:hover {
				height: 290px;
			}
				ul#carouselRibbon .element {
					position: absolute;
					bottom: 0;
					z-index: 3;
					width: 214px;
					background: url('../img/carousel-element_bg.png') no-repeat;
				}
				ul#carouselRibbon li.item:hover .element {
					background: url('../img/carousel-element_bg_on.png') no-repeat;
				}
					ul#carouselRibbon .content {
						display: none;
						height: 173px;
						padding: 25px 25px 0 25px;
					}
					ul#carouselRibbon li.item:hover .content {
						display: block;
					}
						ul#carouselRibbon .content .title {
							margin-bottom: 5px;
							font-size: 0.9166em;
							font-weight: bold;
							color: #D2B15A;
						}
						ul#carouselRibbon .content .tumbnail img {
							margin-bottom: 5px;
							padding: 3px;
							border: 1px solid #6B531E;
							background-color: #000;
						}
						ul#carouselRibbon .content p {
							margin: 0;
							font-size: 0.8333em;
							color: #6B531E;
						}
						ul#carouselRibbon .content .visit {
							text-align: right;
							font-size: 0.9166em;
						}
							ul#carouselRibbon .content .visit a {
								color: #D2B15A;
							}
					ul#carouselRibbon .logo {
						height: 81px;
						padding-top: 9px;
					}

/*** BOTTOMMENU ***/
#bottomMenu {
	height: 25px;
	margin-top: 5px;
}
	#bottomMenu ul {
		margin: 0;
		padding: 0;
	}
		#bottomMenu ul li {
			display: block;
			float: left;
			margin-right: 14px;
			padding: 0 15px 0 0;
			border-right: 1px solid #2F1D1D;
			background: none;
			line-height: 25px;
			font-size: 0.9166em;
		}
		#bottomMenu ul li.last {
			margin: 0;
			padding: 0;
			border: none;
		}
			#bottomMenu ul li a, #bottomMenu ul li a.external {
				color: #D2B15A;
			}

/*** CREA ***/
#crea {
	font-size: 0.9166em;
	color: #6B531E;
}
	#crea a {
		color: #6B531E;
	}

/*** LOGO ***/
#logo {
	float: right;
}
/* ------------------------------
 * EXTENSIONS
 * ------------------------------ */
 
/* MAILFORM_NG */
.csc-mailform-header-error {
	margin: 1.5em 0;
	padding: 1.3333em;
	background: #FBE3E4;
	border: 2px solid #920607;
	color: #920607;
}
.csc-mailform-header-success {
	margin: 1.5em 0;
	padding: 1.3333em;
	background: #E6EFC2;
	border: 2px solid #C6D880;
	color: #264409;
}
fieldset.csc-mailform  {
	margin-top: 1.5em;
	border-color:#D2B15A;
}
div.csc-mailform-field {
	margin-bottom: 1em;
	clear: both;
}
	div.csc-mailform-field input#alienword{
		border: 1px solid #E1E1E1;
	}
	div.csc-mailform-field label {
		display: block;
		float: left;
		width: 175px;
		margin-right: 10px;
		text-align: right;
	}
div.csc-mailform-field-radio {
	padding-left: 175px;
}
	div.csc-mailform-field-radio label {
		display: inline;
		float: none;
		width: auto;
		margin: 0;
		text-align: left;
	}
	div.csc-mailform-field span.csc-mailform-field-error-message {
		display: block;
		margin-left: 185px;
		color: #920607;
	}
div.csc-mailform-fieldtype-input {}
	div.csc-mailform-fieldtype-input input {
		width: 150px;
		border: 1px solid #E1E1E1;
	}
div.csc-mailform-fieldtype-select {}
	div.csc-mailform-fieldtype-select select {
		border: 1px solid #E1E1E1;
	}
div.csc-mailform-fieldtype-textarea {}
	div.csc-mailform-fieldtype-textarea textarea {
		width: 300px;
		border: 1px solid #E1E1E1;
	}
div.csc-mailform-fieldname-captcha {
	margin:10px 0;
}
	div.csc-mailform-fieldname-captcha label {
		text-align: right;
		width: 415px;
	}
		div.csc-mailform-fieldname-captcha label em {
			padding-bottom:10px;
			display:block;
		}
	div.csc-mailform-fieldname-captcha input {
		width: 55px;
	}
div.csc-mailform-fieldtype-submit {clear:both;}
	div.csc-mailform-field input.csc-mailform-submit {
		height: 20px;
		margin-left: 185px;
		padding: 0 1em;
		border: none;
		color: #000;
		background-color: #D2B15A;
	}
	
	.required {
		font-size:14px;
		padding-right:3px;
	}
/* ANET_SITEMAP */

#main .tx-anetsitemap-pi1 ul {
    padding:0;
}
    #main .tx-anetsitemap-pi1 ul li {
        background:none;
        padding-left:0;
    }
        #main .tx-anetsitemap-pi1 ul li a {
            display:block;
            margin:0 0 10px;
            text-transform:uppercase;
            border-bottom:1px solid #D2B15A;
            color:#835A02;
            text-decoration:none;
            font-size:1.3333em;
        }
        #main .tx-anetsitemap-pi1 ul li a:hover {
            text-decoration:underline;
        }
        #main .tx-anetsitemap-pi1 ul li ul  {
            padding:0 0 0 40px;
        }
            #main .tx-anetsitemap-pi1 ul li ul li {
                background:url("../img/list_dot.gif") no-repeat scroll 0 8px transparent;
                padding-left:10px;
            }
                #main .tx-anetsitemap-pi1 ul li ul li a {
                    display:inline;
                    margin:0;
                    text-transform:none;
                    border:none;
                    color:#000;
                    font-weight:bold;
                    font-size:1em;
                }
                    #main .tx-anetsitemap-pi1 ul li ul li ul li a {
                        font-weight:normal
                    }
                        #main .tx-anetsitemap-pi1 ul li ul li ul li  ul li a {
                            font-style:italic;
                        }
/* ------------------------------
/* RTE STYLES
/* Styles appliqués quand on change l'alignement du texte dans un paragraphe
/* ------------------------------ */
.indent {
	padding-left: 20px;
}
.align-center {
	text-align: center;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}
.align-justify {
	text-align: justify;
}
.csc-uploads .csc-uploads-fileName {
	float:left;
	margin-right:15px;
}
.csc-uploads .csc-uploads-fileSize span {
	text-transform: uppercase;
}

/* catalogue 
.tx-anetboriemanoux-pi3  */
.ajax_loader {
	text-align:center;
	margin-top:50px;
}


/* chuck console  */
#anet_htmlconsole pre {
	color:black;
}