/* CSS Document */


#tableau {
	position: absolute;
	top:0px;
    left:0px;
	z-index:0;
	width: 863px;
	margin-left: -432px;
    left: 50%;          
    height:641px;
	margin-top: -320px;
	top: 50%;
	border: 0px;
	background: none repeat scroll 0 0 #FFFFFF;
  
	
}

#bout-gauche {
	position: absolute;
	top:0px;
    left:0px;
	z-index:0;
	width: 35px;
	height:641px;
	border: 0px;
	background : url(../images/bout-gauche.jpg) no-repeat;
}

#haut {
	position: absolute;
	top:0px;
    left:35px;
	z-index:0;
	width: 712px;
	height:40px;
	border: 0px;
	background : url(../images/haut.jpg) no-repeat;
}

#haut-droite {
	position: absolute;
	top:0px;
    left:747px;
	z-index:0;
	width: 116px;
	height:40px;
	border: 0px;
	background : url(../images/haut-droite.jpg) no-repeat;
}

#milieu {
	position: absolute;
	top:40px;
    left:35px;
	z-index:0;
	width: 828px;
	height:464px;
	border: 0px;
	background : url(../images/milieu.jpg) no-repeat;
}

#logo {
	position: absolute;
	top:40px;
    left:35px;
	z-index:0;
	width: 677px;
	height:109px;
	border: 0px;
	background : url(../images/logo.jpg) no-repeat;
}

#sous-logo-index {
	position: absolute;
	top:149px;
    left:35px;
	z-index:0;
	width: 645px;
	height:26px;
	border: 0px;
	background : url(../images/sous-logo-index.jpg) no-repeat;
}

#sous-logo {
	position: absolute;
	top:149px;
	left:76px;
	z-index:5;
	width: 604px;
	height:40px;
	border: 0px;
	background : url(../images/sous-logo.jpg) no-repeat;
	background-color: #FFFFFF;
}

#tout-menu {
	position: absolute;
	top:40px;
	left:712px;
	z-index:4;
	width: 151px;
	height:483px;
	border: 0px;
	background : url(../images/menu.jpg) no-repeat;
	background-image: url(../images/menu.jpg);
}

#environnement {
	position: absolute;
	top:506px;
	left:156px;
	z-index:10;
	width: 165px;
	height:49px;
	border: 0px;
	background : url(../images/environnement.jpg) no-repeat;
	background-image: url(../images/qualite.png);
}


#animation {
	position: absolute;
	top:175px;
    left:35px;
	z-index:9;
	width: 337px;
	height:348px;
	border: 0px;
	background : url(../images/animation.jpg) no-repeat;
}

#actualite {
	position: absolute;
	top:159px;
	left:372px;
	z-index:1;
	width: 308px;
	height: 50px;
	border: 0px;
	background-color: #FFFFFF;
}

#photo-actualite{
	position: absolute;
	top:157px;
	left:382px;
	z-index:3;
	width: 292px;
	height: 98px;
	border: 0px;
	background : url(../images/photo-actualite.jpg) no-repeat;
	color: #FFF;
	background-color: #FFFFFF;
	background-image: url(../images/photo-actualite.jpg);
}


#texte-actualite{
	position: absolute;
	top:310px;
	left:372px;
	z-index:1;
	width: 308px;
	height: 183px;
	border: 0px;
	background : url(../images/texte-actualite.jpg) no-repeat;
	background-image: url(../images/texte-actualite.jpg);
	
	
}

#texte-intro {
	z-index:20;
	background:#FFF;
	position: absolute;
	top:159px;
	left:394px;
	z-index:1;
	width: 267px;
	height: 150px;
	border: 0px;
	background-color: #FFFFFF;
	padding: 10px 10px 10px;
}

#calendrieranimations {
	position:absolute;
	width:252px;
	z-index:500;
	left: 407px;
	top: 350px;
	height: 145px;
}

#video{
	position: absolute;
	top:430px;
    left:372px;
	z-index:0;
	width: 308px;
	height: 93px;
	border: 0px;
	background : url(../images/video.jpg) no-repeat;
}

#barre{
	position: absolute;
	top:149px;
	left:680px;
	z-index:1;
	width: 32px;
	height: 374px;
	border: 0px;
	background : url(../images/barre.jpg) no-repeat;
	
}


#bout-noir {
	position: absolute;
	top:523px;
	left:35px;
	z-index:0;
	width: 828px;
	height:24px;
	border: 0px;
	background : url(../images/bout-noir.jpg) no-repeat;
}

#bandeau-deroulant {
	position: absolute;
	top:547px;
	left:161px;
	z-index:0;
	width: 702px;
	height:32px;
	border: 0px;
	background-image: url(../images/deroulant.jpg);
}

