#menulang{
	text-align:right;
	margin:5px 20px 0px 0px;
	}

/***************page accueil boutique***********************/
.gauche{
	float:left;
	margin:0px 8px 0px 5px;
	}

.droite{
	float:right;
	margin:0px 5px 0px 8px;
	}

.texte2{
	float:left;
	width:300px;
	margin:8px 2px 5px 3px;
	color:#fff;
	}

.imgtexte2{
	float:right;
	margin:8px 0px 3px 0px;
	width:372px;
	
	}

.clear{
	clear:both;
	}

#actustout1686{
	color:#fff;
	font:12px arial;
	}


/* 				Coda-slider layout document
				jQuery Coda-Slider v1.1 - http://www.ndoherty.com/coda-slider
	
				Copyright (c) 2007 Niall Doherty

*/

.stripViewer .panelContainer .panel ul {
	margin: 				0 15px 0 30px;
	text-align: 			left;
}

.csw {
	width: 					100%; 
	height: 				475px; 
	background: 			#262626; 
	overflow: 				hidden;
}
	
.csw .loading {
	margin: 				200px 0 300px 0; 
	text-align: 			center;
}

.stripViewer {
	position: 				relative;
	width: 					960px;
	height:					475px;
	margin: 				auto;
	overflow:				hidden; 
	clear: 					both;
	
	border: 				1px solid #606060;
	background: 			/*#44474c;*/#262626;
	/*background-image:		url(images/bg_content.jpg);
	background-position:	left;
	background-repeat:		no-repeat;*/
}

.stripViewer .panelContainer {
	position: 				relative;
	left: 					0; 
	top: 					0;
	width: 					960px;
	list-style-type: 		none;
}

.stripViewer .panelContainer .panel {
	float:					left;
	width: 					960px;
	height: 				475px;
	position: 				relative;
}

.stripViewer .panelContainer .panel .wrapper1, 
.stripViewer .panelContainer .panel .wrapper2, 
.stripViewer .panelContainer .panel .wrapper3, 
.stripViewer .panelContainer .panel .wrapper4, 
.stripViewer .panelContainer .panel .wrapper5 {
	padding: 				10px;
}


.stripNav {
	float:					right;
	margin:					0 20px 0 0;
}

.stripNav ul {
	list-style: 			none;
}

.stripNav ul li {
	float: 					left;
	margin-right: 			0px;
}

.stripNav a {
	display: 				block;
	width:					70px;
	padding: 				20px 15px 15px 15px;
	
	font-size: 				10px;
	font-weight: 			bold;
	text-align: 			center;
	line-height: 			32px;
	color: 					#fff;
	text-decoration: 		none;
	
	background: 			#c6e3ff;
}

/*.stripNav li a:hover {
	background: #262626;
}*/

.cross-link {
	/*float:					right;*/
}

/* 				Basic layout document
	Theme:		Oberon
	Category:	Business
	Author: 	Hugo
	Created:	01-13-2009
	
	URL:		http://themeforest.net/user/hu-go
*/


/* Global positioning */
* {
	margin:					0;
	padding:				0;
}

.titre font b{
	color:#b4b4b2;
	font: bold 14px arial;
	text-transform:uppercase;
	
	}

.titre{
	background:transparent;
	}

#actustout1686 font{
	font:12px Arial;
	}

body {	
	/*background-image:		url(images/bg_body.jpg);
	background-repeat:		repeat-x;
	background-position:	top;*/
	background-color:		#1d1d1d;
	scrollbar-face-color: #2e2e2e;
    scrollbar-shadow-color: #1d1d1d;
    scrollbar-highlight-color: #1d1d1d;
    scrollbar-track-color: #1d1d1d;
    scrollbar-arrow-color: #ffffff;
    scrollbar-3dlight-color: #1d1d1d;
    scrollbar-darkshadow-color: #1d1d1d;	
}

/*.wine { display:none; }*/
#winelist a { cursor: pointer; }

/* Image layout */
img {
	border: 				none;
}

.imageframe {
	float:					left;
	display:				inline;
	margin:					5px 8px 2px 0;
	border:					5px solid #1d1d1d;
}

