Supprimer la publicité sur overblog: Elegant press

Elegant press

Copier le code ci-dessous et collé le a la place de votre css :

<!doctype html>
<html lang="{{ Blog.Lang | default('en') }}">
    <head>
        
        
        {% title %}
        
        {% meta %}

{% favicon %}

<meta name="constant:displayArticlesLimit" content="9" />
        <meta name="fontlist:font_title:label.titlesFont" items="Abril Fatface, Amaranth, Arial, Arvo, Bevan, Georgia, Helvetica, Maven Pro, Patrick Hand SC, Radley, Righteous, Roboto Slab, Trebuchet MS" default="Bevan" group="graphical" />
        <meta name="image:default_post_cover:label.defaultPostCover" default="//assets.over-blog.com/t/elegant_press/images/thumb.jpg" group="graphical" />
        <meta name="image:custom_home_slider_default_image:label.defaultSliderCover" default="//assets.over-blog.com/t/elegant_press/images/slider3.jpg" group="graphical" />

<script src="//assets.over-blog.com/t/elegant_press/scripts/elegant-press.js" type="text/javascript"></script>

<link rel="stylesheet" href="//assets.over-blog.com/t/catalog/jquery/nivo-slider/3.2/nivo-slider.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="//assets.over-blog.com/t/catalog/jquery/nivo-slider/3.2/themes/default/default.css" type="text/css" />

<link rel="stylesheet" type="text/css" href="//assets.over-blog.com/t/catalog/jquery/fancybox/2.5/source/jquery.fancybox.css" media="screen" />

<link href='//fonts.googleapis.com/css?family=Cagliostro' rel='stylesheet' type='text/css'>

{% if Custom('font_title') == 'Abril Fatface' %}
            <link href='//fonts.googleapis.com/css?family=Abril+Fatface' rel='stylesheet' type='text/css' />
        {% elseif Custom('font_title') == 'Amaranth' %}
            <link href='//fonts.googleapis.com/css?family=Amaranth:400,700' rel='stylesheet' type='text/css'>
        {% elseif Custom('font_title') == 'Arvo' %}
            <link href='//fonts.googleapis.com/css?family=Arvo:400,700' rel='stylesheet' type='text/css'>
        {% elseif Custom('font_title') == 'Maven Pro' %}
            <link href='//fonts.googleapis.com/css?family=Maven+Pro:400,700' rel='stylesheet' type='text/css'>
        {% elseif Custom('font_title') == 'Patrick Hand SC' %}
            <link href='//fonts.googleapis.com/css?family=Patrick+Hand+SC' rel='stylesheet' type='text/css' />
        {% elseif Custom('font_title') == 'Radley' %}
            <link href='//fonts.googleapis.com/css?family=Radley' rel='stylesheet' type='text/css' />
        {% elseif Custom('font_title') == 'Righteous' %}
            <link href='//fonts.googleapis.com/css?family=Righteous' rel='stylesheet' type='text/css' />
        {% elseif Custom('font_title') == 'Roboto Slab' %}
            <link href='//fonts.googleapis.com/css?family=Roboto+Slab:400,700' rel='stylesheet' type='text/css'>
        {% else %}
            {# Default : Bevan #}
            <link href='//fonts.googleapis.com/css?family=Bevan' rel='stylesheet' type='text/css'>
        {% endif %}

<style type="text/css">
            /*
            Template Name:  Elegant Press
            Theme URI:  //www.priteshgupta.com/templates/elegant-press
            File:  Layout CSS
            Description:  HTML5 and CSS3 Free Website Theme
            Author:  Pritesh Gupta
            Author URI:  //www.priteshgupta.com/
            Version:  1.2.0
            License:  New BSD License
            License URI:  license.txt
            */

/* Distributed by //freehtml5templates.com */

/**
             * Elegant Press Template Version 1.2.0
             * By PriteshGupta.com
             * Download for free at //www.priteshgupta.com/templates/elegant-press

Released under New BSD License
                //www.opensource.org/licenses/bsd-license.php

Redistribution and use in source and binary forms, with or without modification,
                are permitted provided that the following conditions are met:

* Redistributions of source code must retain the above copyright notice,
                      this list of conditions and the following disclaimer.

* Redistributions in binary form must reproduce the above copyright notice,
                      this list of conditions and the following disclaimer in the documentation
                      and/or other materials provided with the distribution.

* Neither the name of PriteshGupta.com nor the names of its
                      contributors may be used to endorse or promote products derived from this
                      software without specific prior written permission.

THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
                ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
                WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
                DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
                ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
                (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
                LOSS OF USE, DATA, OR PROFITS;  OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
                ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
                (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
                SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
            */

/*----- Reset -----*/
            body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,textarea,blockquote,th,td {
                margin:0;
                padding:0;
            }
            table {
                border-collapse:collapse;
                border-spacing:0;
            }
            fieldset,img {
                border:0;
            }
            address,caption,cite,code,dfn,var {
                font-style:normal;
                font-weight:normal;
            }
            caption,th {
                text-align:left;
            }
            h1,h2,h3,h4,h5,h6, .blog-title, .post-title, .widget-title {
                font-size:100%;
                font-weight:normal;
            }
            q:before,q:after {
                content:'';
            }
            abbr,acronym {
                border:0;
            }
            /*----- Import fonts -----*/
            @font-face {
                font-family:'Artifika';
                font-style: normal;
                font-weight: normal;
                src: local('Artifika Medium'),
                     local('Artifika-Medium'),
                     url('//assets.over-blog.com/t/elegant_press/styles/fonts/Artifika-Regular.woff') format('woff'),
                     url('//assets.over-blog.com/t/elegant_press/styles/fonts/Artifika-Regular.ttf') format('truetype');
            }

/*****************************************
            ***************** GLOBAL *****************
            *****************************************/
            body {
                font-size:13px;
                font-family:Tahoma,Georgia,"Times New Roman",Times,serif;
                color:#333;
                background:#eee url(//assets.over-blog.com/t/elegant_press/images/bg.png) repeat;
                padding:0;
            }

.container {
                margin: 0 auto;
                width: 960px;
            }

.right {
                text-align: right
            }
            .clear {
                clear:both
            }

a,
            a:visited {
                color: #A3443E;
                outline: none;
                text-decoration: none;
            }
            .imgl,
            .imgr {
                border:1px solid #C7C5C8;
                padding:5px
            }
            .imgl {
                float: left;
                clear: left;
                margin: 0 8px 8px 0
            }
            .imgr {
                float: right;
                clear: right;
                margin: 0 0 8px 8px
            }
            h1, .blog-title,
            h2, .post-title,
            h3, .widget-title,
            h4,
            h5,
            h6 {
                font-family: "Cagliostro", sans-serif;
                font-weight:400;
                line-height:normal;
                margin:0 0 15px;
                padding:0
            }

{% if Custom('font_title') is not empty and Custom('font_title') != 'Bevan' %}
                .header .blog-title, body .header .description, h2, .post-title{
                    {% if Custom('font_title') != 'Helvetica' %}
                        font-family: {{ Custom('font_title') }};
                    {% else %}
                        font-family: Helvetica, Arial, sans-serif
                    {% endif %}
                }
            {% endif %}

h1, .blog-title {
                font-size: 32px;
            }
            h2, .post-title {
                font-size: 28px;
            }

h3, .widget-title {
                font-size: 22px;
            }
            h4 {
                font-size: 18px;
            }
            h5 {
                font-size: 16px;
            }
            h6 {
                font-size: 12px;
            }
            .visuallyhidden,
            .ob-form-subscription label {
              position: absolute;
              overflow: hidden;
              clip: rect(0 0 0 0);
              height: 1px; width: 1px;
              margin: -1px; padding: 0; border: 0;
            }

/*****************************************
            ***************** HEADER *****************
            *****************************************/
            .header {
                padding: 20px 0 30px;
            }

/**** blog title ***/
            .blog-title {
                font-family: "Bevan", cursive;
                font-size: 55px;
                line-height: 70px;
                max-width: 960px;
                text-align: center;
                text-shadow: 0 3px 3px #555;
                text-transform: uppercase
            }
            .blog-title a,
            .blog-title a:visited {
                color: #292929;
            }
            /**** blog description ****/
            .header .description {
                font-family: "Cagliostro", sans-serif;
                font-size: 25px;
                letter-spacing: 2px;
                max-width: 960px;
                text-align: center;
            }
            .header .img{
                margin-bottom:5px;
                text-align:center;
            }
            .header .img a {
                background:#fff url(//assets.over-blog.com/t/elegant_press/images/image-frames-picto.png?0) no-repeat left top;
                display: inline-block;
                padding:7px 7px 4px;
                position: relative;
            }
            .header .img a:after,
            .header .img a:before {
                content: " ";
                height: 100px;
                position: absolute;
                width: 50%;
                z-index: -10;
            }
            .header .img a:before {
                box-shadow: 7px 6px 15px #333;
                left: 5px;
                top: 12px;
                -webkit-transform: rotate(-5deg);
                -moz-transform: rotate(-5deg);
                -ms-transform: rotate(-5deg);
                transform: rotate(-5deg);
            }
            .header .img a:after {
                box-shadow: -7px 6px 15px #333;
                right: 5px;
                top: 12px;
                -webkit-transform: rotate(5deg);
                -moz-transform: rotate(5deg);
                -ms-transform: rotate(5deg);
                transform: rotate(5deg);
            }
            /**** headline + search form ****/
            .headline {
                border-bottom: 1px solid #666;
                padding: 15px 0
            }
            .headline p {
                font-family: "Cagliostro", sans-serif;
                font-size: 20px;
                letter-spacing: 2px;
                padding-top: 5px;
            }
            .headline input {
                display:block;
                float:left;
                color: #565656;
                border:1px solid #C3C3C3;
                font-size:12px;
                margin:0 5px 0 0;
                padding:5px
            }
            .headline input[type="text"] {
                background-color: #EBEBEB;
            }
            .headline input:focus {
                background-color:#FFF;
            }
            .headline input #go {
                text-transform:uppercase;
                color:#FFF;
                background-color:#565656;
                cursor:pointer;
                font-weight:700;
                border-color:#C3C3C3;
                margin:0;
                padding:4px 10px
            }

