body {
	margin:				        0;
	padding:					0;
	background:					#916464;
	color:						#790101;
	font:						12px arial, helvetica, sans-serif;
}

a {
    color:                      #a81a0f;
    text-decoration:            none;
    font-size:					1.0em;
}

a:hover {
    text-decoration:            underline;
    color:                      #790101;
}




#container {
	position:					relative;
	width:						992px;
	top:                        15px;
	height:                 	520px;
	background:					#fff;
    margin:                     auto;
    margin-top:                 0px;
    
}


/** header ********************************************************************/

#header {
	position:					absolute;
	width:						350px;
	/*background:					url(images/header.jpg) no-repeat;*/
	margin-left:                0px;
	padding:                    0;
}




#header h1{
    display:                    none;



}
/** navbar *******************************************************************


#navbar {
	display:					none;
	
}*/

#title h2 {
    top:                        238px;
    display:					block;
	margin:						0px 0px 0px 0px;
	height:                     19px;
	color:                      #ffffff;
	font-weight:                none;
	font-size:                  16px;
	padding:                    5px 5px 5px 30px;
	background:                 #9f8e8e;
	text-transform:             uppercase;
	width:					404px;

}

/** outercontent **************************************************************/

#outercontent  {
	background:					#dcd3d3;
	display:				block;
	min-height:                 100px;
	padding:                    0;
	position:					relative;
	top:						0px;
	left:						550px;
	/*height:                     582px;*/
		width:					441px;
}

#imagedessus {
	position:				relative;
	top:                    5px;
	left:                    40px;
	height:                     110px;
	background:					url(images/h2.jpg) no-repeat;

}


/** un bandeau par rubrique **/
body.historique #imagedessus { background-image: url(images/historique.jpg); }
body.philosophie #imagedessus { background-image: url(images/philo.jpg); }
body.vinification #imagedessus { background-image: url(images/vinification.jpg); }
body.actualite #imagedessus { background-image: url(images/philosophie.jpg); }
body.contact #imagedessus { background-image: url(images/contact.jpg); }



/*#imagedessous {
    display:					block;
	margin-left:                40px;
	margin-bottom:              20px;                
	height:                     99px;
	color:                      #790101;
	font-weight:                none;
	font-size:                  16px;
	background:					url(images/image-dessous.jpg) no-repeat;

}*/
/**content*********************************************************************/
#content {
	width:						410px;
	height:						359px;
	overflow:					auto;
	margin:						0px 0px 0px 0px;
	padding:                    10px 10px 10px 20px;
	font-size:                  12px;
	font-style:                 none;
	color:                      #4a3e37;
	background:                 #dcd3d3;
	/*min-width:                  334px;*/
	
}

#content ul {
    padding:                    0px 0px 10px 40px;
	margin:						0 0 0 0px;
	list-style:					square;
	
}

#content li {
    padding:                    0px 0px 0px 0px;
	margin:						0 0 0 0px;
	
}
/**sstitre1 *********************************************************************/
#content h3 {
    padding:                    0px 0px 0px 0px;
	margin:						0 0 0px 0px;
	font-size:                  16px;
	color:                      #000OOO;
	text-decoration:            uppercase;
}

/*--#content h4 {
    padding:                    2px 1px 6px 5px;
	margin:						0 0 0px 0px;
	font-size:                  15px;
	color:                      #947040;
	text-decoration:            uppercase;
	border-bottom:				1px solid #ffffff;
	background:					#ebe1e0;
}--*/

#content h5 {
	font:						Georgia, "Times New Roman", Times, serif;
    padding:                    0px 0px 0px 0px;
	margin:						0 0 0px 0px;
	font-size:                  12px;
	color:                      #772730;
}


/** navcontainer **************************************************************/

#navigation  {
	position:					absolute;
	padding:                    0;
	top:						0px;
	left:						304px;
	width:                     	241px;
}



#navcontainer {
	position:					absolute;
	top:						2px;
	margin-left:				5px;
	width:                      231px;
	height:						161px;
	background:					url(images/outercontent.jpg) no-repeat;
}

#navcontainer ul {
	position:					relative;
	width:                      185px;
	top:                        170px;
    left:						25px;
	margin:						auto 0;
	padding:					0;
	list-style:					none;
	
}

#navcontainer li {
	display:					inline;
}

#navcontainer a {
    width:                      185px;
	color:						#000000;
	font-size:					1.2em;
	font-family:                Arial, Courier, Garamond, serif;
	font-weight:                bold;
	text-decoration:			none;
	background:					#ebe1e1;
	text-transform:             uppercase;
	text-align:                 center;
	
}

#nav {
	position:				relative;
    padding-left:           5px;
    margin:                 0px 0 0px 0;
    list-style:             none;
    vertical-align:         bottom;
}

/*------------------- premier niveau -----------------------------*/

#nav li {
    display:                block;
    width:                  auto;
    margin-top:             0px;
		background:					#FF0000;
}

#nav li a:link,
#nav li a:visited {
    height:                 auto !important;
    height:                 23px;
    min-height:             21px;
    padding-left:           0px;
    padding-top:            5px;
    margin-bottom:          1px;
	margin-top:          	1px;
    display:                block;
    text-decoration:        none;
    color:                  #000000;
    font-weight:            none;
}

#nav li a:link.selected,
#nav li a:visited.selected,
#nav li a:hover {
    color:                  #fff;
    background:             #baa9a9;
    font-weight:            none;
}
/** edito *********************************************************************/

#edito {
    position:               absolute;
    top:                    392px;
    padding:                5px;
    width:                  231px;
    color:                  #9F8E8E;
	font-family:			Georgia, "Times New Roman", Times, serif;
	text-align:					center;
}

#edito ul {
    margin:                 0;
    padding:                0 0 0 15px;
}
/** langcontainer *************************************************************/

#langcontainer {
    position:               absolute;
    top:                    500px;
    left:                   55px;
}

#lang {
    margin:                 0;
    padding:                0;
    list-style:             none;
}

#lang li {
    display:                inline;
    padding:                0 5px;
}

#lang li a {
    color:                  #9F8E8E;
}

#lang #lang-fr a {
    padding-left:           20px;
    background:             url(images/fr.jpg) no-repeat left center;
}

#lang #lang-en a {
    padding-left:           20px;
    background:             url(images/en.jpg) no-repeat left center;
}




/** footer ********************************************************************/

#footer {
    font-size:              0.5em;
    position:               absolute;
	top:                    520px;
    left:                  	0px;
 	display:				block;
    text-align:             left;
    font-style:				normal;
}

#footer address {
    font-size:              10px;
	font-style:				normal;
	margin-bottom:          0px;
	color:                  #FFFFFF;
	text-transform:         uppercase;
}