body {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	margin: 0;
	padding:0px;
	background-image:url(images/background.jpg);	
}

div#container {
	width:968px;
	margin:0px auto 0px auto;
	text-align:left;
}

#pagecentree {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	text-align:left;

}
/************** LES STYLES *****************/

a{
text-decoration:none;
} 

body {
	background-color: #000000;
}

.Style1 { /*ORANGE*/
	color: #FF6600;
	font-size:12px;
	
}

.Style2 {
	color: #666666;
}

.Style3 {
	font-size:12px;
	color:#000000;
	}
	
.Style9 {
	font-size:12px;
	color:#0099CC;
	}
	
.Style10 { /*OENOLOGIE*/
	font-size:12px;
	color:#990000;
	}
	
.Style11 {color: #FFFFFF} /*BLANC*/

.Style13 {color: #4F304F} /*VIOLET*/

.Style14 {color: #66CC00}  /*VERT*/

.Style15 {color: #4C2B00}  /*MARRON*/

.Style18 {
		color: #000000;
		font-size:12px;
			} 
.Style20 {
	color: #000000;
	font-weight: bold;
}

.Style21 {
	color: #000000;
	font-weight: bold;
}

/************** MENU *****************/

div#menutop {
	background-image: url(images/top.gif);
	top: 0px;
	width: 900px; 
	height: 134px;
	position: absolute;
	left: 0px;
	font-family: Arial;
	font-size: 10px;
	padding-left: 0px;
	padding-top: 0px;
}


div#menuaccueil {
	top: 134px;
	left: 0px;
	width: 145px;
	height: 25px;
	position: absolute;
	font-family: Arial;
	font-size: 10px;
	padding-left: 0px;
	padding-top: 0px;
}

div#menupresentation {
	background-repeat: no-repeat;
	top: 134px;
	left: 145px;
	width: 119px;
	height: 25px;
	position: absolute;
	font-family: Arial;
	font-size: 10px;
	padding-left: 0px;
	padding-top: 0px;
}

div#menuhistorique {
	background-repeat: no-repeat;
	top: 134px;
	left: 264px;
	width: 104px;
	height: 25px;
	position: absolute;
	font-family: Arial;
	font-size: 10px;
	padding-left: 0px;
	padding-top: 0px;
}

div#menurepertoire{
	background-repeat: no-repeat;
	top: 134px;
	left: 368px;
	width: 107px;
	height: 25px;
	position: absolute;
	font-family: Arial;
	font-size: 10px;
	padding-left: 0px;
	padding-top: 0px;
}

div#menuphotos{
	background-repeat: no-repeat;
	top: 134px;
	left: 475px;
	width: 82px;
	height: 25px;
	position: absolute;
	font-family: Arial;
	font-size: 10px;
	padding-left: 0px;
	padding-top: 0px;
}

div#menuagenda{
	background-repeat: no-repeat;
	top: 134px;
	left: 557px;
	width: 93px;
	height: 25px;
	position: absolute;
	font-family: Arial;
	font-size: 10px;
	padding-left: 0px;
	padding-top: 0px;
}

div#menucontact{
	background-repeat: no-repeat;
	top: 134px;
	left: 650px;
	width: 94px;
	height: 25px;
	position: absolute;
	font-family: Arial;
	font-size: 10px;
	padding-left: 0px;
	padding-top: 0px;
}

div#menulivre{
	background-repeat: no-repeat;
	top: 134px;
	left: 744px;
	width: 156px;
	height: 25px;
	position: absolute;
	font-family: Arial;
	font-size: 10px;
	padding-left: 0px;
	padding-top: 0px;
}

div#menubody {
	top: 159px;
	left: 0px;
	width: 800px;
	height: 460px;
	position: absolute;
	font-family: Arial;
	font-size: 10px;
	padding-left: 0px;
	padding-top: 0px;
}


/************** CONTENU *****************/



div#texteaccueil {
	background-repeat: no-repeat;
	top: 98px;
	position: absolute;
	height: 420px;
	width: 621px;
	left: 319px;
	font-family: Arial;
	font-size: 12px;
	text-align:justify;
	padding-left: 0px;
	padding-top: 0px;
	overflow: auto;
}

div#imagesgauche{
	background-repeat: no-repeat;
	top: 142px;
	position:absolute;
	height: 431px;
	width: 159px;
	left: 20px;
	font-family: Arial;
	font-size: 12px;
	text-align:justify;
	padding-left: 0px;
	padding-top: 0px;
	overflow: auto;
}

div#textephoto{
	background-repeat: no-repeat;
	top: 172px;
	position: absolute;
	height: 420px;
	width: 122px;
	left: 8px;
	font-family: Arial;
	font-size: 12px;
	text-align:justify;
	padding-left: 0px;
	padding-top: 0px;
	overflow: auto;
}

div#textepresentation{
	background-repeat: no-repeat;
	top: 174px;
	position: absolute;
	height: 430px;
	width: 670px;
	left: 230px;
	font-family: Arial;
	font-size: 12px;
	text-align:justify;
	padding-left: 0px;
	padding-top: 0px;
	overflow: auto;
}