.imageframe2{
	vertical-align:middle;
	margin:					0px 5px 0px 0px;
	border:					5px solid #1d1d1d;
	}

.imageframe3{
	margin:					0px 0px 5px 0;
	border:					5px solid #1d1d1d;
	}

.slideshow img {
	margin:					2px 10px 5px 0;
	border:					5px solid #1d1d1d;
}

hr {
	border:			1px solid #606060;
}


/* Container positioning */
.container {
	position: 				relative;
	width:					982px;
	height:					auto;
	margin:					0 auto;
	margin-top:				0px;
}



/* Div positioning */
.header {
	position: 				relative;
	width:					962px;
	height:					82px;
	margin:					0 auto;
	margin-top:				0px;
}

.columnleft {
	float:					left;
	width:					354px;
	height:					455px;
	padding:				0 10px 0 10px;
	margin:					0 0 0 1px; 
	border-right:			1px solid #606060;
	
	overflow:				hidden;
}

.accueil {
	float:					left;
	width:					500px;
	height:					455px;
	padding:				0 10px 0 10px;
	margin:					0 0 0 1px; 
	border-right:			1px solid #606060;
	overflow:				hidden;
	
}

.accueil2 {
	float:					left;
	width:					200px;
	height:					460px;
	padding:				0 0 0 10px;
	margin:					0; 
	
	overflow:				hidden;
}

.columnright {
	float:					left;
	width:					354px;
	height:					460px;
	padding:				0 0 0 10px;
	margin:					0; 
	/*overflow:				hidden;*/
}

.vinsdroit {
	float:					left;
	width:					354px;
	height:					460px;
	padding:				0 0 0 10px;
	margin:					0;
	overflow: auto;
	overflow:				hidden;
}

.vinsgauche {
	float:					left;
	width:					354px;
	height:					460px;
	padding:				0 0 0 10px;
	margin:					0;
	overflow: auto;
	/*overflow:				hidden;*/
}
.footer {
	position:				relative;
	width:					982px;
	height:					35px;
	margin:					0 auto;
	margin-top:				10px;
	padding:				15px 0 0 0;
	
	background-color:		transparent;
	background-image:		url(images/bg_footer.jpg);
	background-repeat:		no-repeat;
	background-position:	center;
}
/* End of div positioning */



/* Form elements */
.txt_contact{
	vertical-align:			middle;
	width: 					200px;
	height: 				17px;
	margin:					0 0 5px 5px;
	padding:				3px 5px 0 5px;
	
	border:					2px solid #dddddd;	 
	background-image:		url(images/forminput.jpg);
	background-repeat:		repeat-x;
	background-position:	left;
}

.field_contact {
	vertical-align:			middle;
	width: 					200px;
	height: 				97px;
	margin:					0 0 5px 5px;
	padding:				3px 5px 0 5px;
	
	border:					2px solid #dddddd;	 
	background-image:		url(images/formtxtfield.jpg);
	background-repeat:		repeat-x;
	background-position:	left;
}

.btn_contact {
	vertical-align:			middle;
	width: 					75px;
	height: 				22px;
	margin:					0;
	
	border:					2px solid #dddddd; 
	background-color: 		#555;			/* Color of the buttons on the contact form */
	cursor:					pointer;
}

.btn_contact:hover { 
	background-color: 		#919191;
}


/* 				Markup document
	Theme:		Oberon
	Category:	Business
	Author: 	Hugo
	Created:	01-13-2009
	
	URL:		http://themeforest.net/user/hu-go
*/


/* Headers */
h1 {
	text-align:				left;
	line-height:			20px;
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size:				18px;
	font-weight:			normal;
	font-style:				normal;
	color:					#ffffff;
}

h2 {
	text-align:				left;
	line-height:			18px;
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size:				16px;
	font-weight:			bold;
	font-style:				normal;
	color:					#c1b7b6;
	float:left;

}

h2 span{
	font:10px arial;
	color: #c1b7b6;
	}

