/*
Theme Name: Centre d'Apiculture
Description: Theme sur mesure du site centre-apiculture.fr.
Version: 1
Author: Adrien Piffaretti - Avant-Goût Studios
Author URI: http://www.avant-gout.com/
*/
@charset "utf-8";
/* CSS Document */
html, body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	background-color: #eedbbd;
	background-image: url(images/bg_footer.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	background-attachment: fixed;
}
img {
	border: none;
}
img.alignleft {
	float:left;
	margin-right: 20px;
}
img.alignright {
	float:right;
	margin-left: 20px;
}
#page {
	background: url(images/bg_header.gif) repeat-x top;
	margin: auto;
}
#header {
	background: url(images/header.png) no-repeat;
	width: 1005px;
	height: 188px;
	margin: auto;
}
#header h1 {
	margin: 0;
	padding: 0;
}
#header h1 a {
	text-indent: -5000px;
	display: block;
	width: 250px;
	height: 140px;
	position: absolute;
	z-index: 1;
	
}
#menu, #menu li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu li {
position: relative;
}
#menu {
	padding-top: 106px;
	position: absolute;
	padding-left: 235px;
	width: 560px;
}
#menu li a {
	display: block;
	margin-left: 30px;
}
#menu li a span {
	display: none;
}

#menu li.submenu ul li  {
	float: none;	
}

#menu li.submenu ul {
	display: none;
	
}
#menu li.submenu:hover ul {
	display: block
}
#menu li.submenu ul  {
	z-index: 10;
	margin:0;
	padding:0;
}
#menu li.submenu ul li {
	margin:0;
	padding:0;
	clear: left;
}

#qui, #catalogue, #ou  {
	float: left;	
}
#qui a {
	background: url(images/menu_qui.gif);
	width: 156px;
	height: 46px;
}
#qui a.active, #qui a:hover {
	background-position: -156px 0px;
}

#catalogue a {
	background: url(images/menu_catalogue.gif);
	width: 134px;
	height: 46px;
}
#catalogue a.active, #catalogue a:hover {
	background-position: -135px 0px;
}
#menu li.submenu ul li a {
	margin: 0;
	background: none;
	display: block;
	background-color: #F6E6CD;
	border-bottom: 1px solid #D8B68A;
	color: #5A4532;
	font-size: 12px;
	height: 25px;
	vertical-align: middle;
	text-decoration: none;
	padding-left: 20px;
	padding-top: 10px;
	margin-left: 15px;
	width: 145px;
}
#menu li.submenu ul li a:hover {
	font-weight: bold;
}

#ou a {
	background: url(images/menu_ou.gif);
	width: 147px;
	height: 46px;
}
#ou a.active, #ou a:hover {
	background-position: -147px 0px;
}
#form {
	margin: 0;
	padding: 0;
	float: right;
	margin-top: 110px;
	width: 190px;
	display: block;
}
#search {
	float: left;
	margin-top: 6px;
	display: block;
}
#search input {
	border: 0;
	width:148px;
	margin-right: 5px;
	background-color: #fcf9f2;
	display: block;
}
#loop {
	background-image:url(images/loop.jpg) no-repeat;
	
	margin-top: 6px;
}

