/*
Theme Name: Cidrerie Herout
Theme URI: http://www.herout-caves.com/ 
Description: Le thème Cidrerie Herout
Version: 1.0
Author: CH1/sylvain
Author URI: http://www.ch1.fr
*/

/* Begin Typography & Colors */
body {
font-size: 0.81em; /* Resets to 13px */
font-family: 'Trebuchet Ms', Arial, Sans-Serif;
color: #333;
text-align: center;
background:#E1DBC1 url(images/bg.jpg) top center no-repeat;
}

#pomme {
background:transparent url(images/bg-pomme.jpg) repeat-x scroll center top;
}

p{margin:0;padding:0;line-height:20px;}

p.modif {
position:absolute;
top:0;
right:0;
font-size:10px;
padding:3px 10px;
background:#000;
color#fff;
text-transform:uppercase;
letter-spacing:1px;
border-bottom:1px dotted #fff;
}

p.modif a {
color:#fff;
}


#page {
text-align: left;
min-height:438px;
position:relative;
}

#header {
background: none;
}

#headerimg {
margin:0;
}
#content {
}
.widecolumn .entry p {
}
.narrowcolumn .entry, .widecolumn .entry {
line-height: 1.4em;
}
.widecolumn {
line-height: 1.6em;
}
.postmetadata {
border-top:1px solid #C3C2A6;
color:#62615C;
font-size:11px;
letter-spacing:1px;
margin-top:10px;
padding:0 0 0 5px;
text-align:left;
text-transform:uppercase;
}
.alt {
background-color:none;
}

small {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 10px;
line-height: 1.5em;
}
h1, h2, h3 {
font-family: 'Georgia', Arial, Sans-Serif;
}
h1 {
font-size: 24px;
}
#headerimg .description {
font-size: 1.2em;
text-align: center;
}
h2 {
font-size: 1.6em;
margin-bottom:20px;
}
h2.pagetitle {
font-size: 1.6em;
}
#sidebar h2 {

}
h3 {
font-size: 1.3em;
color:#381A00;
font-size:20px;
font-weight:normal;
margin:30px 0 10px;
padding:0;
}

h4 {
color:#570018;
font-size:13px;
font-weight:bold;
margin:10px 0;
padding:0;
}

h5 {
color:#570018;
font-size:12px;
font-weight:normal;
margin:10px 0 10px;
padding:0;
}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
text-decoration: none;
}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
color: #333;
}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
text-decoration: none;
}
.entry p a:visited {
color: #62615C;
}
.commentlist li, #commentform input, #commentform textarea {
}
.commentaire {
background:#E7E2CE none repeat scroll 0 0;
margin:0 0 10px;
padding:6px;
border-bottom:1px solid #C3C2A6;
}
.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.1em;
}
.commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
}


.commentmetadata {
font-weight: normal;
}
#sidebar {
padding:20px 13px 0 13px;
}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
color: #777;
}
code {
font: 1.1em 'Courier New', Courier, Fixed;
}
acronym, abbr, span.caps {
font-size: 0.9em;
letter-spacing: .07em;
}
h2 a:hover, h3 a:hover {
color: #62615C;
text-decoration: none;
}

a:link, a:visited {color: #62615C;text-decoration:underline}
a:hover, a:active {color: #62615C;text-decoration:none;}

.petit {
font-size:10px;
text-align:center;
}

/* End Typography & Colors */
/* Begin Structure */
body {
margin: 0;
padding: 0;
}
#page {
margin: 0px auto;
padding: 0;
width:943px;
border: 0;
}
#header {
background-color: none
margin: 0;
padding: 0;
}
#headerimg {
margin: 0;
}
.narrowcolumn {
float:left;
margin:0;
padding:0 13px;
width:928px;
}

.widecolumn {
padding: 10px 0 20px 0;
margin: 5px 0 0 150px;
width: 450px;
}
.post {
margin:250px 0 40px 0;
text-align:justify;
}
.post hr {
display: block;
}
.post img {
border:1px solid #C3C2A6;
}

.widecolumn .post {
margin: 0;
}
.narrowcolumn .postmetadata {
padding-top: 5px;
}
.widecolumn .postmetadata {
margin: 30px 0;
}
.widecolumn .smallattachment {
text-align: center;
float: left;
width: 128px;
margin: 5px 5px 5px 0px;
}
.widecolumn .attachment {
text-align: center;
margin: 5px 0px;
}
.postmetadata {
clear: both; 
}
.clear { 
clear: both; 
}



