/*****************************************************************************************************************************/
/*MISE EN PAGE*/

		html,body {
		background-color:#7c211f; background:url(../img/motif.gif);
		}
		
		#topPage{
		background:url(../img/topPage.gif);	width:900px;  height:10px;	margin-left:auto;  margin-right:auto; margin-top:auto;
		}
		
		#containerMainPage{
		margin-left:auto;  margin-right:auto;  width:960px;	height:auto;  background:url(../img/ornements.gif);	background-repeat:repeat-y
		}
		
		#mainPage{
		background-color:white;	width:900px;  height:auto;	margin-left:auto;  margin-right:auto;
		}


/*****************************************************************************************************************************/
/*ENTETE*/

		#countryLang{
		width:880px; height:auto; margin-left:10px; margin-right:10px; text-align:right; vertical-align:middle
		}
		
		#logo{
		width:880px; height:150px; margin-left:10px; margin-right:10px;
		}
		
		#mainMenu{
		width:880px; height:42px; margin-left:10px; margin-right:10px;z-index:50;
		}
		
		#newsletterMenu{
		width:880px; height:42px; background:url(../img/newsletterMenu.gif); margin-left:10px; margin-left:10px;z-index:0;
		}


		ul, li {
		margin: 0; padding: 0; list-style-type: none;
		}

		
		#mainMenu div {
		border: 1px solid gray;width:120px;margin-left:0px;z-index:500; display:block;background: #26281B;
		}

		#mainMenu li {
		font: 80% verdana,arial,sans-serif;
		text-align: left;
		}

		#mainMenu li a{
		color: #fff;text-decoration: none;display: block;height:100%;border: 0 none;
		}
		
		#mainMenu li a:hover{
		background: #eee;color: #000;
		}



/*****************************************************************************************************************************/
/*COLONNE DE GAUCHE*/

		#leftColumn{
		width:595px; height:auto; margin-left:10px; float:left; display: inline;
		}
		
		#animFlash{
		width:586px; height:267px;
		}
		
		#infosCom{
		width:586px; height:131px; margin-top:2px;
		}
		
		#coupsdeCoeur{
		width:586px; height:auto;
		}
		#resultatProd{
		border: #FFFFFF solid 1px;
		width:586px; height:76px; margin-top:10px;
		}
		#resultatProd:hover{
		border: #e5e2df solid 1px;
		background-color: #F8F8F8;
		}


/*****************************************************************************************************************************/
/*COLONNE DE DROITE*/

		#rightColumn{
		width:275px; height:auto; margin-left:10px;	margin-right:10px; float:left; display: inline;
		}
		
		#espaceClient{
		background-color:#FFFFFF; width:275px; height:auto;
		}
		#historiqueVins{
		background-color:#FFFFFF; width:275px; height:auto;
		}
		
		#searchEngine{
		background-color:#FFFFFF; width:275px; height:300px; background:url(../img/bg_search.gif); background-repeat:no-repeat;
		}
		
		#vinMois{
		width:275px; height:auto; margin-top:10px;
		}
		
		.descriptionVinMois {
		text-decoration:none;font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#786757;
		}
		.spacer {
		clear: both; visibility: hidden;
		}

		#resultatVinMois{
		border: #FFFFFF solid 1px;
		width:275px; height:110px; margin-top:10px;
		}

		#resultatVinMois:hover{
		border: #e5e2df solid 1px;
		background-color: #F8F8F8;
		}
	

/*****************************************************************************************************************************/
/*COLONNE SIMPLE - PANIER*/

		#singleColumn{
		width:880px; height:auto; margin-left:10px;
		}
		
		#selectProd{
		width:878px; height:76px; margin-top:10px;
		border: #e5e2df solid 1px;
		}



/*****************************************************************************************************************************/
/*FICHE PRODUIT*/	

	#ficheProd{
		border: #FFFFFF solid 1px;
		width:580px;
		height:auto;
		margin-top:10px;
		margin-left: 0px;		
		}




/*****************************************************************************************************************************/
/*BAS DE PAGE*/

		#bottomPage{
			background:url(../img/bottomPage.gif);	width:900px;	height:10px;	margin-left:auto;	margin-right:auto;
		}
			
		#footerAdresse{
			width:900px; height:20px; margin-left:auto;margin-right:auto; text-align:center; padding-top: 5px;
		}		

		#footerAbus{
			width:900px; margin-left:auto;margin-right:auto; text-align:center; padding-top: 1px;
		}		

		#footer{
			width:900px; height:20px; margin-left:auto;margin-right:auto; text-align:right; padding-top: 5px;
		}

		#descriptionFraisLivr{
		width:878px; height:148px; margin-top:10px;
		border: #e5e2df solid 1px;
		}
		

/*****************************************************************************************************************************/
/*TEXTES*/

		.titreBlanc {
		font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF;  
		}
		
		.description {
		text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#786757;
		}
		
		.libelleprod{
		text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#786757;font-weight:bold;
		}
		.descriptionCommande {
		text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#786757; max-height:15px;
		}	
			
		.descriptionProd {
		text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#786757;
		}

		.texte {
		font-weight: bold;text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size:11px;
		}

		.errConnex {
		font-weight: bold;text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#CC0000;
		}
		
		.savoirplus {
		text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#786757;
		}
		
		a.savoirplus:hover{
		text-decoration:underline;
		}
		
		.ajouterPanier {
		font-weight: bold; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size:11px; color: #669900; cursor:pointer;
		}
		
		a.ajouterPanier:hover{
		text-decoration:underline;
		}
		
		.prix_small {
		font-weight: bold; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#CC0000;
		}

		.prix_large {
		font-weight: bold; text-decoration:none; text-align:left; font-family: Arial, Helvetica, sans-serif; font-size:15px; color:#CC0000;width:220px; height:220px;float:left;
		}
		
		.inputStyle {
		border: #bbad9e solid 1px;  text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#786757;
		}
		
		.mentions {
		text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size:10px; color:#D5B6B5;Z-INDEX:0;
		}

		a.mentions:hover{
		color:#ffffff;text-decoration:underline;
}
