/********************************************************************* Balise ****************************************************************/
form {
	padding: 0px;
	margin: 0px;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #f1e39a;
	text-decoration: none;
}

body {
	background-image: url(gifs/images/champagne-pienne-fond.jpg);
	background-repeat: repeat-x;
	background-color: #d4c898;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/******************************************************************** Lien ******************************************************************/
a, a:link, a:active, a:visited {
	color: #f1e39a;
	text-decoration: underline;
}

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



/********************************************************************** Class **************************************************************/
.scrollbarre {
	overflow:auto;
}

/********************************************************************** Newsletter **************************************************************/
.email_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:11px;
	color:#000000;
	background-color:#ffffff;
	border-bottom:#bbbbbb 1px solid;
	border-top:#bbbbbb 1px solid;
	border-left:#bbbbbb 1px solid;
	border-right:#bbbbbb 1px solid;
}

.bouton_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:12px;
	color:#ffffff;
	background-color:#585858;
	border-bottom:#585858 1px solid;
	border-top:#585858 1px solid;
	border-left:#585858 1px solid;
	border-right:#585858 1px solid;
}

/**********************************************************BDD AUTO **************************************/
.numpage {
}
.numpage_selec {
	color:#c7aa72;
}
.bt_suivant{
}
.bt_precedent{
}
.liste_cat{
}
.fichierbin{
}
.photo{
}
/**********************************************************************************************************/



/*********************************************************LIGHTBOX*****************************************/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(gifs/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gifs/overlay.png", sizingMethod="scale");
	}
	
/**********************************************************************************************************/

/******************** MENU *********************/
#index {    /* "lien" sera notre conteneur, ici la balise div */
    width: 201px;  /* changer la largeur ici */
    height: 30px; /* changer la hauteur ici */
    background: url(gifs/images/champagne-pienne-menu2-r.jpg) no-repeat left top;    /* placement de l'image over */
}

#index a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/images/champagne-pienne-menu2.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#index a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#exploitation {    /* "lien" sera notre conteneur, ici la balise div */
    width: 201px;  /* changer la largeur ici */
    height: 31px; /* changer la hauteur ici */
    background: url(gifs/images/champagne-pienne-menu3-r.jpg) no-repeat left top;    /* placement de l'image over */
}

#exploitation a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/images/champagne-pienne-menu3.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#exploitation a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#elaboration {    /* "lien" sera notre conteneur, ici la balise div */
    width: 201px;  /* changer la largeur ici */
    height: 30px; /* changer la hauteur ici */
    background: url(gifs/images/champagne-pienne-menu4-r.jpg) no-repeat left top;    /* placement de l'image over */
}

#elaboration a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/images/champagne-pienne-menu4.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#elaboration a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#cuvees_gammes {    /* "lien" sera notre conteneur, ici la balise div */
    width: 201px;  /* changer la largeur ici */
    height: 31px; /* changer la hauteur ici */
    background: url(gifs/images/champagne-pienne-menu5-r.jpg) no-repeat left top;    /* placement de l'image over */
}

#cuvees_gammes a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/images/champagne-pienne-menu5.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#cuvees_gammes a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#personnalisation {    /* "lien" sera notre conteneur, ici la balise div */
    width: 201px;  /* changer la largeur ici */
    height: 29px; /* changer la hauteur ici */
    background: url(gifs/images/champagne-pienne-menu6-r.jpg) no-repeat left top;    /* placement de l'image over */
}

#personnalisation a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/images/champagne-pienne-menu6.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#personnalisation a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#conseils {    /* "lien" sera notre conteneur, ici la balise div */
    width: 201px;  /* changer la largeur ici */
    height: 31px; /* changer la hauteur ici */
    background: url(gifs/images/champagne-pienne-menu7-r.jpg) no-repeat left top;    /* placement de l'image over */
}

#conseils a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/images/champagne-pienne-menu7.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#conseils a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#commander {    /* "lien" sera notre conteneur, ici la balise div */
    width: 201px;  /* changer la largeur ici */
    height: 30px; /* changer la hauteur ici */
    background: url(gifs/images/champagne-pienne-menu8-r.jpg) no-repeat left top;    /* placement de l'image over */
}

#commander a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/images/champagne-pienne-menu8.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#commander a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#qui {    /* "lien" sera notre conteneur, ici la balise div */
    width: 201px;  /* changer la largeur ici */
    height: 30px; /* changer la hauteur ici */
    background: url(gifs/images/champagne-pienne-menu9-r.jpg) no-repeat left top;    /* placement de l'image over */
}

#qui a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/images/champagne-pienne-menu9.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#qui a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#contact {    /* "lien" sera notre conteneur, ici la balise div */
    width: 201px;  /* changer la largeur ici */
    height: 29px; /* changer la hauteur ici */
    background: url(gifs/images/champagne-pienne-menu10-r.jpg) no-repeat left top;    /* placement de l'image over */
}

#contact a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/images/champagne-pienne-menu10.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#contact a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
} 


/********************* FIN MENU ************************/