div#textepresentation2{
	background-repeat: no-repeat;
	top: 174px;
	position: absolute;
	height: 435px;
	width: 238px;
	left: 7px;
	font-family: Arial;
	font-size: 12px;
	text-align:justify;
	padding-left: 0px;
	padding-top: 0px;
	overflow: auto;
}

div#textepresentation3{
	background-repeat: no-repeat;
	top: 181px;
	position: absolute;
	height: 150px;
	width: 320px;
	left: 27px;
	font-family: Arial;
	font-size: 12px;
	text-align:justify;
	padding-left: 0px;
	padding-top: 0px;
	overflow: auto;
}

div#agenda{
	background-repeat: no-repeat;
	top: 172px;
	position: absolute;
	height: 446px;
	width: 600px;
	left: 300px;
	font-family: Arial;
	font-size: 12px;
	text-align:justify;
	padding-left: 0px;
	padding-top: 0px;
	overflow: auto;
}

div#texterepertoire{
	background-repeat: no-repeat;
	top: 169px;
	position: absolute;
	height: 424px;
	width: 210px;
	left: 16px;
	font-family: Arial;
	font-size: 12px;
	text-align:justify;
	padding-left: 0px;
	padding-top: 0px;
	overflow: auto;
}

div#texterepertoire2{
	background-repeat: no-repeat;
	top: 169px;
	position: absolute;
	height: 424px;
	width: 210px;
	left: 241px;
	font-family: Arial;
	font-size: 12px;
	text-align:justify;
	padding-left: 0px;
	padding-top: 0px;
	overflow: auto;
}

div#texterepertoire3{
	background-repeat: no-repeat;
	top: 174px;
	position: absolute;
	height: 434px;
	width: 317px;
	left: 581px;
	font-family: Arial;
	font-size: 12px;
	text-align:justify;
	padding-left: 0px;
	padding-top: 0px;
	overflow: auto;
}

div#photo{
	background-repeat: no-repeat;
	top: 159px;
	position: absolute;
	height: 434px;
	width: 621px;
	left: 162px;
	font-family: Arial;
	font-size: 12px;
	text-align:justify;
	padding-left: 0px;
	padding-top: 0px;
	overflow: hidden;
}

div#video{
	background-repeat: no-repeat;
	top: 441px;
	position: absolute;
	height: 172px;
	width: 321px;
	left: 18px;
	font-family: Arial;
	text-align:justify;
}


div#fb{
	background-repeat: no-repeat;
	top: 190px;
	position: relative;
	height: 440px;
	width: 500px;
	left: 400px;
	font-family: Arial;
	text-align:justify;
}
div#textelivre{
	background-repeat: no-repeat;
	top: 160px;
	position: absolute;
	height: 466px;
	width: 662px;
	left: 250px;
	font-family: Arial;
	font-size: 12px;
	text-align:justify;
	overflow: auto;
}


div#contact{
	background-repeat: no-repeat;
	top: 201px;
	position: absolute;
	height: 67px;
	width: 323px;
	left: 58px;
	font-family: Arial;
	font-size: 12px;
	text-align:justify;
	padding-left: 0px;
	padding-top: 0px;
}

div#contact2{
	background-repeat: no-repeat;
	top: 201px;
	position: absolute;
	height: 411px;
	width: 330px;
	left: 520px;
	font-family: Arial;
	font-size: 12px;
	text-align:justify;
	padding-left: 0px;
	padding-top: 0px;
}

div#contact3{
	background-repeat: no-repeat;
	top: 422px;
	position: absolute;
	height: 67px;
	width: 323px;
	left: 9px;
	font-family: Arial;
	font-size: 12px;
	text-align:justify;
	padding-left: 0px;
	padding-top: 0px;
}


div#repetition{
	background-repeat: no-repeat;
	top: 163px;
	position: absolute;
	height: 463px;
	width: 212px;
	left: 18px;
	font-family: Arial;
	font-size: 12px;
	text-align:justify;
	padding-left: 0px;
	padding-top: 0px;
	overflow: auto;
}


div#repetition2{
	background-repeat: no-repeat;
	top: 163px;
	position: absolute;
	height: 454px;
	width: 212px;
	left: 239px;
	font-family: Arial;
	font-size: 12px;
	text-align:justify;
	padding-left: 0px;
	padding-top: 0px;
	overflow: auto;
}

div#repetition3{
	background-repeat: no-repeat;
	top: 164px;
	position: absolute;
	height: 462px;
	width: 205px;
	left: 469px;
	font-family: Arial;
	font-size: 12px;
	text-align:justify;
	padding-left: 0px;
	padding-top: 0px;
	overflow: auto;
}


div#repetition4{
	background-repeat: no-repeat;
	top: 164px;
	position: absolute;
	height: 430px;
	width: 200px;
	left: 683px;
	font-family: Arial;
	font-size: 12px;
	text-align:justify;
	padding-left: 0px;
	padding-top: 0px;
	overflow: auto;
}