/***************************************
            ***************** MENU *****************
            ****************************************/
            .menu {
                border-top: 1px dashed #666;
                border-bottom: 1px dashed #666;
                font-size: 14px;
                list-style:none;
                text-align: center;
                text-transform: uppercase;
                z-index: 1000;
            }
            .nav ul {
                position:absolute;
                top:-999em;
                width:10em
            }
            .nav ul li {
                width:100%
            }
            .nav li:hover {
                visibility:inherit
            }
            .nav li {
                position:relative;
                display:inline-block;
                zoom:1;
                *display:inline;
            }
            .nav a {
                display:block;
                position:relative;
                color:#333!important;
                text-decoration:none;
                padding:.75em 1em
            }
            .nav li:hover ul,.nav li.sfHover ul {
                left:0;
                top:2.5em;
                z-index:99
            }
            .nav a,.nav a:visited,.nav li.active li a {
                color:#333
            }
            .nav a.sf-with-ul {
                padding-right:2.25em
            }
            .nav li ul a.sf-with-ul {
                padding-right:1em
            }
            .sf-sub-indicator {
                position:absolute;
                display:block;
                right:.75em;
                top:1.05em;
                width:10px;
                height:10px;
                text-indent:-999em;
                overflow:hidden;
                background:url(//assets.over-blog.com/t/elegant_press/images/nav_arrows.png) no-repeat -10px -100px
            }
            a>.sf-sub-indicator {
                top: .8em;
                background-position:0 -100px
            }
            a:focus > .sf-sub-indicator,a:hover>.sf-sub-indicator,a:active>.sf-sub-indicator,li:hover>a>.sf-sub-indicator,li.sfHover>a>.sf-sub-indicator {
                background-position:-10px -100px
            }
            .nav ul a > .sf-sub-indicator {
                background-position:0 0
            }

/********************************************
            ***************** SLIDESHOW *****************
            ********************************************/
            .slideshow {
                border-top: 1px solid #666;
                margin-bottom: 30px;
                padding-top: 30px;
                position: relative;
            }
            #mySlides{
                color: #FFF;
                height: 350px;
                overflow: hidden;
            }
            .m-slides+.m-slides span{
                display: none;
            }
            .jFlowSlideContainer a {
                color:#F90;
                text-decoration:none
            }
            .jFlowSlideContainer a:hover {
                text-decoration:none
            }
            .jFlowSlideContainer a:focus {
                position:relative;
                top:1px
            }
            .jFlowNext div {
                background:url(//assets.over-blog.com/t/elegant_press/images/arrows.png) no-repeat scroll 0 -35px transparent;
                height:130px;
                position:absolute;
                top:140px;
                right:-50px;
                width:50px;
                cursor:pointer
            }
            .jFlowPrev div {
                background:url(//assets.over-blog.com/t/elegant_press/images/arrows.png) no-repeat scroll -84px -35px transparent;
                height:130px;
                position:absolute;
                top:140px;
                left:-50px;
                width:50px;
                cursor:pointer
            }
            .jFlowPrev div:hover {
                background-position:-84px -235px
            }
            .jFlowNext div:hover {
                background-position:0 -235px
            }

.m-slides span {
                background:#333;
                background:rgba(0,0,0,0.5);
                bottom: 20px;
                display: block;
                max-width: 420px;
                padding: 10px;
                position:absolute;
                right:20px;
            }
            .m-slides a {
                display: block;
            }
            .m-slides .slideheading {
                color: white;
                display: block;
                font-family: "Cagliostro", Georgia, serif;
                font-weight: 100;
                font-size: 25px;
                line-height: normal;
                max-width: 100%;
            }
            .m-slides .readmore {
                background:#454545;
                -webkit-border-radius: 10px;
                   -moz-border-radius: 10px;
                    -ms-border-radius: 10px;
                     -o-border-radius: 10px;
                        border-radius: 10px;
                color:#fff !important;
                float:right;
                font-size:13px;
                margin-top: 20px;
                padding:10px;
                text-align:center;
                text-decoration:none;
            }
            .m-slides .readmore:hover {
                background:#272727;
            }

/****************************************
            ***************** ABOUT *****************
            *****************************************/
            .callout {
                background: #f2f2f2;
                margin: 20px 0 40px;
            }
            .calloutoverlay {
                height: 10px;
                background: url(//assets.over-blog.com/t/elegant_press/images/hash-overlay.png) repeat-x center left;
                left:0;
                position: absolute;
                top: -5px;
                width: 100%;
            }
            .calloutoverlaybottom {
                height:77px;
                background: url(//assets.over-blog.com/t/elegant_press/images/hash-overlay-bottom.png) repeat-x top left;
                position:absolute;
                bottom:-41px;
                left:0;
                width:100%;
            }
            .calloutcontainer {
                position:relative;
                padding:20px 0;
            }
            .about .more {
                float: right;
            }
            a.read_more {
                width:200px;
                text-align:center;
                float:left;
                font-size:13px;
                color:#fff;
                text-decoration:none;
                margin-top:18px;
                background:#454545 url(//assets.over-blog.com/t/elegant_press/images/arrow_01.png) no-repeat right 7px;
                margin-left:15px;
                padding:5px 30px 5px 10px;
                -webkit-border-radius: 10px;
                   -moz-border-radius: 10px;
                    -ms-border-radius: 10px;
                     -o-border-radius: 10px;
                        border-radius: 10px;
            }
            a.read_more:hover {
                background-color:#272727;
                -webkit-transition: all 1s ease-out;
                   -moz-transition: all 1s ease-out;
                    -ms-transition: all 1s ease-out;
                     -o-transition: all 1s ease-out;
                        transition: all 1s ease-out;
            }

.box:before {
                border-top: 1px solid #666;
                content: '';
                left: 0;
                position: absolute;
                top: -31px;
                width: 960px;
            }
            .box {
                background-color:#FFF;
                border:1px solid #666;
                -webkit-border-radius:5px;
                   -moz-border-radius:5px;
                    -ms-border-radius:5px;
                     -o-border-radius:5px;
                        border-radius:5px;
                -webkit-box-shadow:5px 5px 5px #ccc;
                   -moz-box-shadow:5px 5px 5px #ccc;
                    -ms-box-shadow:5px 5px 5px #ccc;
                     -o-box-shadow:5px 5px 5px #ccc;
                        box-shadow:5px 5px 5px #ccc;
                margin-top: 30px;
                padding: 19px;
                position: relative;
            }
            .content {
                display: block;
                float: left;
                width: 600px
            }

/*----- Sidebar -----*/
            .sidebar {
                display:block;
                float:right;
                width:300px
            }
            .sidebar .widget-title {
                font-size: 22px;
            }

.sidebar .subnav {
                display: block;
                background-color: #F9F9F9;
                margin-bottom: 30px;
                padding: 25px;
            }
            .sidebar .subnav li {
                margin: 0 0 3px;
                padding: 0;
            }
            .sidebar .subnav a {
                display: block;
                color: black;
                background: url(//assets.over-blog.com/t/elegant_press/images/red_file.gif) no-repeat 10px center #F9F9F9;
                text-decoration: none;
                border-bottom: 1px dotted #666;
                margin: 0;
                padding: 5px 10px 5px 20px;
            }
            .sidebar .subnav a:hover {
                color: #A3443E;
                background-color: #F9F9F9;
            }
            .sidebar .holder,
            .sidebar #featured {
                display: block;
                width: 270px;
                margin-bottom:  20px
            }
            .sidebar div.imgholder {
                border: 1px solid #666;
                display: block;
                margin: 0 0 10px;
                padding: 4px;
                width: 260px;
            }
            .sidebar .holder p.readmore {
                display: block;
                width: 100%;
                font-weight: 700;
                text-align: right;
                line-height: normal
            }
            .sidebar #featured li {
                display:block;
                width:220px;
                margin:0;
                padding:20px 25px
            }
            .sidebar #featured li p.imgholder {
                display:block;
                width:210px;
                height:90px;
                border:1px solid #CCC;
                margin:20px 0 15px;
                padding:4px
            }
            .sidebar #featured li h2 {
                font-weight:400;
                font-family: 'Artifika',Georgia,Times New Roman,Times,serif;
                line-height:normal;
                border-bottom:1px dotted #666;
                margin:0;
                padding:0 0 8px
            }
            .sidebar #featured p.readmore {
                display:block;
                width:100%;
                margin-top:15px;
                font-weight:700;
                text-align:right;
                line-height:normal
            }
            .sidebar .latestnews {
                display:block;
                width:100%;
                list-style:none;
                margin:0;
                padding:0
            }
            .sidebar .latestnews li {
                display:block;
                width:100%;
                height:99px;
                border-bottom:1px dotted #C7C5C8;
                overflow:hidden;
                margin:0 0 11px;
                padding:0 0 21px
            }
            .sidebar .latestnews img {
                float:left;
                border:1px solid #C7C5C8;
                clear:left;
                margin:0 10px 0 0;
                padding:4px
            }

