/*
Theme Name: HautMeyreau
Theme URI: www.haut-meyreau.fr
Description: Hauteur fixe, un bandeau noir en top, un bandeau noir en pied de page, un contenu central avec une image en arrière-plan. Création réalisée en 2009. Version optimisée pour wordpress 3.2
Version: 2.5
Author: Agence 23ème Homme
Author URI: http://www.23eme-homme.fr/
*/
/**************** Body *********************/
* {margin:0;padding:0;}
img {border: none 0px;}
a {text-decoration:none;}
.clear { clear:both; }
body {background:#000000 url(images/bg.gif) repeat-x center -50px;color:#fff;font:13px Trebuchet MS; line-height:20px;}
#pictures {background: url(images/home_fond.jpg) no-repeat center -50px;margin:0px auto;}
#wrapper {height:820px;width:900px;margin:0px auto;position:relative;top:-50px;}
/**************** Top *********************/
#top {height:105px;width:100%;margin:0px;}
#index div#logo {visibility:hidden;width:205px;height:50px;}
#sidebar ul li a img{border: none 0px;}
#navigation {width:693px;height:40px;position:absolute;top:0px;margin-left:205px;padding-top:57px;}

/**************** Container *********************/
#container {width:100%;height:462px;clear:both;}
#degustation {background: url(images/home_inter1.png) no-repeat left top;width:553px;height:462px;float:left;}
#degustation p#click {margin-top:414px;margin-left:258px;}
p#click a, p#click a:visited {display:block;height:30px;width:186px;background: url(images/bt_degustation.png) no-repeat;}
p#click a:hover {background: url(images/bt_degustation.png) no-repeat;background-position:0px -30px;}
#passion {background: url(images/home_inter2.png) no-repeat left top;width:347px;height:462px;float:right;}
#passion2 {width:198px;height:92px;margin-top:360px;margin-left:60px;}
#passion2 ul li{list-style-type:none;padding-bottom:3px;}
#passion2 ul li a, #passion2 ul li a:visited {color:#fff;}
#passion2 ul li a:hover {font-weight:bold;}
#passion2 ul li a {width:198px;display:block;font-size:1em;}

/**************** Footer *********************/
#footer {width:100%;margin:0px;position:relative;padding-top:20px;margin-bottom:5px;}
#footer1 {width:100%;margin-bottom:20px;min-height:175px;}
#footer1 div {height:171px;}
#footer1 div h2 {visibility:hidden;margin-bottom:5px;}
#footer1 div ul li{list-style-type:none;}
#footer1 div ul li a {color:#fff;font-size:0.9em;}
#footer1 div ul li a:visited {color:#fff;}
#footer1 div ul li a:hover {color:#999;}
#colonne1 {background: url(images/footer_colonne1.png) no-repeat left top;float:left;width:265px;padding-bottom:20px;padding-right:35px;}
#colonne1 p {font-size:0.9em;text-align:right;}
#colonne1 div {float:right;}
#colonne2 {background: url(images/footer_colonne2.png) no-repeat left top;float:right;width:265px;padding-bottom:20px;padding-left:35px;}
#centre {background: url(images/footer_centre.png) no-repeat left top;margin-left:300px;margin-right:300px;width:240px;padding:0px 30px 20px 30px;}
#centre div {margin-left:12px;}
#footer2 {text-align:center;}
#footer2 p {font-family:arial;font-size:1.0em;}
#footer2 a {color:#fff;font-size:0.9em;padding:2px 5px;}
#footer2 a:visited {color:#fff;}
#footer2 a:hover {color:#fff;background: url(images/blanc.png) repeat;}
#footer2 .website {color:#cccccc;font-size:0.9em;}
#footer2 .website a{font-size:0.9em;font-weight:bold;}
#centre .crus {font-style: italic;}

.nav { text-align: left; }
.credits {margin-right:20px;float:left;}
#footermenu { display: inline; }
#footermenu ul { margin: 0;padding: 0; }
#footermenu li { margin: 0;padding: 0;list-style-type: none;display: inline; }
#footermenu a { font-size:0.9em;padding:2px 5px; }
#footermenu a:link, #footermenu a:visited { color:#fff; }
#footermenu a:hover { color:#fff;background: url(images/blanc.png) repeat; }


/**************** Page INTER1 + ARCHIVES + SINGLE *********************/
/**************** BODY *********************/
#archives #pictures, #single #pictures, #inter1 #pictures {background: url(images/inter1_fond.jpg) no-repeat center -50px;margin:0px auto;}
#archives #logo, #single #logo, #inter1 #logo {visibility:visible;width:200px;height:50px;padding-top:50px;margin-left:55px;}

/**************** Container *********************/
#archives #container, #single #container, #inter1 #container {width:100%;height:456px;clear:both;position:relative;top:-6px;margin-bottom:6px;}
#archives .c_inter1, #single .c_inter1, #inter1 .c_inter1 {background: url(images/inter1_inter1.png) no-repeat left top;width:319px;height:462px;float:left;}
#archives p#click, #single p#click, #inter1 p#click {margin-top:276px;margin-left:63px;}
#archives #passion2, #single #passion2, #inter1 #passion2 {width:198px;height:92px;margin-top:55px;margin-left:85px;}
#archives #passion2 ul li, #single #passion2 ul li, #inter1 #passion2 ul li{list-style-type:none;padding-bottom:3px;}
#archives #passion2 ul li a, #archives #passion2 ul li a:visited, #single #passion2 ul li a, #single #passion2 ul li a:visited, #inter1 #passion2 ul li a, #inter1 #passion2 ul li a:visited {color:#fff;}
#archives #passion2 ul li a:hover, #single #passion2 ul li a:hover, #inter1 #passion2 ul li a:hover {color:#000000;background-color:#fff;}
#archives #passion2 ul li a, #archives #passion2 ul li a, #inter1 #passion2 ul li a {width:198px;display:block;font-size:1em;}
#archives .c_inter2, #single .c_inter2, #inter1 .c_inter2 {background: url(images/inter1_inter2.png) no-repeat left top;width:563px;height:427px;float:right;padding:25px 0px 10px 18px;}
#archives .entry, #single .entry, #inter1 .entry {overflow-y:auto;height:397px;color:#000000;margin-right:10px;}
#archives .entry h1, #single .entry h1, #inter1 .entry h1 {font-family:Times New Roman,Times,Serif;font-size:2.1em;color:#990000;margin-bottom:15px;}
#archives .entry h2, #single .entry h2 {font-family:Arial,Helvetica;font-size:1.6em;color:#000000;margin:10px 0px;}
#archives .entry h3, #single .entry h3, #inter1 .entry h3 {font-family:Arial,Helvetica;font-size:1.4em;color:#333333;margin:5px 0px;}
#archives .entry h4, #single .entry h4, #inter1 .entry h4 {font-family:Arial,Helvetica;font-size:1.1em;color:#000000;margin:5px 0px;}
#archives .entry p, #single .entry p, #inter1 .entry p  {font-family:Arial,Helvetica;font-size:1em;color:#000000;margin:5px 0px 15px 0px;line-height:1.8em;}
#archives .entry a, #single .entry a, #inter1 .entry a {color:#660000;font-weight:bold;}
#archives .entry a:hover , #single .entry a:hover , #inter1 .entry a:hover {background:#cccccc;}



/**************** PAGE *********************/
/**************** BODY *********************/
#page {background:#000000 url(images/page_bg.png) repeat-x center -50px;color:#fff;font:13px Trebuchet MS; line-height:20px;}
#page #pictures {background: url(images/page_fond.jpg) no-repeat center -50px;margin:0px auto;}
#page #logo {visibility:visible;width:200px;height:50px;padding-top:50px;margin-left:55px;}

/**************** Container *********************/
#page #container {width:100%;height:689px;clear:both;position:relative;top:-6px;}
#page .c_inter1 {background: url(images/page_inter1.png) no-repeat left top;width:319px;height:462px;float:left;}
#page p#click {margin-top:163px;margin-left:57px;}
#page #passion2 {width:198px;height:92px;margin-top:55px;margin-left:85px;}
#page #passion2 ul li{list-style-type:none;padding-bottom:3px;}
#page #passion2 ul li a, #passion2 ul li a:visited {color:#fff;}
#page #passion2 ul li a:hover {color:#000000;background-color:#fff;}
#page #passion2 ul li a {width:198px;display:block;font-size:1em;}

#page .c_inter2 {background: url(images/page_inter2.png) no-repeat left top;width:563px;height:654px;float:right;padding:25px 0px 10px 18px;}
#page .entry {overflow-y:auto;height:645px;color:#000000;margin-right:10px;}
#page .entry h1 {font-family:Times New Roman,Times,Serif;font-size:2.1em;color:#990000;margin-bottom:15px;}
#page .entry h2 {font-family:Arial,Helvetica;font-size:1.6em;color:#000000;margin:10px 0px;}
#page .entry h3 {font-family:Arial,Helvetica;font-size:1.4em;color:#333333;margin:5px 0px;}
#page .entry h4 {font-family:Arial,Helvetica;font-size:1.1em;color:#000000;margin:5px 0px;}
#page .entry p  {font-family:Arial,Helvetica;font-size:1em;color:#000000;margin:5px 0px 15px 0px;line-height:1.8em;}
#page .entry a {color:#660000;font-weight:bold;}
#page .entry a:hover {background:#cccccc;}
/**************** Footer *********************/
#page #footer {width:100%;margin:0px;position:relative;padding-top:0px;margin-bottom:5px;}

/**************** Supplement MAJ *********************/
#inter1 #navigation,
#single #navigation,
#archives #navigation,
#page #navigation {
	margin-left:315px;
}
a.img, a.img:link, a.img:visited, a.img:hover {background:transparent !important;}