/* End Structure */
/*	Begin Headers */
h1 {
padding:0;
margin: 0;
}
h2 {
margin: 30px 0 20px 0;
}
h2.pagetitle {
margin-top: 30px;
text-align: center;
}
#sidebar h2 {
margin: 5px 0 0;
padding: 0;
}
h3 {
padding: 0;
margin: 30px 0 10px;
}
h3.comments {
padding: 0;
margin: 40px auto 20px;
}
/* End Headers */
/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}
/*	Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
/* End Images */
/* Begin Lists */


.entry ul {
list-style-position:inside;
text-indent:0;
margin:10px 0;
padding:0;
}
.entry li {
background:transparent url(images/bg-li2.gif) no-repeat scroll 0 7px;
list-style-type:none;
margin:0 0 10px;
padding:0 15px 5px;
text-indent:0;
}



.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}
#sidebar ul, #sidebar ul ol {
margin: 0;
padding: 0;
}
#sidebar ul li {
list-style-type: none;
list-style-image: none;
margin-bottom: 15px;
}
#sidebar ul p, #sidebar ul select {
margin: 5px 0 8px;
}
#sidebar ul ul, #sidebar ul ol {
margin: 5px 0 0 10px;
}
#sidebar ul ul ul, #sidebar ul ol {
margin: 0 0 0 10px;
}
ol li, #sidebar ul ol li {
list-style: decimal outside;
}
#sidebar ul ul li, #sidebar ul ol li {
margin: 3px 0 0;
padding: 0;
}
/* End Entry Lists */
/* Begin Form Elements */
#searchform {
margin: 10px auto;
padding: 5px 3px;
text-align: center;
}
#sidebar #searchform #s {
width: 108px;
padding: 2px;
}
#sidebar #searchsubmit {
padding: 1px;
}
.entry form {
/* This is mainly for password protected posts, makes them look better. */
text-align: center;
}
select {
width: 130px;
}

#commentform {
width:600px;
margin:0;
padding:0;
text-align:left;
}
#commentform label {
font-size: 16px;
}

#commentform input,
#commentform textarea {
border:1px solid #C3C2A6;
width:400px;
padding:3px;
font-size: 13px;
font-family: 'Trebuchet Ms', Arial, Sans-Serif;
color: #333;

}
#commentform input#submit {
background:#381A00 none repeat scroll 0 0;
border:4px double #BA9D68;
color:#BA9D68;
cursor:pointer;
font-family:Georgia;
font-size:10px;
margin:0 auto;
padding:5px;
text-transform:uppercase;
width:140px;
}
/* End Form Elements */
/* Begin Comments*/
.alt {
margin: 0;
padding: 10px;
}
.commentlist {
padding: 0;
text-align: justify;
}
.commentlist li {
margin: 15px 0 3px;
padding: 5px 10px 3px;
list-style: none;
}
.commentlist li .avatar {
float: right;
border: 1px solid #eee;
padding: 2px;
background: #fff;
}
.commentlist p {
margin: 10px 5px 10px 0;
}
#commentform p {
margin: 5px 0;
}
.nocomments {
text-align: center;
margin: 0;
padding: 0;
}
.commentmetadata {
margin: 0;
display: block;
}
/* End Comments */
/* Begin Sidebar */
#sidebar {
border-top:1px solid #c9c09c;
clear:both;
padding-top:20px;
padding-bottom:20px;
}
#sidebar form {
margin: 0;
}
/* End Sidebar */
/* Begin Calendar */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar a {
display: block;
}
#wp-calendar caption {
text-align: center;
width: 100%;
}
#wp-calendar td {
padding: 3px 0;
text-align: center;
}
#wp-calendar td.pad:hover {
/* Doesn't work in IE */
background-color: #fff;
}
/* End Calendar */
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
cursor: help;
}
acronym, abbr {
border-bottom: 1px dashed #999;
}
blockquote {
color:#bb9a60;
display:block;
font-style:italic;
padding:10px 0;
margin:0
}
blockquote cite {
}
.center {
text-align: center;
}
.hidden { 
display: none; 
}
hr {
visibility:hidden;
margin:0;
padding:0;
clear:both;
font-size:1px;
line-height:1px;
}
a img {
border: none;
}
.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}
/* End Various Tags & Classes*/

/* Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
border:1px solid #C3C2A6;
color:#62615C;
margin:15px;
padding-top:5px;
text-align:center;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}


/* Menu
_________________________________________________ */

ul#menu {
margin:0;
padding:0;
position:absolute;
right:0;
top:135px;
z-index:999;
















}

ul#menu li {


display:block;
float:left;

























margin:0 5px;
padding:0;
position:relative;
}

