 <style type="text/css">
            [class^=app_gdpr] a {
                color: white !important;
            }
            [class^=app_gdpr] a[href], [class^=app_gdpr] [class^=banner_message] a:not([class^=banner_continue]) {
                text-decoration: underline;
            }
            [class^=app_gdpr] a svg {
                fill: white !important;
            }
            [class^=app_gdpr] [class^=banner_banner], [class^=app_gdpr] [class^=popup_popup]{
                z-index: 2147483647 !important;
            }


            .ob-h1 {
                display: block;
                font-size: 2em;
                margin-top: 0.67em;
                margin-bottom: 0.67em;
                font-weight: bold;
            }
            .ob-h2 {
                display: block;
                font-size: 1.5em;
                margin-top: 0.83em;
                margin-bottom: 0.83em;
                font-weight: bold;
            }
            .ob-h3 {
                display: block;
                font-size: 1.17em;
                margin-top: 1em;
                margin-bottom: 1em;
                font-weight: bold;
            }
            .ob-h4 {
                display: block;
                margin-top: 1.33em;
                margin-bottom: 1.33em;
                font-weight: bold;
            }
            .ob-h5 {
                display: block;
                font-size: 0.83em;
                margin-top: 1.67em;
                margin-bottom: 1.67em;
                font-weight: bold;
            }
            .ob-h6 {
                display: block;
                font-size: 0.67em;
                margin-top: 2.33em;
                margin-bottom: 2.33em;
                font-weight: bold;
            }

            /********************************
                         Reset
            ********************************/

            * { box-sizing: border-box; }
            a { color: #3498db; text-decoration: none; }
            h1, h2, h3, h4, h5, .ob-h1, .ob-h2, .ob-h3, .ob-h4, .ob-h5 { font-family: 'Open Sans'; }
            html { font-family: 'Open Sans'; }

            @media only screen and (min-width: 970px) {
            a:hover { color: #3498db; text-decoration: underline; }
            }

            /********************************
                         Html
            ********************************/
            html {
                    font-size: 16px;
                    font-size: 1rem;
                                                }

            /********************************
                         Body
            ********************************/

            .Body {
                color: #606569;
                line-height: 20px;
                background-image : url(Light-wool.png);
                            }

            @media only screen and (min-width: 970px) {
            .Body {
                line-height: 26px;
            }
            }

            /********************************
                         HeaderNav
            ********************************/

            .HeaderNav {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-box-direction: normal;
                -moz-box-direction: normal;
                -webkit-box-orient: vertical;
                -moz-box-orient: vertical;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
                padding-top: 10px;
            }

            @media only screen and (min-width: 970px) {
            .HeaderNav {
                padding-top: 20px;
            }
            }

            /********************************
                         Header
            ********************************/

            .Header {
                position: relative;
                width: 100%;

                    -webkit-box-ordinal-group: 1;
                    -moz-box-ordinal-group: 1;
                    -ms-flex-order: 1;
                    -webkit-order: 1;
                    order: 1;
                            }

                .Header-cover {
                    display: block;
                    width: 100%;
                    object-fit: cover;
                    padding: 0 10px;
                    margin: auto;
                    position: relative;
                    min-height: 40px;
                    
                }

                @media only screen and (min-width: 970px) {
                .Header-cover {
                    width: 970px;
                    padding: 0;
                    min-height: 70px;
                                    }
                }

                    .Header-coverImage {
                        display: block;
                        width: 100%;
                    }

                    .Header-content {
                        overflow: hidden;
                        padding: 10px;
                        position: absolute;
                        right: 10px;
                        left: 10px;
                        top: 10px;
                        background: rgba(255, 255, 255, .8);
                                            }

                    @media only screen and (min-width: 970px) {
                    .Header-content {
                        width: 970px;
                        padding: 20px;
                        right: 0;
                        left: 0;
                        top: 20px;
                        }
                    }

                        .Header-title {
                            font-family: 'Open Sans';
                            font-size: 20px;
                            font-size: 1.25rem;
                            font-weight: 400;
                            text-transform: uppercase;
                            letter-spacing: 2px;
                            margin: 0;
                            line-height: 20px;
                            line-height: 1.25rem;
                            text-align: center;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                        }

                        @media only screen and (min-width: 970px) {
                        .Header-title {
                            font-size: 30px;
                            font-size: 1.875rem;
                            line-height: 40px;
                            line-height: 2.5rem;
                        }
                        }

                            .Header-titleLink {}

                            @media only screen and (min-width: 970px) {
                            .Header-titleLink:hover {
                                text-decoration: underline;
                            }
                            }

                        .Header-subtitle {
                            font-size: 15px;
                            font-size: .9375rem;
                            font-weight: 400;
                            margin: 0;
                            line-height: 20px;
                            line-height: 1.25rem;
                            text-align: center;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                        }

                        @media only screen and (min-width: 970px) {
                        .Header-subtitle {
                            font-size: 18px;
                            font-size: 1.125rem;
                            line-height: 40px;
                            line-height: 2.5rem;
                        }
                        }


            /********************************
                         Nav
            ********************************/

            .menu-main, .menu-main ul {
              background: #f2f2f2;
            }
            .menu-main li {
              background-color: initial;
            }
            @media only screen and (min-width: 970px) {
              .menu-main a:hover, .menu-main span:hover {
                border-bottom: 2px solid #3498db;
              }
            }

            .Nav {
                    -webkit-box-ordinal-group: 2;
                    -moz-box-ordinal-group: 2;
                    -ms-flex-order: 2;
                    -webkit-order: 2;
                    order: 2;

            }

            @media only screen and (min-width: 970px) {
            .Nav {
                              }
            }

                .Nav-content {
                  background: #f2f2f2;
                  margin: 0 10px;
                                }

                @media only screen and (min-width: 970px) {
                  .Nav-content {
                      width: 970px;
                      margin: auto;
                  }
                }

                .Nav-menuButton {
                    display: inline-block;
                    width: 50px;
                    height: 50px;
                    line-height: 50px;
                    vertical-align: middle;
                    text-align: center;
                    font-size: 20px;
                    font-size: 1.25rem;
                    color: #fff;
                    cursor: pointer;
                    -webkit-user-select: none;
                    -moz-user-select: none;
                    -ms-user-select: none;
                    -o-user-select: none;
                    user-select: none;
                    /*background: #3498db;*/

                    background: transparent; /* Ou #f2f2f2 pour s'aligner sur le fond de Nav-content */
                    /*color: #000;    */         /* Pour que l'icône reste visible sur fond clair */
                }

                @media only screen and (min-width: 970px) {
                  .Nav-menuButton {
                      display: none;
                  }
                }
              .Nav-menu {
                position: absolute;
                padding: 0;
                margin: 0;
                z-index: 1;
                display: none;
                width: 100%;
              }
              @media only screen and (min-width: 970px) {
                .Nav-menu {
                  display: inline-block;
                  position: relative;
                }
              }
              .Nav-menu--open {
                display: block;
              }
              .NavElement {
                display: block;
                position: relative;
              }
              @media only screen and (min-width: 970px) {
                .NavElement {
                  display: inline-block;
                }
              }
              .NavElement-link {
                display: block;
                text-decoration: none;
                color: #000000;
                background: #f2f2f2;
                font-family: 'Open Sans';
                font-size: 14px;
                font-size: .875rem;
                text-transform: uppercase;
                padding: 0 15px;
                line-height: 45px;
                border-bottom: 2px solid #f2f2f2;
              }
              @media only screen and (min-width: 970px) {
                .NavElement-link:hover,
                .NavElement-link:focus{
                  background: #fff;
                  text-decoration: none;
                  outline: none;
                  border-bottom: 2px solid #3498db;
                }
              }
              @media only screen and (max-width: 969px) {
                .NavElementSub {
                  padding-left: 20px;
                  background-color: #f2f2f2;
                  display: block;
                }
              }

              @media only screen and (min-width: 970px) {
                .NavElementSub {
                  position: absolute;
                  text-align: center;
                  width: 300px;
                  z-index: 1000;
                  padding-left: 0;
                  display: block;
                  -webkit-box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.2);
                  -moz-box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.2);
                  box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.2);
                }
                .NavElement-sub .NavElement-link {
                  display: none;
                }
                .Nav-menu .NavElement:hover > .NavElement-sub .NavElement-link {
                  display: block;
                }
                .Nav-menu .NavElement-link:focus + .NavElement-sub .NavElement-link {
                  display: block;
                }
                .NavElement-sub .NavElement-link:focus,
                .NavElement-sub .NavElement-link:focus ~ .NavElement-link {
                  display:block
                }
              }


            /********************************
                         Content
            ********************************/

            .Content {
                margin: auto;
                margin-top: 10px;
            }

            @media only screen and (min-width: 970px) {
            .Content {
                width: 970px;
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-box-direction: normal;
                -moz-box-direction: normal;
                -webkit-box-orient: horizontal;
                -moz-box-orient: horizontal;
                -webkit-flex-direction: row;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-box-flex: 1;
                -moz-box-flex: 1;
                -webkit-flex: 1 1 auto;
                -ms-flex: 1 1 auto;
                flex: 1;
                -webkit-align-self: auto;
                -ms-flex-item-align: auto;
                align-self: auto;
                -webkit-box-align: start;
                -moz-box-align: start;
                -webkit-align-items: flex-start;
                -ms-flex-align: start;
                align-items: flex-start;
                min-width: 0;
                margin-top: 20px;
              }
            }

            .Content--list {}
            .Content--page {}
            .Content--special {}

                .Content-main {
                    background-color: #fff;
                    padding: 10px;
                }

                @media only screen and (min-width: 970px) {
                .Content-main {
                    padding: 20px;
                    -webkit-box-flex: 1;
                    -moz-box-flex: 1;
                    -webkit-flex: 1 1 auto;
                    -ms-flex: 1 1 auto;
                    flex: 1;
                    -webkit-align-self: auto;
                    -ms-flex-item-align: auto;
                    align-self: auto;
                    min-width: 0;
                    margin-right: 20px;
                        }
                }


            /********************************
                      PostPreview
            ********************************/
            .PostPreview-container {
                zoom: 1;
            }

                .PostPreview {
                    width: 100%;
                    padding: 10px 0;
                    border-bottom: 1px solid #d9d9d9;
                }

                @media only screen and (min-width: 970px) {
                .PostPreview {
                    display: -webkit-box;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: -webkit-flex;
                    display: flex;
                    padding: 20px 0;
                }
                }

                .PostPreview:first-child {
                    padding-top: 0;
                }

                    .PostPreview-cover {
                        display: block;
                        width: 100%;
                        position: relative;
                        margin: 0;
                    }

                    @media only screen and (min-width: 970px) {
                    .PostPreview-cover {
                        -webkit-box-flex: 1;
                        -moz-box-flex: 1;
                        -webkit-flex: 1 1 auto;
                        -ms-flex: 1 1 auto;
                        flex: 1;
                        -webkit-align-self: auto;
                        -ms-flex-item-align: auto;
                        align-self: auto;
                        min-width: 0;
                        opacity: 1;
                        -webkit-transition: opacity .4s ease-in-out;
                        -moz-transition: opacity .4s ease-in-out;
                        -o-transition: opacity .4s ease-in-out;
                        transition: opacity .4s ease-in-out;
                    }

                    .PostPreview-cover:hover {
                        opacity: 0.8;
                        -webkit-transition: opacity .4s ease-in-out;
                        -moz-transition: opacity .4s ease-in-out;
                        -o-transition: opacity .4s ease-in-out;
                        transition: opacity .4s ease-in-out;
                    }
                    }

                        .PostPreview-coverLink {
                            display: block;
                        }

                            .PostPreview-coverImage {
                                height: 100%;
                                width: 100%;
                                border: 0;
                                display: block;
                                border: none;
                            }

                            .PostPreview-coverImage--default {
                                background: #d7d5d5;
                            }

                            @media only screen and (min-width: 970px) {
                            .PostPreview-coverImage {
                                position: absolute;
                                top: 0;
                                bottom: 0;
                                left: 0;
                                right: 0;
                                object-fit: cover;
                            }
                            }

                            .PostPreview-tags {
                                position: absolute;
                                display: none;
                                top: 0;
                                left: 10px;
                                padding: 0 20px;
                                line-height: 25px;
                                color: #fff;
                                max-width: 90%;
                                text-transform: uppercase;
                                font-size: 12px;
                                font-size: .75rem;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                                max-width: 90%;
                                font-family: 'Open Sans';
                                background-color: #3498db;
                            }

                            @media only screen and (min-width: 970px) {
                            .PostPreview-tags {
                                display: block;
                            }
                            }

                            .PostPreview-tag {
                                color: #fff;
                            }

                            @media only screen and (min-width: 970px) {
                            .PostPreview-tag:hover,
                            .PostPreview-tag:focus {
                                outline: none;
                                color: #fff;
                                text-decoration: underline;
                            }
                            }

                    .PostPreview-content {}

                    @media only screen and (min-width: 970px) {
                    .PostPreview-content {
                        -webkit-box-flex: 1;
                        -moz-box-flex: 1;
                        -webkit-flex: 1 1 auto;
                        -ms-flex: 1 1 auto;
                        flex: 1;
                        -webkit-align-self: auto;
                        -ms-flex-item-align: auto;
                        align-self: auto;
                        min-width: 0;
                        overflow: hidden;
                    }

                    .PostPreview-cover + .PostPreview-content {
                        padding-left: 20px;
                    }
                    }

                        .PostPreview-meta {
                            width: 100%;
                            margin-bottom: 0;
                        }

                        @media only screen and (min-width: 970px) {
                        .PostPreview-meta {
                            margin-top: 0;
                        }
                        }

                        .PostPreviewMeta {
                            display: -webkit-box;
                            display: -moz-box;
                            display: -ms-flexbox;
                            display: -webkit-flex;
                            display: flex;
                            color: #4f5a65;
                            text-transform: uppercase;
                            font-size: 11px;
                            font-size: .6875rem;
                        }

                            .PostPreviewMeta-date {
                               -webkit-box-flex: 2;
                                -moz-box-flex: 2;
                                -webkit-flex: 2 1 auto;
                                -ms-flex: 2 1 auto;
                                flex: 2;
                                -webkit-align-self: auto;
                                -ms-flex-item-align: auto;
                                align-self: auto;
                                min-width: 0;
                            }

                            .PostPreviewMeta-source {
                                -webkit-box-flex: 4;
                                -moz-box-flex: 4;
                                -webkit-flex: 4 1 auto;
                                -ms-flex: 4 1 auto;
                                flex: 4;
                                -webkit-align-self: auto;
                                -ms-flex-item-align: auto;
                                align-self: auto;
                                min-width: 0;
                                text-align: center;
                            }

                            .PostPreviewMeta-comments {
                                -webkit-box-flex: 1;
                                -moz-box-flex: 1;
                                -webkit-flex: 1 1 auto;
                                -ms-flex: 1 1 auto;
                                flex: 1;
                                -webkit-align-self: auto;
                                -ms-flex-item-align: auto;
                                align-self: auto;
                                min-width: 0;
                                text-align: right;
                            }

                        .PostPreview-title {
                             font-family: 'Open Sans';
                             font-size: 16px;
                             font-size: 1rem;
                             overflow: hidden;
                             text-overflow: ellipsis;
                             white-space: nowrap;
                             margin: 10px 0;
                        }

                         .PostPreview-title a {
                             color: #f000c8;

                        }

                        .PostPreview-snippet {
                            margin: 0;
                            font-size: 14px;
                            font-size: .875rem;
                        }

                        @media only screen and (min-width: 970px) {
                        .PostPreview-snippet {
                            min-height: 130px;
                        }
                        }

                        .PostPreview-readMore {
                            display: inline-block;
                            text-transform: uppercase;
                            font-size: 12px;
                            font-size: .75rem;
                            padding: 0 20px;
                            margin-top: 10px;
                            line-height: 25px;
                            color: #ffffff;
                            background: #3498db;
                        }

                        @media only screen and (min-width: 970px) {
                        .PostPreview-readMore:hover {
                            color: #ffffff;
                        }
                        }


            /********************************
                        Post
            ********************************/

            .Post {
                width: 100%;
                background-color: #fff;

                                    padding-bottom: 30px;
                            }

                .Post-tags {
                    text-align: center;
                    display: block;
                }

                    .Post-tag {
                        text-transform: uppercase;
                        font-family: 'Open Sans';
                        font-size: 11px;
                        font-size: .6875rem;
                        font-weight: 700;
                        letter-spacing: 2px;
                    }

                .Post-title {
                    font-family: 'Open Sans';
                    font-size: 25px;
                    font-size: 1.5625rem;
                    line-height: 35px;
                    text-transform: uppercase;
                    letter-spacing: 2px;
                    margin: 0;
                    text-align: center;
                }

                .Post-date {
                    font-family: 'Open Sans';
                    font-style: italic;
                    font-size: 10px;
                    font-size: .625rem;
                    text-transform: uppercase;
                    letter-spacing: 1px;
                    color: #939393;
                    text-align: center;
                    margin: 0;
                }

                .Post-author {
                    text-align: center;
                    margin: 0;
                }

                .Post-cover {
                    width: 100%;
                    margin: 10px 0 0;
                }

                    .Post-coverImage {
                        width: 100%;
                        display: block;
                        background-color: black;
                    }

                .Post-body {
                    margin: 10px 0;
                    text-align: justify;
                }

                .ob-Outbrain,
                .ob-Related {
                    margin-bottom: 10px;
                }

                @media only screen and (min-width: 970px) {
                .ob-Outbrain,
                .ob-Related {
                    margin-bottom: 20px;
                }
                }

                .Post-pagination {
                    margin-top: 10px;
                }

                @media only screen and (min-width: 970px) {
                .Post-pagination {
                    margin-top: 20px;
                }
                }


            /********************************
                         Sidebar
            ********************************/
            .Sidebar {
                background-color: #fff;
                padding: 10px;
                padding-bottom: 0;
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-box-direction: normal;
                -moz-box-direction: normal;
                -webkit-box-orient: vertical;
                -moz-box-orient: vertical;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
            }

            @media only screen and (min-width: 970px) {
            .Sidebar {
                top: 0px;
                -webkit-box-flex: 0;
                -moz-box-flex: 0;
                width: 340px;
                -webkit-flex: 0 0 340px;
                -ms-flex: 0 0 340px;
                flex: 0 0 340px;
                -webkit-align-self: auto;
                -ms-flex-item-align: auto;
                align-self: auto;
                min-width: 0;
                height: 100%;
                padding: 20px;
                padding-bottom: 0;
                            }

            body.withsharebar .Sidebar {
                top: 40px;
            }
            }

                .Sidebar-ad--300x250 {
                    width: 100%;
                    height: auto;
                    margin: auto;
                    overflow: auto;
                    text-align: center;
                }

                .Sidebar-ad--300x600 {
                    width: 100%;
                    height: auto;
                    margin: auto;
                    overflow: auto;
                    text-align: center;
                }


                @media only screen and (min-width: 970px) {
                .Sidebar-ad--300x250 {
                    width: 300px;
                    height: 250px;
                }
                .Sidebar-ad--300x600 {
                    width: 300px;
                    height: 1000px;
                    overflow: initial;
                    position: relative;
                }
                    .Sidebar-ad--300x600 > * {
                        position: sticky;
                        top: 20px;
                    }
                    .shareBarOpened .Sidebar-ad--300x600 > * {
                        top: 60px;
                    }
                }


                .Sidebar-widget {
                    margin-bottom: 10px;
                }

                @media only screen and (min-width: 970px) {
                .Sidebar-widget {
                    margin-bottom: 20px;
                }
                }

                .Sidebar-widget[data-order="1"] {-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;}
                .Sidebar-widget[data-order="2"] {-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;}
                .Sidebar-widget[data-order="3"] {-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;-ms-flex-order:3;-webkit-order:3;order:3;}
                .Sidebar-widget[data-order="4"] {-webkit-box-ordinal-group:4;-moz-box-ordinal-group:4;-ms-flex-order:4;-webkit-order:4;order:4;}
                .Sidebar-widget[data-order="5"] {-webkit-box-ordinal-group:5;-moz-box-ordinal-group:5;-ms-flex-order:5;-webkit-order:5;order:5;}
                .Sidebar-widget[data-order="6"] {-webkit-box-ordinal-group:6;-moz-box-ordinal-group:6;-ms-flex-order:6;-webkit-order:6;order:6;}
                .Sidebar-widget[data-order="7"] {-webkit-box-ordinal-group:7;-moz-box-ordinal-group:7;-ms-flex-order:7;-webkit-order:7;order:7;}
                .Sidebar-widget[data-order="8"] {-webkit-box-ordinal-group:8;-moz-box-ordinal-group:8;-ms-flex-order:8;-webkit-order:8;order:8;}
                .Sidebar-widget[data-order="9"] {-webkit-box-ordinal-group:9;-moz-box-ordinal-group:9;-ms-flex-order:9;-webkit-order:9;order:9;}
                .Sidebar-widget[data-order="10"] {-webkit-box-ordinal-group:10;-moz-box-ordinal-group:10;-ms-flex-order:10;-webkit-order:10;order:10;}
                .Sidebar-widget[data-order="11"] {-webkit-box-ordinal-group:11;-moz-box-ordinal-group:11;-ms-flex-order:11;-webkit-order:11;order:11;}
                .Sidebar-widget[data-order="12"] {-webkit-box-ordinal-group:12;-moz-box-ordinal-group:12;-ms-flex-order:12;-webkit-order:12;order:12;}
                .Sidebar-widget[data-order="13"] {-webkit-box-ordinal-group:13;-moz-box-ordinal-group:13;-ms-flex-order:13;-webkit-order:13;order:13;}
                .Sidebar-widget[data-order="14"] {-webkit-box-ordinal-group:14;-moz-box-ordinal-group:14;-ms-flex-order:14;-webkit-order:14;order:14;}
                .Sidebar-widget[data-order="15"] {-webkit-box-ordinal-group:15;-moz-box-ordinal-group:15;-ms-flex-order:15;-webkit-order:15;order:15;}
                .Sidebar-widget[data-order="16"] {-webkit-box-ordinal-group:16;-moz-box-ordinal-group:16;-ms-flex-order:16;-webkit-order:16;order:16;}
                .Sidebar-widget[data-order="17"] {-webkit-box-ordinal-group:17;-moz-box-ordinal-group:17;-ms-flex-order:17;-webkit-order:17;order:17;}
                .Sidebar-widget[data-order="18"] {-webkit-box-ordinal-group:18;-moz-box-ordinal-group:18;-ms-flex-order:18;-webkit-order:18;order:18;}
                .Sidebar-widget[data-order="19"] {-webkit-box-ordinal-group:19;-moz-box-ordinal-group:19;-ms-flex-order:19;-webkit-order:19;order:19;}
                .Sidebar-widget[data-order="20"] {-webkit-box-ordinal-group:20;-moz-box-ordinal-group:20;-ms-flex-order:20;-webkit-order:20;order:20;}
                .Sidebar-widget[data-order="21"] {-webkit-box-ordinal-group:21;-moz-box-ordinal-group:21;-ms-flex-order:21;-webkit-order:21;order:21;}

                    .Sidebar-title {
                        background: #f2f2f2;
                        color: #19232d;
                        font-family: 'Open Sans';
                        font-size: 13px;
                        font-size: .8125rem;
                        line-height: 35px;
                        text-transform: uppercase;
                        word-wrap: break-word;
                        padding: 0 15px;
                        margin: 0 0 10px;
                    }

                    @media only screen and (min-width: 970px) {
                    .Sidebar-title {
                        margin-bottom: 20px;
                    }
                    }

                    .Sidebar-content {
                        max-width: 100%;
                        overflow: hidden;
                    }

                        .Sidebar-content iframe {
                            width: 100%;
                            display: block;
                        }

                    .Sidebar-post {
                        border-bottom: 0;
                        padding: 2px 0;
                    }

                    .Sidebar-widget .Sidebar-post:first-child {
                        padding-top: 0;
                    }

                    .Sidebar-widget .Sidebar-post:last-child {
                        padding-bottom: 0;
                    }

                        .Sidebar-post .PostPreview-content {
                            -webkit-box-flex: 2;
                            -moz-box-flex: 2;
                            -webkit-flex: 2 1 auto;
                            -ms-flex: 2 1 auto;
                            flex: 2;
                            -webkit-align-self: auto;
                            -ms-flex-item-align: auto;
                            align-self: auto;
                            min-width: 0;
                        }

                            .Sidebar-post .ob-section:last-child {
                                margin-bottom: 0;
                            }

                .SidebarAbout {}

                    .SidebarAbout-avatar {
                        width: 100%;
                    }

                    .SidebarAbout-description {
                        margin: 0;
                    }

                .SidebarFollow {
                    padding-left: 0;
                    text-align: center;
                    margin: 0;
                }

                    .SidebarFollow-element {
                        border: 0;
                        display: inline-block;
                        padding: 0;
                        position: relative;
                        text-align: center;
                    }

                        .SidebarFollow-elementLink {
                            width: 40px;
                            height: 40px;
                            display: inline-block;
                            font-weight: normal;
                            font-style: normal;
                            text-decoration: inherit;
                            background-color: #f2f2f2;
                        }

                        @media only screen and (min-width: 970px) {
                        .SidebarFollow-elementLink:hover {
                            color: #fff;
                            background: #3498db;
                        }
                        }

                        .SidebarFollow-elementLink .fas, .SidebarFollow-elementLink .fab {
                            width: 40px;
                            line-height: 40px;
                            font-size: 15px;
                            font-size: .9375rem;
                            text-align: center;
                        }

                .Sidebar-form {
                    display: -webkit-box;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: -webkit-flex;
                    display: flex;
                }

                    .SidebarForm-input {
                        -webkit-box-flex: 1;
                        -moz-box-flex: 1;
                        -webkit-flex: 1 1 auto;
                        -ms-flex: 1 1 auto;
                        flex: 1;
                        -webkit-align-self: auto;
                        -ms-flex-item-align: auto;
                        align-self: auto;
                        min-width: 0;
                    }

                    .SidebarForm-submit {
                        -webkit-box-flex: 0;
                        -moz-box-flex: 0;
                        -webkit-flex: 0 0 auto;
                        -ms-flex: 0 0 auto;
                        flex: 0 0 auto;
                        -webkit-align-self: auto;
                        -ms-flex-item-align: auto;
                        align-self: auto;
                        min-width: 0;
                        margin-left: 10px;
                    }

                .Sidebar-list {
                    list-style: none;
                    padding-left: 0;
                    margin: 0;
                }

                 .Sidebar-list a {
                    color: #f000c8;
                }


            /********************************
                         Title
            ********************************/

            .Title {
                font-family: 'Open Sans';
                text-transform: uppercase;
                letter-spacing: 2px;
            }

            .Content--list .Content-main .Title:first-of-type {
                margin-top: 0;
            }

            /********************************
                         Post Navigation
            ********************************/
            .ob-PostNavigation {
                margin-top: 20px;
            }

            @media only screen and (max-width: 970px) {
                .ob-PostNavigation {
                    flex-direction: column;
                }
                .ob-PostNavigation-link--prev {
                    margin-right: 0;
                }
                .ob-PostNavigation-link--next {
                    margin-left: 0;
                    margin-top: 0.5em;
                }
            }

            .ob-PostNavigation-link {
                flex: 1;
                display: flex;
                align-items: stretch;
                flex-direction: column;
                border: 1px solid #979797;
                padding: 10px;
                font-size: 18px;
                font-size: 1.125em;
            }
            .ob-PostNavigation-link > * + * {
                margin-left: 0
            }

            .ob-PostNavigationLink-chevron{
                color: #666666;
            }

            .ob-PostNavigation-link--prev .ob-PostNavigationLink-chevron:before {
                content: "« Article précédent";
            }

            .ob-PostNavigation-link--next {
                flex-direction: column-reverse;
            }

            @media only screen and (min-width: 970px) {
                .ob-PostNavigation-link--next {
                    text-align: right;
                }
            }

            .ob-PostNavigation-link--next .ob-PostNavigationLink-chevron:before {
                content: "Article suivant »";
            }

            @media only screen and (max-width: 970px) {
                .ob-PostNavigation-link--prev + .ob-PostNavigation-link--next {
                    margin-top: 10px;
                }
            }

            @media only screen and (min-width: 970px) {
                .ob-PostNavigation-link--prev {
                    margin-right: 10px;
                }

                .ob-PostNavigation-link--next {
                    margin-left: 10px;
                    text-align: right;
                }
            }

            .ob-PostNavigationLink-label {
                display: block;
            }

            @media only screen and (min-width: 970px) {
                .ob-PostNavigation-link .ob-PostNavigationLink-label {
                    text-decoration: none;
                }
            }

            /********************************
                         Pagination
            ********************************/

            @media only screen and (min-width: 970px) {
            .Pagination {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
            }
            }

            .ob-pagination {
                text-align: center;
                margin-top: 10px;
            }

            @media only screen and (min-width: 970px) {
            .ob-pagination {
                margin-top: 20px;
            }
            }

                .ob-page {
                    display: inline-block;
                    padding: 0 10px;
                    background: #f2f2f2;
                    font-family: sans-serif;
                    font-size: 13px;
                    font-size: .8125rem;
                    height: 25px;
                    line-height: 25px;
                    margin: 0 2.5px;
                }

                .ob-page-current {
                    color: #fff;
                    background: #3498db;
                    text-decoration: none;
                }

                @media only screen and (min-width: 970px) {
                .ob-page-link:hover {
                    color: #fff;
                    background: #3498db;
                    text-decoration: none;
                }
                }


            /********************************
                         Footer
            ********************************/

            .Footer, .ob-footer {
                width: 100%;
                text-align: center;
                background-color: #f2f2f2;
            }

            .Footer {
                padding: 15px 0;
                margin-top: 10px;
            }

            .ob-footer {
                padding-bottom: 15px;
            }

                .Footer a,
                .ob-footer a,
                .Footer a:visited,
                .ob-footer a:visited {
                    color: #3498db;
                }


            /********************************
                         Ads
            ********************************/
            .Ad--970x90 {
                width: 100%;
                height: auto;
                margin: 10px auto 0;
                overflow: hidden;
                text-align: center;
            }

            @media only screen and (min-width: 970px) {
            .Ad--970x90 {
                width: 970px;
                height: 90px;
                margin-top: 20px;
            }
            }

            .Ad--468x60 {
                text-align: center;
                margin-bottom: 20px;
            }


            .petit-separateur {
                width: 180px;               /* Longueur du trait (petit trait) */
                border: none;              /* Enlève la bordure 3D par défaut du navigateur */
                height: 1px;               /* Épaisseur du trait */
                background-color: grey; /* Couleur du trait */
                margin: 25px auto;         /* Espace en haut/bas (25px) et centrage horizontal (auto) */
                border-radius: 2px;        /* Optionnel : arrondit légèrement les bords */
                }



            /********************************
                   Overblog surcharge
            ********************************/

            .ob-text p:first-child {
                margin-top: 0;
            }

            p.ob-desc {
                text-align: center;
                color: grey;
                font-style: italic;
            }

            /* Forms */
            .ob-input {
                font-size: 13px;
                font-size: .8125rem;
                line-height: 35px;
                height: 35px;
                padding: 0 10px;
                background: #fff;
                border: 1px solid #3498db;
            }

            .ob-input-textarea {
                height: auto;
            }

            .ob-input-submit {
                color: #fff;
                background: #3498db;
            }

            @media only screen and (min-width: 970px) {
            .ob-input-submit:hover {
                text-decoration: underline;
            }
            }

            /* Section Html */
            .ob-section-html blockquote.ob-tweet {
                margin: 0;
            }

            /* Section Quote */
            .ob-section-quote .ob-quote .ob-quote-left,
            .ob-section-quote .ob-quote .ob-quote-right {
                fill: #3498db;
            }

            /* Section File */
            .ob-section-file .ob-button-link {
                color: #FFFFFF;
                background: #3498db;
            }

            /* Section Audio */
            .ob-section-audio .obsoundplayer .obsoundplayerplay .obsoundplayerplay-play,
            .ob-section-audio .obsoundplayer .obsoundplayerplay .obsoundplayerplay-pause,
            .ob-section-audio .obsoundplayer .obsoundplayervolume .obsoundplayervolume-on,
            .ob-section-audio .obsoundplayer .obsoundplayervolume .obsoundplayervolume-off {
                fill: #3498db;
            }

            .ob-section-images,
            .ob-section-images img,
            .ob-section-map .ob-map,
            .ob-section-map .ob-desc {
                width: auto;
            }

            .ob-section-html img,
            .ob-section-images,
            .ob-section-images img,
            .ob-section-map .ob-map,
            .ob-section-map .ob-desc {
                max-width: 100%;
                height: auto;
            }

            @media only screen and (min-width: 970px) {
            .ob-row-1-col,
            .ob-row-2-col,
            .ob-row-3-col,
            .ob-row-4-col,
            .ob-row-5-col {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
            }

            .ob-row-1-col a,
            .ob-row-2-col a,
            .ob-row-3-col a,
            .ob-row-4-col a,
            .ob-row-5-col a {
                -webkit-box-flex: 1;
                -moz-box-flex: 1;
                -webkit-flex: 1 1 auto;
                -ms-flex: 1 1 auto;
                flex: 1;
                -webkit-align-self: auto;
                -ms-flex-item-align: auto;
                align-self: auto;
                min-width: 0;
            }
            }

            .ob-Shares-title {
                text-transform: uppercase;
            }

            /* Newsletter Form */
            .ob-Newsletter {}
                .ob-Newsletter-toggle,
                .ob-Newsletter-submit {
                    background: #3498db;
                }

            /* Comments */
            #ob-comments .ob-button-primary,
            #ob-comments .ob-reply-link,
            #ob-comments a {
                border-color: #3498db;
                color: #3498db;
            }

            body .menu-main {
             background: #f2f2f2; }
  @media only screen and (min-width: 970px) {
    body .menu-main a, body .menu-main span {
      border-bottom: 2px solid transparent; }

    body .menu-main a:hover, body .menu-main span:hover {
      background: #fff;
      text-decoration: none;
      outline: none; }

    body .menu-main .trigger {
      border-bottom: none; } }
  @media only screen and (min-width: 970px) {
      body .menu-main a, body .menu-main span {
        line-height: 45px; } }
  body .menu-main li {
    background-color: initial; }
  body .menu-main ul {
    background: #f2f2f2; }
    @media only screen and (min-width: 970px) {
      body .menu-main ul ul {
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
        width: 300px; } }
  body .menu-main--open {
    z-index: 5; }
  body .carousel {
    margin-bottom: 40px; }

    </style>

  
 <style type="text/css">.fancybox-margin{margin-right:15px;}</style>