/*
Theme Name: ptb-webdev - V2
Theme URI: http://www.ptb-webdev.com/
Author: ptb-webdev
Author URI: http://www.ptb-webdev.com/
Description: Template PARENT développé par Sebastien MERLE (Ptb-webdev) >> NE PAS ACTIVER DIRECTEMENT !!
Version: 2
License: GNU General Public License
License URI: license.txt
Tags: HTML5, Responsive
*/

/***********/
/** RESET **/
/***********/
a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav,
object, ol, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, 
var{
    background: transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline; }

/************/
/** STYLES **/
/************/

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Site-wide properties ======================================================== */
body{ font: normal normal 12px/12px Tahoma, Arial, Helvetica, Verdana, sans-serif; line-height:1.2em; background:#ccc; color:#000; }

    /* Fibonacci based heading scale ratio */
	h1,h2,h3,h4,h5,h6{ clear: both; padding:0 0 0.2em; }
    h1{ font-size: 2.5em; line-height:1em; font-weight: normal; margin:0 0 0.5em; }
    h2{ font-size: 2em; line-height:1em; font-weight: normal; margin:0 0 0.5em; }
    h3{ font-size: 1.5em; line-height:1em; font-weight: normal; margin:0 0 0.5em; }
    h4{ font-size: 1em; line-height:1em; font-weight: bold; margin:0 0 0.5em; }
    h5{ font-size: 0.8em; line-height:1.2em; font-weight: bold; margin:0 0 0.5em; }
    h6{ font-size: 0.6em; line-height:1.4em; font-weight: bold; margin:0 0 0.5em; }

	p{ margin:0 0 1.5em; line-height:1.5em; }
	ul, ol{ margin: 0 0 1.5em 2.5em; }
	ul{ list-style: square; }
	ol{ list-style-type: decimal; }
	ol ol{ list-style: upper-alpha; }
	ol ol ol{ list-style: lower-roman; }
	ol ol ol ol{ list-style: lower-alpha; }
	ul ul, ol ol, ul ol, ol ul{ margin-bottom: 0; }
	dl{ margin: 0 1.5em; }
	dt{ font-weight: bold; }
	dd{ margin-bottom: 1.5em; }
	strong{ font-weight: bold; }
	cite, em, i{ font-style: italic; }
	blockquote{ font-family: Georgia, "Bitstream Charter", serif; font-style: italic; font-weight: normal; margin: 0 3em; }
	blockquote em, blockquote i, blockquote cite{ font-style: normal; }
	blockquote cite{ color: #666; font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; letter-spacing: 0.05em; }
	pre{ background: #f4f4f4; font: 13px "Courier 10 Pitch", Courier, monospace; line-height: 1.5; margin-bottom: 1.5em; overflow: auto; padding: 0.75em 1.5em; }
	code, kbd{ font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }
	abbr, acronym, dfn{ border-bottom: 1px dotted #666; cursor: help; }
	address{ display: block; margin: 0 0 1.5em; }
	ins{ background: #fff9c0; text-decoration: none; }
	sup, sub{ font-size: 10px; height: 0; line-height: 1; position: relative; vertical-align: baseline; }
	sup{ bottom: 1ex; }
	sub{ top: .5ex; }

	/* Forms */
	select, input[type=text], input[type=password], textarea{ background: #fafafa; border: 1px solid #ddd; color: #888; font-family:Tahoma, Arial, Helvetica, Verdana, sans-serif; font-size:13px; }
	select:focus, input[type=text]:focus, textarea:focus{ color: #373737; }
	textarea{ padding:3px; width:98%; resize:vertical; }
	select{ padding:2px; }
	input[type=text]{ padding:3px; }
	input#s{ padding:1px 10px 1px 24px; background:#fff url(images/search.png) 3px center no-repeat; font-size:14px; height:22px; line-height:1.2em; }
		input#s:focus{ color:#A7BEB4; }
	label#s-label{ display:none; }
	input#searchsubmit{ display:none; }
	
	/* Buttons */
	input[type=button],
	input[type=submit] { margin:3px 2px 5px 0; padding:2px 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid rgba(0,0,0,0.4); font: normal 14px Tahoma, Arial, Helvetica, Verdana, sans-serif; background-image: -webkit-linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.2)); background-image: -moz-linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.2)); -webkit-box-shadow: rgba(255,255,255,0.7) 0px 1px 0px inset, white 0px 1px 0px; -moz-box-shadow: rgba(255,255,255,0.7) 0px 1px 0px inset, white 0px 1px 0px; box-shadow: rgba(255,255,255,0.7) 0px 1px 0px inset, white 0px 1px 0px; background-color: #eee; color: #33333D; text-shadow: white 0px 1px 0px; cursor: pointer; text-align:center; }
	input[type=button]:hover,
	input[type=submit]:hover,
	input[type=button]:active,
	input[type=submit]:active { background-color:#333; color:#fff; text-shadow: none; }
	
	/* Links */
	a{ color:#F00; text-decoration: none; }
	a:focus ,a:active, a:hover{ color:#F00; text-decoration: underline; }
	a:focus{ color:#F00; text-decoration: none; }
	
	/* Images */
	.entry-content img, .entry-summary img, .comment-content img, .widget img{ width:inherit; /*IE8*/ max-width:100%; }
	img[class*="align"], img[class*="wp-image-"]{ height: auto; }
	img.size-full{ max-width:100%; width: auto; }
	.entry-content img.wp-smiley{ border: none; margin-bottom: 0; margin-top: 0; padding: 0; }
	img.alignleft, img.alignright, img.aligncenter{ margin-bottom:1.5em; }
	p img, .wp-caption{ margin-top: 0.4em; }
	.wp-caption{ position:relative; background:none; margin-bottom:1.5em; max-width:96%; padding:0; }
	.wp-caption.alignleft,
	.wp-caption.alignright{ width:auto !important; }
	.wp-caption img{ display:block; margin:0 auto; max-width:100%; }
	.wp-caption.alignleft,
	.wp-caption.alignleft img,
	.wp-caption.alignleft p.wp-caption-text{}
	.wp-caption.alignright,
	.wp-caption.alignright img,
	.wp-caption.alignright p.wp-caption-text{}
	.wp-caption.aligncenter p.wp-caption-text{ margin:0 5px; }
	.wp-caption .wp-caption-text{ color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; line-height:1.5em; font-size:1em; }
	.gallery-caption{ color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1em; }
	.wp-caption .wp-caption-text{ position:absolute; display:block; left:0; right:0; bottom:0; margin:0; padding:0.5em; background:#515D75; text-align:center; }
	.wp-caption .wp-caption-text:before{}
	#content .gallery{ margin: 0 auto 1.5em; }
	#content .gallery a img{ border: none; }
	img#wpstats{ display: block; margin: 0 auto 1.5em; }
	/* ??
	#content .gallery-columns-4 .gallery-item{ width: 23%; padding-right: 2%; }
	#content .gallery-columns-4 .gallery-item img{ width: 100%; height: auto; }
	*/
	
	/* Image borders */
	img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img{}
	.wp-caption img{ border:none; background:none; }
	a:focus img[class*="align"], a:hover img[class*="align"], a:active img[class*="align"], a:focus img[class*="wp-image-"], a:hover img[class*="wp-image-"], a:active img[class*="wp-image-"], #content .gallery .gallery-icon a:focus img, #content .gallery .gallery-icon a:hover img, #content .gallery .gallery-icon a:active img{ background:none; border:none; }
	.wp-caption a:focus img, .wp-caption a:active img, .wp-caption a:hover img{ background:none; border:none; }

/* Reusable classes ============================================================ */

/* Alignment */
.alignleft{ display: inline; float: left; margin-right: 1.5em; }
.alignright{ display: inline; float: right; margin-left: 1.5em; }
.aligncenter{ clear: both; display: block; margin-left: auto; margin-right: auto; }
.left{ float: left; }
.right{ float: right; }

/* The inside class provides consistent padding. To be used often! */
.inside{ padding: 1.5em; }

/* The fraction classes are useful for column lists */
.half, .third, .quarter, .fifth, .sixth{ width: 100%; }
.half li, .third li, .quarter li, .fifth li, .sixth li{ float: left; }
.half li{ padding-right: 5%; width: 45% }
.third li{  padding-right: 5%; width: 28.3% }
.quarter li{  padding-right: 5%; width: 20% }
.fifth li{  padding-right: 5%; width: 15% }

/* For when a <br /> just ain't enough */
.separator{
    clear: both;
    float: left;
    height: 1px;
    width: 100%; }

/* Basic Structure ============================================================= */
#wrap{
    margin: 0 auto;
    position: relative;
    max-width: 960px; }

    /* Header */
    header{
        float: left;
        width: 100%;
	
		background-color:#00F;
	}
    
    /* Content */
    section#content{
        float: left;
		background-color:#09C;
	}
	section#content.fullPage{
		width:100%;
	}
		section#content .inside{
			overflow:hidden;
			padding-bottom:0;
		}
			article{
				float: left;
				width: 100%;
				
				background-color:#69F;
				margin:0 0 1.5em;
			}
    
    /* Sidebar */
    aside{
        float: left;
        width: 30%;
		
		background-color:#69C;
	}
        
    /* Footer */
    footer{
        float: left;
        width: 100%;
	
		background-color:#00F;
	}
    
/* Project specifics =========================================================== */

/************/
/** HEADER **/
/************/

	header.top-site .inside{ overflow:hidden; }

header.page-header{
	background-color:#0CF;
	margin:0 0 1.5em;
}
	header.page-header h1{
		font-size: 0.8em;
		line-height: 2.6em;
		letter-spacing: 0.1em;
		margin:0;
		font-weight: 500;
	}

header.entry-header{
	background-color:#0FF;
}
	header.entry-header h1{}

/**********/
/** POST **/
/**********/
.entry-content { float:left; width:100%; }

	/*************/
	/** EXCERPT **/
	/*************/
	span.knowMore{}
	span.knowMore a{}

	/***********/
	/** METAS **/
	/***********/
	.entry-meta-top{ background-color:#F96; margin:0 0 0.5em; line-height:2em; }
	
	.entry-meta-bottom{ float:left; width:100%; background-color:#F96; margin:0; padding:0; line-height:2em; }
		.entry-meta-bottom span{ display:inline-block; background-color:#066; }
		.entry-meta-bottom .meta-cat-list{}
		.entry-meta-bottom .meta-date{}
		.entry-meta-bottom .meta-author{}
		.entry-meta-bottom .meta-tags{}
		.entry-meta-bottom .meta-comments-link{}
	
	.tag-archive-meta,
	.category-archive-meta{ float:left; width:100%; margin:0 0 1.5em; }

	/****************/
	/** PAGINATION **/
	/****************/
	nav.paginate { float:left; width:100%; }
	nav.paginate ul { float:left; list-style:none; margin-left:0; }
	nav.paginate li { float:left; width:20px; background-color:#F96; margin:0 0.2em; padding:0; text-align:center; }
	nav.paginate li .current { display:block; background-color:#FFF; margin:0; padding:0; line-height:2em; }
	nav.paginate li .dots { display:block; background-color:#FFF; margin:0; padding:0; line-height:2em; }
	nav.paginate li .page-numbers {}
	nav.paginate li .prev {}
	nav.paginate li .next {}
	nav.paginate a { display:block; margin:0; padding:0; line-height:2em; }
	nav.paginate a.prev { background-color:#FFF; }
	nav.paginate a.next { background-color:#FFF; }

/******************/
/** COMMENTAIRES **/
/******************/
#comments{ overflow:hidden; width:100%; }
	#comments .commentlist{ margin:0 0 1.5em; list-style:none; }
	
.comment-meta{ background-color:#F96; margin:0 0 0.5em; line-height:2em; }
	.commentlist .avatar{ float:left; margin:0 0.5em 0.5em 0 }
.commentlist .reply{ margin:0 0 1.5em; line-height:2em; }
.commentlist > li.odd{ background-color:#fff; margin:0 0 1em; }
.commentlist > li.even{ background-color:#ddd; margin:0 0 1em; }
.commentlist .children li.odd{ background-color:#fff; }
.commentlist .children li.even{ background-color:#ddd; }

p.nocomments{}

/*************/
/** SIDEBAR **/
/*************/
aside .inside{ padding:1.5em 1.5em 0; }
aside .inside h3{ background-color:#fff; line-height:1.4em; padding:0 0.5em 0.2em; }
aside .inside ul{ list-style:none; margin:0; }
aside .inside ul ul{ list-style:none; margin:0 0 0 1em; }

	/*************/
	/** WIDGETS **/
	/*************/
	aside .widget{}

/************/
/** FOOTER **/
/************/

/* Footer Site */
footer.bottom-site{ position:relative; min-width:320px; background:green; }
	footer.bottom-site .inside{ overflow:hidden; }

/*************/
/** PLUGINS **/
/*************/

/* =Print
----------------------------------------------- */

@media print {}