/**************** Footer3 *********************/
#footer3 {
    margin-bottom: 20px;
    min-height: 175px;
    width: 100%;
}
#footer3 #colonne1,
#footer3 #colonne2,
#footer3 #centre {
    background-image: none;
}
#footer3 #colonne1 {
	padding-right: 0px;
    width: 305px;
}
#footer3 #colonne2 {
	padding-left: 0px;
    width: 245px;
}
#footer3 #centre {
	width: 240px;
	margin-left: 330px;
}
#footer3 h3 {
    font-size: 17px;
    margin: 0 0 10px;
    font-weight: normal;
    text-transform: uppercase;
    color: #dfdfdf;
}
.illustration { padding:3px;border:1px solid #ccc; }
.widget a:link, .widget a:visited {
    color: #fff;
}
.widget a:hover {
    color: #990000;
}


/**************** PAGE FULLWIDTH *********************/
#inter1.full #pictures {background: url(images/fullwidth.jpg) no-repeat center -50px;}
.fullwidth {
    background: url("images/inter1_inter3.png") no-repeat scroll left top transparent;
    height: 427px;
    margin: 0 auto;
    padding: 25px 0 10px 18px;
    width: 880px;
}


/**************************************************/
.alignleft {
	float:left;
	text-align:left;
	margin-right:10px;
}
.alignright {
	float:right;
	text-align:right;
	margin-left:10px;
}
.aligncenter {
	margin: 10px auto;
	text-align: center;
	display: block;
}
.wp-caption {
  text-align:center;
  padding:7px 2px 2px;
}

.post-content em {
	font-style:italic;
}
.post-content strong {
	font-weight:bold;
}


/**
* SITEMAP
*/
.sitemap-col {
    float: left;
    margin-right: 10px;
    width: 48%;
}


#inter1 #post-1258 p {
    color: #000000;
    font-family: Times New Roman;
    font-size: 1.1em;
    line-height: 1.6em;
    margin: 5px 0 15px;
}


