/*Vignobles Darriet page Index */

body {
	background-color: #222222;
	margin: 0; /* pour éviter les marges */
	text-align: center; /* pour corriger le bug de centrage IE */
	width: 100%;
}

#container {  /* header + main + footer */
	background-color: #333333;
	position: relative;  
	left: 0%;  
	top: 20px; 
	width: 800px; 
	height: 490px;
	margin-left: auto; 
  	margin-right: auto; 
  	font-family: Lucida Sans Unicode;
	}

#header { /* hd1 + hd2 + hd3 + hd4 */
	background-color: #FF6700; /*#254367;*/
	position: absolute;
	top: 10px;
	left: 10px;
	height: 50px;
	width: 780px;
}

#hd1 {
	/*background-color: #CCC;*/
	width: 200px;
	position: absolute;
	left: 10px;
	top: 15px;
	height: 25px;
	text-align: left;
	color: #943D02;
}
#hd2 { /* contact */
	/*background-color: red;*/
	font-size: 14px;
	letter-spacing: 2px;
	width: 70px;
	position: absolute;
	left: 705px;
	top: 15px;
	height: 25px;
	/*text-align: right;
	padding-right: 10px;
	padding-top: 10px;*/
	color: #943D02;
}
#hd3 { /*FB*/
	/*background-color: yellow;*/
	width: 50px;
	position: absolute;
	left: 650px;
	top: -5px;
	height: 50px;
	text-align: center;
	padding-top: 10px;
	color: #943D02;
	font-size: 11px;
}
#hd4 { /*parcours*/
	/*background-color: lime;*/
	width: 175px;
	position: absolute;
	left: 465px;
	top: 5px;
	height: 45px;
	font-size: 12px;
}


#main {  /* main_box1 + main_box2 + main_box3*/
	background-color: #333;
	position: relative; 
	left: 0px; 
	top: 70px; 
	width: 800px; 
	height: 240px;
	
	}

#main_box1 {  
	position: relative; 
	left: 0px; 
	top: 10px; 
	width: 800px; 
	background-color: #333;
	word-spacing: 5px;
	letter-spacing: 3px;
	font-family: fantasy;
	font-size: 14px;
	color: #CCC;
	}
#main_box2 {  
	position: relative; 
	left: 0px; 
	top: 20px; 
	width: 790px; 
	background-color: #333;
	word-spacing: 5px;
	letter-spacing: 3px;
	/*font-family: fantasy;*/
	font-size: 13px;
	padding: 5px;
	color: #CCC;
	}
#main_box3 {  
	position: relative; 
	left: 0px; 
	top: 30px; 
	width: 790px; 
	height: 30px;
	/*background-color: #EDE453;*/
	word-spacing: 5px;
	letter-spacing: 3px;
	/*font-family: fantasy;*/
	font-size: 14px;
	padding: 5px;
	}
#b3_left {
	background-color: #FF6700;
	position: absolute; 
	left: 40px; 
	top: 0px; 
	width: 300px; 
	height: 30px;
	padding-top: 7px;
	font-size: 13px;
	color: white;
}	
#b3_right {
	background-color: #FF6700;
	position: absolute; 
	right: 40px; 
	top: 0px; 
	width: 300px; 
	height: 30px;
	padding-top: 7px;
	font-size: 13px;
	color: white;
}
	
#footer { /* ft_logo + ft_cp */	
	position: absolute; 
	top: 500px;
	Left: 0px;
}
#ft_logo {
	/*background-color: fuchsia;*/
}
#ft_cp { /*copyright */
	height: 50px;
	width: 800px;
	letter-spacing: 3px;
	color: #000000;
	text-align: center;
	font-size: 10px;
	padding: 4 0 1 0;
 }	
	

#b3_right a { color: #FFFFFF; text-decoration: none; } 
#b3_left a { color: #FFFFFF; text-decoration: none; } 
a { color: #333333; text-decoration: none; }
a:visited { color: #333333; text-decoration: none; } 
a:hover { color: #666666; text-decoration: none; }
a:active { color: #333333; text-decoration: none; } 

#footer2 a { color: FF6700; text-decoration: none; }
#menu a { color: #943D02; text-decoration: none; }
#menu a:hover { color: #FFF; text-decoration: none; }

#main_texte3 a { color: #FFF; text-decoration: none; }
#main_texte3 a:hover { color: #943D02; text-decoration: none; }
#main_texte4 a { color: #FFF; text-decoration: none; }
#main_texte4 a:hover { color: #943D02; text-decoration: none; }