.achat{
	border:none;
	float:right;
	/*display:none;*/
	}

/* Paragraph and hyperlink */
p, ul {
	text-align:				left;
	line-height:			18px;
	font-family: 			Arial, Helvetica, sans-serif;
	font-size:				12px;
	font-weight:			normal;
	font-style:				normal;
	color:					#e5e5e5;
	padding-top:10px;
}

a:focus { 
	outline:				none;
}

.stripNav li.tab1 a { background: #232323; }				/* Color of an unselected tab */
.stripNav li.tab2 a { background: #232323; }
.stripNav li.tab3 a { background: #232323; }
.stripNav li.tab4 a { background: #232323; }
.stripNav li.tab5 a { background: #232323; }
.stripNav li.tab6 a { background: #232323; }



.stripNav li.tab1 a:hover { background: #b4b4b2; }			/* Color of a tab on hover */
.stripNav li.tab2 a:hover { background: #b4b4b2; }
.stripNav li.tab3 a:hover { background: #b4b4b2; }
.stripNav li.tab4 a:hover { background: #b4b4b2; }
.stripNav li.tab5 a:hover { background: #b4b4b2; }
.stripNav li.tab6 a:hover { background: #b4b4b2; }



.stripNav li.tab1 a.current { background: #555555; }		/* Color of a selected tab */
.stripNav li.tab2 a.current { background: #555555; }
.stripNav li.tab3 a.current { background: #555555; }
.stripNav li.tab4 a.current { background: #555555; }
.stripNav li.tab5 a.current { background: #555555; }
.stripNav li.tab6 a.current { background: #555555; }



.wrapper1 p a, .wrapper1 li a, 
.wrapper2 p a, .wrapper2 li a, 
.wrapper3 p a, .wrapper3 li a, 
.wrapper4 p a, .wrapper4 li a, 
.wrapper5 p a, .wrapper5 li a,
.wrapper6 p a, .wrapper6 li a
{
	text-align:				left;
	line-height:			18px;
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size:				11px;
	font-weight:			normal;
	font-style:				normal;
	
	text-decoration:		none;
}

.wrapper1 p a, .wrapper1 li a {	/* Color of a link depending on the current page */
	color:					#72ad4d;
}
 
.wrapper2 p a, .wrapper2 li a {
	color:					#b2b713;
}
 
.wrapper3 p a, .wrapper3 li a {
	color:					#be5900;
}
 
.wrapper4 p a, .wrapper4 li a {
	color:				#e1bcce;	
	
}

.wrapper5 p a, .wrapper5 li a {
	color:					#e1bcce;
}
.wrapper6 p a, .wrapper6 li a {
	color:					#4284b3;
}



.wrapper1 p a:hover, .wrapper1 li a:hover,
.wrapper2 p a:hover, .wrapper2 li a:hover,
.wrapper3 p a:hover, .wrapper3 li a:hover,
.wrapper4 p a:hover, .wrapper4 li a:hover,
.wrapper5 p a:hover, .wrapper5 li a:hover,
.wrapper6 p a:hover, .wrapper6 li a:hover{
	text-decoration:		underline;
}



/* Footer */
.footer {
	text-align:				center;
	line-height:			12px;
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size:				11px;
	font-weight:			normal;
	color:					#e5e5e5;
}

.footer a, .footer a:visited {
	line-height:			12px;
	font-size:				11px;
	color:					#626262;
	
	text-decoration:		none;
}

.footer a:hover {
	text-decoration:		underline;
}



/* Form markup */
.lbl_contact {	
	text-align:				left;
	line-height:			18px;
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size:				11px;
	font-weight:			normal;
	color:					#e5e5e5;
}

.txt_contact, .field_contact {	
	text-align:				left;
	line-height:			18px;
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size:				11px;
	font-weight:			normal;
	color:					#2e2e2e;
}

.btn_contact {
	text-align:				center;
	line-height:			18px;
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size:				12px;
	font-weight:			normal;
	color:					#e5e5e5; /* Color (turquoise) is also used in incl_functions.js */
}

.columnright ul li {
	list-style-type: 		square;
}