/**************** MENU LES ROUGES *********************/
.template-rouge .post {
   margin: 5px 10px 0 175px;
}

#menu-lesrouges {
    float: left;
    margin: 0;
    width: 160px;
}
#menu-lesrouges h5 {
    background-color: #fff;
    margin: 0 0 2px;
    padding: 10px 0;
    text-align: center;
	text-transform: uppercase;
}
#menu-lesrouges ul {
    margin: 0;
    text-align: center;
}
#menu-lesrouges li {
    background-color: #fff;
    font-size: 10.7px;
    list-style: none;
	padding: 0 0 10px;
}
#menu-lesrouges li li {
    font-style: italic;
    list-style: disc inside none;
	padding: 0;
}
#menu-lesrouges .menu a:link, #menu-lesrouges .menu a:visited {
    color: #000;
}
#menu-lesrouges .menu a:hover {
    background-color: #fff;
    cursor: text;
}
#menu-lesrouges .menu li li a:link, #menu-lesrouges .menu li li a:visited {
    color: #660000;
}
#menu-lesrouges .menu li li a:hover {
    background-color: #ccc;
    cursor: pointer;
}
.menu #menu-item-1654 span {
    color: #660000;
}
.menu li#menu-item-1654 a:hover {
    background-color: #ccc;
    cursor: pointer;
}


/**************** MENU GAMMES *********************/
#menu-gammes {
	text-align: center;
	padding: 0 0 20px;
}
#menu-gammes h5 {
    font-family: Verdana,sans-serif;
    font-size: 10px;
    font-weight: normal;
    text-align: center;
	margin: 4px 0 12px;
}
#menu-gammes ul {
	margin: 0;
	list-style: none;
}
#menu-gammes li {
	display: inline-block;
}
#menu-gammes a {
	display: block;
	background-position: center top !important;
	background-repeat: no-repeat !important;
	width: 130px;
	height: 20px;
	padding: 80px 0 0;
}
#menu-gammes .verre-blanc a {
	background-image: url(images/verre-blanc.png) !important;
}
#menu-gammes .verre-bulles a {
	background-image: url(images/verre-bulles.png) !important;
}
#menu-gammes .verre-moelleux a {
	background-image: url(images/verre-moelleux.png) !important;
}
#menu-gammes .verre-rose a {
	background-image: url(images/verre-rose.png) !important;
}
#menu-gammes .menu a:hover {
	background-color: transparent;
}


/**************** LES FLECHES VINS *********************/
.nav-vin {
    height: 40px;
    margin: 0 auto 20px;
    position: relative;
    width: 200px;
}
.vin-precedent,
.vin-suivant {
	display: block;
	width: 75px;
	height: 40px;
	text-indent: -9999px;
	position: absolute;
	top: 0
}
.vin-precedent {
	background: url(images/fleche-gauche.png) no-repeat left top transparent !important;
	left: 0;
}
.vin-suivant {
	background: url(images/fleche-droite.png) no-repeat left top transparent !important;
	right: 0;
}


/**************** IE7 BUG FIXED *********************/
#ie7 .c_inter2,
#ie8 .c_inter2 {}
#ie7 .entry,
#ie8 .entry {
	position: relative;
}

/*
#ie7 .post {
	position: relative;
}
#ie7 .post form {
	position: relative;
}
#ie7 .post input {
	position: relative;
}
#ie7 .post textarea {
	position: relative;
}
*/