/* CSS Document */
/* Copyright Delphine Ménard 2006-2007


/********************/
/*     GENERAL      */
/********************/
body {background-color: #333333;
margin : 0;
padding : 0;
color: #000000;
font-family: Verdana, "Times New Roman", sans-serif;
font-size:0.8em;
/*IE fix pour centrage de la page*/
text-align:center;}

p { margin : 0.8em 0; text-align:justify;}

img { border : none; margin:0; }

legend {background-color:transparent;
color: #000000;}



/********************/
/*     LOGO         */
/********************/

#logo {
font-size : 1.1em;
font-weight:bold;
height: 107px;
background-image: url(pix_bouissel/logo_haut_tag.png);
background-repeat: no-repeat;
background-position: center top;
}

#logo_eng {
font-size : 1.1em;
font-weight:bold;
height: 107px;
background-image: url(pix_bouissel_en/logo_haut_tag_en.png);
background-repeat: no-repeat;
background-position: center top;
}

#logo a span, #logo_eng a span
{
display: none; 
}

#logo a, #logo_eng a
{
display: block;
margin: 0; 
padding:0;
width:100%; 
height:100%;
overflow:hidden;
}


/********************/
/*     MAIN         */
/********************/

#main
{
width:758px;
background:#FFFFFF;
margin:auto;
text-align:justify;
}

#wrap
{
width:725px;
background-image: url(pix_bouissel/bandeau_rouge_gauche_03.png);
background-repeat: repeat-y;
margin:0 33px 0 0;
padding:0;
}

#corpsdepage
{
width:546px;
margin:0;
padding:0;
float:right;
}

#actualites
{
width:526px;
background-image: url(pix_bouissel/vigne_fond.jpg);
padding:0 10px 0 10px;
margin:0;
text-align:left;
}

#footer
{
border-top:1px solid #CA4B00;
margin-top:20px;
margin-bottom:0;
font-size:0.85em;
}

#footer p
{
text-align:center;
}

/*CLASSES*/
.citation
{font-style:italic;}

.tagline
{
color:#767676;
}

.enumeration
{
/*font-style:italic;*/
padding-left:30px;
margin:0;
list-style: square;
color: #CA4B00;
}

li span
{
color:#000000;
}

.signature
{font-weight:bold;
font-style:normal;
text-align:right;}

.spacer {
clear: both;
}
/********************/
/* HEADERS STYLES   */
/********************/


h1 { font-size : 1.6em; margin : 0.67em 0; color :#980000; font-family: "Times New Roman", sans-serif;}
h2 { font-size : 1.4em; margin : 0.83em 0; color :#ca7d50; font-family: "Times New Roman", sans-serif; }
h3 { font-size : 1.17em; margin : 1em 0; font-family: "Times New Roman", sans-serif;}
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; }

#actualites h1, #actualites h2, #actualites h3
{
color:#404040;
/*font-family: Verdana, "Times New Roman", sans-serif;*/
}


#actualites h1, #actualites h2, #actualites p
{
margin:0.3em;
}

#actualites h1
{
/*font-size: 1.4em*/
}

#actualites h2
{
/*font-size: 1.17em*/
}


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

#menugauche {
width: 162px;
text-align:left;
font-size:0.9em;
}

#menugauche ul
{
margin:0;
padding-left:20px;
list-style:none;
color:#FFFFFF;
}

#menugauche li
{
padding:5px;
}



/*LINKS*/



#menugauche a:link { 
color: #FFFFFF;
text-decoration: none;
font-weight:bold;
}

#menugauche a:visited {
color: #D3D3D3;
text-decoration: none;
font-weight:bold;
}

#menugauche a:hover {
text-decoration: underline;
font-weight:bold;
}
	

.spacer

{
clear:both;
}


a:link { 
color: #980000;
text-decoration: none;
}

a:visited {
color :#CA4B00;
text-decoration: underline;
}

a:hover {
text-decoration: underline;
}

a[name]:hover 
{text-decoration: inherit; 
color: inherit; 
background: inherit} 
/********************/
/*     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;
}

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

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

#corpsdepagevins
{
width:520px;
margin:0;
padding:15px;
float:right;
}



.text
{
text-align:justify;
}

.label {
	font-weight: bold;
}

/*NIPS AND TRICKS*/

.clear
 {
 clear:both;
 }

div#separateur
{
padding:10px;
}
/*
br {
clear: left;
}*/

/********************/
/*  ADRESSE         */
/********************/
div#blocadresse ul , div#bloccontact ul
{
margin:0;
padding-left:1em;
list-style:none;
}

div#blocadresse, div#bloccontact
{
display:block;
width: 500px;
padding:10px;
margin-right:5px;
margin-bottom:1em;
background: #cccccc;
}

div#blocadresse ul li.fax
{
background : transparent url("pix_bouissel/ico_fax.png") no-repeat 0 1px;
padding-left:18px;
}

div#blocadresse ul li.tel
{
background : transparent url("pix_bouissel/ico_tel.png") no-repeat 0 1px;
padding-left:18px;
}

div#blocadresse ul li.mobile
{
background : transparent url("pix_bouissel/ico_mobile.png") no-repeat 0 1px;
padding-left:18px;
}

div#blocadresse ul li.email, div#bloccontact ul li.email
{
background : transparent url("pix_bouissel/ico_email.png") no-repeat 0 -2px;
padding-left:18px;
}

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

.warning
{color:white;
font-weight:bold;
}
.quote
{
padding:5px 15px 5px 15px;
background: #e5b3b3;
font-style:italic;
}

.quoteaccueil
{
padding:5px 15px 5px 15px;
background: #e5b3b3;
font-style:italic;
margin-left: 258px;
}

.quoteraconte
{
padding:5px 15px 5px 15px;
background: #e5b3b3;
font-style:italic;
margin-left: 228px;
}

.quotevins
{
padding:5px 15px 5px 15px;
background: #e5b3b3;
font-style:italic;
margin-left: 81px;
}