/*
Theme Name: 	Bio Shopping Theme
Theme URI: 		#
Description: 	
Version: 		1.0
Author: 		
Author URI: 	
Tags: 			
*/

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Media queries 
===========================
*/

/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@import "css/reset.css";

@font-face {
    font-family: 'OpenSansLight';
    src: url('font/OpenSans-Light-webfont.eot');
    src: url('font/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/OpenSans-Light-webfont.woff') format('woff'),
         url('font/OpenSans-Light-webfont.ttf') format('truetype'),
         url('font/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansBold';
    src: url('font/OpenSans-Bold-webfont.eot');
    src: url('font/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/OpenSans-Bold-webfont.woff') format('woff'),
         url('font/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('font/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansExtrabold';
    src: url('font/OpenSans-ExtraBold-webfont.eot');
    src: url('font/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('font/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('font/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

div, article, section, header, footer, nav, li{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
body 				{ background:#fff; /* Don't forget to style your body to avoid user overrides */ }
a					{ text-decoration:none; }
::-moz-selection 	{ background:#45a843; color:#fff; }
::selection 			{ background:#45a843; color:#fff; }
.clearall{ overflow:hidden; height:0; clear:both; }

/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/

body, input, textarea 		{ /* We strongly recommend you declare font-weight using numerical values, but check to see which weights you're exporting first */ }
h1, h2, h3, h4, h5, h6	{ display:block; font-weight:normal; /* This helps to identify headings at the initial build stage, but you should write something more precise later on */ }

/* ---------------------------------------------------------------------------------------------------------- 
03 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

body{ background:#49802b url(img/background.jpg) top center no-repeat; font-family:arial; color:#555658; }
.wrap-shadow{ width:980px; background:url(img/wrap-shadow.png) repeat-y; margin:0 auto 0 auto; }
header a.logo{ display:block; float:left; width:179px; height:109px; padding:36px 0 0 70px; }
header{ display:block; width:960px; height:199px; background:url(img/header.jpg) no-repeat; margin:0 auto 0 auto; }
header a.logo img{ display:block; }
header div.coordonnees-banniere{ width:500px; padding:25px 35px 0 0; float:right; text-align:right; font:18px 'OpenSansBold', Arial, sans-serif; letter-spacing:-1px; line-height:24px; color:#fff; text-transform:uppercase; -moz-text-shadow:0px 0px 8px #222222; -webkit-text-shadow:0px 0px 8px #222222; text-shadow:0px 0px 8px #222222;
/* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";
/* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444'); }
header div.menu-menu-principal-container{ clear:both; margin-top:11px; }
header div.menu-menu-principal-container ul{ float:right; margin-right:35px; }
header div.menu-menu-principal-container ul li{ display:block; width:104px; height:44px; background:url(img/btn.png) no-repeat; float:left; text-align:center; font-size:12px; font-weight:bold; text-transform:uppercase; margin:0 0 0 5px; }
header div.menu-menu-principal-container ul li a{ display:block; padding:15px 0 0 0; width:100%; height:44px; color:#fff; }

section aside{ display:block; width:210px; float:left; margin:0 60px 0 60px; }
section{ display:block; width:960px; margin:0 auto 0 auto; background:#fff; padding-top:35px; }
section aside h3{ display:block; font:22px 'OpenSansBold', Arial, sans-serif; letter-spacing:-1px; color:#43a743; border-bottom:1px solid #cce7cc; padding:8px 0; }
section div.contenu h3{ display:block; font:19px 'OpenSansBold', Arial, sans-serif; letter-spacing:-1px; color:#43a743; padding:12px 0; }
section aside h3.h3-mini{ font:20px 'OpenSansBold', Arial, sans-serif; border:none; padding:8px 0 4px 0; }
section aside ul li ul#menu-menu-produits{ display:block; margin-bottom:40px; }
section aside ul li ul#menu-menu-produits li a{ display:block; width:100%; color:#43a743; font:19px 'OpenSansLight', Arial, sans-serif; letter-spacing:-1px; border-bottom:1px solid #cce7cc; padding:8px 0; }
section aside ul li.promotion{ margin-bottom:10px; }
section aside ul li.promotion img{ display:block; padding:7px; border:1px solid #dfdfdf; margin-bottom:8px; }
section aside ul li.promotion a{ color:#555658; }
section div.contenu{ display:block; width:560px; float:left; font-size:14px; line-height:18px; text-align:justify; }
section div.contenu img{ display:block; max-width:100%; height:auto; }
section div.contenu div.mini-colonne-1{ width:260px; float:left; margin:0 40px 0 0; }
section div.contenu div.mini-colonne-2{ width:260px; float:left; }
h1{ font:36px 'OpenSansLight', Arial, sans-serif; color:#43a743; text-transform:uppercase; margin:0 0 15px 0; }
h1 span{ display:block; font:18px 'OpenSansBold', Arial, sans-serif; color:#555658; margin-top:-5px; }
h2{ font:18px 'OpenSansLight', Arial, sans-serif; color:#43a743; text-transform:uppercase; margin:0 0 15px 0; }
section div.contenu .vslider_optionscontainer{ clear:both; }
.slider-shadow{ display:block; margin:0 0 20px 0; }
.cs-prev, .cs-next{ display:none!important; }

article.activite{ display:block; margin-bottom:20px; }
article.activite img{ display:block; padding:7px; border:1px solid #dfdfdf; float:left; margin:0 15px 0 0; }
article.activite h2 a{ color:#555658; font:18px 'OpenSansBold', Arial, sans-serif; }

body.category section div.contenu ul.vignettes-carrees li{ display:block; width:165px; height:174px; float:left; margin:0 32px 32px 0; }
body.category section div.contenu ul.vignettes-carrees li:nth-child(3n+0){ margin-right:0; }
body.category section div.contenu ul.vignettes-carrees li a img{ display:block; }
body.category section div.contenu ul.vignettes-carrees li a h2{ display:block; height:44px; padding-top:6px; background:#43a743; color:#fff; text-align:center; font-size:14px; line-height:17px; text-transform:lowercase; }
body.category section div.contenu ul.vignettes-carrees li a h2:first-letter{ text-transform:uppercase; }

body.single section div.contenu article img.attachment-thumb-single{ display:block; border:7px solid #f2f2f2; }

.wp-pagenavi a, .wp-pagenavi span{ text-decoration:none; border:none!important; padding:3px 5px; margin:2px; }
.wp-pagenavi a{ color:#555658; }

form.wpcf7-form{ display:block; margin-bottom:25px; }
form.wpcf7-form input, form.wpcf7-form textarea{ display:block; border:1px solid #bbb; padding:3px 10px; width:540px; margin:3px 0 8px 0; color:#555658; }
form.wpcf7-form input.wpcf7-submit{ padding:6px 10px; background:#fff; width:560px; margin:20px 0 0 0; }

footer ul li{ display:block; float:left; padding:100px 15px 15px 0; margin-top:5px; }
footer ul li:first-child{ font:16px 'OpenSansLight', Arial, sans-serif; margin:0 30px 0 0; }
footer ul li:last-child{ float:right; padding-right:0; margin-top:3px; }
footer{ display:block; width:840px; padding:0 60px; margin:0 auto 0 auto; background:#fff url(img/herbe.jpg) center bottom repeat-x; color:#fff; font-size:11px; }
footer a{ color:#fff; }