/*	CSS La Cave
	Création Agence Grain de Sel le 25/08/2010 */

	
/* Balises par défaut
------------------------------*/
body{
  	text-align : center;
 	font-family:Arial,  Verdana, Helvetica, sans-serif;
	color:#671518;
	font-size:1em;
	background:url("/images/lacave/bkg-body.gif") 0 0 repeat-x;
	background-color:#841b1f;
	behavior: url('csshover3.htc');
	padding-top:42px;
	padding-bottom:40px;
}

/* Blocs de disposition
------------------------------*/
#conteneur{
 	margin : 0 auto;
	width:958px;
	text-align:left; 
	background-color:#70171a;
	padding-top:12px;
	padding-left:12px;
	color:#671518;
}

/* Anim Bandeau
------------------------------*/
#bandeau {
width:946px;
height:289px;
}
#imgDefilement {
position:absolute;
top:54px;
width:946px;
}

/* menu
------------------------------*/
#menu{
	width:731px;	
	background:url("/images/lacave/bkg-menu.gif") 0 0 repeat-x;
	height:41px;
	list-style-type:none;
	float:right;
	margin-bottom:37px;
	margin-right:12px;
	_margin-right:6px;
	.margin-top:-3px;
}

#menu li{
	height:41px;
	float:right;
}

#sansSep{
	background:url("/images/lacave/menu-cave.gif") 0 0 no-repeat;
	height:41px;
	width:109px;
	border-right:3px solid #671518;
	text-align:center;
}

#sansSep:hover{
	background:url("/images/lacave/ss-cave.gif") 0 0 no-repeat;
	height:78px;
}

#menuProduits, #menuServices{
	background:url("/images/lacave/menu-produit.gif") 0 0 no-repeat;
	height:41px;
	width:109px;
	border-right:3px solid #671518;
	text-align:center;
}

#menuProduits:hover, #menuServices:hover{
	background:url("/images/lacave/ss-produit.gif") 0 0 no-repeat;
	height:78px;
}

#menuVin{
	background:url("/images/lacave/menu-vins.gif") 0 0 no-repeat;
	height:41px;
	width:150px;
	border-right:3px solid #671518;
	text-align:center;
}

#menuVin:hover{
	background:url("/images/lacave/ss-vins.gif") 0 0 no-repeat;
	height:78px;
}

#menuContact{
	background:url("/images/lacave/menu-contact.gif") 0 0 no-repeat;
	height:41px;
	width:142px;
	text-align:center;
}

#menuContact:hover{
	background:url("/images/lacave/ss-contact.gif") 0 0 no-repeat;
	height:78px;
}

#menu a{
	color:#fff;
	text-decoration:none;
	padding-top:13px;
	display:block;
}


/* sous menu
------------------------------*/
.sousmenuBloc{
	position:absolute;
	/*top:390px;
	left:748px;*/
	width:186px;	
	background-color:#461c1c;
	filter:alpha(opacity=90);
	opacity: 0.9;
	margin-top:11px;
	margin-left:-39px;
	.margin-left:-94px;
	display:none;
}

.sousmenu{
	padding-top:33px;
	background:url("/images/lacave/ss-produit2.gif") 0 0 no-repeat;
	width:186px;	
	list-style-type:none;
	filter:alpha(opacity=100);
	opacity: 1; 
	text-align:left;
}

.sousmenu li{
	border-bottom:1px solid #fff;
	padding:6px 0;
	height:18px !important;
	float:none !important;
}
.sousmenu li:hover{
	background-color:#841b1f;
}

.sousmenu a{
	color:#fff;
	text-decoration:none;
	display:block;
	font-size:1em;
	padding:0 2px 0 10px !important;
}



/* centre
------------------------------*/
#centre{
	width:946px;
	background:url("/images/lacave/vague.gif") 226px 28px no-repeat;
	background-color:#fff;	
	min-height:490px;
	_height:490px;
	border:2px solid #000;
}
#ariane {
text-align:right;
padding:5px;
height:15px;
}
#ariane a {
text-decoration:none;
color: #2e0d0d;
}
#ariane a:hover {
text-decoration:underline;
}

#centreLeft{
	float:left;
	width:519px;
	background:url("/images/lacave/top-titre.gif") 30px 80px no-repeat;
	padding:82px 125px 20px 30px;
font-size:1.1em;
}

#centreLeft h1{
 	font-family:times, sans-serif;
	font-size:2em;
	color: #2e0d0d;
	padding-left:15px;
	padding-bottom:5px;
	width:460px;
	background:url("/images/lacave/bas-titre.gif") 0 100% no-repeat;
	margin-bottom:20px;
}

#centreLeft h3 {
text-transform:uppercase;
font-weight:bold;
font-size:1em;
}
#centreLeft p{
	text-align:justify
}

#centreLeft a{
	color:#250e0f;
	text-decoration:none;
	/*display:block;*/
	font-size:1em;
}
#centreLeft a:hover{
	text-decoration:underline;
}

#centreRight{
	float:right;
	width:269px;	
	padding-top:28px;
}

#planSite li {
margin:0 20px !important;
}

#blocAdresse {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	width:242px;	
	height:69px;
	padding:8px;
	color:#fff;
	background-color:#681518;
	margin-top:10px;	
 }

#blocAdresse a{
	color:#fff;	
}
#blocAdresse strong {
text-transform:uppercase;
}


/* footer
------------------------------*/
#footer{
	border-top:12px solid #70171a;
}
/* lienUtile
------------------------------*/
#lienUtile{
	width:620px;	
	background:url("/images/lacave/footer.gif") 100% 0 no-repeat;
	height:23px;
	list-style-type:none;
	float:left;
	padding-top:10px;
	background-color:#70171a;
}

#lienUtile li{
	color:#fff;
	padding:0 5px 0 5px;
	float:left;
}

#lienUtile a{
	color:#fff;
	text-decoration:none;
	display:block;
	font-size:0.9em;
}

#lienUtile a:hover{
	text-decoration:underline;
}

/* lienRef
------------------------------*/
#lienRef{
	width:338px;	
	height:23px;
	list-style-type:none;
	float:right;
	padding-top:10px;
	background-color:#841b1f;
}

#lienRef li{
	padding:0 5px 0 5px;
	float:right;
	color:#250e0f;
}

#lienRef a{
	color:#fff;
	text-decoration:none;
	display:block;
	font-size:0.9em;
}

#lienRef  a:hover{
	text-decoration:underline;
}


/* Divers
------------------------------*/
.separateur{ 
	 display: block;
	 .display: none;
	 height: 0;
	 margin: 0;
	 _margin:-7px 0;
	 padding: 0;
	 border: 0;
	 visibility: hidden;
	 .visibility: none;
	 clear:both;
	 .clear:none;
}
.mention {
.width:950px;
text-align:right;
color:#3B1313;
font-size:0.9em;
padding:3px;
}


/* Formulaire de contact
------------------------------*/
.contactform {
background-color:#EDD89E;
padding:8px;
}
.contactform fieldset {
border:none;
}
.contactform label {
width:200px;
float:left;
display:block;
}
.contactform input, .contactform textarea {
border:1px solid #3B1313;
}