/* CSS par DA Code www.da-code.com */

* {font-size:100.01%; }

html,body {background-color: #DCDCDC;margin:auto;text-align:center;overflow:hidden;
	}

body {color: #696969;
	font-family: "Times new roman", Georgia, Garamond, "Palatino Linotype", "Arial Narrow", Arial, sans-serif;
	font-size: 85%;text-align:left;}

#grandmouton {height:100%;overflow: hidden; position: relative; overflow: visible;width:100%;margin:auto;}
#grandmouton[id] {display: table; position: static;}
		
#milieu {position: absolute; top: 50%;}
#milieu[id] {display: table-cell; vertical-align: middle; position: static;}
		
#fond {position: relative; top:-50%;} 


#metaireau, #viticulteur,  #metaireaustart { width:100%;margin:auto;text-align:center;background-color:#fff;}
#metaireau, #metaireau {height:530px;border-top:2px solid #c0c0c0;border-bottom:2px solid #c0c0c0;}
#metaireaustart {height:600px;border-top:2px solid #c0c0c0;border-bottom:2px solid #c0c0c0;}
#viticulteur {height:500px;width:1024px;}
#vignoble {float:left;width:610px;height:500px;overflow:hidden;}
#vignoble img {text-align:left;float:left;padding:0;margin:0}
#muscadet, #muscadet2 {float:right;width:414px;height:500px;overflow:auto; }
#muscadet p { width:280px;margin:auto;text-align:justify;margin-top:0.5em;line-height:136%}
#muscadet2 { width:310px;text-align:right }
img a, img a:link, img a:visited { border: none }
#menu {text-align:center;margin:auto; margin-top:6px; padding:0;width:1024px;height:30px;clear: both;}
#menu p {width:1024px;color:#000;margin:0;padding:0}
#menu p a, #menu p a:link, #menu p a:visited, #menu p a:hover {/*display:inline;*/margin:auto;text-transform:uppercase;font-weight:bolder;text-align:left;font-size:130%;margin-left:3%;height:30px;padding:1.8em;text-decoration:none;color:#708090;}
#menu p a:hover, #menu p a:active {color:#A9A9A9;text-decoration:underline;background: transparent url(http://www.muscadet-grandmouton.com/images/puce2.gif) no-repeat left;  }

a {
	color: #789;
}

a:hover {
	color: #789;
	text-decoration: none;
}

#haut, #bas {width:100%;margin:0;padding:0;height:5%;background-color:#DCDCDC }
h1,h2,h3,h4,h5,h6 { color:#aeafb3 }
h1 { margin-bottom:0.6em;font-size:135% }
h2 { margin-bottom:0.4em;font-size:125% }
h3 { margin-bottom:0.3em;font-size:115% }
h4, h5, h6, strong { margin-bottom:0.3em }

ul, ul li { text-align:left;margin-left:1em;list-style-type:square; list-style-image: url(http://www.muscadet-grandmouton.com/images/puce2.gif); list-style-position: inside; height:30px; margin-top:0.7em;line-height:165%;padding:0.3em }

ul li.histoire { text-align:left;margin-left:1em;list-style-type:square; list-style-image: url(http://www.muscadet-grandmouton.com/images/puce2.gif); list-style-position: inside; margin-top:0.7em;line-height:165%; }

ul li a {text-decoration:none;font-weight:bolder;margin-left:0.3em}
ul li a:hover { text-decoration:underline;color:#708090;}



form, form input, textarea, address { text-align:left;margin-left:1.5em}

/* IE5 MAC OS9 AIME PAS ,  ***   ,   APPLIQUES ICI POUR LES AUTRES \*/
html,body  {width:100%;height:100%;overflow:hidden;}
/* end hack */