ul#menu li a{
display:block;
float:left;
margin:0;
padding:0;
font-family:Georgia;
text-transform:uppercase;
font-size:11px;
padding:3px 10px;
position:relative;
//background:#160C03 url(images/bg-li.gif)top left no-repeat;
}

ul#menu li a:active, ul#menu li a:visited, ul#menu li a:link {
color:#150D0A;
text-decoration:none;
}


ul#menu li a:hover,
ul#menu li.current_page_item a:link,
ul#menu li.current_page_item a:visited,
ul#menu li.current_page_parent a:link,
ul#menu li.current_page_parent a:visited {
color:#fff;
background:#160C03 url(images/bg-li.gif) top left no-repeat;
text-decoration:none;
}


ul#menu li a span {
display:block;
background:transparent url(images/bg-li.gif) top -200px no-repeat;
width:1px;
position:absolute;
top:0;
right:0;
height:20px;
display:block;
}

ul#menu li a:hover span,
ul#menu li.current_page_item a span,
ul#menu li.current_page_parent a span,
ul#menu li.current_page_parent a:hover span  {
background:transparent url(images/bg-li.gif) top right no-repeat;
}

ul#menu li ul {
position:absolute;
top:-9999em;
left:0;
}

/* __________ 2me niveau _________ */

ul#menu li:hover ul,
ul#menu li.iehover ul
{
top:19px;
}

ul#menu li:hover ul li {
display:block;
float:left;
margin:0;
padding:0;
position:relative;
}

ul#menu li ul li a {
font-size:10px;
}

ul#menu li ul li a:hover,
ul#menu li ul li.current_page_parent a:link,
ul#menu li ul li.current_page_parent a:visited,
ul#menu li ul li.current_page_parent a:hover,
ul#menu li ul li.current_page_parent a:active,
ul#menu li ul li.current_page_item a:link,
ul#menu li ul li.current_page_item a:visited {
background:none;
}


ul#menu li ul {
background:#160C03;
width:250px;
margin:0; 
padding:5px;
}

*html ul#menu li ul {
width:210px;
padding:0;
}

ul#menu li ul li,
ul#menu li ul li span,
ul#menu li a ul li a span,
{
background:none;
}

ul#menu li ul li a,
ul#menu li ul li
{
padding:0;
margin:0;
width:250px;
color:#fff;
}




ul#menu li ul li a {
padding:5px 3px;
width:244px;
}

ul#menu li ul li a:active,
ul#menu li ul li a:visited,
ul#menu li ul li a:link {
color:#fff;
}

ul#menu li ul li a span,
ul#menu li ul li.current_page_item a span,
ul#menu li ul li a:hover span,
ul#menu li.current_page_item ul li a span,
ul#menu li.current_page_parent ul li a span,
ul#menu li.current_page_parent ul li a:hover span  {
display:none;
}

ul#menu li ul li a,
ul#menu li ul li span,
ul#menu li a:hover ul li a,
ul#menu li a:link ul li a,
ul#menu li a:active ul li a,
ul#menu li a:visited ul li a  {
background:none;
color:#fff;
}

ul#menu li ul li {
border-bottom:1px solid #3a230e;
margin:0 10px;
text-align:left;
}

ul#menu li a:hover ul li a,
ul#menu li.current_page_item ul li a:link,
ul#menu li.current_page_item ul li a:visited,
ul#menu li.current_page_parent ul li a:link,
ul#menu li.current_page_parent ul li a:visited {
background:none;
}


ul#menu li ul li a:hover,
ul#menu li ul li.current_page_item a:hover,
ul#menu li.current_page_parent ul li.current_page_item a:link,
ul#menu li.current_page_parent ul li.current_page_item a:visited,
ul#menu li.current_page_parent ul li.current_page_item a:hover,
ul#menu li.current_page_parent ul li.current_page_item a:active {
background:#381A00;
color:#fff;
}

*html ul#menu li ul {
padding:5px;
margin:0;
display:inline;
}



*html ul#menu li ul li{
width:250px;
padding:0;
margin:0;
}

*html ul#menu li ul li a {
padding:3px 5px;
}

/* Header
_________________________________________________ */


#header h1 {
display:block;
width:171px;
height:225px;
background:transparent url(images/logo-herout.jpg) top left no-repeat;
position:absolute;
margin:0;
padding:0;
}

#header h1 a {
display:block;
width:171px;
height:225px;
}

#header h1 span {
display:none;
}

#content h2 {
font-weight:normal;
font-size:36px;
color:#910528;
letter-spacing:-1px;
}

/* Sidebar
_________________________________________________ */