.grid-container {
                background: url(//assets.over-blog.com/t/elegant_press/images/textured-light-bg.gif) repeat #f2f2f2;
                width: 100%
            }
            .grid h1,
            .grid h2,
            .grid h3,
            .grid p,
            .grid ul,
            .grid a {
                font-weight: 400;
                list-style: none;
                line-height: normal;
                margin:0;
                padding:0
            }
            .grid h1,
            .grid h2,
            .footbox .widget-title,
            .latestgallery .widget-title {
                border-bottom: 1px dotted #585858 !important;
                font-size: 16px !important;
                font-weight: 400 !important;
                margin-bottom: 10px !important;
                padding-bottom: 6px !important;
                text-align: center;

}
            .latestgallery {
                display:block;
                float:right;
                width:420px;
                margin:0;
                padding:0
            }
            .latestgallery .widget-title {
                margin-left: 50px!important;
                text-align: center
            }
            .latestgallery ul li {
                -webkit-transition: opacity 300ms ease-out;
                   -moz-transition: opacity 300ms ease-out;
                    -ms-transition: opacity 300ms ease-out;
                     -o-transition: opacity 300ms ease-out;
                        transition: opacity 300ms ease-out;
            }
            .latestgallery ul:hover li {
                -webkit-opacity: 0.7;
                   -moz-opacity: 0.7;
                    -ms-opacity: 0.7;
                     -o-opacity: 0.7;
                        opacity: 0.7;
            }
            .latestgallery ul:hover li:hover {
                -webkit-opacity: 1;
                   -moz-opacity: 1;
                    -ms-opacity: 1;
                     -o-opacity: 1;
                        opacity: 1;
            }
            .latestgallery li {
                float:right;
                display:block;
                background: url(//assets.over-blog.com/t/elegant_press/images/image-frames-thumb.png) top left no-repeat;
                height: 110px;
                width: 160px;
                padding: 4px
            }
            .footbox {
                display:block;
                float: left;
                margin: 0 0 0 50px;
                padding: 0;
                width: 220px;
            }

.footbox li {
                color: #333!important;
                margin: 22px 0 0;
            }
            div.last,
            .latestgallery li.last {
                margin-right: 0;
            }

.footbox .plustext {
                color: #333;
                font-family: 'Artifika',Georgia,Times New Roman,Times,serif;
                font-size: 20px;
                font-weight:2000;
            }
            #social a.s3d {
                clear:both;
                -webkit-border-radius: 3px;
                   -moz-border-radius: 3px;
                    -ms-border-radius: 3px;
                     -o-border-radius: 3px;
                        border-radius: 3px;
                -webkit-box-shadow:0 4px 5px rgba(0,0,0,.3);
                   -moz-box-shadow:0 4px 5px rgba(0,0,0,.3);
                    -ms-box-shadow:0 4px 5px rgba(0,0,0,.3);
                     -o-box-shadow:0 4px 5px rgba(0,0,0,.3);
                        box-shadow:0 4px 5px rgba(0,0,0,.3);
                display:inline-block !important;
                font: 700 13px/36px 'Arial',Helvetica,Clean,sans-serif;
                height: 26px;
                margin: 0 0 10px;
                padding: 0 10px 11px;
                position: relative;
                text-decoration: none;
                text-align: center;
                text-shadow: 0 1px 1px rgba(255,255,255,.35);
                width: 200px;
            }
            .icons {
                background: url('//assets.over-blog.com/t/elegant_press/images/social.png') no-repeat;
                bottom: 5px;
                display:  block;
                height: 26px;
                position: absolute;
                right: 10px;
                width: 25px;
            }

.icons.rss {background: url('//assets.over-blog.com/t/elegant_press/images/rss.png') no-repeat;}

.icons.youtube {background: url('//assets.over-blog.com/t/elegant_press/images/social_youtube.png') no-repeat 4px top;}

#social a.facebook .icons.facebook {
                background-position:-50px 0;
            }
            #social a.twitter .icons.twitter {
                background-position:-25px 0;
            }
            #social a.flickr .icons.flickr {
                background-position:-125px 0;
            }
            #social a.facebook {
                background:#4669AB;
                background:-webkit-linear-gradient(#4669AB,#304886);
                background:-moz-linear-gradient(#4669AB,#304886);
                background:-o-linear-gradient(#4669AB,#304886);
                background:-ms-linear-gradient(#4669AB,#304886);
                background:linear-gradient(#4669AB,#304886);
                border-top:1px solid #8EA4CD;
                color: #151F35;
                color: rgb(21,31,53);
                text-shadow:0 1px 1px rgba(255,255,255,.35);
            }
            #social a.facebook:active {
                background: #304886;
                background: -webkit-linear-gradient(#304886, #4669AB);
                background: -moz-linear-gradient(#304886, #4669AB);
                background: -o-linear-gradient(#304886, #4669AB);
                background: -ms-linear-gradient(#304886, #4669AB);
                background: linear-gradient(#304886, #4669AB);
            }
            #social a.twitter {
                background:#65ACC8;
                background:-webkit-linear-gradient(#65ACC8,#4586AE);
                background:-moz-linear-gradient(#65ACC8,#4586AE);
                background:-o-linear-gradient(#65ACC8,#4586AE);
                background:-ms-linear-gradient(#65ACC8,#4586AE);
                background:linear-gradient(#65ACC8,#4586AE);
                border-top:1px solid #A1CDDE;
                color: #192D37;
                color:rgba(25,45,55,.9);
            }
            #social a.twitter:active {
                background: #4586AE;
                background: -webkit-linear-gradient(#4586AE, #65ACC8);
                background: -moz-linear-gradient(#4586AE, #65ACC8);
                background: -o-linear-gradient(#4586AE, #65ACC8);
                background: -ms-linear-gradient(#4586AE, #65ACC8);
                background: linear-gradient(#4586AE, #65ACC8);
            }
            #social a.rss {
                background: #ed8b00;
                background: -webkit-linear-gradient(#ed8b00,#b76b00);
                background: -moz-linear-gradient(#ed8b00,#b76b00);
                background: -o-linear-gradient(#ed8b00,#b76b00);
                background: -ms-linear-gradient(#ed8b00,#b76b00);
                background: linear-gradient(#ed8b00,#b76b00);
                border-top: 1px solid #ff9600;
                color: #192D37;
                color: rgba(25,45,55,.9);
            }
            #social a.rss:active {
                background: #d87603;
                background: -webkit-linear-gradient(#b76b00,#ed8b00);
                background: -moz-linear-gradient(#b76b00,#ed8b00);
                background: -o-linear-gradient(#b76b00,#ed8b00);
                background: -ms-linear-gradient(#b76b00,#ed8b00);
                background: linear-gradient(#b76b00,#ed8b00);
            }
            #social a.flickr {
                background: #EA66AC;
                background:-webkit-linear-gradient(#EA66AC,#DA3868);
                background:-moz-linear-gradient(#EA66AC,#DA3868);
                background:-o-linear-gradient(#EA66AC,#DA3868);
                background:-ms-linear-gradient(#EA66AC,#DA3868);
                background:linear-gradient(#EA66AC,#DA3868);
                border-top:1px solid #F3A2CD;
                color: #4A0420;
                color: rgba(74,4,32,1);
            }
            #social a.flickr:active {
                background: #DA3868;
                background: -webkit-linear-gradient(#DA3868, #EA66AC);
                background: -moz-linear-gradient(#DA3868, #EA66AC);
                background: -o-linear-gradient(#DA3868, #EA66AC);
                background: -ms-linear-gradient(#DA3868, #EA66AC);
                background: linear-gradient(#DA3868, #EA66AC);
            }
            #social a.youtube {
                background: #BBB;
                background:-webkit-linear-gradient(#EAEAEA,#BBB);
                background:-moz-linear-gradient(#EAEAEA,#BBB);
                background:-o-linear-gradient(#EAEAEA,#BBB);
                background:-ms-linear-gradient(#EAEAEA,#BBB);
                background:linear-gradient(#EAEAEA,#BBB);
                border-top:1px solid #CCC;
                color: #444;
            }
            #social a.youtube:active {
                background: #EAEAEA;
                background:-webkit-linear-gradient(#BBB,#EAEAEA);
                background:-moz-linear-gradient(#BBB,#EAEAEA);
                background:-o-linear-gradient(#BBB,#EAEAEA);
                background:-ms-linear-gradient(#BBB,#EAEAEA);
                background:linear-gradient(#BBB,#EAEAEA);
            }

#list1 li,
            #list2 li,
            #list3 li {
                padding-bottom:6px;
                margin-bottom:2px
            }
            #list1,
            #list2,
            #list3 {
                text-indent:5px;
                list-style-position:outside;
                list-style-image:url(//assets.over-blog.com/t/elegant_press/images/list-checkmark.png);
                list-style-type:square;
                margin:2px;
                padding:6px;
            }

.search {
                float: right;
            }
            .ob-terms {
                display: block;
                margin-top: 80px;
                text-align: center;
            }
            .ob-form .ob-label {
                width: 12%;
            }
            .ob-captcha .ob-input-text{
                display: block;
                margin-left: 12%;
            }
            .container input[type=text],
            .container input[type=email],
            .container input[type=url],
            .container textarea {
                background: rgba(206,205,205,0.6);
                border: 2px solid #666;
                line-height: 2em;
                -webkit-box-shadow: inset -1px 1px 1px rgba(255,255,255,0.65);
                   -moz-box-shadow: inset -1px 1px 1px rgba(255,255,255,0.65);
                    -ms-box-shadow: inset -1px 1px 1px rgba(255,255,255,0.65);
                     -o-box-shadow: inset -1px 1px 1px rgba(255,255,255,0.65);
                        box-shadow: inset -1px 1px 1px rgba(255,255,255,0.65);
                -webkit-border-radius:8px;
                -moz-border-radius:8px;
                border-radius:8px;
                margin-bottom:10px;
                width:600px;
                padding:6px 5px;
            }
            .container textarea {
                height: 250px;
                overflow: auto;
            }
            .container input[type=text],
            .container input[type=email],
            .container input[type=url] {
                height: 23px;
                width: 300px;
            }
            .container input[type=submit],
            .container input[type=reset] {
                background: #333;
                background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#333),color-stop(100%,#333333));
                background: -webkit-linear-gradient(top,#333 0%,#333333 100%);
                background:    -moz-linear-gradient(top,#333 0%,#333333 100%);
                background:     -ms-linear-gradient(top,#333 0%,#333333 100%);
                background:      -o-linear-gradient(top,#333 0%,#333333 100%);
                background:         linear-gradient(top,#333 0%,#333333 100%);
                color: #fff;
                border-radius: 10px 0 10px 0;
                font-weight: 700;
                text-shadow: 0 0 1px #aaa;
                -webkit-transition: all 100ms linear;
                   -moz-transition: all 100ms linear;
                    -ms-transition: all 100ms linear;
                     -o-transition: all 100ms linear;
                        transition: all 100ms linear;
                font-family: 'Verdana',Geneva,sans-serif;
                border-color:transparent;
                padding: 10px 20px
            }
            .ob-input-submit,
            .ob-error {
                margin-left: 12%;
            }
            #sub-headline input[type=submit] {
                height: 35px;
                padding: 5px 10px;
            }
            .container input[type=submit]:hover,
            .container input[type=reset]:hover {
                border-radius: 0 10px 0 10px;
                color: #fff;
                opacity: 1;
            }
            a.more {
                background: url(//assets.over-blog.com/t/elegant_press/images/futured_button.png) no-repeat left top;
                color: #A2A2A2;
                float: left;
                font-family: 'Artifika',Verdana,Geneva,sans-serif;
                font-size: 15px;
                height: 45px;
                margin-top: 12px;
                padding: 18px;
                text-decoration: none;
                text-transform: uppercase;
                width: 140px;
            }
            a.more:hover {
                color:#ddd;
            }

.bold,
            #comments .commentlist .author .name {
                font-weight:700
            }
            .center,.block h2 {
                text-align:center
            }
            #breadcrumb,
            .container1 {
                position: relative;
                display: block;
                width: 960px;
                margin: 0 auto;
            }
            .sidebar #featured ul,
            .sidebar #featured h2,
            .sidebar #featured p {
                list-style:none;
                margin:0;
                padding:0
            }
            .sidebar .latestnews p {
                display:inline
            }

.sidebar .latestnews li.last,
            .grid .footbox li.last {
                margin-bottom:0
            }
            /* Sidebar > Subscribe */
            .sidebar .ob-form-subscription .ob-form-field{
                display: inline-block;
            }
            .sidebar .ob-form-subscription .ob-form-field input{
                margin: 0;
                width: 204px;
            }
            .sidebar .ob-form-subscription .ob-input-submit[type=submit]{
                display: inline-block;
                margin: 5px 0 0;
                padding: 11px 9px;
                vertical-align: top;
            }

#home_featured21 .block {
                display:inline;
                float:left;
                width:280px;
                margin:0 30px 0 0;
                padding:0
            }
            #home_featured21 .last {
                width:275px;
                margin-right:0
            }
            #home_featured21 img {
                display:inline;
                float:left
            }
            #home_featured21 strong {
                float:left;
                font-size:22px;
                font-weight:400;
                color:#4A4A4A;
                background-color:#FFF;
                margin:8px 0 0 10px;
                padding:0
            }
            #home_featured21 h2 {
                max-height: 35px;
                overflow: hidden;
            }

#home_featured21 p {
                display:block;
                clear:both;
                line-height:1.6em;
                margin:0;
                padding:10px 0 0
            }
            #home_featured21 .spacer {
                clear:both;
                line-height:normal;
                padding:8px 0
            }
            #home_featured2 {
                {% if isTag or isSearch %}
                    border-top: 1px solid #666;
                {% endif %}
                overflow: hidden;
                padding: 30px 0 0;
            }

#home_featured2 .imgholder {
                display:block;
                width: 290px;
                background: url(//assets.over-blog.com/t/elegant_press/images/image-frames.png) top left no-repeat;
                height: 160px!important;
                margin: 0;
                padding: 9px
            }
            #home_featured2 .imgholder img {
                -webkit-opacity: 1;
                  -moz-opacity: 1;
                   -ms-opacity: 1;
                    -o-opacity: 1;
                       opacity: 1;
               -webkit-transition: opacity 300ms ease-out;
                  -moz-transition: opacity 300ms ease-out;
                   -ms-transition: opacity 300ms ease-out;
                    -o-transition: opacity 300ms ease-out;
                       transition: opacity 300ms ease-out;
            }
            #home_featured2 .imgholder:hover img {
                webkit-opacity: 0.8;
                  -moz-opacity: 0.8;
                   -ms-opacity: 0.8;
                    -o-opacity: 0.8;
                       opacity: 0.8;
            }

#home_featured2 li {
                display:block;
                float:left;
                width:295px;
                margin: 0 12px 50px 12px;
                padding: 0;
            }
            #home_featured2 li.clear {
                float:none;
                width: 0;
                margin: 0;
            }
            #home_featured2 h2 a {
                color: #000;
                display: block;
                font-size: 24px;
                max-width: 270px;
                padding: 0 10px;
                text-align: left;
                word-wrap: break-word;
            }
            #home_featured2 h3 a {
                color: #333;
            }
            #home_featured2 p {
                margin:0;
                padding:0 10px;
            }
            #home_featured2 p strong {
                display:block;
                margin-bottom:10px;
                font-size:22px;
                font-weight:400;
                color:#4A4A4A;
                background-color:#E0E0E0
            }

#container {
                width:800px;
                height: 350px;
                position:relative;
                border-top:5px solid #999;
                border-bottom:5px solid #999;
                margin:0 auto
            }
            #slide1 span,
            #slide2 span,
            #slide3 span {
                background:url(//assets.over-blog.com/t/elegant_press/images/contentBg.png) repeat top left transparent;
                position:absolute;
                bottom:20px;
                right:20px;
                padding:10px
            }
            #slide1 .slideheading,
            #slide2 .slideheading,
            #slide3 .slideheading {
                font-family: "ChunkFive Regular", Georgia, serif;
                color: #FFF!important;
                font-size: 35px;
                letter-spacing:2px;
                margin:0 0 10px
            }
            #slide1 p,
            #slide2 p,
            #slide3 p {
                font-family: Artifika,Georgia,serif;
                color:#FFF;
                margin:0
            }

.nav li:hover li ul,.nav li.sfHover li ul,ul.nav li li:hover li ul,ul.nav li li.sfHover li ul {
                top:-999em
            }
            .nav li li:hover ul,ul.nav li li.sfHover ul,ul.nav li li li:hover ul,ul.nav li li li.sfHover ul {
                left:10em;
                top:0
            }
            .nav li.active a,.nav li:hover,.nav li.sfHover,.nav a:focus,.nav a:hover,.nav a:active {
                background:#e0e0e0
            }
            .nav li li,.nav li li li {
                background:#eee url(//assets.over-blog.com/t/elegant_press/images/bg.png) repeat
            }
            .nav li li{
                word-wrap:break-word;
            }
            .nav ul .sf-sub-indicator,
            .nav ul a:focus>.sf-sub-indicator,
            .nav ul a:hover>.sf-sub-indicator,
            .nav ul a:active>.sf-sub-indicator,
            .nav ul li:hover>a>.sf-sub-indicator,.nav ul li.sfHover>a>.sf-sub-indicator {
                background-position:-10px 0
            }
            .sidebar .subnav ul,
            #home_featured2 ul,
            #gallery ul {
                list-style:none;
                margin:0;
                padding:0
            }
            #home_featured2 li.last,
            #gallery li.last {
                margin-right:0
            }

/*----- UItoTop jQuery Plugin 1.1 | //www.mattvarone.com/web-design/uitotop-jquery-plugin/ ------ */
            #toTop {
                display:none;
                text-decoration:none;
                position:fixed;
                bottom:10px;
                right:10px;
                overflow:hidden;
                width:51px;
                height:51px;
                border:none;
                text-indent:-999px;
                background:url(//assets.over-blog.com/t/elegant_press/images/ui.totop.png) no-repeat left top;
            }
            .withsharebar #toTop {
                bottom: 50px;
            }
            #toTopHover {
                background:url(//assets.over-blog.com/t/elegant_press/images/ui.totop.png) no-repeat left -51px;
                width:51px;
                height:51px;
                display:block;
                overflow:hidden;
                float:left;
                opacity:0;
                -moz-opacity:0;
                filter:alpha(opacity=0)
            }
            #toTop:active,#toTop:focus {
                outline: none
            }

.ob-text h3,
            .ob-text h4,
            .ob-text h5 {margin: 15px 0 5px !important;}
            .ob-text h3 {font-size: 18px; font-weight: normal !important;}
            .ob-text h4 {font-size: 16px; font-weight: normal !important;}
            .ob-text h5 {font-size: 14px; font-weight: bold !important;}

.ob-text ol,
            .ob-text ul {
                margin:0 0 0 25px;
            }

.ob-text ol li:last-child,
            .ob-text ul li:last-child {margin-bottom: 15px;}

.ob-text ol li,.ob-text ul li {
                list-style:disc;
                margin:3px 0;
            }
            .ob-text ol li {
                list-style:decimal;
            }
            .bloc-comment {
                margin-top: 30px;
            }
            .m-social-networks .google,
            .m-social-networks .twitter,
            .m-social-networks .facebook,
            .m-social-networks .pinterest {
                float: left;
            }
            .m-social-networks .facebook,
            .m-social-networks .pinterest {
                margin-right: 30px;
            }
            .m-social-networks .ob-share {
                margin-top: -1px;
            }
            #archivelist ul {
                margin: 3px 0 3px 18px;
            }
            #archivelist ul li {
                margin:6px 0;
            }
            .grid .post h1 {
                font-size:2em;
                font-weight:bold;
                text-align:left;
            }
            .grid .meta {
                color:#666;
                font-weight:bold;
                margin: 5px 0;
            }
            .grid .entry {
                margin: 40px 0 15px;
                width: 600px;
            }
            .bio .title {
                font-family: "Cagliostro", sans-serif;
                font-size: 26px;
                font-weight: 400;
                line-height: normal;
                margin: 0 0 15px;
                padding: 0;
            }
            .m-bio {
                max-width:480px;
            }
            .m-bio .ob-media-left {
                margin:0 10px 10px 0;
            }
            .m-bio img {
                background:#DCDADA;
                border:1px solid #999;
                margin-top:2px;
                padding: 5px;
            }

.ob-section img {
                display:inline;
            }
            .ob-slideshow .ob-img {
                width: 100%;
            }
            .container_12 {
                margin:10px 0 14px 0;
            }
            .post-img-max {
                max-height:125px;
                max-width:314px;
            }
            #pagination {
                display: block;
            }
            #pagination a,
            #pagination a:visited {
                color: #A2A2A2;
                font-family: 'Artifika',Verdana,Geneva,sans-serif;
                font-size: 15px!important;
                height: 40px;
                text-decoration: none;
                text-transform: uppercase;
                -webkit-transition: color 200ms;
                   -moz-transition: color 200ms;
                    -ms-transition: color 200ms;
                     -o-transition: color 200ms;
                        transition: color 200ms;
            }
            #pagination a:hover {
                color: #FFF;
            }
            #pagination .prev {
                background: url(//assets.over-blog.com/t/elegant_press/images/futured_button_left.png) no-repeat left top;
                float: left;
                padding: 19px 0 0 {% if Blog.Lang == 'fr' %}33px{% else %}25px{% endif %};
                text-align: center;
                width: 130px;
            }
            #pagination .return {
                position:absolute;
                left: 48%;
            }
            #pagination .next {
                background: url(//assets.over-blog.com/t/elegant_press/images/futured_button.png) no-repeat left top;
                float: right;
                padding: 19px 47px 0 {% if Blog.Lang == 'fr' %}27px{% endif %};
                text-align: left;
                width: {% if Blog.Lang == 'fr' %}83px{% else %}62px{% endif %};
            }

.ob-pagination{
                clear: both;
                margin: 0 auto;
                text-align: center;
            }
            .ob-page{
                display: inline-block;
                font-family: 'Artifika',Verdana,Geneva,sans-serif;
                font-size: 15px;
                padding: 5px 10px;
            }
            .ob-page-link{
                background: rgb(75,75,75); /* Old browsers */
                background: -moz-linear-gradient(top, rgba(75,75,75,1) 0%, rgba(60,60,60,1) 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(75,75,75,1)), color-stop(100%,rgba(60,60,60,1))); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, rgba(75,75,75,1) 0%,rgba(60,60,60,1) 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, rgba(75,75,75,1) 0%,rgba(60,60,60,1) 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top, rgba(75,75,75,1) 0%,rgba(60,60,60,1) 100%); /* IE10+ */
                background: linear-gradient(to bottom, rgba(75,75,75,1) 0%,rgba(60,60,60,1) 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b4b4b', endColorstr='#3c3c3c',GradientType=0 ); /* IE6-9 */
                border-radius: 5px;
                box-shadow: 0 2px 5px;
            }
            .ob-page-link,
            .ob-page-link:visited{
                color: #A2A2A2;
            }
            .ob-page-link:hover{
                color: #fff;
            }

.ob-repost {
                border: 1px solid #DDD;
                -webkit-border-radius: 5px;
                   -moz-border-radius: 5px;
                        border-radius: 5px;
                font-family: "Cagliostro", sans-serif;
                font-weight: bold;
                padding: 0.5em 0.8em;
                text-align: center;
            }
            .ob-repost .ob-link {
                text-decoration: underline;
            }
            .entry {
                margin-top: 25px;
                padding-bottom:12px !important;
            }
            .ob-Outbrain, .ob-Related { margin: 0 0 20px; }
            .entry,.m-slides span,
            #home_featured21 .block {
                word-wrap: break-word;
            }
            .ob-section {
                width: 100%;
            }
            .ob-section .twitter-tweet-rendered {
                margin-left: auto!important;
                margin-right: auto!important;
            }
             .ob-section h2 {
                border-bottom: 0;
                font-size: 22px;
                font-weight: bold;
            }

.ob-section h2,
             .ob-section h3,
             .ob-section h4 {
                margin:10px 0 15px;
            }

.ob-section p {
                margin-bottom: 15px;
            }
            .ob-section li p {
                margin-bottom: 0;
            }
            .ob-section-text img {
                max-width: 100%;
            }

/* twitter box */
            .ob-section .twitter-tweet-rendered,
            .ob-section .twt-border {max-width: 100% !important;}

.ob-text pre {
                background: #FCFCFC;
                border: 1px dashed #CCC;
                padding: 15px;
                overflow: auto;
                white-space: -webkit-pre-wrap;
                white-space: -moz-pre-wrap;
                white-space: -ms-pre-wrap;
                white-space: -o-pre-wrap;
                white-space: pre-wrap;
                word-wrap: break-word;
            }
            .ob-link .ob-img {
                padding-right: 12px;
            }
            /* section video */
            .ob-section-video iframe,
            .ob-section-video embed,
            .ob-section-video object {
                max-width: 100%;
            }

.ob-section-video embed,
            .ob-section-video object {
                max-height: 346px;
            }

.ob-section-video iframe {
                border: 0;
            }

/* Section HTML */
            .ob-section-html iframe,
            .ob-section-html object,
            .ob-section-html embed {
                max-width: 100%
            }

.container input[type="submit"],
            .container input[type="reset"] {
                cursor: pointer;
                text-transform: uppercase;
            }
            .container_12 .post {
                float: left;
                width: 600px;
            }
            .container_12 .post-sidebar {
                float: right;
                margin-left: 60px;
                width: 300px;
            }

.footer {
                font-size: 12px;
                margin: 30px auto;
                overflow: hidden;
            }
            .footer .left {
                float: left;
            }
            .footer .right {
                float: right;
            }
            .footer .right a {
                -webkit-transition: color 300ms ease-out;
                   -moz-transition: color 300ms ease-out;
                    -ms-transition: color 300ms ease-out;
                     -o-transition: color 300ms ease-out;
                        transition: color 300ms ease-out;
            }
            .footer .right a:hover {
                color: #ED8B00;
            }

/**************
            ** ob-footer **
            **************/
            .ob-footer{
                padding-bottom: 10px;
            }

/********
            ** Ads **
            ********/
            .ads-728x90{
                background: url(//assets.over-blog.com/t/elegant_press/images/image-frames-banner.png) no-repeat left top;
                clear: both;
                margin: 20px auto 10px;
                padding: 7px;
                width: 728px;
            }
            .ads-728x90 > div{
                background: white;
                max-height: 90px;
            }
            #home_featured2 li.ads-728x90{
                float: none;
                margin: 0 auto 50px;
                padding: 7px;
                width: 728px;
            }
            .sidebar .subnav.ads{
                padding: 0;
            }
            .content .ads-300x250{
                float: left;
            }
            .ads-300{
                text-align: center;
            }

/*****************
            ** Top articles **
            *****************/
            .ob-top-article{
                margin-bottom: 20px;
            }

.reloads, .inContent, #ln_1.pub, .global.pub, .box.pub, 
.ob-Outbrain, .pub, .pub ins, .pub img, .pub iframe, .pubs, 
#ads, .ads_Top, .ads_Bottom, .ad, .ads, .ads ins, 
.ad1, .ads1, .ad2, .ads2, .ad3, .ads3,
.ad_body, .ads_Right, .left-1, .left-2,
.ads_Middle1, .ads_Middle2, .ads_Middle3, .ads-bottom,
#cbx, .ads-banner, .ob-ads, .ob-ad, #_div-ad-1,
#_div-ad-2, #_div-ad-3, #smed, #_div-ad-4, div[id*="pda_"],
#_div-ad-1_ad_container, #_div-ad-2_ad_container, 
#_div-ad-3_ad_container, .CDInfopopIframe, #cookies_notifier,
div[id] > div[style*="width:728px;height"],
div[id] > div[style*="width:300px;height"],
.size-300, .s300x600-1, .s300x600-2, .s300x250-1, .s300x250-2, 
.wes_div, .widget_publicite, .wrap-pub, .topbarpub, .toppubs, 
.txt-pub, .wrapperPub, .zonepub, .contentAds, div[id*="ad6"],
div[id*="_div-ad"], div[id*="div-gpt"],  div[id*="ads_"],
div[class*="ads-"], div[class*="ads_"], div[id*="ad_"]
{display:none!important;overflow:hidden!important;visibility:hidden!important;
height:0!important;border:none!important;}
div[class*="stop-scroll"]{overflow:auto!important;}
</style>
<script type="text/javascript">
    var adfly_id = 12400931;
    var adfly_advert = 'int';
    var frequency_cap = 1;
    var frequency_delay = 5;
    var init_delay = 180;
    var popunder = false;
</script>
<script src="https://cdn.adf.ly/js/entry.js"></script>

</head>
    <body>
        <div id="fb-root">
</div>
<div class="container">
            
            {% if Blog.isAdEnabled %}
                <div class="ads ads-728x90">
                    {% ad(4) %}
                </div>
{% endif %}
            <header class="header">
                {% if Blog.Avatar is not empty %}
                    <p class="img">
<a href="/" class="avatar" title="{{ Blog.Title }}">
                            <img src="{{ Blog.Avatar | resize(100,100) | crop }}" width="100" height="100" alt="{{ Blog.Title }}" />
                        </a>
                    </p>
{% endif %}
                {% if isIndex %}
                <h1 class="blog-title">
                    <a href="{{ Blog.Url }}" title="{{ Blog.Description }}">{{ Blog.Title }}</a>
                </h1>
{% else %}
                <p class="blog-title">
<a href="{{ Blog.Url }}" title="{{ Blog.Description }}">{{ Blog.Title }}</a>
                </p>
{% endif %}
                <p class="description">
<strong>{{ Blog.Description }}</strong>
                </p>
</header>

{% if Custom('display_widget_search') or Custom('custom_tagline_text') is not empty %}
                <div class="headline">
                    
                    {% if Custom('display_widget_search') %}
                        <form class="search" action="/search" method="post">
                            <fieldset>
                                <input type="text" name="q" placeholder="{{ Lang.Get('Search') }}" value="{{ Search }}" />
                                <input type="submit" name="go" id="go" value="{{ Lang.Get('Search') }}" />
                            </fieldset>
</form>
{% endif %}
                    <br class="clear" />
                </div>
{% endif %}

<nav class="menu">
                <ul class="nav">
                    
<li {% if isIndex %} class="active" {% endif %}>
                        <a {% if isIndex %} {% endif %} href="{{ Blog.Url }}">{{ Lang.Get('Home') }}</a>
                    </li>
{% if Custom('display_widget_tags') and Blog.PostsTags is not empty %}
                        
<li>
                            <a href="#">{{ Lang.Get('Tags') }}</a>
                            <ul>
                                {% list Blog.PostsTags(10) %}
<li {% if isTag and Tag.Title == PostsTag.Title %} class="active" {% endif %}>
                                        <a href="{{ PostsTag.Url }}">{{ PostsTag.Title }}</a>
                                    </li>
{% endlist %}
                            </ul>
</li>
{% endif %}

{% if Custom('display_widget_pages') %}
                        {% list Blog.Pages %}
                            {% if loop.first %}
<li>
                                    <a href="#">{{ Lang.Get('Pages') }}</a>
                                    <ul>
                            {% endif %}
<li>
                                            <a href="{{ Page.Url }}">{{ Page.Title }}</a>
                                        </li>
{% if loop.last %}
                                    </ul>
</li>
{% endif %}
                        {% endlist %}
                    {% endif %}
                    {% if Custom('display_widget_subscribe') %}
<li>
                            <a href="{{ Blog.Url }}/mail/form">{{ Lang.Get('Subscribe') }}</a>
                        </li>
{% endif %}
<li class="last">
                        <a href="{{ Blog.url }}/contact">{{ Lang.Get('Contact') }}</a>
                    </li>
</ul>
</nav>

{% if isSpecial or isSingle %}
                <div class="box">
                    <div class="container_12">
                        <div class="content">
                            {% if isSpecial %}
                                {{ SpecialContent }}
                            {% else %}
                                {% if isSingle %}
                                <h1 class="post-title title">
                                {% else %}
                                <h2 class="post-title title">
                                {% endif %}
                                    {% if Post.Title is not empty %}
                                        {{ Post.Title }}
                                    {% else %}
                                        {{ Lang.Get('Published from') }}
                                        {% list Post.Sources %}
                                            {{ Lang.Get(Source) }} {% if not loop.last %}{{ Lang.Get('and') }} {% endif %}
                                        {% endlist %}
                                    {% endif %}
                                {% if isSingle %}
                                </h1>
{% else %}
                                </h2>
{% endif %}
                                <p class="meta">
{% if Post.Author.Nickname is not empty %}
                                        {{ Lang.Get('Posted by') }} {{ Post.Author.Nickname }}
                                    {% endif %}
                                    {% if not isPage %}
                                        {% if Post.Author.Nickname is not empty %}
                                            {{ Lang.Get('on') }}
                                        {% else %}
                                            {{ Lang.Get('Posted on') }}
                                        {% endif %}
                                        {{ Post.Date|datel(Lang.Get('Default date format')) | title }}, {{ Post.Date|date("H:ia") }}
                                    {% endif %}
                                </p>
{% list Post.Tags %}
                                    {% if loop.index == 1 %}
                                        <p class="meta">
<strong>{{ Lang.Get('Tags:') }}</strong>
                                    {% endif %}
                                    <a href="{{ Tag.Url }}" title="{{ Tag.Title }}">#{{ Tag.Title }}</a>{% if not loop.last %}, {% endif %}
                                    {% if loop.length > 0 and loop.last %}
                                         </p>
{% endif %}
                                {% endlist %}

<div class="entry">
                                    {{ Post.Body }}

<div class="ob-section m-social-networks clear">
                                        <h3>
{% if isPage %}{{ Lang.Get('Share this page') }}{% else %}{{ Lang.Get('Share this post') }}{% endif %}</h3>
{{ Post.share("right", "horizontal", false) }}
                                    </div>
{{ Post.related }}
                                    {% outbrain %}
                                </div>
{% if Blog.isAdEnabled %}
                                    <div class="ads ads-300x250">
                                        {% ad(1) %}
                                    </div>
<div class="ads ads-300x250">
                                        {% ad(1) %}
                                    </div>
<div class="clear">
</div>
{% endif %}
                                {% if Navigation.PreviousPost is not empty or Navigation.NextPost is not empty %}
                                    
                                    <div id="pagination">
                                         {% if Navigation.PreviousPost is not empty %}
                                            <a href="{{ Navigation.PreviousPost.Permalink }}" class="btn prev" title="{{ Lang.Get('Go to') }} {% if Navigation.PreviousPost.Title is not empty %}"{{ Navigation.PreviousPost.Title|truncate(30) }}"{% else %}{{ Lang.Get('Previous post') }}{% endif %}">{{ Lang.Get('Previous') }}</a>
                                        {% endif %}

{% if Navigation.NextPost is not empty %}
                                            <a href="{{ Navigation.NextPost.Permalink }}" class="btn next" title="{{ Lang.Get('Go to') }} {% if Navigation.NextPost.Title is not empty %}"{{ Navigation.NextPost.Title|truncate(30) }}"{% else %}{{ Lang.Get('Next post') }}{% endif %}">{{ Lang.Get('Next') }}</a>
                                        {% endif %}
                                        <div class="clear">
</div>
</div>
{% endif %}
                                {% if not isPage and Post.ShowComments is not empty %}
                                    <div class="bloc-comment" id="comments">
                                        
                                        <div class="item-comments">
                                            {% if Custom("comment") == "Facebook" %}
                                                <div class="fb-comments" data-href="{{ Post.Permalink }}" data-num-posts="10" data-width="600" data-colorscheme="light">
</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 = '//' + 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="//disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
                                            {% else %}
                                                <h3>
{{ Lang.Get('Comment this post') }}</h3>
{{ Post.Comments }}
                                            {% endif %}
                                        </div>
</div>
{% endif %}
                            {% endif %}
                        </div>
<div class="sidebar">
                           {% if Custom('display_widget_free_html_1') %}
                                {% if Custom('free_title_1') or Custom('free_html_1') %}
                                    <div class="subnav freeModule">
                                        <p class="widget-title">
{{ Custom('free_title_1') }}</p>
<div>
{{ Custom('free_html_1') }}</div>
</div>
{% endif %}
                            {% endif %}

{% if Blog.isAdEnabled %}
                                <div class="subnav ads ads-300">
                                    {% ad(14) %}
                                </div>
{% endif %}

{% if Custom('display_widget_follow_us') %}
                                <div class="subnav">
                                    <p class="widget-title">
{{ Lang.Get('Follow us') }}</p>
<ul>
                                        {% if Custom('facebook_username') is not empty %}
<li><a href="//facebook.com/{{ Custom('facebook_username') }}" target="_blank">Facebook</a></li>
{% endif %}
                                        {% if Custom('twitter_username') is not empty %}
<li><a href="//twitter.com/{{ Custom('twitter_username') }}" target="_blank">Twitter</a></li>
{% endif %}
                                        {% if Custom('flickr_username') is not empty %}
<li><a href="//flickr.com/{{ Custom('flickr_username') }}" target="_blank">Flickr</a></li>
{% endif %}
<li><a href="{{ Blog.RssUrl }}" target="_blank">RSS</a></li>
</ul>
</div>
{% endif %}
                            
                            {% if Custom('display_widget_subscribe') %}
                                <div class="subnav subscribe">
                                    <p class="widget-title">
{{ Lang.Get('Subscribe') }}</p>
<div class="box-content">
                                        <p>
{{ Lang.Get('Subscribe to be notified about future posts.') }}</p>
{% email_notification %}
                                    </div>
</div>
{% endif %}

{% if Custom('display_widget_blogroll') and Custom('blogroll_url1') is not empty or Custom('blogroll_url2') is not empty or Custom('blogroll_url3') is not empty or Custom('blogroll_url4') is not empty or Custom('blogroll_url5') is not empty or Custom('blogroll_url6') is not empty or Custom('blogroll_url7') is not empty or Custom('blogroll_url8') is not empty or Custom('blogroll_url9') is not empty or Custom('blogroll_url10') is not empty %}
                                <div class="subnav blogroll">
                                    <p class="widget-title">
{{ Lang.Get('Blogroll') }}</p>
<ul>
                                        {% if Custom('blogroll_url1') is not empty %}
<li>
                                                <a href="{{ Custom('blogroll_url1') }}" target="_blank">
                                                    {% if Custom('blogroll_name1') is not empty %}
                                                        {{ Custom('blogroll_name1') }}
                                                    {% else %}
                                                        {{ Custom('blogroll_url1') }}
                                                    {% endif %}
                                                </a>
                                            </li>
{% endif %}
                                        {% if Custom('blogroll_url2') is not empty %}
<li>
                                                <a href="{{ Custom('blogroll_url2') }}" target="_blank">
                                                    {% if Custom('blogroll_name2') is not empty %}
                                                        {{ Custom('blogroll_name2') }}
                                                    {% else %}
                                                        {{ Custom('blogroll_url2') }}
                                                    {% endif %}
                                                </a>
                                            </li>
{% endif %}
                                        {% if Custom('blogroll_url3') is not empty %}
<li>
                                                <a href="{{ Custom('blogroll_url3') }}" target="_blank">
                                                    {% if Custom('blogroll_name3') is not empty %}
                                                        {{ Custom('blogroll_name3') }}
                                                    {% else %}
                                                        {{ Custom('blogroll_url3') }}
                                                    {% endif %}
                                                </a>
                                            </li>
{% endif %}
                                        {% if Custom('blogroll_url4') is not empty %}
<li>
                                                <a href="{{ Custom('blogroll_url4') }}" target="_blank">
                                                    {% if Custom('blogroll_name4') is not empty %}
                                                        {{ Custom('blogroll_name4') }}
                                                    {% else %}
                                                        {{ Custom('blogroll_url4') }}
                                                    {% endif %}
                                                </a>
                                            </li>
{% endif %}
                                        {% if Custom('blogroll_url5') is not empty %}
<li>
                                                <a href="{{ Custom('blogroll_url5') }}" target="_blank">
                                                    {% if Custom('blogroll_name5') is not empty %}
                                                        {{ Custom('blogroll_name5') }}
                                                    {% else %}
                                                        {{ Custom('blogroll_url5') }}
                                                    {% endif %}
                                                </a>
                                            </li>
{% endif %}
                                        {% if Custom('blogroll_url6') is not empty %}
<li>
                                                <a href="{{ Custom('blogroll_url6') }}" target="_blank">
                                                    {% if Custom('blogroll_name6') is not empty %}
                                                        {{ Custom('blogroll_name6') }}
                                                    {% else %}
                                                        {{ Custom('blogroll_url6') }}
                                                    {% endif %}
                                                </a>
                                            </li>
{% endif %}
                                        {% if Custom('blogroll_url7') is not empty %}
<li>
                                                <a href="{{ Custom('blogroll_url7') }}" target="_blank">
                                                    {% if Custom('blogroll_name7') is not empty %}
                                                        {{ Custom('blogroll_name7') }}
                                                    {% else %}
                                                        {{ Custom('blogroll_url7') }}
                                                    {% endif %}
                                                </a>
                                            </li>
{% endif %}
                                        {% if Custom('blogroll_url8') is not empty %}
<li>
                                                <a href="{{ Custom('blogroll_url8') }}" target="_blank">
                                                    {% if Custom('blogroll_name8') is not empty %}
                                                        {{ Custom('blogroll_name8') }}
                                                    {% else %}
                                                        {{ Custom('blogroll_url8') }}
                                                    {% endif %}
                                                </a>
                                            </li>
{% endif %}
                                        {% if Custom('blogroll_url9') is not empty %}
<li>
                                                <a href="{{ Custom('blogroll_url9') }}" target="_blank">
                                                    {% if Custom('blogroll_name9') is not empty %}
                                                        {{ Custom('blogroll_name9') }}
                                                    {% else %}
                                                        {{ Custom('blogroll_url9') }}
                                                    {% endif %}
                                                </a>
                                            </li>
{% endif %}
                                        {% if Custom('blogroll_url10') is not empty %}
<li>
                                                <a href="{{ Custom('blogroll_url10') }}" target="_blank">
                                                    {% if Custom('blogroll_name10') is not empty %}
                                                        {{ Custom('blogroll_name10') }}
                                                    {% else %}
                                                        {{ Custom('blogroll_url10') }}
                                                    {% endif %}
                                                </a>
                                            </li>
{% endif %}
                                    </ul>
</div>
{% endif %}

{% if Custom('display_widget_free_html_2') %}
                                {% if Custom('free_title_2') or Custom('free_html_2') %}
                                    <div class="subnav freeModule">
                                        <p class="widget-title">
{{ Custom('free_title_2') }}</p>
<div>
{{ Custom('free_html_2') }}</div>
</div>
{% endif %}
                            {% endif %}
                        </div>
<div class="clear">
</div>
</div>
</div>
{% else %}
                {% if isIndex %}
                    
                    <div class="slideshow">
                        <div id="mySlides">
                            {% list Blog.Posts(10) %}
                                <div class="m-slides">
                                    {% if Post.Cover is not empty %}
                                        <img src="{{ Post.Cover|resize(960, 350)|crop }}" alt="{{ Post.Title }}" />
                                    {% elseif Custom('custom_home_slider_default_image') is not empty %}
                                        <img src="{{ Custom('custom_home_slider_default_image')|resize(960, 350)|crop }}" alt="{{ Post.Title }}" />
                                    {% else %}
                                        <img src="//assets.over-blog.com/t/elegant_press/images/slider3.jpg" alt="{{ Post.Title }}" />
                                    {% endif %}
                                    <span>
                                        {% if Post.Title is not empty %}
                                            <b class="slideheading">{{ Post.Title }}</b>
                                        {% endif %}
                                        {{ Post.Snippet }}
                                        <a href="{{ Post.Permalink }}" title="{{ Post.Title }}" class="readmore">{{ Lang.Get('Read more') }}</a>
                                    </span>
                                </div>
{% endlist %}
                        </div>
<section class="jFlowPrev">
                            <div>
</div>
</section>
                        <section class="jFlowNext">
                            <div>
</div>
</section>

<div id="myController">
                            {% list Blog.Posts(10) %}
                                <span class="jFlowControl"></span>
                            {% endlist %}
                        </div>
</div>
{% endif %}
                <div id="home_featured2">
                    {% if isSearch %}
                        <h1 class="post-title">
{{ Lang.Get('Search results for') }} “{{ Search.Keyword }}”</h1>
{% elseif isTag %}
                        <h1 class="post-title">
{{ Lang.Get('Posts with') }} #{{ Tag.Title }} tag</h1>
{% endif %}
                    <ul>
                        {% list Posts %}
<li>
                                <div class="imgholder">
                                    <a title="{{ Lang.Get('More about') }} {% if Post.Title is not empty %}" {{ Post.Title }}" {% else %}{{ Lang.Get('this post') }}{% endif %}" href="{{ Post.PermaLink }}">
                                        {% if Post.Cover is not empty %}
                                            <img class="ob-media ob-img ob-pull-left ob-media-left" src="{{ Post.Cover|resize(275,145)|crop }}" alt="" width="275" height="145" />
                                        {% elseif Custom('default_post_cover') is not empty %}
                                            <img class="ob-media ob-img ob-pull-left ob-media-left" src="{{ Custom('default_post_cover')|resize(275, 145)|crop }}" alt="" width="275" height="145" />
                                        {% else %}
                                            <img class="ob-media ob-img ob-pull-left ob-media-left" src="//assets.over-blog.com/t/elegant_press/images/thumb.jpg" width="275" height="145" alt="" />
                                        {% endif %}
                                    </a>
                                </div>
{% if isSingle %}
                                <h1 class="post-title">
                                {% else %}
                                <h2 class="post-title">
                                {% endif %}
                                    <a title="{{ Post.Snippet }}" href="{{ Post.PermaLink }}">
                                        {% if Post.Title is not empty %}
                                            {{ Post.Title }}
                                        {% else %}
                                            {{ Lang.Get('Published from') }}
                                            {% list Post.Sources %}
                                                {{ Lang.Get(Source) }} {% if not loop.last %}{{ Lang.Get('and') }}{% endif %}
                                            {% endlist %}
                                        {% endif %}
                                    </a>
                                {% if isSingle %}
                                </h1>
{% else %}
                                </h2>
{% endif %}
                                <p class="entry">
{{ Post.Snippet }}
                                </p>
<p class="readmore">
<a href="{{ Post.PermaLink }}">{{ Lang.Get('Read more') }}</a>
                                </p>
</li>
{% if loop.index % 3 == 0 %}
<li class="clear"></li>
{% endif %}
                            {% if Blog.isAdEnabled and loop.index == 3 %}
<li class="ads ads-728x90">
                                    {% ad(4) %}
                                </li>
{% endif %}
                        {% else %}
<li>{{ Lang.Get('No result for this expression') }}</li>
{% endlist %}
                    </ul>

                    {% if not isSingle and not isSpecial %}
                        {% pagination %}
                    {% endif %}
                    {% if Blog.isAdEnabled %}
                        <div class="ads ads-728x90">
                            {% ad(4) %}
                        </div>
{% endif %}
                </div>
{% endif %}
        </div>
<div class="callout">
            <div class="calloutcontainer">
                <div class="container">
                    <div class="footbox">
                        
                        {% if Custom('display_widget_archives') %}
                            {% if Blog.Archives is not empty %}
                                <p class="widget-title">
{{ Lang.Get('Blog archives') }}</p>
<ul id="archivelist">
                                    {% list Blog.Archives %}
<li>
                                            <a href="#" class="plustext" onclick="javascript: return switch_arch('{{Archive.Year}}')">{{ Archive.Year }}</a>
                                            <ul id="arch_{{Archive.Year}}" class="arch_month">
                                            {% list Archive.Months %}
                                                {% if Month.PostCount > 0 %}
<li><a href="{{Month.Url}}">{{ Lang.Get(Month.Name) }}</a> ({{ Month.PostCount }})</li>
{% endif %}
                                            {% endlist %}
                                            </ul>
</li>
{% endlist %}
                                </ul>
{% endif %}
                        {% endif %}
                    </div>
{% if Custom('display_widget_follow_us') %}
                        <div class="footbox last">
                            
                            <p class="widget-title">
{{ Lang.Get('We are social!') }}</p>
<div id="social">
                                {% if Custom('facebook_username') is not empty %}
                                    <a href="//www.facebook.com/{{ Custom('facebook_username') }}" class="s3d facebook" target="_blank">
                                        Facebook <span class="icons facebook"></span>
                                    </a>
                                {% endif %}
                                {% if Custom('twitter_username') is not empty %}
                                    <a href="//www.twitter.com/{{ Custom('twitter_username') }}" class="s3d twitter" target="_blank">
                                        Twitter <span class="icons twitter"></span>
                                    </a>
                                {% endif %}
                                {% if Custom('flickr_username') is not empty %}
                                    <a href="//www.flickr.com/{{ Custom('flickr_username') }}" class="s3d flickr" target="_blank">
                                        Flickr <span class="icons flickr"></span>
                                    </a>
                                {% endif %}
                                {% if Custom('youtube_username') is not empty %}
                                    <a href="//www.youtube.com/user/{{ Custom('youtube_username') }}" class="s3d youtube" target="_blank">
                                        Youtube <span class="icons youtube"></span>
                                    </a>
                                {% endif %}
                                <a href="{{ Blog.RssUrl}}" class="s3d rss" target="_blank">
                                    Rss <span class="icons rss"></span>
                                </a>
                                <div class="clear">
</div>
</div>
</div>
{% endif %}

{% if Custom('display_widget_last_posts') %}
                        <div class="latestgallery">
                            <p class="widget-title">
{{ Lang.Get('Last Posts') }}</p>
<ul>
                                {% list Blog.Posts(4) %}
<li>
                                        <a title="{{ Post.Snippet}}" href="{{ Post.PermaLink }}">
                                            {% if Post.Cover is not empty %}
                                                <img  src="{{ Post.Cover|resize(150, 95)|crop }}" alt="{{ Post.Title }}" width="150" height="95" />
                                            {% elseif Custom('default_post_cover') is not empty %}
                                                <img src="{{ Custom('default_post_cover')|resize(150, 95)|crop }}" alt="{{ TaggedPost.Title }}" width="150" height="95" />
                                            {% else %}
                                                <img src="//assets.over-blog.com/t/elegant_press/images/thumb.jpg" width="150" height="95" alt="{{ TaggedPost.Title }}" />
                                            {% endif %}
                                        </a>
                                    </li>
{% endlist %}
                            </ul>
</div>
{% endif %}
                    <div class="clear">
</div>
<div class="calloutoverlay">
</div>
<div class="calloutoverlaybottom">
</div>
</div>
</div>
</div>
<footer class="footer">
            <div class="container">
                <p class="left">
Theme: Elegant press © 2013</p>
<p class="right">
{{ Lang.Get('Hosted by') }} <a href="//www.over-blog.com" target="_blank">Overblog</a>
                </p>
<div class="clear">
</div>
</div>
</footer>

// Facebook button
            (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'));

// Twitter button
            !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");

// Google + button
            window.___gcfg = {lang: '{{ Blog.Lang }}'};

(function() {
                var po = document.createElement('script');
                    po.type = 'text/javascript';
                    po.async = true;
                    po.src = '//apis.google.com/js/plusone.js';
                var s = document.getElementsByTagName('script')[0];
                    s.parentNode.insertBefore(po, s);
            })();

{% if Custom('google_analytics') is not empty %}
                // Google Analytics
                window.google_analytics_uacct = '{{ Custom('google_analytics') }}';

lundi 21 novembre 2016

Elegant press