/*  
Theme Name: Schema
Theme URI: http://www.schema.com/
Description: 
Version: 1.0
Author: David Werbrouck
Author URI: http://www.aston-agency.com/
*/

 /* -----------------------------------------------------------------*
  *  Sommaire
  *		- Fonts;
  *		- Structure générale;
  *		- Menu;
  *		- Langues;
  *		- Styles;
  *------------------------------------------------------------------*/

html { width : 100%; height : 100%; margin : 0; padding : 0; }
body { margin : 0; padding : 0; }

/* Fonts ----------------------------------------------------------- */
body { font-size : 62.5%; color : #2B2B2B; font-family : serif; }

a { outline : none; color : #000; }

#top_languages,
#bottom_languages,
#menu { list-style : none; }

.info { font-size : 1.2em; }

.entry { font-size : 1.2em; }

.post h2 { font-size : 1.3em; }
.post h2 a { color : #212A2E; text-decoration : none; }
.post a,
.post a:visited { color : #212A2E;}
.post small { font-size : 1.1em; }

.post .head small { color : #212A2E; }
.postmetadata { color : #333A3D; }

.commentList .title 	{ font-style : italic; font-size : 1em; }
.commentList cite 		{ font-style : normal; }
.commentList .title a 	{ color : #212A2E; text-decoration : none; }
.commentList .entry 	{ text-indent : 15px; }

#commentform label { font-size : 1.2em; }
#commentform fieldset textarea { vertical-align : top; }
#commentform fieldset textarea,
#commentform fieldset input { font-family : serif; font-size : 1.2em; }

.navigation { line-height : 1.6em; font-size : 1.2em; }
.navigation a { text-decoration : none; }

#subnavigation *,
#sidebar * { color : #40565f; }
#subnavigation h2,
#sidebar h2,
#footer h2 { font-size : 1.2em; font-weight : normal }

#footer * { color : #bdc0c1; text-decoration : none; }
#footer li { font-size : 1.2em; }

#search input { font-family : serif; font-size : 1.2em; color : #000 }

#footer #copyright { color : #000; font-family : serif; font-size : 1em; text-align : center; }
#footer #copyright .phone { color : #000; }

/* Structure générale ---------------------------------------------- */
#page 	{ width : 972px; margin : 0 auto; }

#header { position : relative; }
	#title { height : 160px; }
	
#body { height : auto!important; height : 178px; min-height : 178px; padding : 0 0 0 36px; }	
	#subnavigation 	{ width : 138px; }
	#content 		{ position : relative; width : 535px; padding : 0 28px 55px; }
	#sidebar 		{ width : 142px; }	
	#subnavigation,
	#sidebar,
	#content 		{ float : left; }
	
	#subnavigation,
	#sidebar { margin : 0; padding : 10px 8px 0; list-style : none; }
	
	.navigation { position : absolute; bottom : 10px; width : 487px;  }
	
#footer { height : 245px; padding : 40px 44px 0; clear : both; position : relative; }
	#copyright {  width : 972px; position : absolute; bottom : 0; left : 0; }

/* Menu ------------------------------------------------------------ */
#menu { width : 525px; height : 70px; margin : 0; padding : 7px 256px 0; background : #FFF url(img/menuBG.png) no-repeat left top; }
	#menu li { float : left; }
	#menu a { display : block; height : 65px; text-indent : -9000px; }

	#m_schema a		{ background : url(img/schema.png) no-repeat left top; width : 91px; }
	#m_collections a{ background : url(img/collections.png) no-repeat left top; width : 141px; }
	#m_shop a		{ background : url(img/shop.png) no-repeat left top; width : 65px; }
	#m_actualites a	{ background : url(img/actualites.png) no-repeat left top; width : 125px; }
	#m_contacts a	{ background : url(img/contact.png) no-repeat left top; width : 103px; }
	
	#schema #m_schema a,
	#collections #m_collections a,
	#shop #m_shop a,
	#actualites #m_actualites a,
	#contacts #m_contacts a,
	#menu a:hover { background-position : bottom left; }
	#shop .entry { padding : 0; margin : 0; }

/* Langues --------------------------------------------------------- */
#top_languages { margin : 0; padding : 0; position : absolute; top : 134px; right : 46px; }
#bottom_languages { margin : 0; padding : 0; position : absolute; top : 220px; right : 46px; }
	#top_languages li,
	#bottom_languages li { width : 43px; height : 34px; margin : 0; padding : 0; float : left; text-indent : -9000px; }
	
	#top_languages a,
	#bottom_languages a { width : 43px; height : 34px; display : block; text-indent : -9000px; background-position : top left; background-repeat : no-repeat; }
	

	#top_languages .fr.selected,
	#top_languages .fr a { background-image : url(img/top_fr.png); }
	#bottom_languages .fr.selected,
	#bottom_languages .fr a { background-image : url(img/bottom_fr.png); }

	#top_languages .en.selected,
	#top_languages .en a { background-image : url(img/top_en.png); }
	#bottom_languages .en.selected,
	#bottom_languages .en a { background-image : url(img/bottom_en.png); }

	#top_languages .nl.selected,
	#top_languages .nl a { background-image : url(img/top_nl.png); }
	#bottom_languages .nl.selected,
	#bottom_languages .nl a { background-image : url(img/bottom_nl.png); }
	
	#top_languages .selected,
	#bottom_languages .selected,
	#top_languages a:hover,
	#bottom_languages a:hover { background-position : left bottom; }

/* Styles ---------------------------------------------------------- */
#page { background : url(img/pageBG.gif) repeat-y left top; }

#header { background : #FFF; }
	/* _title : Titre */
	#title h1,
	#title h1 a { width : 288px; height : 125px; }
	#title h1 	{ position : absolute; top : 20px; left : 340px; margin : 0; padding : 0; }
	#title h1 a { display : block; background : #FFF url(img/logo.png) no-repeat left top; text-indent : -9000px; }
	#title cite { display : block; width : 228px; height : 12px; margin : 0; padding : 0;overflow : hidden; position : absolute; top : 102px; left : 46px; background : #FFF url(img/subtitle.gif) no-repeat left top; text-indent : -9000px; }
	#cart { display : block; position : absolute; right : 54px; bottom : 35px; width : 20px; height : 20px; background : url(img/cart.gif) no-repeat left top; text-indent : -9000px;}
	
#body 			{ background : #FFF url(img/bodyBG.gif) no-repeat left top; }
	#content 	{ background : url(img/contentBG.gif) repeat-y left top; }
	
	.info { background : #FAFAE0 url(img/bubbleSpeech.gif) no-repeat 5px 5px; padding : 10px 24px 15px; }
	
	.post 			{ background : url(img/postBG.gif) no-repeat top right; padding-top : 34px; }
	#shop .post		{ background : none; padding-top : 17px; border-top : solid 1px #d1d5d7; }
	.post .title 	{ background : #c7dbe6 url(img/titleBG.gif) no-repeat top right; padding : 10px 80px 10px 25px; }
	.post h2 		{ margin : 0; }
	.post .entry	{ padding : 0 25px; }
	.post img 		{ display : block; padding : 1px; margin : 11px auto; border : solid 1px #e1e1e1; }
	#shop .post img { padding : 0; margin : 0; border : none; }
	.postmetadata	{ margin : 15px 25px 0; line-height : 22px; padding : 12px 0; background : url(img/hseparator.gif) repeat-x left top; }

	.bubble { margin : 0 0 10px; padding : 36px 25px 5px; background : #E3EDF2 url(img/commentBG.gif) no-repeat left top; }
	
	.commentLink	{ padding : 5px 13px 0 0; background : url(img/commentLink.gif) no-repeat right top; }
	.commentList	{ margin : 0; padding : 0; list-style : none; }
	.commentList .title { margin : 0; }
	.commentList .entry { padding-right : 40px; background : url(img/commentEntryBG.gif) no-repeat left top; }
	
	#commentform fieldset { border : none; margin-bottom : 5px; padding : 0; width : 319px; background : url(img/vseparator.gif) repeat-y right top; }
	#commentform fieldset input,
	#commentform fieldset textarea { width : 192px; padding : 2px; margin-right : 10px; border : solid 1px #9ba7ac; }
	#commentform fieldset textarea { height : 66px; }
	#commentform #submit { float : right; margin-top : -45px }
	
	.navigation { background : #FFFFE5; padding : 10px 24px; }
	.navigation .alignleft { float : left; padding-left : 21px; background : url(img/previous.gif) no-repeat left top; }
	.navigation .alignright { float : right; padding-right : 21px; background : url(img/next.gif) no-repeat right top;}
	
	#homeLink { background : url(img/hseparator.gif) repeat-x left bottom; padding-bottom : 10px; margin-bottom : 10px; }
	#homeLink a { display : block; height : 13px; background : url(img/homeBG.gif) no-repeat left top; text-indent : -9000px; }
	
	#subnavigation h2,
	#sidebar h2,
	#footer h2 { margin : 0 0 5px; }
	
	#sidebar li { margin-bottom : 15px; }
	#sidebar ul 	{ margin : 0 0 15px; padding : 15px 3px; list-style : none; background : url(img/sideBlockBG.png) repeat-x left top; }
	#sidebar ul li	{ background : url(img/bullet.gif) no-repeat left 3px; padding-left : 10px; margin-bottom : 0; }
	
	.sideBlock { background : url(img/sideBlockBG.png) repeat-x left top; padding : 15px 11px 0; }
	.sideBlock p { margin : 0 0 11px; }
	#payMode ul { margin : 0 0 11px; padding : 0; list-style : none; }
	#payMode img { display : block; margin : 0 auto 11px; }
	
	#sidebar form br { display : none; }
	#wpsb_email { width : 138px; margin : 0 -10px; border : solid 1px #666; }
	#subscribe { margin : 0 -10px; }
	
#footer { background : #FFF url(img/footerBG.gif) no-repeat left top; }
	#footer .column ul { margin : 0; padding : 11px 2px ; list-style : none; background : url(img/footerListBG.png) repeat-x left top; height : auto!important; height : 94px; min-height : 94px; }
	#footer .column li { background : url(img/bullet.gif) no-repeat left 3px; padding-left : 10px; }
	
	#footer #rssLink { margin-top : 15px;background : none; }
	#rssLink a { display : block; width : 80px; height : 24px; background : url(img/rssLinkBG.gif) no-repeat left top; text-indent : -9000px; }
	
	.column { width : 138px; margin-right : 33px; float : left; display : inline;  }
	.column.wide { width : 360px; }
	
	#search { width : 143px; margin-right : 0; float : left; }
	#search p { margin : 0 0 11px; text-align : right; }
	#footer #search li { padding : 0; background : none; }
	#search .s { width : 140px; border : none; margin : 0 0 9px; display : inline; }
	
	.phone { padding-left : 10px; background : url(img/phone.gif) no-repeat left center; }
	
	
	
/* update */

#subnavigation li {font-size: 1.2em}
#collections .post img 		{ display : block; padding : 1px; margin : 11px auto; border : solid 1px #e1e1e1; float: left; margin-right: 10px}