/* ------------------------------------------------------------------------------------------------------------------------------*/
/* ########################  RESET CSS ########################*/
/* ------------------------------------------------------------------------------------------------------------------------------*/
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, a, font, img, ul, li, fieldset, form, label, legend, table, tr, td {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-weight: inherit;
   font-style: inherit;
   font-size: 100%;
   font-family: inherit;
   vertical-align: baseline;
} 


/* ------------------------------------------------------------------------------------------------------------------------------------------*/
/* ########################  STYLES GENERAUX ########################*/
/* -----------------------------------------------------------------------------------------------------------------------------------------*/

body {
	margin: 0;
	padding: 0;
	background-color: #fffff;
	font-family: Georgia;
	font-size: 14px;
	color: #666666;
	background : url(../images/bg.jpg) no-repeat;
}

#container {
	position: relative;
  	width: 800px;
	margin: 0 auto;
}
#content {
border: 1px solid #cccccc;
width: 800px;
height: 450px;
}

.center {
margin: 0 0 0 50px;
}



.clear: {
clear: both;
}

.hidden {
visibility: hidden;
}


/* -----------------------------------------------------------------------------------------------------------------------------------*/
/* ########################  BACKGROUNDS########################*/
/* ------------------------------------------------------------------------------------------------------------------------------------*/






.bgaccueil {
	background : url(../images/fond_accueil.jpg) no-repeat ;
}

.bgexploit {
	background : url(../images/fond_exploit.jpg) no-repeat ;
}
.bgcuvees {
	background : url(../images/fond_cuvees.jpg) no-repeat ;
}
.bgrilly {
	background : url(../images/fond_rilly.jpg) no-repeat ;
}
.bgcontact {
	background : url(../images/fond_contact.jpg) no-repeat;
}



/* ------------------------------------------------------------------------------------------------------------------------------*/
/* ########################  PAGE INDEX INDEX ########################*/
/* ------------------------------------------------------------------------------------------------------------------------------*/
#bgindex {
border: 1px solid #cccccc;
width: 570px;
margin: 100px 0 0 0;
padding: 368px 0 0 230px;
background : url(../images/fond_index.jpg) no-repeat ;
height: 82px;
}


a#btn_entrer {
float: left;
display: block;
width: 115px;
height: 30px;
margin: 0 0 0 0px;
}

a#btn_enter {
float: left;
display: block;
width: 115px;
height: 30px;
margin: 0px 0 0 120px;
}
#btn_entrer span, #btn_enter span {
display: none;
}

/* ------------------------------------------------------------------------------------------------------------------*/
/* ########################    HEADER  ########################*/
/* -------------------------------------------------------------------------------------------------------------------*/

#header {
	position: relative;
	width: 250px;
	background : url(../images/header.gif) no-repeat top center;
	height: 100px;
	padding: 5px 0 0 0;
	margin: 0 auto;
}
a#logo {
	display: block;
	width: 150px;
	height: 95px;
}


/* ------------------------------------------------------------------------------------------------------------------*/
/* ########################    NAVIGATION  ########################*/
/* -------------------------------------------------------------------------------------------------------------------*/

/* ----------------------------------------------------- PRENAV --------------------------------------------------------------*/

#pre_nav {
color: #999999;
}
#pre_nav a {
text-decoration: none;
color: #cccccc;
}
#pre_nav a:hover, #pre_nav a:focus, a#lang_active {
color: #999999;
}
span#nav_lang {
margin: 0 0 0 690px;
}

/* ----------------------------------------------------- MAIN MENU  --------------------------------------------------------------*/

#navigation{
height: 25px;
margin: 5px 0 0 5px;
}
a#nav_home{
display: block;
background: url(../images/ico_home.gif) no-repeat;
width: 20px;
height: 14px;
margin: 7px 0 0 10px;
float: left;
}
a:hover#nav_home, a:focus#nav_home{
background: url(../images/ico_home.gif) no-repeat 0 -14px;
text-decoration: none;
}
#navigation a{
	margin: 0 6px 0 6px;
	color: #999999;
	text-decoration: none;
	font-weight: bold;
	display: block;
	float: left;
}