#sous-bandeau {
	position: absolute;
	top:547px;
	left:35px;
	z-index:0;
	width: 126px;
	height:32px;
	border: 0px;
	background : url(../images/sous-bandeau.jpg) no-repeat;

}

#avant-adresse {
	position: absolute;
	top:579px;
    left:35px;
	z-index:0;
	width: 191px;
	height:62px;
	border: 0px;
	background : url(../images/avant-adresse.jpg) no-repeat;
}

#adresse {
	position: absolute;
	top:579px;
    left:155px;
	z-index:0;
	width: 490px;
	height:62px;
	border: 0px;
	background : url(../images/adresse.jpg) repeat-x;
}

#adresse center
{
	padding: 0;
	margin: 0;
	margin-top: -5px;
}

#qui {
	position: absolute;
	top:619px;
    left:225px;
	z-index:4;
	width: 399px;
	border: 0px;
	
}


#carte {
	position: absolute;
	top:579px;
    left:625px;
	z-index:0;
	width: 142px;
	height:62px;
	border: 0px;
	background : url(../images/carte.jpg) no-repeat;
}

#grosse-carte {
	position: absolute;
	top:483px;
    left:618px;
	z-index:102;
	width: 142px;
	height:62px;
	border: 0px;
}



#apres-carte {
	position: absolute;
	top:579px;
    left:767px;
	z-index:0;
	width: 96px;
	height:62px;
	border: 0px;
	background : url(../images/apres-carte.jpg) no-repeat;
}

#test{
	position: absolute;
	top:579px;
    left:767px;
	z-index:10;
	width: 96px;
	height:62px;
	border: 0px;
	background : url(../images/apres-carte.jpg) no-repeat;
}

#avant-nom-vin{
	position: absolute;
	top:149px;
	left:35px;
	z-index:10;
	width: 41px;
	height:374px;
	border: 0px;
	background : url(../images/avant-nom-vin.jpg) no-repeat;
}

#nom-vin{
	position: absolute;
	top:175px;
	left:76px;
	z-index:10;
	width: 253px;
	height:66px;
	border: 0px;
	background : url(../images/nom-vin.jpg) no-repeat;
}

#explication-vin{
	position: absolute;
	top:253px;
	left:76px;
	z-index:0;
	width: 270px;
	height:270px;
	border: 0px;
	background : url(../images/explication-vin.jpg) no-repeat;
}

#cepage{
	position: absolute;
	top:403px;
	left:76px;
	z-index:10;
	width: 253px;
	height:101px;
	border: 0px;
}

#bouteille{
	position: absolute;
	top:175px;
	left:346px;
	z-index:;
	width: 63px;
	height:348px;
	border: 0px;
	background : url(../images/bouteille.jpg) no-repeat;
	background-image: url(../images/bouteille.jpg);
}

#robe{
	position: absolute;
	top:175px;
	left:409px;
	z-index:;
	width: 271px;
	height:348px;
	border: 0px;
	background : url(../images/robe.jpg) no-repeat;
	z-index: 1;
}

#medailles{
	position: absolute;
	top:455px;
	left:90px;
	z-index:;
	width: 271px;
	height:78px;
	border: 0px;
	background : url(../images/medailles.jpg) no-repeat;
	background-image: url(../images/medailles.jpg);
	z-index: 4;
}

#gamme-photos{
	position: absolute;
	top:175px;
	left:76px;
	z-index:;
	width: 604px;
	height:348px;
	border: 0px;
	background : url(../images/gamme-photos.jpg) no-repeat;
	z-index: 6;
}


#commander{
	position: absolute;
	top:447px;
	left:268px;
	z-index:10;
	width: 141px;
	height:57px;
	border: 0px;
	background : url(../images/commander.jpg) no-repeat;
}

#robe-image{
	position: relative;
	z-index:10;
	width: 271px;
	height:18px;
	border: 0px;
	background : url(../images/robe-image.jpg) no-repeat;
}

#accords{
	position: relative;
	z-index:10;
	width: 271px;
	height:18px;
	border: 0px;
	background : url(../images/accords.jpg) no-repeat;
}

#bouche{
	position: relative;
	z-index:10;
	width: 271px;
	height:18px;
	border: 0px;
	background : url(../images/bouche.jpg) no-repeat;
}

#nez{
	position: relative;
	z-index:10;
	width: 271px;
	height:18px;
	border: 0px;
	background : url(../images/nez.jpg) no-repeat;
}

#contenu{
	position: relative;
	z-index:10;
	width: 271px;
	border: 0px;
}

