/*
-----------------------------------------------
Master Screen Style
-----------------------------------------------
Le Versant Rouge
file:		
author:		Caroline Casavant
date:		4 may 2006
----------------------------------------------- */




/* body
----------------------------------------------- */
* {
	padding: 0;
	margin: 0;
	}

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style:normal;
	line-height: 18px;
	color:#000000;
	background: url("../images/background.jpg") repeat;
}
#container{margin:0 auto;}

h4{padding-bottom:.5em; color:#859234;}

h3{color:#aa7634;}

	
#header {background: url("../images/headerback.jpg") top center repeat-x;}
	
#logoHeader {
	margin: 0 auto;
	width:883px;
	height:252px;
	background: url(../images/headerlogo.jpg) center top no-repeat;
}
	
/*--#pageBody, #historique, #produits, #produitAcotes, #produitsFraise, #oeuvres, #calendrier{
  	margin:0 auto;
	width:883px;
	background: url(../images/backpage.gif) center top repeat-y;
}-*/
#center{margin:0 auto; width:883px}

#pageBody{position:absolute;
	width:883px;background: url(../images/backpage.gif) center top repeat-y;}

	
#wrap{
	width:800px;
	margin:0px 45px;
}	
/*-----------------------------------------------------MainMenue-------------------------------*/
#leftContent{
	float:left;
	padding-left: 4px;
	margin-top: 1em;
	width: 158px;
}

#mainNav{
	background-image:url(../images/deco_nav.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	text-align: left;
	padding-left:0px
}
	

#mainNav a {
	display: block;
	font-family:"Times New Roman", Times, serif;
	font-size: 18px;
	font-style:italic;
	color: #859234;
	text-decoration: none;
}


#mainNav ul {
	left:auto;
	text-align: left;
	list-style: none;
	margin:0;
	padding-bottom:20px;
	padding-left:0px;
}

#mainNav ul li {
	background:transparent url(../images/leaf_list.gif) no-repeat;
	padding:0 0 14px 20px;
}


#mainNav ul li a:hover {text-decoration:underline;}


#adresse{
	padding-top: 40px;
	background:url(../images/deco_adresse.gif) bottom no-repeat;
}

#adresse p{
	font-size:.90em;
	color: #aa7634;
	text-align:center;
	padding-bottom:80px;
}

/*----------------------------PRINCIPLE CONTENT_________________________*/

#accueilContent{
	float:left;
	width: 615px;
	border-left:thin dotted #859234;
	margin-top:1em;
	padding-left:18px;
	text-align:justify;
	padding-bottom:10px;
}

.separator{
	clear: both;
	height:8px;
	width:500px;
	display:block;
}


#leftText{
	float:left;
	width:280px;
	margin:0;
	line-height: 130%;
	padding-top: 0px;
	display:inline;
}

#rightImg{
	padding:4px;
	float: left;
	border:3px solid #859234;
	display:inline;
	margin-left:40px;
}


#leftImg{
	float: left;
	border:3px solid #859234;
	margin:0px;
	padding:4px;
}

#rightText{
	float:left;
	width: 290px;
	display:inline;
	margin-top:15px;
	margin-left:20px;
}

#rightText2{
	float:left;
	width: 290px;
	display:inline;
	margin-left:20px;
}

#leftText2{
	float:left;
	width:540px;
}

#leftText3{
	float:left;
	width:285px;
	padding:0px;
	display:inline;
}


/*---------------------------------------historique------------------------------------*/
#historique{height:1145px;}

#histoText{
	float:left;
	width:585px;
}


#histoText ul{
	font-size:.9em;
	list-style-type:none; 
}

.topNav ul{
	list-style-type: none;
	margin-bottom: 1.5em;
	padding: 0;
}

.topNav ul li{display: inline;}

.topNav ul li a{
	font-family:"Times New Roman", Times, serif;
	font-size: 18px;
	font-style:italic;
	padding: .2em 1em;
	color: #859234;
}

.topNav ul li a:hover{text-decoration:none;}

.topNav ul li a:visited{color: #aa7634;}

.topNav ul li a:active{color:#000000;}

#histoText .subTitle, .subTitle2, .subTitle3, .subTitle4{
	font-family:"Helvetica Neue Bold Condensed";
	float:left;
	display:inline;
	margin-right:1em;
}

#histoText .subTitle2{margin-bottom:1em;}

#histoText .subTitle3{margin-bottom:2em;}

#histoText .subTitle4{margin-bottom:9em;}

#transfoImg{
	float: left;
	margin:0px;
	padding:4px;
	width:150px;
}

.full{
	display:block;
	width:600px;
	height:520px;
}





/*---product---*/
#produits{height:1380px;}

#produitAcotes{height:660px}

#produitsFraise{height:860px}

.imgProduct{
	float: left;
	margin-top:8px;
	padding:4px;
	display:inline;
}
	
.nameProduct{
	font-family:"Helvetica Neue Bold Condensed";
	color:#aa7634;
}

.nameProduct a{text-decoration:none; color:#aa7634;}

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

#p1{ width:450px;margin-top:20px; display:inline; float:left;}

.p2, .p3, .p4{padding-top:.5em; font-family:"Helvetica Neue Bold Condensed"; font-size:.9em;}

.p2 a{text-decoration:none; color:#000000;}
.p2 a:hover{text-decoration:underline}

/*----------------------------calendrier--------------------------------*/

#calendrier{height:880px}

.cellMonth, .cellMonth2{
	float:left;
	clear:both;
	border: 1px solid #859234;
	width: 565px;
	vertical-align:middle;
}

.cellMonth {border-bottom:none;}

.month{
	float:left;
	width:5.5em;
	text-align:center;
	padding-top:.6em;
	font-family:"Helvetica Neue Bold Condensed";
	color:#aa7634;
	display:inline;
}

.monthActe{
	padding:.6em;
	float:left; 
	width:30em;
	border-left: 1px solid #859234
}



/*-------------oeuvres-----------*/
#oeuvres{height:800px}

.pg{margin-bottom:2em; width:572px;}

.column{
	float:left;
	width:300px;
	margin-top:2em;
}

.column p{font-size:.8em; vertical-align:middle;}

.leftPaint{
	padding:3px;
	float: left;
	border:1px solid #859234;
	display:inline;
	margin-right:1em;
}

img {border-style: none;}

a:hover .leftPaint {background-color:#859234;}


/*----------------------------------------------------------Footer---------------------------------------*/
#footer{
	float:left;
	clear:both;
	border-top:thin dotted #859234;
	width:800px
	
}

#leftFooter{
	float:left;
	clear:both;
	color:#859234;
	font-size:.8em;
	text-align:left;
	margin-top:.5em;
	margin-left:1em;
	display:inline;
	width:230px;
}

#rightFooter{
	float:right;
	text-align:right;
	margin-top:.5em;
	margin-right:1em;
	display:inline;
	width:230px;
}	

#rightFooter a{
	text-decoration:none;
	color:#859234;
	font-size:.8em;
}

#rightFooter a:hover{color:#aa7634;}