#navigation a:hover{
border-bottom: 3px solid #cccccc;

}

.active {
border-bottom: 3px solid #999999
}


/* ----------------------------------------------------- SUB  MENU  --------------------------------------------------------------*/

a#subactive {
color:#cccccc;
background-color:#ffffff;
padding:1px 2px 1px 2px;
font-weight: bold;
font-size: 12px;
border: 1px solid #cccccc;



}

#sub_menu {
margin: 0px 0 10px 0px;
}

a#submenu{
color:#ffffff;
background-color:#cccccc;
padding:2px 3px 2px 3px;
font-weight: bold;
font-size: 12px;
}

.nav_exploit {

padding: 20px 0 0 0;
}
/* ----------------------------------------------    MAIN   ------------------------------------------------*/

#main {
height: 380px;
width: 520px;
margin: 0 0 0 10px;
padding: 0px 0 0 0;
}

#main p{
color: #999999;
margin: 0 0 10px 0;
}
#main a {
text-decoration: none;
}

.lettrine {
float: left; /* positionnement de la lettrine dans le conteneur*/
font-size: 16px; /* 3 hauteurs de lignes pour la lettrine*/
width: 40px;
height: 33px;
margin: 0px 3px 0 0;

}




/* ------------------------------------------------------------------------------------------------------------------*/
/* ########################   FOOTER  ########################*/
/* -------------------------------------------------------------------------------------------------------------------*/

#footer {
text-align: center;
}

#footer span {
font-size: 11px;
display: block;

}




/* -----------------------------------------------------------------------------------------------------------------------------------------------*/
/* ########################  PAGE ACCUEIL ########################*/
/* ----------------------------------------------------------------------------------------------------------------------------------------------*/
.titre_champagne {
background : url(../images/titre_champagne.gif) no-repeat;
padding: 50px 0 0 0;

}
.titre_cuvees {
background : url(../images/titre_cuvees.gif) no-repeat ;
padding: 50px 0 0 0;
}
.titre_cuvees_en {
background : url(../images/titre_vintages.gif) no-repeat ;
padding: 50px 0 0 0;

}
.titre_contact {
background : url(../images/titre_contact.gif) no-repeat;
padding: 50px 0 0 0;

}
.titre_bienvenue {
background : url(../images/titre_bienvenue.gif) no-repeat;
padding: 50px 0 0 0;
}


.titre_bienvenue_en {
background : url(../images/titre_welcome.gif) no-repeat;
padding: 50px 0 0 0;
}

/* -----------------------------------------------------------------------------------------------------------------------------------------------*/
/* ########################   PAGE RILLY ########################*/
/* ----------------------------------------------------------------------------------------------------------------------------------------------*/
.titre_rilly {
background : url(../images/titre_rilly.gif) no-repeat;
padding: 50px 0 0 0;

}

#photobacchus {
float: left;
height: 200px;
margin: 10px 0 0 50px;

}
#bacchus {
width: 210px;

margin: 10px 0 0 20px;
padding: 0 0 0 10px;
float: left;
background : url(../images/titre_bacchus.gif) no-repeat -5px -10px;
}
#bacchus p{

}
#bacchus h3 {
font-size: 20px;
visibility : hidden;
margin: 0 0 5px 0;
}





/* -----------------------------------------------------------------------------------------------------------------------------------------------*/
/* ########################   INDEX EXPLOTATION ########################*/
/* ----------------------------------------------------------------------------------------------------------------------------------------------*/

