/* Import other stylesheets
@import url("bidibule.css");
-----------------------------------------------------------------------------*/

/* Remove padding and margin */
* { margin: 0; padding: 0; border: 0; }
td, p {text-align: justify;}


.clear { clear: both; }
.right { float: right; }
.left  { float: left; }

body {
	color: #FFFFFF;
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#wrapper {
    width:980px;
    text-align:left;  
    margin-left:auto;
    margin-right:auto;
    background-color: #FFFFFF;
}

h1,h2,h3,h4,h5,h6,p,ul,ol {margin-top:10px;margin-bottom:10px;line-height:1.2em;}

h1 { font-size: 2.2em;font-weight:normal;}
h2 { font-size: 1.8em;background-color:#E8D2A1;color:#303135;font-weight:normal;padding:6px;}
h3 { font-size: 1.4em;color:#fff;font-weight:normal;}
h4 { font-size: 1.2em;background-color:#303135; color:#fff;padding:6px;font-weight:normal;}
h5 { font-size: 1em;font-weight:normal;}

hr {
	display:block;
	height: 1px;
	margin: 0px 0px 0px 0px;
	/*margin: -7px 0;*/
	padding: 0;
	padding: 0;
	color: #FFF;
	background-color: #FFF;
	border: 0;
}

a {
	font-weight: bold;
	text-decoration: none;
	color: #d6bc83;
	outline:none;
}
a:hover { text-decoration: underline; }

hr {clear:both}

p { line-height:14px; margin-bottom:15px; }

ul {}
li {margin-bottom:10px;}

/* Container Accueil
-----------------------------------------------------------------------------*/
#container-home {	
	position:absolute;
	width: 500px;
	margin-left:-250px;
	background-color:#000000;
	left:50%; 
}
#home-flash {height: 470px;}
#bloc-accueil p { float: left; width: 500px; padding: 0px; text-align:center;}

#bloc-accueil ul { margin:0 0 0 115px; padding:30px 0 30px 0; list-style-type:none; }
#bloc-accueil li { margin:0; padding:0 10px; display:inline; border-right:1px solid #FFF;}
#bloc-accueil li.noborder { border-right:none;}

#bloc-accueil a { color:#FFF; font-size:13px; padding:5px 10px;}
#bloc-accueil a:hover { background-color:#d6bc83; color:#000; text-decoration:none;}





/* Container Global
-----------------------------------------------------------------------------*/

#container {	
	background: url(../images/bg.jpg) repeat-y;
	position:absolute;
	width: 890px;
	margin-left:-445px;
	background-color:#000000;
	left:50%; 
}


#contenu-gauche {background-color:#C5A37C; position: relative; width:390px; float: left; margin:0;padding:0;}

#contenu-droite {position: relative; width:500px; float: right; }

#bloc-gauche { position:relative; float: left; width: 390px; margin:-10px 0 0 0px; padding:0}
#bloc-gauche p { margin:10px 0 0 0; padding:0}

#bloc-droite { float: right; width: 352px; padding:10px; color:#000; line-height:16px;}
#bloc-photo { float: right; width: 500px;}

.block-inline { display: inline; }




/* Collection Premier Cru
-----------------------------------------------------------------------------*/
#container-collection {	
	position:absolute;
	width: 890px;
	margin-left:-445px;
	background-color:#000000;
	left:50%; 
}

#contenu-haut {position: relative; width:890px; float: left;}
#contenu-centre {position: relative; width:890px; float: left; }

#bloc-collection-gauche { float: left; width: 435px;}
#bloc-collection { float: right; width: 435px;}
#bloc-collection-prestige { float: right; width: 435px;}

.bouteille-gauche {vertical-align:top;}
.bouteille-droite {vertical-align:bottom;}
.bouteille-texte {vertical-align:top; padding:10px; }

h3#titre-nature {
	position:absolute;
	left: 98px;
	top: 790px;
	width:300px;
}

h3#titre-blancs {
	position:absolute;
	left: 558px;
	top: 298px;
	width:300px;
}

h3#titre-fg {
	position:absolute;
	left: 528px;
	top: 783px;
	width:300px;
}
h3#titre-extra {
	position:absolute;
	left: 548px;
	top: 1061px;
	width:300px;
}



#prestige-box h3 { font-size:1.3em; color :#000}