.fd_contenu {
	background-image: url(gifs/images/champagne-pienne-fd-contenu.jpg);
	background-color: #571602;
	background-repeat: no-repeat;
	width: 600px;
	height: 471px;
	padding: 0;
	margin: 0;
}

.fd_conseils {
	background-image: url(gifs/images/champagne-pienne-conseils2.jpg);
	background-repeat: no-repeat;
	width: 183px;
	height: 54px;

}

	.fd_conseils p {
	padding: 0;
	margin: 0;
	padding-left: 11px;
	padding-right: 3px;
	padding-top: 3px;
	}


.fd_conseils_lien {
	background-image: url(gifs/images/champagne-pienne-conseils3.jpg);
	background-repeat: no-repeat;
	width: 183px;
	height: 16px;
	padding: 0;
	margin: 0;
}

.fd_newsletter {
	background-image: url(gifs/images/champagne-pienne-newslet2.jpg);
	background-repeat: no-repeat;
	width: 201px;
	height: 46px;
}

.fd_titre {
	background-image: url(gifs/images/champagne-pienne-titre1.jpg);
	background-repeat: no-repeat;
	width: 435px;
	height: 37px;
}

.fd_liens {
	background-image: url(gifs/images/champagne-pienne-liens.jpg);
	background-repeat: no-repeat;
	width: 201px;
	height: 58px;
	padding: 0;
	margin: 0;
}

	.fd_liens p {
	padding-left: 15px;
	padding-top: 10px;
	}

/************* LIENS FOOTER **************/

.footer {
	padding-top: 10px;
	color: #464646;
}
	.footer a {
	color: #464646;
	}
	
	.footer a:hover {
	color: #464646;
	}

/*********** FIN FOOTER ***************/

.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #9a8028;
	font-weight: bold;
	padding-left: 32px;
	padding-top: 8px;	
}

.contenu {
	padding-left: 10px;
	padding-top: 8px;
	padding-right: 10px;
}

	.contenu a {
	font-weight: bold;
	text-decoration: none;
	}
	
	.contenu a:hover {
	font-weight: bold;
	text-decoration: underline;
	}

#fd_encart1 {
	background-image: url(gifs/images/fdindex.png);
	background-repeat: no-repeat;
	width: 580px;
	height: 229px;
	float:left;
}

	#fd_encart1 p {
		padding: 0;
		margin: 0;
		color: #924028;
		padding: 55px 20px 0 125px;
	}
	
	#fd_encart1 a {
		color: #924028;
		font-weight: bold;
		text-decoration: none;
	}
	
	#fd_encart1 a:hover {
		color: #924028;
		text-decoration: underline;
		font-weight: bold;
	}
	
#fd_encart2 {
	background-image: url(gifs/images/champagne-pienne-encart2.jpg);
	background-repeat: no-repeat;
	width: 310px;
	height: 139px;
	float:left;
}

	#fd_encart2 p {
		padding: 0;
		margin: 0;
		color: #571602;
		padding-top: 43px;
		padding-left: 130px;	
	}
	
	#fd_encart2 a {
		color: #571602;
		font-weight: bold;
		text-decoration: none;
	}
	
	#fd_encart2 a:hover {
		color: #571602;
		text-decoration: underline;
		font-weight: bold;
	}

#fd_encart3 {
	background-image: url(gifs/images/champagne-pienne-encart3.jpg);
	background-repeat: no-repeat;
	width: 280px;
	height: 139px;
	float:left;
}

	#fd_encart3 p {
		margin:0;
		padding: 40px 0px 0 80px;
		color: #f2e8be;
	}
	
	#fd_encart3 a {
		color: #ed9067;
		font-weight: bold;
		text-decoration: none;
	}
	
	#fd_encart3 a:hover {
		color: #ed9067;
		text-decoration: underline;
		font-weight: bold;
	}

.prix {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	}
	
/******************************************************************** REF  ******************************************************************/
#header { background-image:url(gifs/images/header-champagne-pienne.jpg); width:850px; height:260px; background-repeat:no-repeat; }
#flash { width:134px; height:260px; margin: 0 0 0 850px; }

#tableau {
		width:599px;
		float:left;
		margin:0;
		vertical-align:top;
		}

#texte p {
		padding:0px 5px 0px 5px;
		text-align:justify;
		}
		
#texte a, #texte a:active, #texte a:visited, #texte a:link {
	font-weight:normal; text-decoration:underline;
}

#texte a:hover { text-decoration:none; }
		
#contenutxt {
		background-image:url(gifs/images/champagne-pienne-fd-contenu.jpg);
		background-repeat:no-repeat;
		background-color:#571602;
		margin:0;
		float:left;
		width:599px;
		}

#texte-site { float:left;}
#texte-site p { 
		padding:5px 15px; 
		text-align:justify; 
		line-height:18px;
		}


#titreh1 	{
			background-image:url(gifs/images/fond.jpg); 
			background-repeat:repeat-x; 
			padding:0; 
			margin:0; 
			width:599px;
			float:left;
			}
			
