/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background: #000;
	font-family: Georgia, verdana, helvetica, arial, sans serif;
	font-size: 11px;
	width: 100%;
	height: 100%;
	color: #fff;
}
.clear{
	clear: both;
}
#preload {
	display: none;
	visibility: hidden;
	text-indent: -10000px;
}
#view {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	
}
/*========= conteneurs ============*/
#conteneur-content {
    width: 2782px;
	height: 3000px;
	margin: 0;
	padding: 0 218px 0 0;
	background: url(../images/bg.jpg) left top no-repeat;
}
	#home {
		position: absolute;
		left: 0;
		top: 0;
		width: 910px;
		height: 550px;
		padding: 50px 0 0 50px;
	}
	#wine {
		position: absolute;
		left: 1759px;
		top: 0;
		width: 866px;
		height: 567px;
		padding: 33px 0 0 47px;
	}
	#winery {
		position: absolute;
		left: 799px;
		top: 705px;
		width: 866px;
		height: 558px;
		padding: 42px 43px 0 51px;
	}
	#experience {
		position: absolute;
		left: 62px;
		top: 1465px;
		width: 866px;
		height: 498px;
		padding: 102px 46px 0 48px;
	}
	#people {
		position: absolute;
		left: 1910px;
		top: 959px;
		width: 866px;
		height: 554px;
		padding: 46px 47px 0 47px;
	}
	#news {
		position: absolute;
		left: 1822px;
		top: 1789px;
		width: 866px;
		height: 545px;
		padding: 55px 46px 0 48px;
	}
	#mediacenter {
		position: absolute;
		left: 695px;
		top: 2344px;
		width: 866px;
		height: 551px;
		padding: 49px 46px 0 48px;
	}


/*=============== Menu =================*/
.menu {
	width: 280px;
	float: left;
	font-family: verdana, helvetica, arial, sans serif;
	font-size: 12px;
}
#home .menu {
	margin: 117px 0 0 13px;
}
	#home #menu-bg-home {
		display: none;
	}
	#home #menu_link-home {
		display: none;
	}
	.menu-bg {
        width: 280px;
        height: 24px;
        background: #fff;
		opacity: .25;
		filter: alpha(opacity=25);
		margin: 5px 0;
	}
	#experience .menu-bg {
        background: #000;
		opacity: .50;
		filter: alpha(opacity=50);
	}
	#news .menu-bg {
        background: #000;
	}
	.menu a {
	    position: absolute;
		display: block;
		font-size: 12px;
		color: #fff;
		height: 24px;
		margin: -19px 10px 0 10px;
		text-decoration: none;
	}
	.menu a:hover, .menu a:focus {
		color: #A6BBDB;
	}

.sound {
	margin: 10px 0 0 13px;
	padding: 0;
}

.home-lk-bottom {
	margin: 64px 0 0 13px;
	font-family: arial, verdana, helvetica, sans serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 160%;
}
	.home-lk-bottom a {
		color: #fff;
		text-decoration: none;
	}
	.home-lk-bottom a:hover, .home-lk-bottom a:focus {
		color: #A6BBDB;
	}

/* Menu active */
#news #menu-bg-news,
#wine #menu-bg-wine,
#winery #menu-bg-winery,
#people #menu-bg-people,
#mediacenter #menu-bg-media
{
    background: #A6BBDB;
	opacity: .50;
	filter: alpha(opacity=50);
}
#experience #menu-bg-exp {
    background: #A6BBDB;
	opacity: .75;
	filter: alpha(opacity=75);
}
#experience #menu_link-exp {
	color: #333;
}


/*============== contenus ===============*/
#flash_logo {
	position: absolute;
	left: 0;
	top: 0;
}
#flash_bottle {
	position: absolute;
	left: 619px;
	top: -1px;
}
.home-intro {
	width: 250px;
	margin: 122px 0 0 23px;
	float: left;
	font-size: 12px;
	text-align: justify;
}

.content-header {
    width: 325px;
	font-size: 14px;
	color: #A6BBDB;
	padding: 0 0 25px 0;
	margin: 0 0 25px 0;
	/*border-bottom: 1px solid #999;*/
	float: left;
	text-align: justify;
}
	.content-header h1 {
		font-size: 30px;
		color: #fff;
		text-transform: uppercase;
		text-align: left;
		padding: 0;
		margin: 0;
	}

