/* CSS Document */
/********************/
/*     GENERAL      */
/********************/
body {background-color: #D08917;
	margin : 0;
	padding : 0;
	color: #000000;
	font-family: Verdana, Arial, "Times New Roman", sans-serif;
	font-size:12px;
	/*IE fix pour centrage de la page*/
	text-align:center;}
p { margin : 1em 0; text-align:justify;}
img { border : none; margin:0; }
legend {background-color:transparent;
color: #CCCCCC;}


/********************/
/*     NAVIGATION   */
/********************/

/*Menu haut*/
#logo {
	font-size : 1.1em;
	font-weight:bold;
	height: 142px;
	background-image: url(pix_jolys/logo_accueil.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}

#logo a span {
display: none; 
}
 
#menu {

margin-right:auto;/*pour centrer le bloc dans #main*/
margin-left:auto;
width:746px;
text-align:center;
}

#menu img
	{
	float:left;
	}

#menu a
{
display: block; /* pour transformer la balise en balise de type bloc*/
width: 84px;
background-repeat: no-repeat;
float:left;
text-align: center;
 }
 
#menu a span { display: none; }

#menu ul {
list-style:none;
padding:0;
margin:0;
}
/*navigation, menu des rubriques*/

li.debut {
	background: url(http://at.classique.typhon.org/jolys/pix_jolys/debut_navig.jpg) no-repeat;
}
li.accueil {
	background: url(http://at.classique.typhon.org/jolys/pix_jolys/accueil_navig.jpg) 0 -42px no-repeat;
}

li.accueil a
{
background: url(http://at.classique.typhon.org/jolys/pix_jolys/accueil_navig.jpg) no-repeat;
}

li.domaine {
	background: url(http://at.classique.typhon.org/jolys/pix_jolys/domaine_navig.jpg) 0 -42px no-repeat;
}

li.domaine a
{
background: url(http://at.classique.typhon.org/jolys/pix_jolys/domaine_navig.jpg) no-repeat;
}
li.terroir {
	background: url(http://at.classique.typhon.org/jolys/pix_jolys/terroir_navig.jpg) 0 -42px no-repeat;
}

li.terroir a
{
background: url(http://at.classique.typhon.org/jolys/pix_jolys/terroir_navig.jpg) no-repeat;
}
li.esprit {
	background: url(http://at.classique.typhon.org/jolys/pix_jolys/esprit_navig.jpg) 0 -42px no-repeat;
}

li.esprit a
{
background: url(http://at.classique.typhon.org/jolys/pix_jolys/esprit_navig.jpg) no-repeat;
}

li.vins {
	background: url(http://at.classique.typhon.org/jolys/pix_jolys/vins_navig.jpg) 0 -42px no-repeat;
}

li.vins a
{
background: url(http://at.classique.typhon.org/jolys/pix_jolys/vins_navig.jpg) no-repeat;
}
li.contact {
	background: url(http://at.classique.typhon.org/jolys/pix_jolys/contact_navig.jpg) 0 -42px no-repeat;
}

li.contact a
{
background: url(http://at.classique.typhon.org/jolys/pix_jolys/contact_navig.jpg) no-repeat;
}

li.fin {
	background: url(http://at.classique.typhon.org/jolys/pix_jolys/fin_navig.jpg) no-repeat;
}
li.fin a{
	background: url(http://at.classique.typhon.org/jolys/pix_jolys/fin_navig.jpg) no-repeat;
}


#menu ul li.outer  {
	float: left;
	width: 84px; height: 32px;
	margin: 0;
	}

#menu ul li.outer2  {
	float: left;
	width: 8px; height: 32px;
	margin: 0;
	}

#menu ul li.outer3  {
	float: left;
	width: 234px; height: 32px;
	margin: 0;
	}
	
#menu ul li.outer a, #logo a, #menu ul li.outer2 a , #menu ul li.outer3 a 
{
	display: block;
	margin: 0; 
	padding:0;
	width:100%; 
	height:100%;
	overflow:hidden;
	}

#menu ul li.outer a:hover {
	background-image: none;
	}


/********************/
/*     STYLES       */
/********************/

/*HEADERS*/

h1 { font-size : 1.6em; margin : 0.67em 0; color :#D08917 ;}
h2 { font-size : 1.4em; margin : 0.83em 0;}
h3 { font-size : 1.17em; margin : 1em 0;}
h4 { font-size : 1em; margin : 1.33em 0; }
h5 { font-size : 0.83em; margin : 1.67em 0; }
h6 { font-size : 0.67em; margin : 2.33em 0; }

.bienvenue span {
	display:none
}

h1.bienvenue {

background-image : url(pix_jolys/titre_bienvenue.png);
background-repeat: no-repeat;
	width:355px;
	height:37px;}

/*LINKS*/
a:link { 
color: #D08917;
text-decoration: none;
font-weight: bold;
}
a:visited {
color: #999999;
text-decoration: underline;
}
a:hover {
text-decoration: underline
}


/*LISTS*/
/*li {
list-style-image: url(pix_rotier/puce01.png);
}
ul ul li{
list-style-image: url(pix_rotier/puce02.png);
}*/


/********************/
/*     MAIN         */
/********************/
/*le contenant*/

#main {
background-color: #FFFFFF;
	width: 746px; 
	margin-left:auto; 
	margin-right:auto; 
	text-align: center; 
	padding: 0;
	}

/*quelques règles applicables à plusieurs parties*/
#menuhaut, #foot {
	background-color: none; 
	}
#foot
{
text-align:center;
}
#corpsdepage, #legendes, #corpsdepagevins {
	}

/********************/
/*     IMAGES       */
/********************/

.left {
float:left;
}
.center {
text-align:center;}

.left img, .left span
{
display:block;
padding: 0px 8px 0px 0px;
}

.right {
float:right;
}

.right img, .right span {
display:block;
padding: 0px 0px 0px 8px;
}

.right span, .left span{
font-size:50%;
font-weight:bold;
text-align:center;
}
/********************/
/*     NEWS         */
/********************/

#actualites
{
width: 200px;
background: #F3D096;
float:right;
padding:15px;
margin:10px 0 10px 10px;
font-size:0.9em;
}

#actualites h1
{
font-size:1.5em;
}

#actualites h2
{
font-size:1.2em;
margin : 0.4em 0 0.2em 0;
}
#actualites p
{
margin : 0;
}

.signature
{
text-align:right;
}

.newsteaser img
{
float: right;
}
/*.newsteaser h2
{background-image: none;
}*/
.news img
{
float: right;
}

/*news styles*/
.ndate
{display:none;}



/********************/
/*  CORPS DE PAGE   */
/********************/

#corpsdepage {
	text-align:left;
	padding: 15px 30px;
margin-right:auto;
margin-left:auto;
}
	

/*navigation footer*/
.navbas {
text-align: center;
font-size: 0.85em;
}
	
/********************/
/*  FORMULAIRE      */
/********************/

 form.formulaire fieldset
  {
  padding: 1em;
  }
form.formulaire label
  {
  display: inline;
  float: left;
  width: 110px;
  } 
 
 
 input, select, textarea {
	background-color: white;
	border: none;
	border: 1px solid #999999;

}
 input[type="submit"], input[type="reset"] {
	background-color: white;
	border: 1px solid #999999;
	-moz-border-radius: 5px;
}

input.bouton {
border:1px outset #CCCCCC;
font-weight:bold;
cursor:pointer;
}
input.bouton:hover {
background-color:CCCCCC;
color:#333333;
}

input.bouton:active {
border:1px inset #CCCCCC;
background-color:#999999;
color:white;
} 

/********************/
/*  PAGE   VINS     */
/********************/

#vintext img
{
float:right;
padding: 0px 0px 0px 20px;
background-color: #fff;
text-align:center;
}

#corpsdepagevins
{
/*width:520px;*/
margin:0;
padding:20px;
}



.text
{
text-align:justify;
}

.label {
	font-weight: bold;
}


/********************/
/*  FICHES VINS     */
/********************/

/*#vintext img{
border: solid 2px #838266;
background-color: #fff;
text-align:center;
}

#corpsdepagevins 
{	text-align:left;
padding: 15px 15px;
}
/* Table-less alignment for data page courtesy of Austin Hair ;-) */
/*.label, .text {
	display: block;
	width: 28em;
	float: left;
	margin-bottom: 1em;
}*/
/*.text
{
text-align:justify;
}
.label {
	text-align: right;
	font-weight: bold;
	width: 14em;
	padding-right: .5em;
}*/


/********************/
/*       TRICKS     */
/********************/
div.clear
 {
 clear:both;
 }
 
 
.separateur {
	background-color: #FFFFFF;}
	
br {
clear: left;
}