<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
Theme Name: ptb-webdev pour default
Theme URI: http://www.ptb-webdev.com/
Author: ptb-webdev
Author URI: http://www.ptb-webdev.com/
*/

/***********/
/** 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 'Open Sans', Arial, Helvetica, Verdana, sans-serif; line-height:1.2em; background:#011418 url(../images/background.jpg) top center no-repeat; color:#111; }

    /* Fibonacci based heading scale ratio */
	h1,h2,h3,h4,h5,h6{ clear: both; padding:0 0 0.2em; }
    h1{ font-size: 2em; line-height:1em; font-weight: normal; margin:0 0 0.5em; color:#011418; }
    h2{ font-size: 1.5em; line-height:1em; font-weight: normal; margin:0 0 0.5em; color:#1c98c7; }
    h3{ font-size: 1.4em; line-height:1em; font-weight: normal; margin:0 0 0.5em; }
    h4{ font-size: 1em; line-height:1em; font-weight: 600; margin:0 0 0.5em; }
    h5{ font-size: 0.8em; line-height:1.2em; font-weight: 600; margin:0 0 0.5em; }
    h6{ font-size: 0.6em; line-height:1.4em; font-weight: 600; 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: 600; }
	dd{ margin-bottom: 1.5em; }
	strong{ font-weight: 600; }
	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; text-transform: uppercase; }
	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:#011418; color:#fff; text-shadow: none; }
	
	/* Links */
	a{ color:#287e8d; text-decoration: none; }
	a:focus ,a:active, a:hover{ color:#287e8d; text-decoration: underline; }
	a:focus{ color:#287e8d; 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 &lt;br /&gt; just ain't enough */
.separator{
    clear: both;
    float: left;
    height: 1px;
    width: 100%; }

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

/** IE6 ... **/
* html #wrap{ width:800px; }

    /* Header */
    header{
        float: left;
        width: 100%;
	
		background:none;
	}
		header.page-header{
			background:none;
		}
		
		header.entry-header{
			background:none;
		}
    
    /* Content */
    section#content{
        float: left;
        width: 70%;
		min-width:320px;
		
		background:url(../images/bkg-article.png) top left repeat;
		-webkit-border-radius:1.5em; -moz-border-radius:1.5em; border-radius:1.5em;
	}
	section#content.fullPage{
		width:100%;
	}
		section#content .inside{
			overflow:hidden;
			padding-bottom:0;
		}
			article{
				float: left;
				width: 100%;
				
				background:none;
				margin:0 0 1.5em;
				
				border-bottom:1px solid #011418;
			}
    
    /* Sidebar */
    aside{
        float: left;
        width: 30%;
		
		background:none;
	}
        
    /* Footer */
    footer{
        float: left;
        width: 100%;
	
		background:none;
	}
    
/* Project specifics =========================================================== */

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

/* Header Site */
header.top-site{ min-width:320px; }
	header.top-site .inside{ overflow:hidden; }
	header.top-site img{ margin-bottom:0; }
	header.top-site .header-1{ float:left; width:40%; }
	header.top-site .header-2{ float:left; width:60%; }

header.page-header h1{
	font-size: 0.8em;
	line-height: 2.6em;
	letter-spacing: 0.1em;
	margin: 0;
	text-transform: uppercase;
	font-weight: 500;
}

/**********/
/** POST **/
/**********/
.entry-content,
.entry-summary { float:left; width:100%; }
	#content .entry-content ul{ margin:0 0 1.5em 0; list-style:none; }
		#content .entry-content ul li{ padding:0 0 0.2em 1.2em; line-height:1.5em; background:url(../images/bouton.png) 0 6px no-repeat; }
	#content .entry-content ul ul{ list-style:disc; margin:0 0 0 1.5em; }
		#content .entry-content ul li li{ padding:0; background:none; }
	
	/* Presentation */
	#content .presentation{ overflow:hidden; float:left; width:96%; margin:0 0 1.5em; padding:2%; font-size:1.1em; background:#fff; }
		#content .presentation img{ margin-bottom:0; }
		#content .presentation h2{ clear:none; padding:0; line-height:1.2em; text-align:center; color:#1E81A6; font-weight:600; }
			#content .presentation h2 span{ font-size:0.9em; line-height:0.9em; color:#444; font-weight:normal; }
		#content .presentation ul{ margin:0; }
		#content .presentation li{}
	
	/* Exception 3e article */
	ul.article3{ overflow:hidden; }

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

	/***********/
	/** METAS **/
	/***********/
	.entry-meta-top{ background-color:#F96; margin:0 0 0.5em; line-height:2em; }
	.entry-meta-bottom{ clear:left; background-color:#F96; margin:0; padding:0 0.8em; line-height:2em; }
	
		.entry-meta-bottom span{ display:inline-block; /*overflow:hidden;*/ background-color:#066; }
		.entry-meta-bottom .cat-links{}
		.entry-meta-bottom .by-author{}
		.entry-meta-bottom .tag-links{}
		.entry-meta-bottom .comments-link{}

	/****************/
	/** 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.prev_post, nav.paginate li.next_post { width:auto; }
	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; }
	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; }
	
	/****************/
	/** SHORTCODES **/
	/****************/
	.ptb-infos-content{ display:inline-block; margin:0 0 0.5em; padding:1px; text-align:center; background:#9f1235; color:#fff; }
		.ptb-infos-content a{ cursor:pointer; color:#fff; font-weight:600; }
		.ptb-infos-content span{ display:block; padding:0.5em; border:1px solid #fff; }
	
	.ptb-infos-content.bleu{ background:#1c98c7; color:#011418; }
		.ptb-infos-content.bleu a{ color:#011418; }
		.ptb-infos-content.bleu span{ border:1px solid #fff; }
	
	.ptb-two-columns .ptb-infos-content{ display:block; }
	.ptb-two-columns.last .ptb-infos-content{ display:block; }
	
	.ptb-two-columns{ float:left; width:28%; margin:0 4.5em 1.5em 0; padding:0; line-height:1.5em; }
		.ptb-two-columns.bleu{ margin:0 1.5em 1.5em 0; padding:1.5em 1.5em 0; background:#ECE3D7; }
	.ptb-two-columns.last{ float:none; overflow:hidden; width:inherit; width:auto; margin:0 0 1.5em 0; }

/******************/
/** COMMENTAIRES **/
/******************/
#comments{ overflow:hidden; width:100%; }
	
.comment-meta{ background-color:#F96; margin:0 0 0.5em; line-height:2em; }

.commentlist .avatar{ float:left; margin:0 0.5em 0.5em 0 }
.reply{ clear:both; }
.commentlist &gt; li.odd{ background-color:#fff; margin:0 0 1em; }
.commentlist &gt; 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{ margin:0; }

/*************/
/** SIDEBAR **/
/*************/
aside .inside{ }
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; }

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

/* Footer Site */
footer.bottom-site{ min-width:320px; }
	footer.bottom-site strong{}
	footer.bottom-site p{ margin:0; font-size:0.9em; line-height:1.2em; color:#fff; }

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

/* Pour some CSS below ========================================================= */

/* The H1 declarations - for @font-face presentational purposes only */

/* =Responsive Structure
----------------------------------------------- */

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 20px) 
and (max-width: 800px) {
/* Styles */
body{ font-size:13px; }

/* Basic Structure ============================================================= */
#wrap{ max-width: 320px; }
	
    /* Content */
    section#content{
        width: 100%;
	}
		section#content .inside{
			margin:0 0 1.5em;
		}

    /* Sidebar */
    aside{
        width: 100%;
		clear:left;
	}

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

/* Header Site */
	header.top-site img{ margin-bottom:0; }
	header.top-site .header-1{ float:left; width:100%; margin:0 0 1.5em; }
	header.top-site .header-2{ float:left; width:100%; }
		header.top-site .header-2 img{ float:none; display:block; margin:0 auto; }

/**********/
/** POST **/
/**********/

	/* Exception 3e article */
	div.article3{ float:none; }
		div.article3 img{ float:left; }
	ul.article3{ float:left; }
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

@media only screen 
and (min-width: 800px) 
and (max-width: 1224px){
/* Styles */
body{ font-size:13px; }

/* Basic Structure ============================================================= */
    /* Content */
    section#content{
        width: 70%;
	}
		section#content .inside{
		}

    /* Sidebar */
    aside{
        width: 30%;
		float:left;
		clear:none;
	}
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
body{ font-size:13px; }
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
body{ font-size:13px; }
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
body{ font-size:13px; }
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
body{ font-size:13px; }

/* Basic Structure ============================================================= */
    /* Content */
    section#content{
        width: 70%;
	}
		section#content .inside{
		}

    /* Sidebar */
    aside{
        width: 30%;
		float:left;
		clear:none;
	}
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
body{ font-size:13px; }

/* Basic Structure ============================================================= */
    /* Content */
    section#content{
        width: 100%;
	}
		section#content .inside{
			margin:0 0 1.5em;
		}

    /* Sidebar */
    aside{
        width: 100%;
		clear:left;
	}
}

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

@media print {}</pre></body></html>