.content-imgs {
	width: 200px;
	height: 350px;
	padding: 0 29px;
	margin: 5px 0 0 0;
	float: left;
}
	.content-imgs a {
		display: block;
		margin: 0 0 10px 0;
	}
	.content-imgs img {
		margin: 0 0 0 0;
		padding: 0;
		border: 2px solid #fff;
	}

.content {
	font-size: 11px;
}
	.content h2 {
		font-size: 12px;
		font-weight: bold;
		color: #A6BBDB;
		padding: 0;
		margin: 0 0 10px 0;
	}
	.article {
		overflow: hidde;
		overflow-y: auto;
		padding: 0 10px 25px 0;
		text-align: justify;
	}
	.article a {
		color: #fff;
	}
	.article p {
		padding: 0;
		margin: 10px 0;
	}
	.content-lk-bottom {
		border-top: 1px solid #999;
		padding: 5px 0;
		font-size: 12px;
		font-weight: bold;
	}
	.content-lk-bottom a {
		color: #A6BBDB;
		text-decoration: none;
	}
	.content-lk-bottom a:hover {
		color: #fff;
	}
	#news .article {
		color: #000;
	}
	#wine .article {
		height: 315px;
	}
	#winery .article {
		height: 225px;
	}
	#experience .content-header,
    #experience .content h2,
    #experience .content-lk-bottom a
	{
		color: #345485;
	}
    #experience .content-lk-bottom a:hover {
		color: #000;
	}
	#experience .article {
	    color: #000;
		height: 165px;
	}
	#experience .article a {
	    color: #345485;
	}
	#people .article {
		height: 275px;
	}
	#mediacenter .article {
		padding: 0 10px 10px 0;
	}

	
/* Contenu des rubriques */
#content_3,
#content_4,
{
	width: 583px;
    float: left;
}
	#content_3 .content,
	#content_4 .content,
	#content_5 .content,
	#content_6 .content
	{
		width: 325px;
	    float: left;
	}

#content_7 { /* Media Center */
	width: 554px;
	padding: 0 0 0 29px;
    float: left;
}
	#content_7 .content	{
		width: 100%;
		border-bottom: 1px solid #999;
		padding: 10px 0 0 0;
		background: url(../images/semi_trans.gif);
	}
	#content_7 .content-header {
	    width: 100%;
	    margin-bottom: 10px;
	    padding-bottom: 15px;
	}
	#content_7 .content-header-btn {
	    height: 27px;
		background: url(../images/sep_vertical.gif) left bottom repeat-x;
		margin: 20px 0 15px 0;
		padding: 0 10px;
	}
	#content_7 .content-header-btn a {
	    display: block;
	    float: left;
	    width: 240px;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		color: #666;
		text-align: left;
		padding: 5px;
		background: #333;
		margin: 0 5px;
		border-top: 1px solid #666;
		border-left: 1px solid #666;
		border-right: 1px solid #666;
		border-bottom: 0;
	}
	html > body #content_7 .content-header-btn a {
	    width: 245px;
	}
	#content_7 .content-header-btn a:hover {
		color: #999;
	}
	#content_7 .content-header-btn a.activ {
		background: #A6A7A3 !important;
		color: #BE1220;
		border-top: 1px solid #eee;
		border-left: 1px solid #eee;
		border-right: 1px solid #eee;
		border-bottom: 1px solid #A6A7A3;
	}
	#content_7 .content-header-btn a.activ:hover {
		color: #BE1220 !important;
	}
	
	.media-ss-cat-gp {
		position: relative;
		width: 257px;
		float: left;
		margin: -15px 0 0 0;
		padding: 0 5px 5px 15px;
	}
	
	.media-ss-cat-pro {
		position: relative;
		width: 257px;
		float: right;
		margin: -15px 0 0 0;
		padding: 0 15px 5px 5px;
	}
		.media-ss-cat-inner {
			background: #A6A7A3;
			border-bottom: 1px solid #eee;
			border-left: 1px solid #eee;
			border-right: 1px solid #eee;
			padding: 5px 5px 5px 25px;
		}
	.media-ss-cat-gp a, .media-ss-cat-pro a {
		color: #333;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
	}
	.media-ss-cat-gp a:hover, .media-ss-cat-gp a.activ,
	.media-ss-cat-pro a:hover, .media-ss-cat-pro a.activ
	{
		color: #fff;
		text-decoration: underline;
	}
	
	#content_7 .content-lk-bottom {
		border: 0;
	}
	#content_7 .download-doc {
		width: 382px;
		float: left;
		padding: 0 0 0 10px;
	}
	.download-doc-lk {
		width: 162px;
		float: left;
	}

