/*
Client : Au verger de la Madeleine
Layout : Default css
Medium : screen
Author : Dune [dune@dune.to]
Date : Aug/sept/oct 2004

colors :

- green : #d6eb96 - #bcdf5d - #7ca648 - #abcb55
- orange : #ffbf80 - #ff9834
- grey : #e5e5e5 (e6eaee) - #c0c0c0 - #999

->>> background: #fff url(../../images/background.gif) repeat-y left bottom ;
*/


body {
margin: 0;
padding: 0;
background-color: #fff;
font: 12px Verdana, Arial, sans-serif;
color: #999;
background: #fff url(../../images/bg3.png) repeat;
}

.boxExtender {
clear: both;
}

/*  
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - L I N K S
*/
a:link, a:visited {
   color: #ff9834;
   text-decoration: none;
}
a:hover, #menu_cata li.selected a:hover,#menu_cata li.current a:hover, #menu_cata ul.subcat a:hover  {
   color: #FF9834;
   background-color: transparent;
}

th a:link, th a:visited {
   color: #7CA648;
}

th a:hover {
   color: #fff;
}
/* ----> do not move the defs below or hover in menu cata will not work */
#menu_cata ul.cat a:link, #menu_cata ul.cat a:visited {
   color: #FF9834;
}

#menu_cata ul.subcat a:link, #menu_cata ul.subcat a:visited {
   color: #7CA648;
 }

#menu a:link, #menu a:visited {
   color: #fff;
   margin: 0;
}

#menu li.selected a:link, #menu li.selected a:visited {
   color: #7ca648;
   margin: 0;
   font-style: italic;
   font-weight: bold;
}

#menu li a:hover {
color: #FF9834;
margin: 0;
font-style: italic;
}

#menu_cata li.selected a:link, #menu_cata li.selected a:visited  {
color: #ff9834;
}

#menu_cata li.current a:link, #menu_cata li.current a:visited {
color: #ff9834;
}

#menu_cata ul.subcat a:link, #menu_cata ul.subcat a:visited {
color: #7CA648;
}

#menu_cata li.selected a:link, #menu_cata li.selected a:visited {
color: #ff9834;
}

#menu_cata li.selected a:hover,#menu_cata li.current a:hover, #menu_cata ul.subcat a:hover  {
   color: #FF9834;
   background-color: #f1f1f1;
}


/*  
- - - - - - - - - - - - - - - - - - - - - -  - - - - - - - - - - - - - - - - - - - M A I N  B O X E S 
*/
#wrapper {
background: #fff url(../../images/bg_whitegreen.jpg) repeat-y left top;
width: 848px;
margin: 0 auto;
padding: 0;
background-color:#fff;
border-left: 1px solid #bcdf5d;
border-right: 1px solid #bcdf5d;
}

#menu {
border-bottom: 1px solid #ff9834;
background: #abcb55 url(../../images/vertc_diag.gif) repeat;
padding: 2px 3px 2px 206px;
}

#menu_cata {
width: 200px;
padding: 5px 5px 5px 0;
float: left;
margin: 5px 0 10px 0;
font-size: 11px;
}

#main {
margin: 5px 0 0 210px;
width: 550px;
padding: 0 10px 10px 10px;
}

#extra {
clear: both;
padding: 5px;
border-top: 1px solid #ff9834;
margin: 0 10px;
}


/*  
- - - - - - - - - - - - - - - - - - - - - -  - - - - - - - - - - - - - - - - - - - T A G S 
*/
img {
border: 0;
}


/* __________________________________________________________________________ Headers 
*/
h1 {
   border-bottom: 1px solid #ff9834;
   font-size: 20px;
   color: #d6eb96/*7ca648*/;
   margin: 0;
   padding: 115px 0 2px 5px;
   text-align: left;
   background: #fff url(../../images/bandeau_photos2-2.jpg) no-repeat left top;
   font-family: Georgia, serif;
   font-style: italic;
   font-weight: normal;
}

h2 {
   font-size: 14px;
   border-bottom: 1px solid #c0c0c0;
   padding: 5px 0;
   margin: 10px;
   color: #FF9834;
   text-align: right;
}

h3 {
   font: 15px "Georgia", serif;
   display: block;
   margin: 0 0 0 5px;
   padding: 2px 0;
   font-weight: normal;
}

h4 {
   font-size: 12px;
   border-bottom: 3px solid #999;
   color: #999;
   text-align: right;
   font-family: Georgia, serif;
}