#social {
	margin: 0;
	padding: 0;

}
#social li {

	list-style: none;
	position: absolute;
	margin-top: 5px;
}
#social .twitter {
	background: url(images/ico_twitter.png);
	width: 21px;
	height: 21px;
	display: block;
	margin-left: 980px;
}
#social .rss {
	background: url(images/ico_rss.png);
	width: 21px;
	height: 21px;
	display: block;
	margin-left: 955px;
	
}
#social li a span {
	display: none;
}
#social li a {
	display: block;
}
#link_actu {
	position: absolute;
	margin-top: 161px;
	margin-left: 60px;
}
#link_actu a {
	text-decoration: none;
	color: #dcbc95;
	font-size: 11px;
	font-weight: bold;
}
#contener {
	width: 1005px;
	margin:auto;
	
}
#sidebar {
	width: 297px;
	float: right;
	margin-top: 40px;
}
#sidebar h3, #sidebar h4 {
	display: none;
}
#devis {

	background: url(images/sidebar_devis.png);
	padding-top: 70px;
	margin-bottom: 30px;
}
#devis .content, #devis .formulaire {
	padding: 10px;
	font-size: 11px;
	color: #5a4530;
	background-image: url(images/sidebar_crop.png);
	background-repeat: repeat-y;
}
#devis .content span {
	display: none;
}
#devis .content .label {
	
}
#devis .content .cross {
	background: url(images/cross.png) no-repeat center center;
	width: 10px;
}
#devis .content .qte input {
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	width: 25px;
	height: 20px;
	background-color: #f7e4bb;
	color: #5a4530;
	text-align: right;
	border: none;
}
#devis .content .unity {
	font-size: 10px;
	font-weight: bold;
	width: 35px;
}
#devis .content .equal {
	background: url(images/equal.png) no-repeat center center;
	width: 9px;
}
#devis .content .price {
	font-size: 12px;
	font-weight: bold;
	width: 75px;
	text-align: right;
}
#devis .content .ht {
	color: #c96a13;
	font-size: 14px;
	vertical-align: bottom;
}
#devis .content .ttc {
	font-size: 14px;
	vertical-align: bottom;
}
#devis .content .trash a {
	background: url(images/trash.png) no-repeat center center;
	width: 10px;
	height: 20px;
	display: block;
}
#devis .content .totalht {
	padding-top: 20px;
	background: url(images/totalht.png) right bottom no-repeat;
	height: 26px;
}
#devis .content .totalttc {
	background: url(images/totalttc.png) right center no-repeat;
	height: 26px;
}
#devis .button_devis a {
	display: block;
	background: url(images/envoyez.png) center center no-repeat;
	height: 63px;
	margin-top: 20px;
}
#devis .formulaire, #devis .rapport_formulaire  {
	display: none;
}
#devis .formulaire td, #devis .formulaire input, #devis .rapport_formulaire  {

	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	color: #5A4532;
	
}
#devis .rapport_formulaire  {
	padding: 20px;
}
#devis .footer {
	height: 20px;
	background: url(images/sidebar_yellow.png) bottom; 
}

#negoce {
	position: absolute;
	background: url(images/negoce.png);
	width: 244px;
	height: 207px;
	margin: auto;
	margin-bottom: 30px;
	margin-left: 50px;
	z-index: 2;
}
#negoce a {
	display: block;
	position: absolute;
	margin-top: 120px;
	margin-left: 30px;
	height: 55px;
	width: 180px;
}
#telecharger {
	padding-top: 240px;
	position: absolute;
	background: url(images/telecharger.png) no-repeat left bottom;
	height: 96px;
	width: 244px;
	margin: auto;
	margin-bottom: 50px;
	margin-left: 50px;
}
#telecharger h5 {
	margin: 0;
	padding: 0;
	margin-bottom: 70px;
}
#telecharger a {
	width: 100%;
	height: 96px;
	display: block;
}
#negoce a span, #telecharger a span {
	display: none;
}

#content {
	color: #5a4530;
	padding-top: 40px;
	font-size: 11px;
	padding-right: 310px;
	text-align: justify;
	padding-bottom: 90px;
	line-height: 20px;

}
#content h2 {
	margin: 0;
	padding: 0;
	background: url(images/box.jpg) no-repeat;
	height: 43px;
	padding-top: 20px;
	padding-left: 60px;
	margin-right: 60px;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 40px;
}
#content a {
	color: #342313;	
}
#content .post {
	margin-bottom:50px;	
}
#content h3.storytitle {
	background: url(images/buzz.png) no-repeat;
	margin: 0;
	padding: 0;
	height: 18px;
	padding-left: 40px;
	padding-top: 5px;
	margin-left: 30px;
}
#content .meta {
	margin-left: 70px;
}
#content h3.storytitle a {
	text-decoration: none;	
}
#content .storycontent {
	padding-left: 70px;
}
#content.catalog h2 {
	margin-bottom: 0px;
}
#bloc_categ {
	border: 1px solid #d7b588;
	padding-bottom: 20px;
	width: 690px;
}
#replier {
	float: right;
	background: url(images/curs_replier.png) no-repeat left center;
	padding-left: 20px;
	padding-right: 10px;
	color: #d7b588;
}
#replier.deplier {
	background-image: url(images/curs_deplier.png);
}
#categories li {
	float: left;
	width: 215px;
}
#categories li a {
	text-decoration: none;
	font-weight: bold;
}
#categories li a.active {
	text-decoration: underline;
}
.clearleft {
	clear: left;
}
.clearboth {
	clear: both;
}


