/* CSS Document */
/********************/
/*     GENERAL      */
/********************/
body {background-color: #F7EED2;
	margin : 0;
	padding : 0;
	color: #CCCCCC;
	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*/
#menuhaut {
	font-size : 1.1em;
	font-weight:bold;
	margin-top: -5px;
	}
#menuhaut img {
float:right;
margin-right: 20px;
margin-top: 5px;
}

#navlist
{
padding: 10px 0 0 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 10px;
padding-bottom: 3px;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist li a
{
padding: 0 10px 0px 10px;
margin-left: 3px;
border-bottom: none;
background: #666666;
text-decoration: none;
}

#navlist li a:link { color: #CCCCCC;
padding: 3px 0.5em; }

#navlist li a:visited { color: #F7EED2; 
padding: 3px 0.5em;}

#navlist li a#current:visited 
{ color: #666666; }

#navlist li a:hover
{
color: #666666;
background: #CCCCCC;
padding: 3px 0.5em;
}

#navlist li a#current
{
padding: 3px 0.5em;
background: #F7EED2;
}
/*navigation int�ieure*/
.intranavig {
text-align: right;
font-size: 0.85em;
}

/*Logo*/
#logo {
	height: 143px;
	background-image: url(pix_rotier/montage_haut2.png);
	background-repeat: no-repeat;
	background-position: center top;
}


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

/*HEADERS*/

h1 { font-size : 1.6em; margin : 0.67em 0; color :#FFFFFF ;}
h2 { font-size : 1.4em; margin : 0.83em 0; 	background: transparent url(pix_rotier/puce_titreh2.png) no-repeat 0 30%; padding: 0 0 0 12px;}
h3 { font-size : 1.17em; margin : 1em 0; background: transparent url(pix_rotier/puce_titreh3.png) no-repeat 0 30%; padding: 0 0 0 12px;}
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; }

#logo h1 span
{
display:none;
}

#logo h1
{
padding:0;
margin:0;
}

/*LINKS*/
a:link { 
color: #F7EED2;
text-decoration: none;
font-weight: bold;
}
a:visited {
color: #CCCCCC;
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 {
	width: 760px; 
	margin-left:auto; 
	margin-right:auto; 
	text-align: center; 
	padding: 0;
	}

/*quelques r�les applicables �plusieurs parties*/
#menuhaut, #foot {
	background-color: #666666; 
	}
	
#corpsdepage, #legendes, #corpsdepagevins {
	background-color: #333333; 
	}

/********************/
/*     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         */
/********************/

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

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



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

#corpsdepage {
	text-align:left;
	padding: 15px 30px	}
	
/*Images accueil*/

#blocfotos {
background-color: #F7EED2;
padding: 5px 0
}

#legendes {
/*	padding: 15px 30px;*/
height:100px;	}
	
#legendes .bloc1 {
width: 240px;
float: left;
margin: 5px 5px 0 5px;
}
#legendes .bloc2 {
width: 240px;
float: left;
margin:5px 0 0 10px;

}
#legendes .bloc3 {
width: 240px;
float: left;
margin:5px 0 5px 5px;

}
/********************/
/*  PIED DE PAGE    */
/********************/
#foot {
	padding: 5px;
}

/*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;
} 

p .warning
{color:white;
}
/********************/
/*  PAGE   VINS     */
/********************/


#renaissance span, #initiales span, #gravels span  {
	display:none
}

#renaissance h3 {

background-image : url(pix_rotier/titre_renaissance.png);
background-repeat: no-repeat;
	width:180px;
	height:50px;
}

#initiales h3 {

background-image : url(pix_rotier/titre_initiales.png);
background-repeat: no-repeat;
	width:180px;
	height:50px;
}

#gravels h3 {

background-image : url(pix_rotier/titre_gravels.png);
background-repeat: no-repeat;
	width:180px;
	height:50px;
}

/********************/
/*  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: #F7EED2;}
	
br {
clear: left;
}


.warning
{
font-size: 1.1em;
font-weight:bold;
background: #FF3333;
}

.merci
{
font-size: 1.5em;
font-weight:bold;
color: #FFFFFF;
background:#00CC00;
}