/* CSS Document */

body {
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	color: #333333;
	background-color: white;
	padding:0;
	margin:0;
	text-align:center;
}

#container {
	position:absolute;
	left:-490px;
	top:5px;
	margin-left:50%;
	margin-right:50%;
	text-align:left;
	width:980px;
	background-position: top center;
	background-repeat: no-repeat;
	
}
#header{
	position:relative;
	left: 0px;
	top:0px;
}
#header a {
	text-decoration:none;
	border-bottom: none;
	color:#000000;
	font-weight: 100;
	padding:0px;
}
#logo{
	position:absolute;
	left: 380px;
	top: 0px;
	margin:0px;
	padding:0;
	border:none;
	z-index:1000;
	background-color:#666666;
}
#corps {
}
#surLeGril {
	clear: both;
	float: left;
	width:150px;
	margin-left:10px;
	margin-top:220px;
	padding: 10px;
	border: 1px thin;
}
#content {
	float: left;
	margin:0px;
	margin-top:130px;
	margin-left:40px;
	padding:0px;
	width: 525px;
	background: transparent none;
}

.chapeau { float:left; color:#000000; }
.colDroite { float:left; width:250px; vertical-align:top; padding-right: 10px; color:#000000; }

#sidebar {
	float: left;
	margin:0px;
	margin-top:200px;
	margin-left:20px;
	padding:0;
	padding-top: 20px;
	width:150px;
	background:transparent none;
}


.bandeauNav {
	clear:both;
	float:left;
	width:400px;
	height:20px;
	margin-left:448px;
	margin-top:180px;
	color:#FFFFFF;
	background:transparent none;
}
#header .bandeauNav h2 { color:#ffffff; font-weight:bold; }
#header .bandeauNav a {
	color:#FFFFFF;
	padding:0;
	text-decoration:underline;
}
#header .bandeauNav a:hover {
	color:#FFFFFF;
	text-decoration:none;
}
#sousMenus {
	position:absolute;
	top:200px;
	left:840px;
	width: 120px;
	z-index:2000;
	margin:0;
	padding-left:8px;
	padding-top:28px;
	padding-bottom:10px;
	background-color:#FFFFFF;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #0033FF;
	list-style-position: outside;
	list-style-type: disc;
}
#sousMenus a {
	font-size:11px;
}
#sousMenus ul {
	margin:0;
	padding:0;
	padding-left:12px;
}

a { text-decoration: underline; border-bottom:none; }
a:hover { text-decoration:none; border-bottom: none;}
img { border-bottom: none;}

h1 {font-size:400%; display:inline; font-weight:normal; }
h2 {font-size:150%; display:inline; font-weight:normal; }
h3 {font-size:12px; display:inline; }
h4 {font-size:12px; display:inline; }
h5 {font-size:10px; display:inline; }
h6 {font-size:9px; display:inline; }

#basdepage {
	clear:both;
	float:left;
	width:980px;
	margin-top:30px;
	text-align:center;
}
#basdepage a { text-decoration:none; border-bottom: none;}
#basdepage a:hover { color:#666666; text-decoration:none; border-bottom:1px dotted; }
	
/*------------------------------------------ MENU VERTICAL ----------------------------*/
#nav ul { /* toutes les listes */
	position:relative;
	top:-75px;
	left:-315px;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 20px;
	color:#000000;
	width:350px;
}
#nav li { /* tous les items de liste */
 	padding-top: 1px;
	float: left;
}
#nav li a {
	font-size:14px;
	cursor:default;
}
#nav li ul { /* listes de deuxième niveau */
	padding-top:0px;
	top:26px;
	position: absolute;
	background: transparent none;
	width: 150px;
	left: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
}
#nav li ul li a { text-align:left; cursor: pointer; }
#nav li:hover ul, #nav li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
	left: auto;
}
/*corrige le placement pour chaque bouton*/
#nav #b1:hover ul, #nav #b1.sfhover ul, 
#nav #b2:hover ul, #nav #b2.sfhover ul, 
#nav #b3:hover ul, #nav #b3.sfhover ul, 
#nav #b4:hover ul, #nav #b4.sfhover ul, 
#nav #b5:hover ul, #nav #b5.sfhover ul, 
#nav #b6:hover ul, #nav #b6.sfhover ul { left: 0px;}

/*couleur au survol*/
#b1 a:hover, #b1 a.select, .actualite { color:#5C9C58; }
#b2 a:hover, #b2 a.select, .produits { color:#A5544B; }
#b3 a:hover, #b3 a.select, .filiere { color:#569CA8; }
#b4 a:hover, #b4 a.select, .degustation { color:#DB8B57; }
#b5 a:hover, #b5 a.select, .liens { color:#A82C7A; }
#b6 a:hover, #b6 a.select, .contact { color:#FAA93B; }

#b1 ul li a{background: url(../images/fond-sous-menus1.png); color:#fff; width: 145px; 	padding-left:4px;}
#b2 ul li a{background: url(../images/fond-sous-menus2.png); color:#fff; width: 147px;	padding-left:4px;}
#b3 ul li a{background: url(../images/fond-sous-menus3.png); color:#fff; width: 148px;	padding-left:4px;}
#b4 ul li a{background: url(../images/fond-sous-menus4.png); color:#fff; width: 146px;	padding-left:4px;}
#b5 ul li a{background: url(../images/fond-sous-menus5.png); color:#fff; width: 146px;	padding-left:4px;}
#b6 ul li a{background: url(../images/fond-sous-menus6.png); color:#fff; width: 146px;	padding-left:4px;}

#b1 ul li a:hover { background-color:#5C9C58; color:#FFFFFF; }
#b2 ul li a:hover { background-color:#A5544B; color:#FFFFFF; }
#b3 ul li a:hover { background-color:#569CA8; color:#FFFFFF; }
#b4 ul li a:hover { background-color:#DB8B57; color:#FFFFFF; }
#b5 ul li a:hover { background-color:#A82C7A; color:#FFFFFF; }
#b6 ul li a:hover { background-color:#FAA93B; color:#FFFFFF; }

.retourSaisie {
	position:absolute;
	left:20px;
	top:20px;
	z-index:1000;
	border: 1px solid #00CC00;
	padding:5px;
}
/*input{ color:#999999;}*/
#b1 a, #b2 a, #b3 a, #b4 a, #b5 a, #b6 a,#recherche a, #ok a, #b_news a, #b_langue a, #b_contacts a,
#liens_directs1 a, #liens_directs2 a, #liens_directs3 a, #liens_directs4 a, #liens_directs5 a, #liens_directs6 a, #liens_directs7 a, #liens_directs8 a{height: 100%;display:block;}

#b1, #b2, #b3, #b4, #b5, #b6{
	position:absolute;
	height:25px;
	top:133px;
}
#b1 {left:304px;}
#b2 {left:375px;}
#b3 {left:438px;}
#b4 {left:498px;}
#b5 {left:585px;}
#b6 {left:632px;}