Overblog Suivre ce blog
Editer l'article Administration Créer mon blog

Un petit thème pour l'après-midi...Coucher de soleil

- Auteur : Brunofaisart

Un petit thème pour l'après-midi...Coucher de soleil

Un petit thème mis en place pour LOUV à visualiser ici :

http://lescheminsdenahani2.overblog.com/

Attention ce thème va être utilisé par LOUV , pour la photographie de fond (qui est de moi) il est toujours possible de la changer en une ligne de code ligne N° 167 du code source en changeant l'adresse URL() de l'image minimum 1445 pix de large et 960 pix de haut :

background: url(http://photonautesassocies.zenfolio.com/img/s1/v47/p965296479-6.jpg) no-repeat center center fixed;

Voir le code source complet ci-dessous:

Cliquez ici pour copier le code source au format texte

<!DOCTYPE html>
<html lang="{{ Blog.Lang|default('fr') }}">
    <head>
        <!-- shortcut:[Meta] -->
        <!-- title, description, keyword, robots -->
        {% if isSingle%}
    		<title>{% if Post.Title is not empty %}{{ Post.Title }} - {% elseif Post.Snippet is not empty %}{{ Post.Snippet|truncate(80) }} - {% endif %}{{Blog.Title}}</title>
            <meta name="description" content="{% if isPage %}{% list Blog.ListPages %}{{ ListPage.Snippet }}{% endlist %}{% else %}{{ Post.Snippet }}{% endif %}" />
            <meta name="keywords" content="{% list Post.Tags %}{{ Tag.Title }}{% if loop.last == false %}, {% endif %}{% endlist %}" />
            <meta name="robots" content="index,follow" />
		{% elseif isTag and Tag is not empty %}
			<title>{{ Tag.Title|title }} - {{Blog.Title}}</title>
			<meta name="description" content="{{ Blog.Description }}" />
			<meta name="keywords" content="{{ Tag.Title|title }}" />
			<meta name="robots" content="index,follow" />
		{% elseif isSearch and Search is not empty %}
			<title>{{ Search|title }} - {{Blog.Title}}</title>
			<meta name="description" content="{{ Blog.Description }}" />
			<meta name="keywords" content="{{ Search|title }}" />
			<meta name="robots" content="noindex" />
		{% else %}
			<title>{{Blog.Title}}</title>
			<meta name="description" content="{{ Blog.Description }}" />
			<meta name="robots" content="index,follow" />
		{% endif %}
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	
	
		<!-- Social setting : Facebook, G+ .. --> 
		<meta property="og:site_name" content="{{ Blog.Title }}" />
		<meta property="og:type" content="blog" />
		<meta property="fb:app_id" content="{% if Custom('facebook_appid') is not empty %}{{ Custom('facebook_appid') }}{% endif %}" />
		{% if Custom('facebook_username') is not empty %}
        	<meta property="fb:admins" content="{{ Custom('facebook_username') }}"/>
        {% endif %}
		<meta itemprop="name" content="{{ Blog.Title }}" />
	
		{% if isSingle %}
			{% list Posts %}
				<meta property="og:title" content="{% if Post.Title is not empty %}{{ Post.Title }} - {% elseif Post.Snippet is not empty %}{{ Post.Snippet|truncate(80) }}{% endif %}"/>
				<meta property="og:description" content="{{ Post.Snippet }}" />
				<meta itemprop="description" content="{{ Post.Snippet }}" />
				<meta property="og:url" content="{{ Blog.Url }}{{ Post.Permalink }}" />
				{% if Post.Cover %}
					<meta property="og:image" content="{{ Post.Cover }}"/>
					<meta itemprop="image" content="{{ Post.Cover }}" />
				{% endif %}
			{% endlist %}
			<meta property="og:type" content="overblogkiwi:see" />
		{% else %}
			<meta property="og:title" content="{{ Blog.Title }}"/>
			<meta property="og:description" content="{{ Blog.Description }}" />
			<meta itemprop="description" content="{{ Blog.Description }}" />
			{% if Blog.Avatar %}
			<meta property="og:image" content="{{ Blog.Avatar }}"/>
			<meta itemprop="image" content="{{ Blog.Avatar }}" />
			{% else %}
				{% list Posts %}
				{% if loop.index == 1 and Post.Cover %}
			<meta property="og:image" content="{{ Post.Cover }}"/>
			<meta itemprop="image" content="{{ Post.Cover }}" />
				{% endif %}
				{% endlist %}
			{% endif %}
	
			{% if isSearch %}
				<meta property="og:type" content="overblogkiwi:search" />
			{% else %}
				<meta property="og:type" content="overblogkiwi:visit" />
			{% endif %}
		{% endif %}
	
		<!-- shortcut:[Options] -->
		<meta name="constant:displayArticlesLimit" content="10" />
		<!-- options -->
		<meta name="list:display_mode:How many sections to display?" items="Summary,1,2,3,4,5,6,7,8,9,10,All" default="All" />
		
		<meta name="list:background:Choose the background image" items="Beach, Desert, Forest, Sky, Storm" default="Forest" group="Design" />
		<meta name="image:background_custom:Define your background image" group="Design" />
	    <meta name="color:background_item:Define the background items color" default="#F5F5F5" group="Design" />
	    <meta name="color:title_color:Define the blog title font color" default="#F5F5F5" group="Design" />
	    <meta name="color:font_color:Define the posts font color" default="#9C9A9A" group="Design" />
	    <meta name="color:footer_color:Define the footer font color" default="#F5F5F5" group="Design" />
	    
		<meta name="boolean:custom_hide_widget_search_form:Hide Widget &quot;Search form&quot;" group="Widgets" />
		<meta name="boolean:custom_hide_widget_follow:Hide Widget &quot;Follow me&quot;" group="Widgets" />
	
		<meta name="string:wording_footer:Copyright" default="Theme : Simple Image modifié par Bruno &copy; 2012 - <a href='http://ob.photonautes-associes.fr' target='_blank'>Voir le blog participatif sur OB nouvelle plateforme</a>" group="Footer" />
	
	    <meta name="string:facebook_username:Enter your Facebook Username" group="Social" />	    
		<meta name="string:twitter_username:Enter your Twitter Username" group="Social" />
		<meta name="list:share_service:Choose your(s) share social service(s)" items="None, Facebook, Twitter, Google +, All" default="All" group="Social" />
		
		<meta name="list:comment:Comment service" items="OverBlog, Facebook, Disqus" default="OverBlog" group="Comments" />
		<meta name="list:facebook_comments_color:Facebook comments color theme" items="light, dark" default="light" group="Comments" />
		<meta name="string:comment_disqus:Disqus account" default="obcomment" group="Comments" />
	    
        <meta name="string:facebook_appid:Enter your FaceBook App ID" group="Settings" />
        <meta name="string:google_analytics:Enter your Google Analytics ID" group="Settings" />
        <meta name="string:google_webmaster_id:Enter your Google Webmaster Tools ID" group="Settings" />
        <meta name="string:msn_webmaster_id:Enter your MSN Webmaster Tools ID" group="Settings" />
	
		<!-- favicon -->
		{% if Blog.FaviconUrl is not empty %}
			<link rel="icon" type="image/png" href="{{ Blog.FaviconUrl }}" />
		{% else %}
			<link rel="shortcut icon" type="image/x-icon" href="http://fdata.over-blog.net/99/00/00/01/img/favicon.ico" />
			<link rel="icon" type="image/png" href="http://fdata.over-blog.net/99/00/00/01/img/favicon.png" />
			<link rel="apple-touch-icon" href="http://fdata.over-blog.net/99/00/00/01/img/mobile-favicon.png" />
		{% endif %}	
		
		<!-- SEO -->
		{% if Custom('google_webmaster_id') is not empty %}
			<meta name="google-site-verification" content="{{ Custom('google_webmaster_id') }}" />
		{% endif %}
		{% if Custom('msn_webmaster_id') is not empty %}
			<meta name="msvalidate.01" content="{{ Custom('msn_webmaster_id') }}" />
		{% endif %}
	
		<!-- includes -->
		<link rel="alternate" type="application/rss+xml" title="RSS" href="{{ Blog.RssUrl }}" />
	
		<!-- shortcut:[Styles] -->
		<style type="text/css">
			/* Image copyright :
				- Beach : http://www.flickr.com/photos/tom_ruaat/5637528524/sizes/o/in/photostream/
				- Forest : http://www.flickr.com/photos/31246066@N04/5082779364/sizes/o/in/photostream/
				- Storm : http://www.flickr.com/photos/dhilung/3521047509/sizes/o/in/photostream/
				- Sky: http://www.flickr.com/photos/frankpierson/4562163986/sizes/o/in/photostream/
				- Desert : Gerald LONLAS
			*/
		
			/**
			 * Fonts import
			 */
			@import url(http://fonts.googleapis.com/css?family=Leckerli+One);
	
			/**
			 * YUI 3.4.1 (build 4118)
			 * Copyright 2011 Yahoo! Inc. All rights reserved.
			 * Licensed under the BSD License.
			 * http://yuilibrary.com/license/
			 */
			html {color:#000;background:#000;}
			body {color:#000;background:#000;}
			body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0}
			table {border-collapse:collapse;border-spacing:0}
			fieldset,img {border:0}
			address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal}
			ol,ul {list-style:none}caption,th {text-align:left}
			h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal}
			q:before,q:after {content:''}
			abbr,acronym {border:0;font-variant:normal}
			sup {vertical-align:text-top}
			sub {vertical-align:text-bottom}
			input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit}
			input,textarea,select {*font-size:100%}
			legend {color:#000}
	
			/*** Theme*/
			html {
				{% if Custom('background_custom') is not empty %}
					background: url({{ Custom('background_custom') | default('Forest') }}) no-repeat center center fixed;
				{% elseif Custom('background') is not empty %}
					/*background: url(http://assets.over-blog-kiwi.com/themes/14/images/bg-{{ Custom('background') }}.jpg) no-repeat center center fixed;*/
					
					background: url(http://photonautesassocies.zenfolio.com/img/s1/v47/p965296479-6.jpg) no-repeat center center fixed;
				{% endif %}
				-webkit-background-size: cover;
				   -moz-background-size: cover;
				     -o-background-size: cover;
				        background-size: cover;
			}
			body {
				color: #333;
				font-family: 'Carter One','Helvetica Neue', Helvetica,Arial,sans-serif;
				font-size: 13px;
				font-weight: normal;
				line-height: 18px;
				-webkit-font-smoothing: subpixel-antialiased;
				text-rendering: geometricPrecision;
				background: none;
				padding-bottom: 20px;
				 /* Firefox */
        -moz-transition-property: opacity;
        -moz-transition-duration: 3s;
        /* WebKit */
        -webkit-transition-property: opacity;
        -webkit-transition-duration: 3s;
        /* Standard */
        transition-property: opacity;
        transition-duration: 3s;

			}
	
			a, a:focus, a:visited, a:hover {
				color: whiteSmoke;
				text-decoration: none;
				-webkit-transition: color 300ms ease-in;
				   -moz-transition: color 300ms ease-in;
				    -ms-transition: color 300ms ease-in;
				     -o-transition: color 300ms ease-in;
				        transition: color 300ms ease-in;
			}
			
			img {
				border: 0;
				-ms-interpolation-mode: bicubic;
			}
	
			input, select, button, textarea {
				border: 1px solid #C4C7D0;
				font-size: 13px;
				font-family: arial,sans-serif;
			}
	
			.clearboth {
				clear: both;
			}
			
			.header {
				color: white;
				font-family: 'Leckerli One', 'Helvetica Neue', Helvetica, Arial, sans-serif;
				padding: 8px;
			}
			
			.header .logo a{
				font-size: 60px;
				font-family:"Carter One";
				line-height: 48px;
				color: {{ Custom('title_color') }};
				/*-webkit-text-shadow: 0 2px 6px rgba(0,0,0,0.4);
				   -moz-text-shadow: 0 2px 6px rgba(0,0,0,0.4);
					 -o-text-shadow: 0 2px 6px rgba(0,0,0,0.4);
						text-shadow: 0 2px 6px rgba(0,0,0,0.4);*/
			}
			
			.header .description {
				font-size: 22px;
				margin-top: 0.8em;
				color: rgba(255,255,255, 0.8);
			}
			
			.main {
				margin-top: 40px;
				
			}
			
			.posts {
				position: relative;
				display: table;
				height: 100%;
				margin: 0 auto;
				table-layout: fixed;
			}
			
			.indications {
				color: whitesmoke;
				display: block;
				font-size: 23px;
				margin: 20px 0 30px;
				text-align: center;
			}
			.indications span {
				font-family: 'Carter One', 'Helvetica Neue', Helvetica, Arial, sans-serif;
				font-size: 35px;
				/*text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);*/
			}
			.indications .keyword {
				display: block;
				margin-top: 15px;
			}
			
	
			.single, .special {
				width: 630px;
				max-width: 630px;
			}
			
			.special {
				margin-bottom: 20px; 
			}
			.single .post {
				margin-bottom: 20px;
			}
	
			.index {
				width: 60%;
				max-width: 900px;
			}
			
			.index .readmore {
				margin-top: 10px;
				margin-bottom: 10px;
			}
	
			.index .post {
				margin-bottom: 40px;
			}
			.post .item-cover {
				height: 266px;
				margin-bottom: 10px;
				position: relative;
			}
			
			.post .item-cover img {
				-webkit-border-radius: 6px;
				   -moz-border-radius: 6px;
				    -ms-border-radius: 6px;
				     -o-border-radius: 6px;
				   		border-radius: 6px;
				
				-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.4);
				   -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.4);
				     -o-box-shadow: 0 2px 6px rgba(0,0,0,0.4);
				        box-shadow: 0 2px 6px rgba(0,0,0,0.4);
				        
				-webkit-opacity: 0.9;
				   -moz-opacity: 0.9;
				    -ms-opacity: 0.9;
				     -o-opacity: 0.9;
				   		opacity: 0.9;
			
			-webkit-transition: opacity 300ms;
			   -moz-transition: opacity 300ms;
			    -ms-transition: opacity 300ms;
			     -o-transition: opacity 300ms;
			   		transition: opacity 300ms;
			}
			.post .item-cover img:hover {
				-webkit-opacity: 1;
				   -moz-opacity: 1;
				    -ms-opacity: 1;
				     -o-opacity: 1;
				   		opacity: 1;
			}
			
			.border-img {	
				border: 1px solid rgba(255, 255, 255, 0.3);
				-webkit-border-radius: 5px;
				   -moz-border-radius: 5px;
				    -ms-border-radius: 5px;
				     -o-border-radius: 5px;
				   		border-radius: 5px;
				-webkit-box-sizing: border-box;
				   -moz-box-sizing: border-box;
				    -ms-box-sizing: border-box;
				     -o-box-sizing: border-box;
				        box-sizing: border-box;
				display: block;
				height: 100%;
				width: 100%;
			}
			
			.ob-section {
				clear: both;
			}
	
			/* Sections on Index  */
			.index .ob-section img,
			.index .ob-section .ob-desc,
			.index .ob-section-video iframe,
			.index .ob-section-video object,
			.index .ob-section-html object {
				width: 372px;
			}
	
			.index .ob-section-html object.flowplayer,
			.index .ob-section-images .ob-slideshow {
				width: 372px;
				height: 279px;
			}

			/* Section File */
	        .index .ob-section-file .ob-ctn {background: transparent; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); border: none; display: block;}
	        .index .ob-section-file .ob-ctn a.ob-link,
	        .index .ob-section-file .ob-c a.ob-link:visited {color: {{ Custom('font_color') }}; max-width: 270px; text-decoration: underline; text-shadow: none;}
	        .index .ob-section-file .ob-ctn a.ob-link:hover {color: {{ Custom('font_color') }}; text-decoration: none;}
            .ob-section-file .ob-icon {background-image: url(http://assets.over-blog-kiwi.com/b/blog/bundles/overblogblogblog/images/paperclip.png?v=1);}

			 /* Section Quote */
			.index .ob-section-quote {background: transparent; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); border: none; margin-bottom: 20px;}
			.index .ob-section-quote p {color: {{ Custom('font_color') }}; min-height: 20px;}
			.index .ob-section-quote p:before {color: #EEE; margin: -82px 0 0 -87px;}
			.index .ob-section-quote p:after {color: #EEE; margin: -30px 0 0 -0;}
	        .index .ob-section-quote p.ob-author,
	        .index .ob-section-quote p.ob-source {background: #EEE; color: #555; font-size: 14px; font-style: italic; margin: 25px 0 0; max-height: 24px; max-width: 280px; overflow: hidden; padding-bottom: 0px\9; position: relative; text-overflow: ellipsis; -ms-white-space: nowrap; white-space: nowrap; z-index: 11;}
	        
	        /* Section Link */ 
	        .index .ob-section-link .ob-ctn {background: #fff; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); border: none;}
	        .index .ob-section-link .ob-media-left {margin: 0 !important;}
	        /* ajout pour la bordure image */
	        .ob-media.left img {border: 5px solid #fff;
						  -moz-box-shadow: 8px 8px 12px #aaa; 
						  -webkit-box-shadow: 8px 8px 12px #aaa; 
						  box-shadow: 8px 8px 12px #555;padding:4px;}
						.ob-media.right img {border: 5px solid #fff;
						  -moz-box-shadow: 8px 8px 12px #aaa; 
						  -webkit-box-shadow: 8px 8px 12px #aaa; 
						  box-shadow: 8px 8px 12px #555;padding:4px;}
  
	        .index .ob-section-link p.ob-url {background: #EEE; margin: 0; max-height: 24px; max-width: 160px; padding-bottom: 0px\9;}
	        .index .ob-section-link p.ob-title, 
	        .index .ob-section-link p.ob-snippet {color: {{ Custom('font_color') }}; margin-bottom: 10px; margin-left: 20px;}
	        .index .ob-section-link p.ob-title .ob-link {color: {{ Custom('font_color') }}; max-height: 42px; overflow: hidden;}
        	.index .ob-section-link p.ob-snippet {margin-bottom: 35px; max-height: 30px; overflow: hidden;}
	        .index .ob-section-link .ob-img {float: left; width: 170px;}
	        .index .ob-section-link .ob-desc {margin-top: 5px;}
	        

			.index .obsoundplayercover {
				width: 50px;
				height: 33px;
			}
			.index .ob-section .obsoundplayer .obsoundplayername {
				width: 44px;
			}
	
			.index .obsoundplayer .obsoundplayervolume {
				margin: 10px 5px 5px 10px;
			}
			.index .ob-video iframe {
				max-height: 218px;
			}
			.index .ob-section .ob-media-left {
				float: none;
			}
	
			.index .ob-section img {
				float: none;
			}
			.index .ob-media-left,
			.index .ob-media-right {
				margin-left: auto;
				margin-right: auto;
			}
			.index .ob-map {
				height: 300px;
				width: 372px;
			}

			/* Sections on single page */

			.single .ob-section-text img,
			.single .ob-section-images .ob-default .ob-row-1-col a img {
				-webkit-border-radius: 5px;
				   -moz-border-radius: 5px;
				    -ms-border-radius: 5px;
				     -o-border-radius: 5px;
				     width:90%;
			}
	        .single .post ul{
	            margin: 0 0 12px 0;
	        }
			.single ol li {list-style: decimal; margin-left: 20px;}
			.single ul li {list-style: disc; margin-left: 20px;}
			.single pre {border-left: 3px solid #3A3A3A; padding-left: 4px; margin-top: 10px; margin-bottom: 10px;}
			.body .ob-text h3, 
			.body .ob-text h4,
			.body .ob-text h5 {margin: 15px 0 5px;}

			/* Section File */
	        .single .ob-section-file .ob-ctn {background: #fff; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); border: none; display: block; max-width: 100%;}
	        .single .ob-section-file .ob-ctn a.ob-link,
	        .single .ob-section-file .ob-c a.ob-link:visited {color: {{ Custom('font_color') }}; max-width: 513px; text-decoration: underline; text-shadow: none;}
	        .single .ob-section-file .ob-ctn a.ob-link:hover {color: {{ Custom('font_color') }}; text-decoration: none;}

			/* Section Quote */
			.single .ob-section-quote {background: #FFF; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); border: none; margin-bottom: 20px;}
			.single .ob-section-quote p {color: {{ Custom('font_color') }}; min-height: 20px;}
			.single .ob-section-quote p:before {color: #EEE; margin: -82px 0 0 -87px;}
			.single .ob-section-quote p:after {color: #EEE; margin: -30px 0 0 -0;}
	        .single .ob-section-quote p.ob-author,
	        .single .ob-section-quote p.ob-source {background: #EEE; color: #fff; font-size: 14px; font-style: italic; margin: 25px 0 0; max-height: 24px; max-width: 510px; overflow: hidden; padding-bottom: 0\9; position: relative; text-overflow: ellipsis; white-space: nowrap; z-index: 11;}
	        .single .ob-section-quote p.ob-author .ob-link,
	        .single .ob-section-quote p.ob-source .ob-link {color: #fff;}
	        .single .ob-section-quote p.ob-author .ob-link:hover,
	        .single .ob-section-quote p.ob-source .ob-link:hover {color: #000;}
	        
	        /* Section Link */ 
	        .single .ob-section-link .ob-ctn {background: #fff; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); border: none;}
	        .single .ob-section-link .ob-media-left {margin: 0;}
	        .single .ob-section-link p.ob-url {background: #EEE; margin: 0; max-height: 24px; max-width: 390px; padding-bottom: 0\9;}
	        .single .ob-section-link p.ob-title, 
	        .single .ob-section-link p.ob-snippet {color: {{ Custom('font_color') }}; margin-bottom: 10px; margin-left: 20px;}
	        .single .ob-section-link p.ob-title .ob-link {color: {{ Custom('font_color') }}; max-height: 42px; overflow: hidden;}
        	.single .ob-section-link p.ob-snippet {margin-bottom: 35px; max-height: 30px; overflow: hidden;}
	        .single .ob-section-link .ob-img {float: left; margin-bottom: 0; width: 170px;}
	        .single .ob-section-link .ob-desc {margin-top: 5px;}
	
			.post .ob-section-images a {
				cursor: default;
			}
	
			.item-cover {
				margin-bottom: 5px;
			}
			.item-cover img {
				width: 400px;
			}
			.item-content {
				/*-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				border-radius: 5px;
				-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.4);
				-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.4);
				-o-box-shadow: 0 2px 6px rgba(0,0,0,0.4);
				box-shadow: 0 2px 6px rgba(0,0,0,0.4);*/
				position: relative;
				clear: both;
				color: white;
				font-size: 116%;
				line-height: 1.4;
				padding: 15px;
				position: relative;
				
			}
	        .item-content{
	            {% if Custom('background_item') %}
	                background: transparent;
	                width:100;
	            
	            {% else %}
										background: transparent;
	                  width:100%;
	            {% endif %}
	        }
			.item-content .title,
			.special h3 {
				color: #fff;
				font-size: 28px;
				font-weight: bolder !important;
				margin-bottom: 8px;
				word-wrap: break-word;
				line-height: 1.1;
			}
			.item-content a,
			.item-content a:visited {
				color: #fff;
				-webkit-transition: color 300ms ease-in;
				   -moz-transition: color 300ms ease-in;
				    -ms-transition: color 300ms ease-in;
				     -o-transition: color 300ms ease-in;
				        transition: color 300ms ease-in;
			}
			.item-content a:hover {
				color: #787878;
				-webkit-transition: color 300ms ease-in;
				   -moz-transition: color 300ms ease-in;
				    -ms-transition: color 300ms ease-in;
				     -o-transition: color 300ms ease-in;
				        transition: color 300ms ease-in;
			}
			
			.item-content .meta{
				color: #fff;
				font-size: 18px;
				font-weight:bold;
				line-height: 1.4;
				/*text-shadow: 0 1px 0 white;*/
			}
			
			.item-content .meta .author,
			.item-content .meta .tags,
			.item-content .meta time{
				font-size: 12px;
				padding-top: 10px;
				
			}
			.item-content .meta .tags a {
				font-weight: bold;
			}
			.index .item-content .body img{
				max-width: 600px;
				width:98%;
				border: 5px solid #fff;
 			 -moz-box-shadow: 8px 8px 12px #aaa; 
  			-webkit-box-shadow: 8px 8px 12px #aaa; 
  			box-shadow: 8px 8px 12px #555;border-radius:8px;
			}
	
			.item-content .body {
				font-size: 14px;
				text-align: justify;
				margin-top: 10px;
				margin-bottom: 10px;
			}
			
			.item-content .body h1,
			.item-content .body h2,
			.item-content .body h3,
			.item-content .body h4,
			.item-content .body h5 {
				font-weight: bold;
				color :#fff;
				font-weight:bold;
				font-size:16px;
				margin-bottom: 10px;
			}
			
			.item-content .body .ob-text h3 {
				font-size: 18px;
				font-weight: normal;
			}
			
			.item-content .body .ob-text h4 {
				font-size: 16px;
				font-weight: normal;
			}

			.item-content .body .ob-text h5 {
				font-size: 14px;
				font-weight: bold;
			}
			
			.item-content .body .ob-text p {
				margin-bottom: 15px;
			}
			
			.item-content .body .ob-text strong {
				font-weight: bold;
			}
			
			.item-content .body .ob-text ul li {
				list-style-type:disc;
				margin-left: 20px;
			}
			
			.item-content .body .ob-text li p {
				margin-bottom: 0;
			}
			
			.item-content .body .ob-desc {
				font-size: 13px; 
				font-style: italic;
				font-weight: bold;
				margin-top: 5px;
			}
			
			.item-comments {
				margin-top: 20px;
			}
			
			.single .social {
				clear: both;
			}
			.single .social h4 {
				margin-bottom: 10px;
			}
			
			.social .fb-like iframe {
				margin-top: -3px;
			}
			
			.navigation .prev,
			.navigation .next {
				color: #3A3A3A;
				margin: 20px 0;
			}
			
			.navigation a {
				font-size: 16px;
			}
			
			
			.navigation .prev {
				float: left;
			}
			
			.navigation .next {
				float: right;
			}
			
			.footer {
				{% if Custom('custom_hide_widget_search_form') == true %}
					margin: -20px 0 20px;
				{% endif %}
	        	/*text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);*/
	        }
			.footer p,
			.footer a,
			.footer a:visited {
				color: {{ Custom('footer_color') }};
				text-align: center;
			}
			.footer a:hover {
				text-decoration: underline;
			}
	        .footer a.credits {
	        	color: #ffae00 !important;
	        }
			
			.footer span {
				display: inline-block;
				margin-left: 4px;
				margin-right: 4px;
			}
	
			.search {
				margin-left: auto;
				margin-right: auto;
				margin-bottom: 10px;
			}
	
			.search input[type=text]{
				border: none;
				border-radius: 5px;
				-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.4);
				   -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.4);
				     -o-box-shadow: 0 2px 6px rgba(0,0,0,0.4);
				        box-shadow: 0 2px 6px rgba(0,0,0,0.4);
				padding: 5px;
			{% if Custom('background_item') != '#F5F5F5' %}
				background-color: {{ Custom('background_item') }};
			{% else %}
				background-color: rgba(255,255,255,0.8);
			{% endif %}
			}
			.search input[type=text]:focus{
				background-color: #F5F5F5;
			}
			.search.index input[type=text]{
				margin-top: -20px;
				width: 390px;
			}
			.search.single input[type=text]{
				margin-top: 10px;
				width: 620px;
			}
			
			.search input[type=submit]{
				display: none;
			}
			
			/* Fix Deezer Section */
			.single .obsoundplayer .obsoundplayername {
			width: 235px;
			}
			
			/* Section Image with Slidshow */
			.ob-section-images .ob-slideshow img {width: 100%;}

			/* Section Video */
			.ob-section-video {max-width: 100%;}
			.ob-section-video .ob-video iframe {height: 340px; width: 100%;}

			/* twitter box */
	        .ob-section .twitter-tweet-rendered,
	        .ob-section .twt-border {max-width: 100% !important;}
	        
	        .m-networks{
	            margin: 20px 0 10px 0;
	            text-align: center;
	        }
	        .m-networks a{
	            margin: 0 0 0 8px;
	        }
	        .ob-text pre{
	        	margin-bottom: 15px;
	            white-space: pre-wrap;
	        }
	        .ob-text em {
	        	font-style: italic;
	        }
	        .ob-section-file,
	        .ob-section-file .ob-ctn {
	        	margin-left: 0;
	        }
	        .ob-form + a {
	        	display: block;
	        	font-size: 12px;
	        	margin-top: 50px;
	        	text-align: center;
	        }
	        .ob-form-field{
	            margin: 8px 0;
	        }
	        .ob-desc {
	        	font-style: italic;
	        }
	        .ob-input-text, .ob-input-email {
	        	padding: 5px 0;
	        }
	        .ob-input-submit{
	            background: #FFF;
	            border: 1px solid #C4C7D0;
	            -moz-border-radius: 6px;
	            -webkit-border-radius: 6px;
	            -ms-border-radius: 6px;
	            -o-border-radius: 6px;
	            border-radius: 6px;
	            cursor: pointer;
	            padding: 6px 15px;
	            text-transform: capitalize;
	        }
	        .ob-input-submit:active{
	            border: 1px solid #AAA;
	        }
	        
	        
	        .main .posts .load-more {
	        	display: block;
				font-size: 18px;
				margin-bottom: 20px;
				text-align: center;
			}
			
	        .main .posts .read-more {
				margin: 20px 0 0 0;
			}
			.main .posts .read-more a,
			.main .posts .read-more a:visited {
				background: #c73542;
				border: 1px solid #A22230;
				-webkit-border-radius: 2px;
				   -moz-border-radius: 2px;
				    -ms-border-radius: 2px;
				     -o-border-radius: 2px;
				     	border-radius: 2px;
				
				color: #FFF;
				display: table;
				font-size: 14px;
				font-weight: bold;
				line-height: 27px;
				padding: 0 8px 2px;
				text-decoration: none;
				-webkit-transition: all 0.15s ease-out;
				   -moz-transition: all 0.15s ease-out;
				    -ms-transition: all 0.15s ease-out;
				     -o-transition: all 0.15s ease-out;
				     	transition: all 0.15s ease-out;
			}
			.main .posts .read-more a:hover {
				background: #C40037;
			}
			
			/* Infinite Scroll loader */
			#infscr-loading { 
			  color: #FFF;
			  background-color: #000;
			  -webkit-border-radius: 10px;
				 -moz-border-radius: 10px;
				  -ms-border-radius: 10px;
				   -o-border-radius: 10px;
					  border-radius: 10px;
			  bottom: 60px;
			  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
			  font-size: 16px;
			  left: 45%;
			  -webkit-opacity: 0.8;
			  	 -moz-opacity: 0.8;
			  	  -ms-opacity: 0.8;
			  	   -o-opacity: 0.8;
			  	      opacity: 0.8;
			  padding: 10px;
			  position: fixed;
			  text-align: center;
			  width: 150px;
			  z-index: 100;
			  
			}
				#infscr-loading img {
					height: 60px;
					margin: 0 auto;
					width: 60px;
				}
			
			.follow {
				bottom: 10px;
				position: fixed;
				right: 0px;
			}
				.follow a {
					background: #F5F5F5 url("http://assets.over-blog-kiwi.com/themes/14/images/social.png") no-repeat;
					-webkit-border-radius: 6px;
					   -moz-border-radius: 6px;
					    -ms-border-radius: 6px;
					     -o-border-radius: 6px;
				   		border-radius: 6px;
					-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.4);
					   -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.4);
					     -o-box-shadow: 0 2px 6px rgba(0,0,0,0.4);
					        box-shadow: 0 2px 6px rgba(0,0,0,0.4);
					display: block;
					float: left;
					height: 42px;
					margin-right: 10px;
					padding: 10px;
					text-indent: -99999%;
					width: 35px;
				}
				.follow a:active {
					background-color: #FFF;
				}
				.follow a.fb {
					background-position: 1px 3px;
				}
				.follow a.fb:hover {
					background-position: 1px -74px;
				}
				.follow a.tw {
					background-position: -81px 3px;
				}
				.follow a.tw:hover {
					background-position: -81px -74px;
				}
				.follow a.rss {
					background-position: -161px 3px;
				}
				.follow a.rss:hover {
					background-position: -161px -74px;
				}
				    img.ob-cell{width:90%;}
				    img.ob-img{width:90%;border: 5px solid #fff;
  -moz-box-shadow: 8px 8px 12px #aaa; 
  -webkit-box-shadow: 8px 8px 12px #aaa; 
  box-shadow: 8px 8px 12px #555;padding:4px;}
				    mg.ob-media{width:90%;}
		</style>
		
		<!-- End CSS -->
	
		<!-- shortcut:[Javascript] -->
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
		{% if not isSingle or isSpecial %}
			<script src="http://assets.over-blog-kiwi.com/themes/13/js/jquery.infinitescroll.min.js" type="text/javascript"></script>
		{% endif %}
		<script src="http://assets.over-blog-kiwi.com/themes/14/js/modernizr.js" type="text/javascript"></script>
		
		<!-- Fancybox -->
		<script src="http://assets.over-blog-kiwi.com/themes/jquery/fancybox/jquery.fancybox-1.3.4.pack.js" type="text/javascript"></script>
		<link rel="stylesheet" type="text/css" href="http://assets.over-blog-kiwi.com/themes/jquery/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
	
		<!--[if lt IE 9]>
			<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
		<!-- End Javascript -->
		<link href='http://fonts.googleapis.com/css?family=Carter+One' rel='stylesheet' type='text/css'>
	</head>
	<body>
		<!--<div id="sidebar" style="top:96px;left:64px;border:dashed 4px white;padding:4px;color:#FF9224;font-size:18px;background-color:transparent;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";filter: alpha(opacity=10); -moz-opacity: 0.10; -khtml-opacity: 0.10;opacity: 0.10;position:absolute;">
        
        <h2>ARCHIVES</h2>
        <ul>
            <li>Item 1</li>
            <li>Item 2</li>
            <li>Item 3</li>
            <li>Item 4</li>
            <li>Item 5</li>
        </ul>
        <hr/>
        <h2>TAGS</h2>
        <ul>
            <li>Item 1</li>
            <li>Item 2</li>
            <li>Item 3</li>
            <li>Item 4</li>
            <li>Item 5</li>
        </ul>  
        <hr/>      
        <h2>PAGES</h2>
        <ul>
            <li>Item 1</li>
            <li>Item 2</li>
            <li>Item 3</li>
            <li>Item 4</li>
            <li>Item 5</li>
        </ul>          
      </div> --><!-- /#sidebar -->
		<div id="fb-root"></div>
		<!-- shortcut:[Header] -->
		<div class="mask"></div>
		<header class="header">
			<!--Logo-->
			<div class="logo">
				<h1>
					<a href="{{ Blog.Url }}" title="{{Blog.Description}}">
						{{ Blog.Title|default('Simple Image') }}
					</a>
				</h1>
			</div>
			<div class="description">
				{{ Blog.Description }}
			</div>
			<div style="margin-top:24px;font-family:tahoma,helvetica, arial;font-size:14px;height:20px;color:#FF9224;border:1px solid #ccc;border-radius:4px;padding:8px;width:98%;background-color:#fff;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=55)';filter:alpha(opacity=55)-moz-opacity: 0.55;-khtml-opacity: 0.55;opacity: 0.55;">
			<!-- on affiche les tags -->
			  <a href="/"><img src="http://www.photonautes-associes.fr/ob/forest-theme/path-test-home.png" align=absmiddle" style="margin-left:2px;float:left;border:0px;"/></a>
					<ul style="display:inline; padding:0;margin:0;list-style-type:none;">
						<li><img src="http://www.photonautes-associes.fr/ob/forest-theme/path-test-cat.png" align=absmiddle" style="margin-left:2px;float:left;"/></li>
						{% list Blog.PostsTags(20, "index") %}
						<li style="margin-left:2px;float:left;">    <a style="color:#FF9224;" href="{{ PostsTag.Url }}">{{ PostsTag.Title|upper }}</a>&nbsp;| &nbsp;</li> 
						{% endlist %}
					</ul>
				<a href="/contact"><img src="http://www.photonautes-associes.fr/ob/forest-theme/path-test-contact.png" align=absmiddle" style="margin-left:2px;float:left;border:0px;"/></a>
					<img src="http://www.photonautes-associes.fr/ob/forest-theme/path-test-nl.png" align=absmiddle" style="margin-left:2px;float:left;"/>
			</div>
		</header>
		<!-- End Header -->
	
		<!-- shortcut:[Main] -->
		<div class="main">
		<div id="block">
		

      
			<section class="posts {% if isSingle %}single{% elseif isSpecial%}special{% else %}index{% endif %}">
					  
				{% if isSpecial %}
					<div class="post special">
						<div class="item-content">
							<div class="body">
								{{ SpecialContent }}
							</div>
						</div>
					</div>
				{% else %}
					{% if isSearch %}
						<p class="indications">
							{{ Lang.Get('Search results for') }} 
							<span class="keyword">“{{ Search.Keyword }}”</span>
						</p>
					{% elseif isTag %}
						<p class="indications">
							<span>Tag : {{ Tag.Title }}</span>
						</p>
					{% endif %}
					
					{% list Posts %}
						<!-- Post item -->
						<div class="post{% list Post.Sources %} {{ Source }}{% endlist %}">
								{% if not isSingle and Post.Cover is not empty and Custom('display_mode') == 'Summary' %}
									<div class="item-cover">
										<a href="{{ Post.Permalink }}" title="{{ Post.Snippet }}" class="border-img">
											<img src="{{ Post.Cover|resize(500,500)|crop }}" alt="{{ Post.Title }}" title="{{ Post.Title }}" width="400" height="266" />
										</a>
									</div>
								{% endif %}
								<div class="item-content">
									<header>
										<hgroup>
											<h2 class="title">
												{% if not isSingle %}
													<a href="{{ Post.Permalink }}" title="{{ Post.Snippet }}">
												{% endif %}
														{% if Post.Title is not empty %}
															{{ Post.Title }}
														{% else %}
															{% list Post.Sources %}
																{{ Lang.Get('A post from') }} {% list Post.Sources %}{{ Lang.Get(Source) }}{% if not loop.last %} {{ Lang.Get('and') }} {% endif %}{% endlist %}
															{% endlist %}
														{% endif %}
												{% if not isSingle %}
													</a>
												{% endif %}
											</h2>
											<div class="meta">
												<!-- {% if Post.Author is not empty %}
													<span class="author">{{ Post.Author }}</span> — 
												{% endif %} -->
												<time pubdate>Posté le : {{ Post.Date|datel("d/MM/Y") | title }}</time> 
												<!-- {% list Post.Tags %}
													{% if loop.first %}
														— <span class="tags">
													{% endif %}
														<a href="{{ Tag.Url }}" title="{{ Tag.Title }}"><img src="	http://icons.iconseeker.com/png/fullsize/web-development-2/tag-grey.png" align=absmiddle"/>{{ Tag.Title }}</a>{% if loop.last == false %}, {% else %}</span>{% endif %}
												{% endlist %}-->
											</div>
										</hgroup>
									</header>
									<div class="body">
										{% if isSingle or Custom('display_mode') == 'All' %}
											{{ Post.Body }}
										{% elseif Custom('display_mode') == 'Summary' %}
											{% list Post.Sources %}
												{% if loop.first %}
													{% if Source == 'TW' %}
														{{ Post.Body(1) }}
													{% else %}
														{{ Post.Snippet }}
													{% endif %}
												{% endif %}
											{% endlist %}
										{% else %}
											{{ Post.Body(Custom('display_mode')) }}
										{% endif %}
		
										{% if not isSingle %}
											<div class="readmore">
												{% if Custom('display_mode') != 'All' %}
													<a href="{{ Post.Permalink}}" title="{{Post.Title}}">{{ Lang.Get('Read this post') }}</a>
				                                    &nbsp;—&nbsp;
				                                {% else %}
				                                	<a href="{{ Post.Permalink}}" title="{{ Lang.Get('Comment this post') }}">{{ Lang.Get('Comment this post') }}</a>
				                                    &nbsp;—&nbsp;
				                                {% endif %}
			                                    <!-- Comments count -->
			                                    {% if Custom("comment") == "Disqus" and Custom('comment_disqus') is not empty %}
			                                        <a title="{{ Lang.Get('comments') }}" class="comments" href="{{ Blog.Url }}{{ Post.PermaLink }}#disqus_thread"></a>
			                                    {% else %}
			                                        <a title="{{ Lang.Get('comments') }}" class="comments" href="{{ Post.PermaLink }}#comments">
			                                            {% if Custom("comment") == "Facebook" %}
			                                                <fb:comments-count href={{ Blog.Url }}{{ Post.Permalink }}></fb:comments-count> {{ Lang.Get('comment(s)') }}
			                                            {% else %}
			                                                {{ Post.CommentCount(Lang.Get('comment'), Lang.Get('comments')) }}
			                                            {% endif %}
			                                        </a>
			                                    {% endif %}
											</div>
										{% endif %}
									</div>
		
									<div class="social">
										{% if Custom('share_service') != 'None' or isSingle %}
	                                    	{% if isSingle and Custom('share_service') != 'None' %}
	                                    		<h4>{% if isPage %}{{ Lang.Get('Share this page') }}{% else %}{{ Lang.Get('Share this post') }}{% endif %}</h4>
	                                    	{% endif %}
	                                    	{% if Custom('share_service') == 'Google +' %}
	                                            <div class="g-plusone" data-size="medium" data-href="{{ Blog.Url }}{{ Post.Permalink }}"></div>
	                                        {% endif %}
	                                        {% if Custom('share_service') == 'Twitter' %}
	                                            <a href="https://twitter.com/share" class="twitter-share-button"  data-text="{% if Post.Title is not empty %}{{ Post.Title }}{% elseif Post.Snippet is not empty %}{{ Post.Snippet}}{% else %}{{ Blog.Title }}{% endif %}" data-url="{{ Blog.Url }}{{ Post.PermaLink }}" data-lang="{{ Blog.Lang }}"{% if Custom('twitter_username') is not empty %} data-via="{{Custom('twitter_username')}}"{% endif %}></a>
	                                        {% endif %}
	                                        {% if Custom('share_service') == 'Facebook' %}
	                                            <div class="fb-like" data-href="{{ Blog.Url }}{{ Post.Permalink }}" data-send="false" data-layout="button_count" data-width="90" data-show-faces="false"></div>
	                                        {% endif %}
	                                        {% if Custom('share_service') == 'All' or Custom('share_service') is empty %}
	                                            <div class="g-plusone" data-size="medium" data-href="{{ Blog.Url }}{{ Post.Permalink }}"></div>
	                                            	<a href="https://twitter.com/share" class="twitter-share-button"  data-text="{% if Post.Title is not empty %}{{ Post.Title }}{% elseif Post.Snippet is not empty %}{{ Post.Snippet}}{% else %}{{ Blog.Title }}{% endif %}" data-url="{{ Blog.Url }}{{ Post.PermaLink }}" data-lang="{{ Blog.Lang }}"{% if Custom('twitter_username') is not empty %} data-via="{{Custom('twitter_username')}}"{% endif %}></a>
	                                            <div class="fb-like" data-href="{{ Blog.Url }}{{ Post.Permalink }}" data-send="false" data-layout="button_count" data-width="90" data-show-faces="false"></div>
	                                        {% endif %}
                                        {% endif %}
									</div>
									
									<!-- Pagination -->
									{% if (Navigation.PreviousPost is not empty or Navigation.NextPost is not empty) %}
										<nav class="navigation">
											{% if Navigation.PreviousPost is not empty %}
												<a href="{{ Navigation.PreviousPost.Permalink }}" class="prev">&larr; {{ Lang.Get('Previous post') }}</a>
											{% endif %}
											
											{% if Navigation.NextPost is not empty %}
												<a href="{{ Navigation.NextPost.Permalink }}" class="next">{{ Lang.Get('Next post') }} &rarr;</a>
											{% endif %}
											<div class="clearboth"></div>
										</nav>
									{% endif %}
									<!-- End Pagination -->
		
									{% if isSingle and not isPage %}
										<div class="item-comments" id="comments">
											{% if Custom("comment") == "Facebook" %}
												<div class="fb-comments" data-href="{{ Post.Permalink }}" data-num-posts="2" data-width="600" data-colorscheme="{{ Custom('facebook_comments_color') }}"></div>
											{% elseif Custom("comment") == "Disqus" and Custom('comment_disqus') is not empty %}
												<div id="disqus_thread"></div>
												<script type="text/javascript">
													var disqus_shortname = '{{ Custom('comment_disqus') }}';
				
													(function() {
														var dsq = document.createElement('script'); 
														dsq.type = 'text/javascript'; 
														dsq.async = true;
														dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
														(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
													})();
												</script>
												<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
											{% else %}
												{{ Post.Comments }}
											{% endif %}
										</div>
									{% endif %}
								</div>
							<div class="clearboth"></div>
						</div>
						<!-- End Post item -->
					{% else %}
						<div class="post">
							<div class="item-content">
								<div class="body">
								{% if isSearch %}
									{{ Lang.Get('No result with this expression') }}.
								{% elseif isTag %}
									{{ Lang.Get('No post with this tag') }}.
								{% endif %}
								</div>
							</div>
							<div class="clearboth"></div>
						</div>
					{% endlist %}
				{% endif %}
				
				{% if not isSingle and not isSpecial %}
					<!-- Pagination -->
					<p class="load-more">	
						<a href="{{ Navigation.NextPage }}" title="Load more">{{ Lang.Get('Load more') }}</a>
					</p>
					<!-- End Pagination -->
				{% endif %}
			</section>
		</div>
	</div>	
		<!-- shortcut:[Footer] -->
		<footer class="footer clearboth">
			{% if Custom('custom_hide_widget_search_form') == false and not isSpecial %}
	        	<form class="search {% if isSingle or isSpecial %}single{% else %}index{% endif %}" method="get" action="/search/">
	                <input type="text" name="q" placeholder="{{ Lang.Get('Search') }}..." value="" />
	                <input type="submit" value="{{ Lang.Get('Search') }}" />
	            </form>
			{% endif %}
			<p>
	        	<a href="{{ Blog.Url }}/contact" title="{{ Lang.Get('Contact') }}">Contactez-moi</a>... -<span>Thème : Simple Image modifié par Bruno &copy; 2012 - <a style="color:#FF9224;text-decoration:underline;" href='http://ob.photonautes-associes.fr' target='_blank'>Voir le blog participatif sur OB nouvelle plateforme</a></span>- {{ Lang.Get('Hosted by') }} <a class="credits" href="http://overblog.com" target="_blank">Overblog</a>
			</p>
		</footer>
		
		{% if Custom('custom_hide_widget_follow') == false %}
			<div class="follow">
				{% if Custom('facebook_username') is not empty %}
					<a class="fb" href="http://facebook.com/{{ Custom('facebook_username') }}" target="_blank">{{ Lang.Get('Follow me on') }} Facebook</a>
				{% endif %}
				{% if Custom('twitter_username') is not empty %}
				<a class="tw" href="http://twitter.com/{{ Custom('twitter_username') }}" target="_blank">{{ Lang.Get('Follow me on') }} Twitter</a>
				{% endif %}
				<a class="rss" href="{{ Blog.RssUrl }}" target="_blank">{{ Lang.Get('Subscribe to') }} RSS {{ Lang.Get('feed') }}</a>
			</div>
		{% endif %}

		<!--End Footer-->
		<script type="text/javascript">
			$(document).ready(function() {
				$(".ob-section-images a, .ob-link-img").attr("rel", "fancybox");
				$("a[rel=fancybox]").fancybox({
					'overlayShow'	: true,
					'transitionIn'	: 'fadin',
					'transitionOut'	: 'fadin',
					'type'			: 'image'
				});
			});		 			
		
			{% if not isSingle and not isSpecial %}
				var Scroll = new Array();
				Scroll.PaginationPath = function ()
				{
					var path = window.location.pathname.replace(/\/([0-9]+)$/i, '');
					if(path == '/')
					{
						path = '/page';
					}
	
					path += '/';
	
					return path;
				},
				
				Scroll.CurrentPage = function ()
				{
					var result = window.location.pathname.match(/\/([0-9]+)$/i);
	
					if(result)
					{
						return parseInt(result[1]);
					}
					else
					{
						return 1;
					}
				}
							
				// On document load
				$(document).ready(function(){					
					$('.load-more').hide();
	
					$('.posts').infinitescroll({
						navSelector  : '.load-more',	// selector for the paged navigation 
						nextSelector : '.load-more a',  // selector for the NEXT link (to page 2)
						itemSelector : '.post',	 		// selector for all items you'll retrieve
						loadingImg   : "http://assets.over-blog-kiwi.com/themes/13/images/loader.gif",
						loadingText  : "{{ Lang.Get('Loading new posts...') }}",
						loading: {
							finishedMsg: "{{ Lang.Get('No more post') }}",
							img: "http://assets.over-blog-kiwi.com/themes/13/images/loader.gif"
						},
						state        : {
						currPage     : Scroll.CurrentPage()
						},
						pathParse: [Scroll.PaginationPath(),'']
					},
					
					function( newElements ) {
						$(".ob-section-images a img, .ob-link-img").attr("rel", "group1");
						$("a[rel='group1']").fancybox({
							'overlayShow'	: true,
							'overlayColor'  : '#000',
							'transitionIn'	: 'elastic',
							'transitionOut'	: 'elastic',
							'type'			: 'image'
						});					
							
						//Facebook button
						if (typeof FB !== "undefined") { FB.XFBML.parse(document.body); }
			
						//Twitter button
						if (typeof twttr !== "undefined") { twttr.widgets.load(); }
						
						// Google button
						if (typeof gapi !== "undefined") { gapi.plusone.go(); }
						
						{% if Custom('comment') == 'Disqus' %}
							// Disqus comment count
							if (typeof DISQUSWIDGETS !== "undefined" ){ DISQUSWIDGETS.getCount(); }
						{% endif %}
					});
				});
			{% endif %}	
		</script>
		
		
		<!-- Google + button -->
		<script type="text/javascript">
		  window.___gcfg = {lang: '{{ Blog.Lang }}'};
		
		  (function() {
		    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
		    po.src = 'https://apis.google.com/js/plusone.js';
		    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
		  })();
		</script>
	
		<!-- Twitter Script -->
		<script type="text/javascript">
			!function(d,s,id){
				var js,fjs=d.getElementsByTagName(s)[0];
				if(!d.getElementById(id)){
					js=d.createElement(s);
					js.id=id;
					js.src="//platform.twitter.com/widgets.js";
					fjs.parentNode.insertBefore(js,fjs); 
				}
			}(document,"script","twitter-wjs");
		</script>
	
		<!-- Facebook Script -->
		<script type="text/javascript">(function(d, s, id) {
			var js, fjs = d.getElementsByTagName(s)[0];
			if (d.getElementById(id)) return;
				js = d.createElement(s); 
				js.id = id;
				js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId={{ Custom('facebook_appid')|default('284865384904712') }}";
				fjs.parentNode.insertBefore(js, fjs);
			}
			(document, 'script', 'facebook-jssdk'));
		</script>
		
		{% if Custom("comment") == "Disqus" and Custom('comment_disqus') is not empty %}
			<!-- Disqus comments count -->
		    <script type="text/javascript">
		        var disqus_shortname = "{{ Custom('comment_disqus') }}";
		        (function () {
		            var s = document.createElement('script'); s.async = true;
		            s.type = 'text/javascript';
		            s.src = 'http://' + disqus_shortname + '.disqus.com/count.js';
		            (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
		        }());
		    </script>
		{% endif %}
	
		{% if Custom('google_analytics') is not empty %}
			<!-- Google Analytics -->
			 <script type="text/javascript">
			    window.google_analytics_uacct = '{{Custom('google_analytics')}}';
			    var _gaq = _gaq || [];
			    _gaq.push(['_setAccount', '{{Custom('google_analytics')}}']);
			    _gaq.push(['_trackPageview']);
			    _gaq.push(['_trackPageLoadTime']);
		
			    (function() {
			        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
			        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
			        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
			    })();
			</script>
			<!-- End Google Analytics -->
		{% endif %}

		{% if Custom('custom_hide_widget_search_form') == false %}
			<!-- Placholder Script -->
			<script type="text/javascript">
	        	$(document).ready(function() {
	                (function() {
	                    // HTML5 placeholder fallback
	                    function isPlaceholderSupported() {
	                        'use strict';
	                        var o = document.createElement('input');
	                        return 'placeholder' in o;
	                    }
	                    function initPlaceHolder(el){
	                        if(jQuery.trim(el.val()) === '' || jQuery.trim(el.val()) === el.attr('placeholder')){
	                            el.val(el.attr('placeholder'));
	                            el.css({'color': '#999'});
	                        }
	                    }
	                    function togglePlaceholder(el, submitMode) {
	                        'use strict';
	                        var v = jQuery.trim(el.val()), p = el.attr('placeholder');
	                        if (v === '' && !submitMode) {
	                            el.val(p);
	                            el.css({'color': '#999'});
	                        } else if (v === p) {
	                            el.val('');
	                        }
	                    }
	                    function emulatePlaceholder(form) {
	                        'use strict';
	                        if (!isPlaceholderSupported()) {
	                            jQuery('input[placeholder]', form).each(function () {
	                                initPlaceHolder(jQuery(this));
	                            }).focus(function () {
	                                togglePlaceholder(jQuery(this), false);
	                            }).blur(function () {
	                                initPlaceHolder(jQuery(this));
	                            });
	                            form.submit(function () {
	                                jQuery(this).find('input[placeholder]').each(function () {
	                                    togglePlaceholder(jQuery(this), true);
	                                });
	                            });
	                        }
	                    }
	                    
	                    // Search form
	                    function obSearchForm() {
	                        'use strict';
	                        var i= 0, form = jQuery('form.search');
	                        if (form.length) {
	                            form.each(function () {
	                                emulatePlaceholder(jQuery(this));
	                                var qInput = jQuery('input[name=q]', jQuery(this));
	                                if (qInput.length) {
	                                    jQuery(this).submit(function (e) {
	                                        e.preventDefault();
	                                        window.location = jQuery(this).attr('action') + qInput.val();
	                                    });
	                                }
	                            });
	                        }
	                    }
	                    obSearchForm();
	                })();
	            });
	    	</script>
	    {% endif %}
	    
	    <script src="http://www.photonautes-associes.fr/js/jquery.stickysidebar.js"></script>
  <script>
    (function($){
      
      $('#sidebar').stickySidebar();
      
    })(jQuery);
  </script>
	</body>
</html>

Les commentaires...

comments powered by Disqus

Commentaires anciens formats...

Les 10 derniers Billets

Related Posts Plugin for WordPress, Blogger...