#sidebar h3 {
font-size:13px;
font-weight:normal;
margin:0;
padding:0 0 3px 0;
font-family:trebuchet Ms, sans serif;
}

#sidebar h3 a:link, #sidebar h3 a:visited, #sidebar h3 a:active {
text-decoration:none;
color:#bb9a60;
}

#sidebar h3 a:hover {

text-decoration:underline;
color:#bb9a60;
}



/* Actus
_________________________________________________ */

#sidebar .actualites {
float:left;
margin:0 20px 0 13px;
padding-bottom:20px;
width:430px;
}

#sidebar .actualites .date_post {
float:left;
margin:0;
width:70px;
text-align:center;
font-size:11px;
font-family:Georgia,serif;
}

#sidebar .actualites .date_post span{
display:block;

font-size:56px;
color:#C19D61;
margin:0 0 3px;
}

#sidebar .actualites .actus {
margin:0 0 10px 0;
overflow:hidden;
}

*html #sidebar .actualites .actus {
zoom:1;
}

#sidebar .actualites .actus .inner{
margin-left:80px;
border-left:1px solid #C9C09C;
padding-left:10px;
}

#sidebar .actualites .actus .savoir_plus {
text-align:right;
margin-top:3px;
}

#sidebar .actualites .actus .savoir_plus a:link, #sidebar .actualites .actus .savoir_plus a:active, #sidebar .actualites .actus .savoir_plus a:visited {
text-decoration:underline;
}

#sidebar .actualites .actus .savoir_plus a:hover {
text-decoration:none;
}

/* Footer 
_______________________________________________*/

#footer {
padding: 0;
margin:0;
background:#381a00 url(images/bg-footer.gif) top center repeat-x;
clear: both;
color:#E7D7BD;
font-family:Georgia;
height:160px; /* pour ie6 */
min-height:160px;
}

#footer .innerfooter {
margin:0 auto;
padding:20px 0;
text-align:left;
width:938px;
position:relative;

}

#footer .innerfooter p {
padding-top:40px;
margin:0;
}

#footer a:link, #footer a:visited, #footer a:active {
color:#E7D7BD;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}

#footer ul {
margin:0;
padding:0;
}

#footer ul li {
margin:0 5px 0 0;
padding:0;
display:inline;
text-transform:uppercase;
font-size:10Px;
color:#E7D7BD;
}

#footer ul li a {
text-transform:uppercase;
font-size:10Px;
}


#footer ul li ul {
display:none;
}

.widget_text .widgettitle {
display:none;
}

.recompense {
position:absolute;
right:72px;
top:20px;
}

.logo_ab{
position:absolute;
right:0;
top:25px;
}




/* widgets
_____________________________________________ */

.widgets {
margin-left:589px;
text-align:right;
}

span#gamme {
display:block;
width:351px;
height:75px;
text-align:center;
line-height:78px;
background:transparent url(images/bg-gamme.gif) top left no-repeat;
float:right;
margin:0 0 10px 0;
}

span#gamme a {
font-family:georgia;
font-weight:bold;
letter-spacing:3px;
position:relative;
text-transform:uppercase;
z-index:999999;
}

span#gamme a:link, span#gamme a:visited {
text-decoration:none;
color:#fff;
}

span#gamme a:hover, span#gamme a:active{
text-decoration:underline;
color:#fff;
}

.entry p {
line-height:24px;
}


/* Fiches produits short product 
__________________________________________________________ */

.short_product {
float:left;
margin:0 27px 0 0;
padding:0;
}

.short_product a:link, .short_product a:visited {
text-decoration:none;
}

.short_product a:hover, .short_product a:active {
text-decoration:underline;
}

.short_product a img {
margin-top:8px;
}

.short_product:hover a img {
border:1px solid #A36B3C;
}

.row {
border-top:1px solid #C9C09C;
clear:both;
overflow: hidden; /* contexte de formatage, empêche le dépassement des flottants */
margin:0;
padding:10px 0;
}

*html .row {
height: 1%; /* Dans la plupart des cas, n'aura aucun effet sur la hauteur du bloc */
zoom: 1; /* Déclenche aussi le HasLayout, mais sans autre effets visibles que ceux du HasLayout... */
}

.row h3 {
margin:30px 0 10px 0;
padding:10px 0 0 0;
}


.short_product h3,.short_product h3 a {
color:#333333;
font-family:Trebuchet Ms,Arial,Sans-Serif;
font-size:11px;
font-weight:normal;
letter-spacing:1px;
line-height:13px;
margin:0;
padding:0;
}

.short_product img {
padding:3px;
border:1px solid #C3C2A6;
margin:0 0 8px 0;
}