#exploit_histo, #exploit_vigno, #exploit_exploit, #exploit_histo_en, #exploit_vigno_en, #exploit_exploit_en {
padding: 50px 30px 0 10px;
margin: 10px 0 0 0;
}
#exploit_photos {
padding: 5px 0px 10px 15px;
}
#exploit_histo h3, #exploit_vigno h3, #exploit_exploit h3, #exploit_histo_en h3, #exploit_vigno_en h3, #exploit_exploit_en h3 {
display: none;
}
.imgpos {
margin: 15px 5px 5px 5px;
}
.imgposcenter {
margin: 15px 0px 15px 60px;
}
.imgposaccueil {
margin: 15px 0px 15px 50px;
}
.imgposfamille {
margin: 5px 0px 5px 30px;
}
#exploit_histo {
background : url(../images/titre_historique.gif) no-repeat -10px 0;
}
#exploit_histo_en {
background : url(../images/titre_history.gif) no-repeat -10px 0;
}

#exploit_vigno {
background : url(../images/titre_vignoble.gif) no-repeat -10px 0;
}
#exploit_vigno_en {
background : url(../images/titre_vineyards.gif) no-repeat -10px 0;
}


#exploit_exploit {
background : url(../images/titre_exploitation.gif) no-repeat -10px 0;
}

#exploit_exploit_en {
background : url(../images/titre_vineyard.gif) no-repeat -10px 0;
}
#exploit_exploit ul, #exploit_exploit_en ul  {
color: #666666;
width: 200px;
margin: 0;
padding: 0;
}
#exploit_exploit ul li, #exploit_exploit_en ul li  {
margin: 0 0 0 50px;
}

#exploit_photos img{
padding: 0 5px 0px 5px;
margin: 0;

}

/* ------------------------------------------------------------------------------------------------------------------*/
/* ########################   CUVEES ########################*/
/* -------------------------------------------------------------------------------------------------------------------*/

.cuvees {
margin: 0px 0 0px 30px;
height: 210px;

}
.cuvees img {
float: left;
width: 76px;
margin: 0 20px 0 0;
}
#imgcuvees {
margin: 0 0 0 30px;
}

.cuvees h3 {
font-size: 20px;
visibility : hidden;
margin: 0 0 20px 0;
}

.cuvees p {
padding: 0 0 10px 0;
}

.poptarifs {
color:#ffffff;
background-color:#cccccc;
padding:1px 3px 1px 3px;
font-weight: bold;
font-size: 12px;
margin: 0px 0 0 380px;

}


.titre_reservebrut {
background : url(../images/titre_reservebrut.gif) no-repeat 80px 0px;

}
.titre_reservedemisec {
background : url(../images/titre_reservedemisec.gif) no-repeat 80px 0px;
}
.titre_blancdeblancs {
background : url(../images/titre_blancdeblancs.gif) no-repeat 80px 0px;
}
.titre_rose {
background : url(../images/titre_rose.gif) no-repeat 80px 0px;
}
.titre_blancdenoirs {
background : url(../images/titre_blancdenoirs.gif) no-repeat 80px 0px;
}



/* -------------------------------------------------------------------------------------------------------------------------------------------*/
/* ########################   CONTACT CONTACT ########################*/
/* ----------------------------------------------------------------------------------------------------------------------------------------------*/


#contact_box  {
margin: 0 0 0px 10px;
}
.msgok {
color: #FF0000;

}
#contact_box  div {
margin: 0;
padding: 0 0 0 5px;
border-left: 3px solid #cccccc
}

a#plan {
display: block;
width: 180px;
height: 170px;
background: url(../images/plan_mini.jpg) no-repeat;
float: right;
margin: -15px 30px 0 0;
}
a:hover#plan {
background: url(../images/plan_mini.jpg) no-repeat 0 -179px;
}


#contact_email  {
float: left;
margin: -20px 0 0 10px;
}
label {
font-size: 12px;
width: 80px;
display: block;
float: left;

}
form {
padding: 0;
margin: 0;
}
input,
textarea,
select  {
	width: 160px;
	height: 15px;
	border:1px solid #cccccc;
	background-color: #ffffff;
}

textarea  {
	width: 300px;
	height: 80px;

}
.form-item{
padding-bottom: 5px;
}
.form-required {
color: #FF0000;
}

#imput_valid {
width: 80px;
height: 20px;
}