.product {
	float: left;
	width: 650px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px;

}
.interligne {
	background: url(images/bg_interligne.png);
	
}

.product div.superimage  {
float: left;
}
.product div.image  {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    background: url(images/bg_thumb.png);
	width: 83px;
	height: 79px;
	
}
.product div.image  * {
    vertical-align: middle;
}
/*\*//*/
.product div.image {
    display: block;
}
.product div.image  span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/

/*
</style>
<!--[if lt IE 8]><style>
.product div.image  span {
    display: inline-block;
    height: 100%;
}
*/
.product h3 {
	padding-left: 100px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 13px;
}
.floatright {
	float: right;
}

.product div.ajouter {
	background: url(images/ajouter_au_devis.png) no-repeat;
	padding-left: 135px;
	height: 34px;
	margin-left: 100px;
	margin-top: 5px;
	font-size: 13px;
	font-weight: bold;
}
.product div.ajouter input {
	width: 34px;
	height: 23px;
	background: url(images/bg_input.png) no-repeat;
	border: none;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	margin-right: 10px;
}
.product div.ajouter a {
	background: url(images/cart.png) no-repeat;
	display: block;
	width: 33px;
	height: 34px;
	float: right;
	margin-right: 70px;
}
.product div.prixappel {
	background: url(images/a_partir_de.png) no-repeat;
	padding-left: 100px;
	height: 30px;
	font-size: 13px;
	font-weight: bold;
}
.product div.ajouter span, .product div.prixappel span {
	display: none;
}
.light table.prix {
	display: none;
}
.light div.descr {
	display: none;
}
.light div.replier {
	display: none;
}
.product div.savoir_plus {
	padding: 5px;
	background-color: #f0ce83;
	font-size: 13px;
	font-weight: bold;
	width: 105px;
	display: none;
}
.light div.savoir_plus {
	display: block;
}
.product table.prix {
	float: right;
	background-color: #f0ce83;
	padding: 5px;
}
.product table.prix td, .product table.prix th {
	padding: 2px;
}
.product table.prix td.unite {
	padding-right: 10px;
	border-right: 1px solid #bc8452;
}
.product div.descr {
	width: 500px;
	padding-left: 100px;
	padding-bottom: 20px;
}
.product div.replier {
	clear: left;
	background: url(images/curs_replier.png) no-repeat left center;
	padding-left: 20px;
	padding-right: 10px;
	color: #d7b588;
	width: 40px;
}
.product div.deplier {
	clear: left;
	background-image: url(images/curs_deplier.png);
	padding-left: 20px;
	padding-right: 10px;
	color: #d7b588;
	width: 40px;
}

/* ou nous trouver */
#coord {
	background: url(images/contact.png);
	width: 667px;
	height: 141px;
	margin-top: 20px;
}
#coord span{
	display: none;
}

#coord .adr, #coord .horaires, #coord .contact, #coord .msg {
	font-weight: bold;
	font-size: 14px;
	position: absolute;
}
#coord .adr {
	margin-left: 210px;	
	margin-top: 35px;
}
#coord .horaires {
	margin-left: 510px;	
	margin-top: 35px;
}
#coord .contact {
	margin-left: 110px;	
	margin-top: 95px;
}
#coord .msg {
	margin-left: 520px;	
	margin-top: 90px;
	width: 140px;
	height: 50px;
}
#coord .msg a {
	display: block;
	width: 100%;
	height: 100%;
}
#footer {
	width: 100%;
	position: fixed;
	z-index: 10;
	bottom: 0;
	font-size: 10px;
	color: #d7b588;
	
}
#footer .brown {
	background-color: #342313;
	height: 55px;
}
#footer .brown ul, #footer .brown li {
	margin: 0;
	padding: 0;
}
#footer .brown ul {
	width: 1000px;
	margin: auto;
}
#footer .brown li {
	float: left;
	margin-right: 25px;
	height: 28px;
	padding-top: 20px;
	list-style: none;
}
#footer .logo {
	background: url(images/logo_footer.gif) no-repeat right center;
	width: 347px;
	text-indent: -5000px;
}
#footer .grass {
	background: url(images/grass.png) center center;
	height: 47px;
}