#liste_produits {
border-left:1px solid #C9C09C;
float:right;
margin:140px 0 0;
width:300px;
}

#liste_produits ul, #liste_produits h4, #liste_produits h3 {
margin-left:20px;
}

#liste_produits ul li {
padding:0 0 0 15px;
margin:0;
}

#desc_fiche {
float:left;
margin:329px 0 0;
padding:15px;
width:447px;
}

.jus-de-pomme #desc_fiche {
width:413px;
}

.petite_desc {
font-size:13px;
padding:25px 0 0;
text-align:right;

}



.content_fiche_produit img {
margin:20px 0 0 0;
padding:3px;
border:1px solid #C9C09C;
}

.carre {
background:#381A00 none repeat scroll 0 0;
border:4px double #BA9D68;
color:#E1DBC1;
float:left;
font-family:georgia;
font-size:14px;
line-height:15px;
margin:12px 20px 30px 0;
padding:24px 10px;
text-align:center;
width:163px;
}

.entry p a:link.carre,
.entry p a:visited.carre,
.entry p a:active.carre,
.entry p a:hover.carre {
color:#E1DBC1;
font-weight:bold;
text-decoration:none;
}

.carre  a:link, .carre  a:visited, .carre  a:active {
color:#E1DBC1;
font-size:17px;
font-style:italic;
font-weight:normal;
line-height:21px;
text-decoration:none;
}

.carre  a:hover {
text-decoration:underline;
color:#E1DBC1;
font-size:17px;
font-style:italic;
font-weight:normal;
line-height:21px;
text-decoration:underline;
}

.map {
border:4px double #C0A26C;
width:425px;
margin:20px 0;
height:300px;
}

.icon_rss {
background:transparent url(images/rss-icon.jpg) no-repeat scroll left top;
display:block;
height:84px;
left:0;
margin:0;
padding:0;
position:absolute;
text-indent:-9999em;
top:-41px;
width:191px;
}


*:first-child+html .calvados-aoc-vieille-reserve-35-cl-4-ans-unite .icon_rss,
*:first-child+html .calvados-aoc-35-cl-6-ans-unite .icon_rss,
*:first-child+html .calvados-aoc-10-ans-dage-70-cl-unite .icon_rss,
*:first-child+html .calvados-aoc-15-ans-70-cl-unite .icon_rss,
*:first-child+html .cidre-bouche-agriculture-biologique .icon_rss,
*:first-child+html .pommeau-de-normandie-aoc .icon_rss,
*:first-child+html .jus-de-pomme .icon_rss  {
margin-top:-20px; 
}

*html .calvados-aoc-vieille-reserve-35-cl-4-ans-unite .icon_rss,
*html .calvados-aoc-35-cl-6-ans-unite .icon_rss,
*html .calvados-aoc-10-ans-dage-70-cl-unite .icon_rss,
*html .calvados-aoc-15-ans-70-cl-unite .icon_rss,
*html .cidre-bouche-agriculture-biologique .icon_rss,
*html .pommeau-de-normandie-aoc .icon_rss,
*html .jus-de-pomme .icon_rss  {
margin-top:-20px;
 top:-81px;
}


.visuel_accueil {
position: absolute;
top: 120px;
right: -40px;
z-index: 99;
width: 509px;
height: 477px;
border:0;
}


.visuel_accueil img {
border:0;
}

h3 a:link,
h3 a:visited {
text-decoration:none;
color:#333333;
}

h3 a:hover,
h3 a:active{
text-decoration:underline;
color:#333333;
}

.entry a:link.savoirplus,
.entry a:visited.savoirplus,
.entry a:active.savoirplus {
background:#160C03 url(images/bg-li.gif) no-repeat scroll left top;
color:#FFFFFF;
display:block;
float:left;
font-family:Georgia;
font-size:11px;
line-height:20px;
margin:0;
padding:0 10px;
position:relative;
text-decoration:none;
text-transform:uppercase;
margin:20px 0 0 0;
}

.entry a:hover.savoirplus {
text-decoration:underline;
margin:20px 0 0 0;
}

.entry a:link.savoirplus span,
.entry a:visited.savoirplus span,
.entry a:active.savoirplus span,
.entry a:hover.savoirplus span {
background:transparent url(images/bg-li.gif) no-repeat scroll right top;
display:block;
height:20px;
position:absolute;
right:0;
top:0;
width:1px;
}

.postmetadata a:link,
.postmetadata a:visited,
.postmetadata a:active {
text-decoration:none;
}

.postmetadata a:hover {
text-decoration:underline;
}