/* __________________________________________________________________________ Lists
*/
ul {
   list-style-position: inside;
   list-style-type: square;
   margin: 0;
   padding: 0;
}

li {
   color:#7ca648;
   padding: 0;
   margin: 0;
}

li ul {
   list-style-position: inside;
   list-style-type: circle;
}

li ul li {
   color:#999;
   padding: 5px;
   margin: 5px;
}

dt {
   padding: 5px;
   color: #7ca648;

}
dd {
   margin: 0;
   padding: 5px 50px;
}


/* __________________________________________________________________________ table
*/
table {
   border: 0;
   padding: 0;
   margin: 0 auto;
   border-collapse: collapse;
   border-bottom: 1px solid #BCDF5D;
}

thead {
   background-color: #bcdf5d;
   margin: 0;
}

th {
   padding: 5px;
   border-bottom: 3px solid #c0c0c0;
}

tbody {
   background-color: #e5e5e5;

}

td {
   padding: 3px;
   margin: 0;
   width: 320px;
   background-color: #D3D3D3;
   color: #5F8037;
}


/* __________________________________________________________________________ Forms
*/
form {
   margin-top: 20px;
}

fieldset {
   border-top: 1px solid #FF9834;
   border-bottom: none;
   border-left: none;
   border-right: none;
   padding: 15px;
}

legend {
   color: #7CA648;
}

input, textarea {
   background-color: #E4E4E4;
   border: 1px solid #7B8084;
   color: #f90;
   font-family: Verdana, Arial, sans-serif;
   font-size: 10px;
   padding: 2px;
   margin: 0 0 10px 0;
}

input.post {
   margin: 10px 0;
   background-color: #CCCCCC;
   border: 3px dotted #fff;
   padding: 2px;
   font-size: 12px;
   font-weight: bold;
   color: #FF9834;
   width: 125px;
   display: block;
}
input:focus, textarea:focus {
   border: 1px solid #f90;
   color: #336633;
   background-color: #d5d5d5;
}
input.post:hover {
   background-color: #BCDF5D;
   color: #999999;
}

/*  
- - - - - - - - - - - - - - - - - - - - - -  - - - - - - - - - - - - - - - - - - - C L A S S E S // I D's 
*/

/* __________________________________________________________________________ a 
*/


/* __________________________________________________________________________ img 
*/
.content img {
   padding: 6px;
   border: 1px solid #7CA648;
   background-color: #e5e5e5;
   margin: 15px;
   float: left;
   clear: left;
}

.offer img {
width: 70px;
height: 200px;
padding: 5px;
border: 1px solid #7CA648;
float: left;
background-color: #e5e5e5;
}


/* __________________________________________________________________________ headers 
*/
h3.catalogue, h3.newsletter {
	margin-top: 5px;
	padding-top: 5px;
   border-top: 1px solid #c0c0c0;
}

h3.newsletter {
	margin-top: 10px;
	padding-top: 5px;
   border-top: 1px solid #c0c0c0;
}

.offer h4 {
   margin: 0 0 5px 0;
   padding: 2px 10px;
   background: #bcdf5d url(../../images/bord_ritop.gif) no-repeat right top;
}


/* __________________________________________________________________________ lists 
*/

dt.question {
   background:  #f0f0f0 url(../../images/bord_leftop.gif) no-repeat left top;
   margin-top: 10px;
   border-bottom: 1px solid #f8f8f8;
}

dd.answer{
   background: #e3e3e3 url(../../images/bord_ribot.gif) no-repeat right bottom;

}
dt.answer {
   border-bottom: 1px solid #eee;}

dt.question:first-letter {
   color:#ffbf80;
   font-size: 18px;
}

#menu_cata ul.cat li a {
   display:inline;
}

#menu_cata ul.cat li ul.subcat li a {
   display: block;
}
#menu_cata li {
   color: #d5d5d5;
}

#menu_cata ul.cat {
   padding: 0 5px 5px 10px;
   color: #ff9834;
   font-size: 14px;
   font-family: Georgia, serif;
   font-style: italic;
   margin-top: 0;
}

#menu_cata ul.cat li {
   margin: 3px 0 0 0;
}

#menu_cata ul.subcat {
   margin: 0;
   color: #9fa695;
   text-align: left;
}

#menu_cata li ul li {
   font-family: Verdana, Arial, sans-serif;
   font-style: normal;
   margin: 0;
   padding: 0 0 5px 25px;
   font-size: 10px;
   color: #9fa695;
   list-style-type: none;
}