.prestige-gauche {vertical-align:top; background:url(../images/bouteilles/bg-01.gif) repeat-y;}
.prestige-droite {vertical-align:bottom;background:url(../images/bouteilles/bg-02.gif) repeat-y;}
.prestige-texte {vertical-align:top; padding: 10px; color:#000; background-color:#FFF; text-align:justify}
.prestige-intro {vertical-align:top; padding: 10px 0px 10px 0px; color:#000; background-color:#FFF; text-align:justify}


.prestige-bgG {height:60px; background:url(../images/bouteilles/bg-03.gif) no-repeat; background-color:#C5A27B;}
.prestige-bgM {height:60px; background:url(../images/bouteilles/bg-04.gif) repeat-x; background-color:#C5A27B;}
.prestige-bgD {height:60px; background:url(../images/bouteilles/bg-05.gif) no-repeat; background-color:#C5A27B;}



/* Header
-----------------------------------------------------------------------------*/
p#prelude {
	position: absolute;
	top: -100em;
}

#header{
	position: absolute;
	margin: -50px 0 -50px 0px;
	padding: -50px 0 -50px 0;
	height: 0px;
}



#logo   {
	width: 500px; height: 230px;
	float: right;
	background-color:#000000;
	color: #FFFFFF;
	margin:0 ; padding:0;
}

#langue {position :absolute; margin: 5px 0 0 400px; float:left;  }
#langue ul  {list-style-type:none;}
#langue li { display:inline; }

#langue li a { display:block;  height:40px; width:40px; margin:5px; float:left; padding-top: 30px;}
#langue li a:hover {  }


.ico-retour { background:url(../images/ico-home.jpg) no-repeat; height:25px; width:40px;}
.ico-contact { background:url(../images/ico-contact.jpg) no-repeat; height:25px; width:40px;}

#retour-homepage  { background:url(../images/logo.jpg) no-repeat; background-position:0 40px; height: 185px; width:500px; }
#retour-homepage  a { display: block; text-indent: -200em; width: 500px; height: 185px; padding-top:30px;}


/* Navigation
-----------------------------------------------------------------------------*/
#menu { background-color:#000; height: 230px; float:left; margin:0; padding:0;} 

#navigation  {	margin-top:45px;  width: 390px; float: left; }
#navigation ul  {	list-style:none; margin:0;	padding:0;}
#navigation li{float: right; margin:0;	padding:0;}
#navigation a  {position: relative; display: block;	width: 65px; height: 185px;	curser: pointer; text-indent:-200em;}
#navigation a:hover { 	height: 205px; curser: pointer; text-indent:-200em; margin-top: -20px; }




/* Content 
-----------------------------------------------------------------------------*/
#content {
	clear: both;
	text-align:justify;
}

.titre_bouteille {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
}


/* Formulaire
-----------------------------------------------------------------------------*/
fieldset {border: 0px; }
label { font-weight: bold; }

.form-row { padding: 5px 5px 5px 5px;; background-color:#F1F1F1;}
.field-label { width:130px; font-weight:bold; color:#787878; text-align:right; font-size:12px; }
.field-widget { margin:-14px 0 0 140px; }

#envoi { margin-left:145px; padding: 15px 0px 15px 0px;}


/* Footer
-----------------------------------------------------------------------------*/
#footer {
	position: absolute;
	top: 100%;
	font-size: 10px;
	clear: both;
	right: 0%;
	width: 890;
	margin-top: 5px ;
	text-align: right;
	padding-bottom: 15px;
	color:#545454;
}
#footer a {color:#545454;}

/* img
-----------------------------------------------------------------------------*/
.H-espace-D { margin-right: 5px; margin-top: 2px; }

/* Forms
-----------------------------------------------------------------------------*/
input.text { padding: 3px; border: 1px solid #999999; }

/* Tables
-----------------------------------------------------------------------------*/
table { border-spacing: 0; border-collapse: collapse; }
td { text-align: left; font-weight: normal; }
#bloc-droite table {border-collapse:separate; border-spacing:10px;}

#bloc-droite ul {margin-left:20px;}

table ul { }
table li { list-style:none;;}
table li a {  padding:15px 0;  display:block;font-size: 16px;}

/* Newsletter
-----------------------------------------------------------------------------*/
#newsletter {padding: 0;}
#newsletter.presentation {padding: 15px;}
#newsletter h2 {margin-bottom: 20px;}
#newsletter h3 {font-weight: normal; color:#C5A37C; margin-bottom: 10px; padding:10px 0 10px 0px;}

#newsletter p.lien { margin-bottom:0;}
.lien { background: url(../images/ico-newsletter-lien.gif) no-repeat; background-position:0 3px; padding:0px 0 0px 15px; margin-left:20px; }
.last {padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #E9D3A4}

.page-suivante {text-align:right;}