/*  
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: 1.0
Author: Société 23ème Homme
Author URI: http://www.23eme-homme.fr/
*/
/**************** Body *********************/
* {margin:0;padding:0;}
img {border: none 0px !important;}
a {text-decoration:none;}
body {background:#000000 url(images/bg.gif) repeat-x center -50px;color:#ffffff;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:#ffffff;}
#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:#ffffff;font-size:0.9em;}
#footer1 div ul li a:visited {color:#ffffff;}
#footer1 div ul li a:hover {color:#999999;}
#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 p span.credits {margin-right:20px;}
#footer2 p a {color:#ffffff;font-size:0.9em;padding:2px 5px;}
#footer2 p a:visited {color:#ffffff;}
#footer2 p a:hover {color:#ffffff;background: url(images/blanc.png) repeat;}
#footer2 p.website {color:#cccccc;font-size:0.9em;}
#footer2 p.website a{font-size:0.9em;font-weight:bold;}
#centre .crus {font-style : italic;}

/**************** 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:#ffffff;}
#archives #passion2 ul li a:hover, #single #passion2 ul li a:hover, #inter1 #passion2 ul li a:hover {color:#000000;background-color:#ffffff;}
#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:#ffffff;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:#ffffff;}
#page #passion2 ul li a:hover {color:#000000;background-color:#ffffff;}
#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;}