#content_2 { /* News */
	width: 554px;
	padding: 0 0 0 29px;
    float: left;
}
	#content_2 .content	{
		width: 100%;
		border-bottom: 1px solid #999;
		padding: 15px 0 0 0;
	}
	#content_2 .content h2 {
		color: #000;
	}
	#content_2 .content-imgs {
		display: none;
	}
	#content_2 .content-header {
	    width: 100%;
	}
	#content_2 .content-lk-bottom {
		border: 0;
	}
	

#content_5, #content_6 { /* Experience + People */
	width: 583px;
    float: left;
}
	#content_5 .content-imgs {

	}
	#content_5 .content-header,
	#content_6 .content-header
	{
	    width: 554px;
	    margin: 0 0 15px 15px;
	    padding: 0;
		background: url(../images/sep_vertical2.gif) left bottom repeat-x;
	}
	html > body #content_5 .content-header,
	html > body #content_6 .content-header
	{
	    margin: 0 0 15px 29px;
	}
	#content_5 .content-header h1,
	#content_6 .content-header h1
	{
		text-align: right;
		font-weight: normal;
		margin: 0 0 10px 0;
	}
	#content_5 .content-header-btn,
	#content_6 .content-header-btn
	{
		border-collapse: collapse;
		border: 0;
		width: 544px;
		margin: 15px auto 0 auto;
		padding: 0;
	}
	#content_5 .content-header-btn td,
	#content_6 .content-header-btn td
	{
		border: 0;
		padding: 0;
	}
	#content_5 .content-header-btn a,
	#content_6 .content-header-btn a
	{
	    display: block;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		color: #666;
		text-align: left;
		padding: 5px;
		background: #333;
		border-top: 1px solid #666;
		border-left: 1px solid #666;
		border-right: 1px solid #666;
		border-bottom: 0;
	}
	#content_5 .content-header-btn a:hover,
	#content_6 .content-header-btn a:hover
	{
		color: #999;
	}
	#content_5 .content-header-btn a.activ,
	#content_6 .content-header-btn a.activ
	{
		background: #ccc !important;
		color: #BE1220;
		border-top: 1px solid #999;
		border-left: 1px solid #999;
		border-right: 1px solid #999;
		border-bottom: 1px solid #ccc !important;
	}
	#content_5 .content-header-btn a.activ:hover,
	#content_6 .content-header-btn a.activ:hover {
		color: #BE1220 !important;
	}
	.content-header-intro {
		padding-left: 226px;
	}


/* Contact + Mentions*/
.popup {
    background: url(../images/bg_popup.jpg) left top no-repeat;
	padding: 70px 20px;
}
	.popup h2 {
		font-size: 20px;
		color: #A6BBDB;
		text-transform: uppercase;
	}
	.popup h3 {
		font-size: 14px;
		color: #A6BBDB;
		text-transform: uppercase;
		padding: 0;
		margin: 30px 0 0 0;
	}
	.popup p {
		margin: 10px 0;
	}
	.popup a {
		color: #fff;
	}
	.popup a:hover {
		color: #A6BBDB;
	}
	#contact p {
		padding: 0;
		margin: 5px 0;
	}
	#contact label {
		display: block;
		width: 100px;
		float: left;
		margin: 0 5px 0 0;
	}
	#contact label {
		display: block;
		float: left;
		margin: 0 5px 0 0;
	}
	#contact .inputform {
	    width: 170px;
		background: transparent;
		border: 1px solid #999;
		color: #fff;
		font-size: 11px;
		font-family: Georgia, verdana, helvetica, arial, sans serif;
	}
	#contact .areaform {
	    width: 170px;
		background: transparent;
		border: 1px solid #999;
		color: #fff;
		font-size: 11px;
		font-family: Georgia, verdana, helvetica, arial, sans serif;
	}
	#contact .selectform {
	    width: 173px;
		background: #000;
		padding: 0;
		border: 1px solid #999;
		color: #fff;
		font-size: 11px;
		font-family: Georgia, verdana, helvetica, arial, sans serif;
	}
	#contact .btn-send {
		background: #A6BBDB;
		border: 0;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		font-family: verdana, helvetica, arial, sans serif;
		padding: 2px 5px;
		cursor: pointer;
	}


/*=============== généric =================*/
.logo {
	display: block;
}