#menu_cata li.current{
   margin: 0 0 3px 0;
   background: #BCDF5D url(../../images/bord_ritop.gif) no-repeat right top;
   border-left: 2px solid #BCDF5D;
   border-bottom: 1px solid #BCDF5D;
   padding: 2px 1px 0 0;
   font-size: 13px;
   text-align: center;
   list-style-type: none;
}

#menu_cata li.selected {
padding: 2px;
background-color: #f4f4f4;
display: block;
color: #ff9834;
font-size: 11px;
border-top: 1px solid #BCDF5D;
border-bottom: 1px solid #BCDF5D;
text-align: right;
}

#menu_cata li.current ul.subcat {
background: #fff;
}

#menu ul {
   float: left;
   background-color:#abcb55;
   margin: 0;
   list-style-type: none;
}

#menu li {
   float: left;
   clear: none;
   padding: 5px;
}


#main li {
   padding: 2px 0 2px 10px;
}

#menu_gen li, #interact li {
   border-left: 1px solid #7ca648;
}


/* __________________________________________________________________________ p 
*/
.help p {
   padding: 5px;
   margin: 0;
   color: #999;
}

.help p:first-letter {
   color: #999;
  } 

#extra p {
   text-align: right;
   color: #7CA648;
}

p.big {
   color: #7ca648;
   font-size: 16px;
   font-style: italic;
   margin: 0;
   padding: 0;
}

.offer p.big {
text-align: center;
}
p.medium {
   font-size: 9px;
   font-family: Verdana, Arial, sans-serif;
   margin: 0 0 10px 0;
   padding: 0;
}

p.small {
   font-size: 8px;
   font-family: "Times New Roman", Times, serif;
   margin: 0;
   padding: 0;
}

.content p:first-letter {
   color: #FF9834;
}

form p {
   margin: 0;
   padding: 0;
}

.offer p {
   font-family: Georgia;
}

.offer p:first-letter {
   color: #7ca648;
}

p.comment {
font-style: italic;
}

dd.question p:first-letter, dd.answer p:first-letter {
   color: #999;   
}

.help p:first-letter {
   color: #999;
  }
  
#subscribe form p {
   color: #FF9834;
	font-size: 12px; 
} 

/* __________________________________________________________________________ table 
*/
td.price {
   text-align: right;
   width: 80px;
   background-color: #e5e5e5;
   border-right: 1px solid #BCDF5D;
   color: #999;

}

td.year {
   text-align: center;
   width: 50px;
   background-color: #e5e5e5;
   border-left: 1px solid #BCDF5D;
   color: #999;
}

th#appellation {
   text-align: left;
   width: 90px;
}

th#year, th#appellation {
   background: transparent  url(../../images/bord_leftop.gif) no-repeat left top;

}

th#price {
   background: transparent  url(../../images/bord_ritop.gif) no-repeat right top;

}


/* __________________________________________________________________________ form 
*/

#subscribe form {
   margin-top: 0;
}

#subscribe fieldset {
   padding: 15px;
	border: 0;
}
#subscribe input.post {
   display : none;
	/*margin: 0;
   background-color: #d6eb96;
   padding: 3px;
   font-size: 10px;
   font-weight: normal;
   color: #ff9834;
   display: inline;
   width: 32px;*/
}

/* __________________________________________________________________________ misc 
*/
#menu_gen {
   padding: 0 0 0 4px;
}

.content {
   padding: 20px 10px 0 10px;
}

.question {
   background-color: #f0f0f0;
}

.answer {
   background-color: #e3e3e3;
}

.filter {
   border-bottom: 2px solid #ff9834;
}

.help {
   margin: 10px auto;
   padding: 15px 0 15px 58px;
   background:#f0f0f0 url(../../images/tip2.gif) no-repeat left top;
   font-size: 10px;
   font-weight: bold;
   color: #999;
   width: 410px;
   height: 50px;
}

.offer {
   width: 250px;
   height: 350px;
   float: left;
   /*border-left: 3px solid #7ca648;*/
   margin: 5px 7px;
   padding: 0;
   color: #7ca648;
   background:#f0f0f0 url(../../images/bord_ribot.gif) no-repeat right bottom;
}
.moffersOn {
   background: #bcdf5d url(../../images/bord_ritop.gif) no-repeat right top;
}


#interact {
   border-right: 1px solid #7ca648;
}

#lang li, #lang img {
   display: block;
}


