/*
Theme Name: Toy Market
Theme URI: http://www.capsule.be
Description: Theme créé par Jean-François Delvin pour Capsule.be.
Version: 1.0
Author: Jean-François Delvin
Author URI: http://www.bzzz.be/
*/
 
/* ---------------------------------------------------------------------------
   HTML ELEMENTS
------------------------------------------------------------------------------ */ 

* {margin:0;padding:0;outline:0;font-weight:normal;text-decoration:none;}
body {
/* 	font: 14px/1.5em 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif; */
	font: 13px/1.5em 'Trebuchet MS', Tahoma, Arial, Sans-serif;
	color: #333; 	
	background: #444 url(images/tm_bg.jpg) repeat-x;
}
h1, h2, h3, h4, h5, h6 {color: #86A001;margin:20px 30px 10px;line-height: 1em;}
h1 {font-size: 2.0em;}
h2 {font-size: 1.7em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.2em;}
p, pre {padding: 10px 30px;}
a {color: #86A001;}
a:hover {color: #444;}

img.alignleft {float:left;margin: 0px 10px 0px 0px;}
img.alignright {float:right;margin: 0px 0px 0px 10px;}

blockquote {
	margin: 10px 30px;
 	padding: 10px;  
	background: #ddd;
	font: italic normal 1em/1.5em Georgia, 'Times New Roman', Times, serif;	
}

/* ------------------------------------------
   LAYOUT
------------------------------------------- */ 

#wrap {position: relative;width: 950px;margin: 0 auto;}
#header {position: relative;width: 950px;height:275px;background: url(images/tm_headerb.jpg) no-repeat;}
#content-wrap {
	background:#FFF;
	position: relative;
	clear: both;
	width: 950px;
	float: left;
	box-shadow: 0px 0px 30px #000;
	-webkit-box-shadow: 0px 0px 30px #000;
	-moz-box-shadow: 0px 0px 30px #000;}
#main {float:left;width: 560px;}
#footer {
	position: relative;
	clear: both;
	color: #bbb;
	width: 950px;
	float: left;	
}

/* ------------------------------------------
   HEADER
------------------------------------------- */ 

#header h1 {margin:0;padding: 0;}
#header h1#logo-text a {display: block;width:237px;height:274px;color: #fff;text-indent: -9999px;float: left;}
#header p#intro {display: none;}

/* ------------------------------------------
   NAVIGATION
------------------------------------------- */ 

#menu-principal {list-style-type: none;clear: both;width: 950px;float: left;background: #86A001 url(images/tm_menu_vert.png);margin: 0;font-size:1.2em;}
#menu-principal li {float: left;position: relative;border-right:2px solid #FFF;}
#menu-principal a {color: #444;display: block;line-height: 30px;padding: 0 15px;}
#menu-principal ul {
	box-shadow: 5px 5px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
	display: none;
	list-style-type: none;
	position: absolute;
	font-size: 1em;
	left: 0;
	float: left;
/* 	width: 260px; */
	z-index: 99999;
}
#menu-principal ul li {min-width: 260px;}
#menu-principal ul ul {left: 100%;top: 0;}
#menu-principal ul a {background: #86A001 url(images/tm_menu_vert.png);line-height: 30px;padding: 0 15px;width: 240px;height: auto;border-bottom: 1px solid #fff;font-size: 0.9em;
}
#menu-principal li:hover > a, #nav ul ul :hover > a {background: #fff;}
#menu-principal li:hover > ul {display: block;}
#menu-principal li.current_page_item > a,
#menu-principal li.current-menu-ancestor > a,
#menu-principal li.current-menu-item > a,
#menu-principal li.current-menu-parent > a {
	color: #444;
}
* html #menu-principal li.current_page_item a,
* html #menu-principal li.current-menu-ancestor a,
* html #menu-principal li.current-menu-item a,
* html #menu-principal li.current-menu-parent a,
* html #menu-principal li a:hover {
	color: #444;
}

/* ------------------------------------------
   MAIN
------------------------------------------- */ 

