html{border:0;padding:0;margin:0;}

body{
	color: #333;
	background: #030000;
	font-size: 12px;
	font-weight: bold;
	font-family: arial,verdana;
	width:100%;
	margin: 0 auto;
	overflow-x:hidden;
}
a{
	color: #330000;
	display: block;
	font-weight: bold;
	text-decoration: none;
	border:0;
}
.contenu {
	width:1000px;
	height: 600px;
	margin:0;
	padding:0;
	z-index:10;
	position:relative;
}
.contenu .evenements {width:615px;height:370px;position:relative;top:80px;left:50px;padding-right:10px;text-align:justify;overflow-x:hidden;overflow-y:auto;}
.contenu .evenements img{margin:0 5px 5px 5px;border:2px solid white;}
.contenu .evenements h3 {text-align:center;color:#660033;font-size:14px;border-bottom:1px solid black;}
.contenu .droite_accueil {float:right;width:385px;margin: 53px 55px 0 0;}
.contenu .texte_accueil {width:340px;height:370px;position:relative;top:80px;left:50px;padding-right:5px;text-align:justify;overflow-x:hidden;overflow-y:auto;}
.contenu h3 {}
.contenu .telechargement {width: 95%;text-align:right;}
.contenu .separateur {border-bottom: 1px #333 solid;width: 95%;margin:0 auto;}

.navigation {position:absolute;top:515px;left:0;}



.tableCentrage {
	width:100%;
	height:100%;
	background: #030000 url(/styles/graphics/fond_site.jpg) 50% 50% no-repeat;
}
.tableCentrage .celluleContenu{
	height:600px;
}
.tableCentrage .celluleContenu .tableContenu {width:1000px;height:600px;margin-top:-1px;}

#fond{
   position:absolute;
   left: 50%; 
   top: 50%;
   width: 1400px;
   height: 1200px;
   margin-left: -700px;
   margin-top: -600px;
   border: 0px;
   background-image:url('graphics/fond.jpg');
   background-repeat: no-repeat;
}

#vins a{
	color: #333;
	display: inline;
	font-weight: bold;
	text-decoration: none;
}
#vins .contenu {width:946px;overflow:hidden;background:transparent url(/graphics/vins.jpg) top left no-repeat;}
#vins h1 {width:560px;}
#vins .chemin {width:860px;height:50px;margin-left:300px;padding-top:18px;}
#vins .navigation {width:270px;height:450px;float:left;margin-left:30px;padding-left:5px;overflow-x:hidden;overflow-y:auto;}
#vins .navigation h3 {font-size:16px;}
#vins .navigation ul {list-style-type: disc;padding-left:15px;}
#vins .navigation li {line-height:1.5;font-size:14px;}
#vins .navigation li a:hover {color: white;}
#vins .navigation li:hover {color: white;background-color:#590000;}
#vins .navigation a {width:98%;display:block;}
#vins .navigation a:hover {color: #590000;}
#vins .liste {width:592px;height:380px;float:right;margin-right:2px;padding-bottom:5px;overflow-x:hidden;overflow-y:auto;}
#vins .liste .prix {color:#640809}
#tableau_vin {width:530px;background-color: #590000;}
#tableau_vin td {background-color: white;}
#tableau_vin .coupdecoeur {text-decoration:overline underline blink;color:red;}
#signature {position:absolute;bottom:3px;height:13px;font-size:12px;color:white;text-align: center;width:99%;margin:0;}
#signature a { font-size:12px;color:white;text-decoration: none;}
#signature a:hover { color:white;}

#accueil .contenu {background: transparent url(/styles/graphics/accueil/corps_accueil.jpg) top center no-repeat;}
#accueil .contenu .texte_accueil, #page .contenu .texte_accueil {width:356px;height:400px;position:relative;top:129px;left:75px;padding-right:5px;text-align:justify;overflow-x:hidden;overflow-y:auto;}
#page .contenu {background: transparent url(/styles/graphics/pages/corps_pages.jpg) top center no-repeat;}

#contact .contenu {background: transparent url(/styles/graphics/contact/corps_contact.jpg) center top no-repeat;}
#contact .envoi {background-image: url(/styles/graphics/contact/corps_contact2.jpg);}
#contact #droite #map {position:relative;top:0;left:0;width:452px;height:339px;}
#contact h2 {width:300px;display:none;}
#contact h3 {width:81%;text-align:center;}
#contact #gauche {float:left;position:relative;width:458px;height:99px;margin:103px 0 0 30px;}
#contact .centre {background:transparent url(/graphics/contact/fond_contact.jpg) top center no-repeat;}
#contact #gauche input,#contact #gauche textarea {position:absolute;background:transparent;border:0;}
#contact #gauche input {left:90px;width:300px;}
#contact #gauche input#nom {top:45px;}
#contact #gauche input#mail {top:90px;}
#contact #gauche input#sujet {top:136px;}
#contact #gauche textarea {top:185px;left:90px;width:300px;}
#contact #gauche label {display:none;}
#contact #droite {float:right;width:458px;height:339px;margin:126px 31px 0 0;overflow:hidden;}
#contact .centre {background:transparent url(/graphics/contact/fond_contact.jpg) top center no-repeat;}
#contact #droite input {width:300px;background:#cecece}

#galerie .contenu {background: transparent url(/styles/graphics/galerie/corps_galerie.jpg) top center no-repeat;}
#galerie #gauche {float:left;width:458px;height:375px;margin:111px 0 0 13px;overflow:hidden;}
#galerie #gauche .scroller {width:222px;height:375px;margin:0 auto;}
#galerie #gauche .scroller li {width:222px;text-align:center;}
#galerie #gauche .scroller img {height:150px;border:3px groove black;cursor:pointer;margin:10px auto 0 auto;}
#galerie #droite {float:right;width:458px;height:350px;margin:127px 30px 0 0;overflow:hidden;}
#galerie #droite img {border:2px solid black;}

#menu .contenu {background: transparent url(/styles/graphics/menus/corps_menus.jpg) top center no-repeat;}
#menu #gauche {float:left;width:240px;height:375px;margin:120px 0 0 67px;overflow:hidden;}
#menu #gauche {line-height:2em;}
#menu #droite {float:right;width:407px;height:410px;margin:71px 60px 0 0;overflow-x:hidden;overflow-y:auto;}
#menu #droite li {line-height:1.2em;margin-bottom:8px;}

#evenements .contenu {background: transparent url(/styles/graphics/evenements/corps_evenements.jpg) top center no-repeat;}
#evenements .contenu .gauche {float:left;width:425px;height:390px;margin:103px 0 0 35px;}
#evenements .contenu .gauche img {border:2px solid black;}
#newsletter .contenu {background: transparent url(/styles/graphics/newsletter/corps_newsletter.jpg) top center no-repeat;}
#newsletter .contenu .traitement_nl{width:400px;height:370px;position:relative;top:90px;left:50px;padding-right:10px;text-align:justify;overflow-x:hidden;overflow-y:auto;}
#newsletter .contenu .traitement_nl table{width:100%;height:370px;}
#newsletter .contenu .traitement_nl form {border:2px dashed #A0A0A0;}
#newsletter .contenu .traitement_nl .message {font-weight:bold;font-size:16px;}
#newsletter .contenu .traitement_nl .alert {border:1px dashed red;background-color:white;font-weight:bold;font-size:16px;}