/*-------------------------------------------------*/
/*-------------------------------------------------*/
/* ----------------- GENERAL ----------------------*/
/*-------------------------------------------------*/
/*-------------------------------------------------*/

/* Pour les marges et la police */s
*, body{
	margin 					: 0 0 0 0;
	font-family 			: "Trebuchet MS", "Verdana", "Bitstream Vera Sans", sans-serif;
	font-size 				: 12px;
	color 						: #670D43;
	background-color	: transparent;
}

/* Pour la hauteur du contenu pour la compatibilité avec tous les navigateurs */
html, body {
    height					: 100%;
}

/* Pour l'image dégradée d'arrière plan */
body {
	background       		: url('../images/fond.jpg') no-repeat top center;
	background-color 	: #59103C;
}

/* Pour les zones d'insertion des formulaires */
textarea, input {
	width						: 150px;
	border 					: 1px #59103C solid;
	background-color	: #59103C;
	color						: #DFB578;
}

/* Pour les formulaires */
form {
	background-color 	: transparent;
}

/*-------------------------------------------------*/
/*-------------------------------------------------*/
/* --------------- STRUCTURE PAGE -----------------*/
/*-------------------------------------------------*/
/*-------------------------------------------------*/

/* Pour le positionnement des zones du sites */
.contenu_principal {
	 height 			: auto;
	 margin-left 		: auto;
	 margin-right 		: auto;
	 width 				: 700px;
	 background 		: transparent;
}

/* Pour le positionnement du logo */
.logo {
	width 				: 700px;
	height 				: 141px;
	background 			: url('../images/logo.jpg') center no-repeat;
}

/* Pour le positionnement de la zone de titre */
.titre {
	top 				: -14px;
	text-align 			: right;
	height 				: 14px;
	background 			: transparent;
}

/* Pour le menu */
.menu {
	float 				: left;
	width 				: 161px;
	background 			: transparent;
}

/* Pour le lien du menu */
.lien_menu {
	background 			: transparent;
}

/* Pour l'espace entre chaque entrée du menu */
.espacement {
	height 				: 15px;
	background 			: transparent;
}

/* Pour l'espacement entre la grappe et le menu */
.espacement_grappe {
	height 				: 40px;
	background 			: transparent;
}

/* Pour le positionnement la grappe sous le menu */
.grappe {
	width  				: 161px;
	height 				: 162px;
	background 			: url('../images/menu_grappe.jpg') center no-repeat;
}

/* Pour le contenu de la page */
.contenu_page {
	float 				: right;
	width 				: 539px;
	background:transparent;
	height:auto;
}

/* Pour l'image d'en-tête de la page */
.entete {	
	width 				: 539px;
	height 				: 126px;
	background 			: url('../images/en_tete.jpg');
}

/* Dàfinition de la hauteur minimale du contenu */
html>body div.contenu
{
	height				: auto;
	min-height			: 300px;
	background-color 	: #DFB578;
} 

/* Propriétés de la zone de contenu */
.contenu {
	background-color 	: #DFB578;
	padding-left		: 25px;
	padding-top			: 25px;
}

/* Pour le positionnement du pied de page */
.pied_page {
	background 			: url('../images/bas_page.jpg') no-repeat;
	height 				: 6px;
	width 				: 539px;
}

/* Pour le positionnement d'une news */
.news {
	height 				: auto;
	width 				: auto;
	background 		: transparent;
}

/* Pour le positionnement de la zone de date dans la news */
.date {
	float 					: left;
	color 					: #DFB578;
	font-size 			: 13px;
	font-weight			: bold ;
	line-height 		: 15px;
	text-align 			: center;
	background 		: url('../images/zone_date.jpg') no-repeat;
	width 				: 54px;
	height 				: 80px;
}

/* Pour le positionnement du titre de la new s*/
.news_en_tete {
	padding-top 		: 10px;
	font-size 			: 14px;
	font-weight			: bold;
	float 					: right;
	width 				: 450px;
	height 				: 80px;
	text-align 			: left;
}

/* Pour le positionnement de la zone de date dans la news */
.date_affichage {
	float 					: left;
	color 					: #DFB578;
	font-size 			: 13px;
	font-weight			: bold ;
	line-height 		: 15px;
	text-align 			: center;
	background 		: url('../images/zone_date.jpg') no-repeat;
	width 				: 54px;
	height 				: 56px;
}

/* Pour le positionnement du titre de la new s*/
.news_affichage {
	padding-top 		: 10px;
	float 					: right;
	width 				: 440px;
	height 				: auto;
	text-align 			: left;
	margin-right		: 10px;
}

.lien_news {
	color : #59103C;
}
.lien_vins{
	color : #59103C;
}
.lien_vins:link {
	text-decoration : none;
}
.lien_vins:visited{
	text-decoration : none;
}
.lien_vins:active {
	text-decoration : none;	
}
.lien_vins:hover {
	text-decoration : underline;
}