#contact-champ {
				background-image:url(gifs/images/fond.jpg); 
				background-repeat:repeat-x; 
				padding:0; 
				margin:0; 
				width:165px; 
				height:37px;
				float:left;
				}
				
#contact-champ img { padding:0; margin:0; }

#h1			{
			float:left;
			width:434px;
			}

h1 			{ 
			background-image:url(gifs/images/h1.jpg); 
			background-repeat:no-repeat;
			height:24px;
			padding:11px 0 0 35px;
			margin:0;
			font-size:16px;
			color:#581606;
			}

h2 			{
			margin:5px;
			font-size:16px;
			font-style:italic;
			}

h3 			{
			font-size:14px;
			}
			
#bloc1 {
	float:left;
	width:249px;
	margin:10px 0px 10px 10px;
	}
#bloc2 {
	float:left;
	width:330px;
	}
	
	#bloc2 p { margin: 0 }


.bouteille {
		float:left;
		width:579px;
		margin:10px;
		}
		
		.img {
			float:left;
			margin:0px;
			width:55px;
			height:157px;
			border:none;
			}
			
		.img2 {
			float:left;
			margin:0 10px 0 0;
			width:176px;
			height:162px;
			border:none;
			}
		
		.txt {
			float:left;
			width:504px;
			margin:10px;
			line-height:16px;
			}
		
		.txt2 {
	float:right;
	width:380px;
	margin:0px 0 0 0px;
	line-height:16px;
	
			}
			
		.prix {
			font-weight:bold;
			}

#script {
	float:left;
	margin:0 30px;
	}
	
.bouton {
		border: 2px solid #5A1704;
		padding:5px;
		background-color:#006600;
		font-weight:bold;
		font-size:14px;
		}

	

ul.MenuHorizontal {
   width: 201px;
   list-style: none;
   margin: 0;
   padding: 0;
   overflow: hidden;
}

ul.MenuHorizontal li {
   width: 201px;
}

ul.MenuHorizontal li a {
   display: block;
   color: #822103;         /*Ici, changer la couleur de la police*/
   font-family: "Times New Roman", Times, serif;
   font-size: 14px;         /*Ici, changer la taille de la police du menu*/
   padding:0 0 0 35px;         /*Ici, on joue sur le padding pour centrer le texte verticalement*/
   text-align: leftr;
   text-decoration: none;
   font-weight:bold;
}

li#menu0 a {
   background-image: url('gifs/images/menu_12.jpg');         /*Ici l'image de fond de la cellule*/
   height:30px;
   line-height:28px;
}

li#menu1 a {
   background-image: url('gifs/images/menu_14.jpg');         /*Ici l'image de fond de la cellule*/
   height:31px;
   line-height:29px;
}

li#menu2 a {
   background-image: url('gifs/images/menu_15.jpg');         /*Ici l'image de fond de la cellule*/
   height:30px;
   line-height:28px;
}

li#menu3 a {
   background-image: url('gifs/images/menu_16.jpg');         /*Ici l'image de fond de la cellule*/
   height:31px;
   line-height:29px;
}

li#menu4 a {
   background-image: url('gifs/images/menu_17.jpg');         /*Ici l'image de fond de la cellule*/
   height:29px;
   line-height:27px;
}

li#menu5 a {
   background-image: url('gifs/images/menu_18.jpg');         /*Ici l'image de fond de la cellule*/
   height:31px;
   line-height:29px;
}

li#menu6 a {
   background-image: url('gifs/images/menu_20.jpg');         /*Ici l'image de fond de la cellule*/
   height:30px;
   line-height:28px;
}

li#menu7 a {
   background-image: url('gifs/images/menu_22.jpg');         /*Ici l'image de fond de la cellule*/
   height:30px;
   line-height:28px;
}

li#menu8 a {
   background-image: url('gifs/images/menu_23.jpg');         /*Ici l'image de fond de la cellule*/
   height:29px;
   line-height:27px;
}

li#menu0 a:hover, a#selected-over0 {
   background-image: url('gifs/images/over_12.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#8C7011;
}

li#menu1 a:hover, a#selected-over1 {
   background-image: url('gifs/images/over_14.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#8C7011;
}

li#menu2 a:hover, a#selected-over2 {
   background-image: url('gifs/images/over_15.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#8C7011;
}

li#menu3 a:hover, a#selected-over3 {
   background-image: url('gifs/images/over_16.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#8C7011;
}

li#menu4 a:hover, a#selected-over4 {
   background-image: url('gifs/images/over_17.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#8C7011;
}

li#menu5 a:hover, a#selected-over5 {
   background-image: url('gifs/images/over_18.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#8C7011;
}

li#menu6 a:hover, a#selected-over6 {
   background-image: url('gifs/images/over_20.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#8C7011;
}

li#menu7 a:hover, a#selected-over7 {
   background-image: url('gifs/images/over_22.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#8C7011;
}

li#menu8 a:hover, a#selected-over8 {
   background-image: url('gifs/images/over_23.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#8C7011;
}