#main ul, #main ol {margin: 10px 0px 10px 60px;}
#crumbs {margin: 10px 30px;font-size:.8em;}
.postmeta {clear:both;padding: 7px 10px; margin: 10px 30px;color:#999;font-size:.8em;border-bottom: 2px solid #86A001;text-align: right;}
.postmeta2 {padding: 4px 10px; margin: 10px 30px;font-size:.8em;border-bottom: 2px solid #86A001;text-align: right;}
.postmeta img {background:none;border:none;padding:0px 0px 0px 5px;margin: 0px 0px -5px 0px;}
.postmeta2 img {background:none;border:none;padding:0px 0px 0px 5px;margin: 0px 0px -4px 0px;}
.comment p {padding: 0;}
#gallery-1 {margin: auto;}
#gallery-1 .gallery-item {float: left;margin: 10px 20px 0 0 !important;text-align: center;width: auto !important;}
#gallery-1 img {border: 2px solid #cfcfcf;}
#gallery-1 .gallery-caption {margin-left: 0;}
.excerpt {overflow: hidden;}
.excerpt img {float: left;margin: 10px 10px 10px 25px;}
.gallery {clear: both;}
#main h1 {height:45px;line-height:45px;background: #fff url(images/tm_frisegrise.jpg) no-repeat top right;color: #444;text-transform: uppercase;border-bottom: #444 solid 2px;}
#main h1 a {display:block;float:left;height:45px;line-height:45px;background: url(images/tm_titlebg.png) no-repeat top right;padding-right: 45px;color: #444;}
.galeriephoto {margin:10px 0px 10px 30px;float:left;}
.galeriephoto h5 {margin:5px 0;width:150px;height: 35px;font-size: 1em;text-align: center;}
.galeriephoto a {width:150px;height: 150px;display: block;}
.galeriephoto img {border: none;}

/* ------------------------------------------
   SIDEBAR
------------------------------------------- */ 

#sidebar {float:right;width: 350px;margin: 30px 20px;}	
#sidebar #sousmenu {margin-bottom: 20px;}
#sidebar h3 {padding: 10px;margin:0;}
#sidebar ul li {list-style: none;border-bottom: 1px solid #999;}
#sidebar ul li a {display:block;padding: 6px 10px;border: none;height:24px;line-height: 24px;}
#sidebar ul li a:hover {border: none;background: #86A001;color: #fff;}
#sidebar ul li a span {color: #444;font: italic normal .8em Georgia, 'Times New Roman', Times, serif;}
#sidebar ul li a.url {font-style: italic;color: #777;font-size: 12px;}
#sidebar ul ul {margin: 0 0 0 5px;}
#sidebar ul ul li {border: 0;}
#sidebar div {padding: 10px;}
#sidebar div#slider {padding: 0px;}
#sponsors a {display: block; float: left;margin: 0 5px 5px 0;}
#sponsors a img {width: 100%;height: 100%; padding: 5px; box-shadow: 1px 1px 2px #848484;}
#badge {position: absolute;top:40px;right:180px;z-index: 9999;}
#badgett {position: absolute;top:40px;right:230px;z-index: 9999;}

/* ------------------------------------------
   FOOTER
------------------------------------------- */ 

#frise {
	clear: both;
	background: url(images/tm_friseverte.jpg) repeat-x center center;
	height: 130px;
}
.footercol {float: left;width: 300px;}
.mr20 {margin-right:20px;}
#footer h3 {margin:0;color: #ddd;padding:20px 0 10px 10px;border-bottom: 1px solid #999;}
#footer h4 {margin:0;color: #ddd;padding:10px 0px;}
#footer a {color:#bbb;}
#footer a:hover {color:#fff;}
#footer div div {padding:0px 10px;}
#footer ul li {list-style: none;padding:4px 10px;border-bottom: 1px solid #999;}
#footer ul li a {display: block;}
#footer ul li a.url {font-style: italic;color: #999;}
#footer ul li a span {color: #999;font-style: italic;}
#footer p {padding:4px 0px;}
#footer p a {color:#fff;}
#footer #credits {width:910px;margin:20px 0px;text-align: center;color:#888;font-size: 0.8em;clear:both;float: left;}

/* ------------------------------------------
   TABLEAUX
------------------------------------------- */ 

table {margin: 15px 10px; border-collapse: collapse;}
tr {height: 34px;}
td {padding: 0 12px;border: 1px solid #111;}

/* ------------------------------------------
   FORMULAIRES
------------------------------------------- */ 

form {margin:30px;padding:20px;background: #86A001;}
form h2 {color: white;margin:20px 0px 10px;}
form p {padding:10px 0px;}
label {display: block;margin: 8px 0;}
input, select, textarea {padding: 5px;color: #777;background: #fff;border: 1px solid #777;}
textarea {width: 95%;height: 100px;display: block;}
input.button {height: 24px;color: #fff;background: #444;cursor: pointer;}

/* Widget recherche Bzzz */
form#quick-search {
	width: 330px; height: 29px;
	background: url(images/search_white.jpg) no-repeat right;	
	margin:25px 10px 10px;padding:0;
	border: #999 1px solid;
}
form#quick-search p {padding:0;}
form#quick-search .tbox {
	font-size: 1.2em;
	margin: 5px 0 0 10px; 
	width: 240px;
	background: none;
	border: none;
	padding:0;
}
form#quick-search label, form#quick-search .btn {display: none;}
.smallinput input {width: 50px;}
.wpcf7-radio label {margin: 0;}

/* ------------------------------------------
   DIVERS
------------------------------------------- */ 

.prevnext  {display:block;margin:10px 20px 20px 20px;}

.clear {clear: both;}
.clear:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}

/* Hack multilang */

ul.zd_multilang_list {border:none;text-align: right;float: right;padding: 5px 8px;margin-top: -30px;}
ul.zd_multilang_list li {display: inline;border:none;padding: 5px;}
ul.zd_multilang_list li a {font-size: 10px;color: #444;}
ul.zd_multilang_list li a:hover {color: #fff;}