@charset "UTF-8";

/** --------------------------------------------------
    Start
--------------------------------------------------- */

/** =================================================================================
      Base rules and html5 compatibility by Unsa Team,
//*  - Comprehensive Base Stylesheet by fvsch - https://fvsch.com/base-stylesheet/
//*  - Normalize.css v2.1.3 | MIT License | git.io/normalize
//*  - Knacss | WTFYW | by Raphael Goetter
================================================================================== */

/* largeur des paddings et border compris dans "width" */

*,
*:after,
*:before {
    box-sizing: border-box;
}

html {
    font-size: 100.01%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
}

a {
    background: transparent;
}

a:focus {
    outline: 0;
}

a:active,
a:hover {
    outline: none;
}

a img {
    border: none;
}

a[href$='.pdf'] {
    background: url('https://sn2sp.unsa.org/themes/truc/img/icon-doc.svg') 0 50% no-repeat;
    padding-left: 2em;
}

a:hover[href$='.pdf'] {
    background: #e94200 url('https://sn2sp.unsa.org/themes/truc/img/icon-doc_.svg') 0 50% no-repeat;
    color: #fff;
}

q,
cite {
    font-style: italic;
}

q:before,
q:after {
    content: '';
}

sup,
sub {
    font-size: 0.75em;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

abbr[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

b,
strong {
    font-weight: bold;
    font-size: 0.9375em;
}

small {
    font-size: 80%;
}

dfn {
    font-style: italic;
}

hr {
    box-sizing: content-box;
    height: 0;
}

mark {
    background: #ff0;
    color: #000;
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

pre {
    white-space: pre-wrap;
}

fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

input,
button,
select {
    vertical-align: middle;
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}

button,
input {
    line-height: normal;
}

button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

input[type='checkbox'],
input[type='radio'] {
    padding: 0;
    border: none;
}

input[type='search'] {
    -webkit-appearance: textfield;
}

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    font-size: 0.7em;
    border-collapse: collapse;
    margin-bottom: 1.5em;
}

td,
th {
    border: 1px solid #ccc;
    padding: 3px;
    vertical-align: top;
    text-align: left;
}

td:first-child,
th:first-child {
    empty-cells: hide;
}

/* scripts */

body>script {
    display: none !important;
}

/* HTML5 for old browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

figure {
    margin: 0;
}

[hidden],
template {
    display: none;
}

svg:not(:root) {
    overflow: hidden;
}

a svg:hover #home {
    fill: #fff;
}

/* Headings reset */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 1em;
    font-weight: normal;
    margin: 0;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */

.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
* Scut, a collection of Sass utilities to ease and improve our implementations of common style-code patterns.
* v0.8.0
* Docs at http://davidtheclark.github.io/scut
*/

/** --------------------------------------------------
    Common rules
--------------------------------------------------- */

/* Typographie */

body {
    font-size: 1em;
    line-height: 1.5;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
        Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
}

h1 {
    font-size: 3em;
    line-height: 1.2;
}

h2 {
    font-size: 4em;
    line-height: 1.2;
    margin-bottom: 0.5em;
}

h3 {
    font-size: 1.75em;
    line-height: 1.33;
    margin-top: 0.5714286em;
    margin-bottom: 0.4285714em;
}

h4 {
    font-size: 1.3125em;
    margin-top: 1.1428571em;
    margin-bottom: 0.7619048em;
}

h5 {
    font-size: 1.125em;
    margin-top: 1.5555556em;
}

h6 {
    font-size: 1em;
    margin-bottom: 0;
}

h2,
h3,
h4,
h5,
h6 {
    color: #009ace;
}

a {
    color: #333;
    text-decoration: none;
    border-bottom: 1px dotted #e94200;
    transition: 0.3s;
}

a:link,
a:visited {
    border-bottom: 1px solid #e94200;
}

a:visited {
    border-bottom-style: dotted;
}

a:hover,
a:active {
    color: #e94200;
    border-color: #009ace;
}

a:focus {
    color: #e94200;
}

hr {
    border: 0;
    height: 1px;
    background: #333;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RjZGNkYyIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNjM2MzYzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZGNkY2RjIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
}

blockquote,
q {
    font-family: 'New Century Schoolbook', 'Century Schoolbook',
        'Century Schoolbook L', Georgia, serif;
    color: #636363;
    font-style: italic;
}

blockquote {
    font-size: 1.125em;
    line-height: 1.33;
    quotes: '\201C''\201D';
    margin-top: 1.7777778em;
}

blockquote:before,
blockquote:after {
    margin-top: 0;
    font-size: 3em;
    display: block;
    line-height: 0.25;
    color: #dcdcdc;
    margin-bottom: 0;
}

blockquote:before {
    content: open-quote;
    float: left;
    margin-right: 0.25em;
}

blockquote:after {
    content: close-quote;
    text-align: right;
}

blockquote p:first-child {
    margin-top: 0;
}

kbd {
    padding: 0.1em 0.5em;
}

code,
pre,
kbd {
    background-color: #555;
    color: #efd540;
    font-family: 'Andale Mono', AndaleMono, monospace;
    font-size: 0.875em;
    padding: 0.1em 0.2em;
}

pre {
    padding: 0.5em 1em;
}

img {
    max-width: 99.9%;
}

p,
ul,
ol {
    margin-top: 1em;
    margin-bottom: 0.5em;
}

ul ul,
ul ol,
ol ol,
ol ul {
    margin-top: 0.5em;
}

.post-date,
.post-cat,
.post-tags-list,
.post-permalink,
.comment_count,
.ping_count,
.attach_count {
    padding-left: 22px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding-right: 0.5em;
}

.post-author {
    padding-right: 0.5em;
}

.post-date {
    /* img/icon_calendrier.svg */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 511.634 511.634"><path d="M482.513 83.942c-7.225-7.233-15.797-10.85-25.694-10.85h-36.542v-27.41c0-12.56-4.477-23.315-13.422-32.26C397.906 4.474 387.156 0 374.59 0h-18.267c-12.565 0-23.318 4.475-32.264 13.422-8.95 8.945-13.423 19.7-13.423 32.26v27.41h-109.63v-27.41c0-12.56-4.475-23.314-13.422-32.26C178.64 4.475 167.885 0 155.32 0h-18.27c-12.562 0-23.317 4.475-32.264 13.422-8.945 8.945-13.42 19.7-13.42 32.26v27.41H54.822c-9.9 0-18.464 3.618-25.697 10.85-7.233 7.233-10.85 15.8-10.85 25.698v365.453c0 9.89 3.617 18.456 10.85 25.693 7.232 7.23 15.796 10.85 25.697 10.85h401.99c9.896 0 18.47-3.618 25.693-10.85 7.234-7.234 10.852-15.804 10.852-25.693V109.64c0-9.9-3.615-18.465-10.845-25.698zM137.047 475.088H54.823v-82.23h82.224v82.23zm0-100.498H54.823v-91.358h82.224v91.358zm0-109.64H54.823V182.73h82.224v82.223zm-6.42-130.617c-1.81-1.81-2.712-3.946-2.712-6.423V45.686c0-2.474.903-4.617 2.712-6.423 1.81-1.81 3.946-2.712 6.423-2.712h18.27c2.475 0 4.618.904 6.424 2.713 1.81 1.807 2.714 3.95 2.714 6.423v82.224c0 2.478-.91 4.615-2.714 6.423-1.807 1.81-3.946 2.712-6.423 2.712h-18.27c-2.474 0-4.614-.903-6.423-2.712zm116.056 340.755h-91.365v-82.23h91.365v82.23zm0-100.498h-91.365v-91.358h91.365v91.358zm0-109.64h-91.365V182.73h91.365v82.223zm109.64 210.138H264.96v-82.23h91.363v82.23zm0-100.498H264.96v-91.358h91.363v91.358zm0-109.64H264.96V182.73h91.363v82.223zm-6.427-130.617c-1.807-1.81-2.707-3.946-2.707-6.423V45.686c0-2.474.9-4.617 2.706-6.423 1.808-1.81 3.95-2.712 6.427-2.712h18.268c2.48 0 4.618.904 6.428 2.713 1.808 1.807 2.707 3.95 2.707 6.423v82.224c0 2.478-.903 4.615-2.707 6.423-1.807 1.81-3.95 2.712-6.427 2.712h-18.267c-2.477 0-4.626-.903-6.427-2.712zm106.916 340.755h-82.228v-82.23h82.228v82.23zm0-100.498h-82.228v-91.358h82.228v91.358zm0-109.64h-82.228V182.73h82.228v82.223z" fill="rgba(0,169,224,1)"/></svg>');
}

.post-cat {
    /* img/icon_category.svg */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 475.082 475.082"><path d="M456.24 128.475c-12.56-12.562-27.598-18.842-45.11-18.842H219.27v-9.136c0-17.51-6.284-32.548-18.844-45.107-12.562-12.562-27.6-18.846-45.11-18.846H63.952c-17.515 0-32.55 6.283-45.11 18.846C6.28 67.95 0 82.986 0 100.497v274.088c0 17.508 6.28 32.545 18.842 45.104 12.562 12.564 27.6 18.848 45.11 18.848H411.13c17.514 0 32.55-6.283 45.11-18.85 12.566-12.56 18.843-27.596 18.843-45.103V173.59c.002-17.512-6.275-32.548-18.84-45.115zm-17.704 246.11c0 7.61-2.662 14.093-7.99 19.417-5.328 5.325-11.8 7.987-19.417 7.987H63.952c-7.614 0-14.084-2.663-19.414-7.988-5.33-5.324-7.994-11.806-7.994-19.417V100.5c0-7.61 2.663-14.083 7.993-19.413 5.325-5.327 11.798-7.993 19.413-7.993h91.365c7.614 0 14.087 2.663 19.417 7.993 5.327 5.33 7.993 11.803 7.993 19.414v18.275c0 7.616 2.664 14.083 7.994 19.414 5.327 5.326 11.798 7.993 19.414 7.993H411.13c7.616 0 14.088 2.666 19.416 7.993 5.328 5.326 7.99 11.8 7.99 19.414v200.995z" fill="rgba(0,169,224,1)"/></svg>');
}

.post-tags-list {
    /* img/icon_tags.svg */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 542.183 542.183"><path d="M432.544 310.636c0-9.897-3.52-18.56-10.564-25.984L217.844 80.8c-7.232-7.238-16.94-13.374-29.12-18.416-12.182-5.043-23.32-7.565-33.408-7.565H36.546c-9.897 0-18.465 3.617-25.695 10.846C3.618 72.9 0 81.466 0 91.366v118.77c0 10.09 2.52 21.22 7.564 33.404 5.046 12.185 11.187 21.792 18.417 28.837L230.12 476.8c7.043 7.042 15.608 10.563 25.694 10.563 9.898 0 18.562-3.52 25.984-10.564l140.186-140.47c7.04-7.047 10.56-15.606 10.56-25.695zM117.204 172.02c-7.14 7.138-15.752 10.71-25.84 10.71-10.086 0-18.7-3.572-25.838-10.71-7.14-7.14-10.705-15.75-10.705-25.837 0-10.09 3.568-18.702 10.707-25.837 7.14-7.14 15.752-10.71 25.837-10.71 10.09 0 18.702 3.57 25.84 10.71 7.136 7.135 10.708 15.75 10.708 25.837 0 10.088-3.57 18.698-10.706 25.837z" fill="rgba(0,154,206,.5)"/><path d="M531.612 284.655l-204.14-203.85c-7.23-7.24-16.938-13.375-29.12-18.418-12.178-5.042-23.314-7.564-33.403-7.564h-63.955c10.088 0 21.222 2.522 33.402 7.564 12.185 5.046 21.892 11.182 29.125 18.417l204.137 203.85c7.045 7.424 10.57 16.085 10.57 25.982 0 10.09-3.525 18.647-10.57 25.693L333.47 470.52c5.717 5.9 10.758 10.18 15.132 12.846 4.38 2.666 9.996 3.998 16.844 3.998 9.903 0 18.565-3.52 25.98-10.564l140.186-140.47c7.046-7.046 10.57-15.604 10.57-25.693-.003-9.898-3.524-18.56-10.57-25.982z" fill="rgba(0,169,224,1)"/></svg>');
    padding-left: 22px !important;
}

.comment_count {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAy0lEQVR4Aa3TzQnDMAwFYI2QETxCRsgIHcG33oqPPWqDjuARMoJHyAgeISOor/AExtQhDS184Abp+S+Rv/7uj2eABBkKvCCCjPhgYrFBhZX/S/PsdhSwwT6YbWKgQfwWoGyeQQ5k1oU+YGeInFAh9QEGy8mAzO0E0CsBfrDeF69sQSEwoP5yiIlNoRmbX9PGdBlQNiTW1zbgo3AVa/MGql8dJRDWGG3CN8zImwutzayBz6wxC/euB2ewcCXW2WFi0VD/cSlXrBRZeN0b9TCAAS8suQkAAAAASUVORK5CYII=');
}

.ping_count {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAT0lEQVQ4y2NgGF4gPa9iPghTovk/FM+HihUgicExIc3ohiTgNQCHZhRDkNRidwGxCgbGAFwBCcUFWA0gJiBBYjhdQIQhCeSmlQKyNQ9eAACU36BDGi6KYAAAAABJRU5ErkJggg==');
}

.attach_count {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAo0lEQVR42p2TSw3AIBBEKwEJlYAEJFQCt96aHusCCZVQCUhAAhJWQkuTmWTTC0tJJpksPBh+U6+t2xGaStMN5Sbf4whHBRY1kTR5KyyvV/Ud9WqCAVyIvqA/oz/04ARPCcawHkwwUgi8U362wgX+VD6NwhXijTjAjDQO6wT+N8wt/IY/pxqHYL51njDTmGHun59EJSommO0TW4Zgrsr3DZ1W+AEcFELbsoE4sAAAAABJRU5ErkJggg==');
}

.post-permalink {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAXklEQVR4Ae3OoRGAQAxE0S2BUugKh6YbSkwJISswzBcRF8fN/HP7JvI7zmurospmUcn5e4Gs1Cy/gFYBrQYuGAV+4HZtAMbhAGEAxrsDhAEYywHCAI8RQSB4jIiTewBEcJB73aUZqgAAAABJRU5ErkJggg==');
}

/*.feed {
	background-image: url('https://sn2sp.unsa.org/themes/truc/img/icon_feed.svg'), none;
  background-size: .875em;
  padding-left: 1.25em; }
*/

/** --------------------------------------------------
    layout elements
--------------------------------------------------- */

body {
    background: rgba(0, 169, 224, 0.1);
}

#main {
    background-color: #fff;
    /*padding: 1em .5em 2em;*/
}

.logo1 {
    height: 72px;
}

#page {
    max-width: 60em;
    margin: 0 auto;
    padding: 0;
}

#page:before,
#page:after {
    content: '';
    display: table;
}

#page:after {
    clear: both;
}

#wrapper {
    margin: 117px 0;
}

#wrapper:before,
#wrapper:after {
    content: '';
    display: table;
}

#wrapper:after {
    clear: both;
}

.header {
    position: relative;
    padding: 0.25em 0 0 1em;
}

.entete {
    padding-left: 5em;
}

.footer {
    background: #fff;
    box-shadow: 0 0 10px #ccc;
    font-size: 0.8em;
    padding: 1px 0;
    margin: 0;
    /*color: #999;
  font-weight: 200;*/
    text-align: center;
}

.footer a {
    color: #333;
}

.footer a:hover {
    color: #e94200;
    background: transparent;
}

@media all and (min-width: 20em) and (max-width: 30em) {
    /*.logo1 {height: 42px;}*/
}

@media all and (max-width: 30em) {
    #main {
        padding: 0.5em;
    }

    #wrapper {
        margin: 90px 0;
    }

    #gotop a {
        display: none;
    }

    .entete {
        display: none;
    }

    .titre {
        display: none;
    }

    /*.logo1 {height: 52px;}*/
}

@media screen and (min-width: 80.1em) and (max-width: 110em) {
    #page {
        max-width: 80em;
    }

    .header {
        max-width: 80em;
    }

    .titre {
        width: 250px;
    }

    .logo1 {
        height: 72px;
    }

    #main {
        float: left;
        width: 66.66666667%;
        margin-left: 0%;
        margin-right: -100%;
        padding-left: 1em;
        padding-right: 1em;
        box-sizing: border-box;
        word-wrap: break-word;
    }

    #sidebar {
        float: left;
        width: 33.33333333%;
        margin-left: 67.2%;
        margin-right: -100%;
        padding-left: 1em;
        padding-right: 1em;
        box-sizing: border-box;
        word-wrap: break-word;
    }
}

@media screen and (min-width: 110.1em) {
    body {
        font-size: 1.125em;
    }

    #page {
        max-width: 103em;
    }

    .header {
        max-width: 103em;
        padding-bottom: 0;
    }

    #main {
        float: left;
        width: 66.6666667%;
        margin-left: 0%;
        margin-right: -100%;
        padding-left: 1em;
        padding-right: 1em;
        box-sizing: border-box;
        word-wrap: break-word;
    }

    #sidebar {
        float: left;
        width: 33.3333333%;
        margin-left: 67.2%;
        margin-right: -100%;
        padding-left: 1em;
        padding-right: .5em;
        box-sizing: border-box;
        word-wrap: break-word;
    }

    /*
  #blognav,
  #blogextra {
    width: 49%;
    display: inline-block;
    vertical-align: top;
  }
  */
}

.header {
    background-color: rgba(255, 255, 255, 1);
    background-image: url('https://sn2sp.unsa.org/themes/truc/img/009ACE.png');
    background-size: 0.5em;
    background-repeat: repeat-y;
    background-position: left top;
    box-shadow: 0 0 10px #ccc;
    position: fixed;
    top: 0px;
    margin: auto;
    z-index: 100000;
    width: 100%;
}

.header a:link,
.header a:visited {
    color: #373737;
    border-bottom-color: #e94200;
}

.header a:hover,
.header a:focus {
    color: #009ace;
    border-bottom-color: transparent;
}

.skip-links {
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    text-align: right;
}

.skip-links li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    padding-left: 0.5em;
    padding-right: 0.5em;
    font-size: 0.75em;
    line-height: 1;
    padding-bottom: 0.5em;
}

.skip-links li a:link,
.skip-links li a:visited {
    color: #636363;
}

.skip-links li a:hover,
.skip-links li a:focus {
    background-color: #f3f3f3;
    color: #009ace;
}

.banner {
    /*padding-bottom: .5em;*/
    margin-right: 1.3em;
}

a.site-title__link,
a.site-title__link:link,
a.site-title__link:visited {
    background-color: transparent;
    border-color: transparent;
}

.site-title__text {
    color: rgba(120, 120, 120, 0.8);
    font-weight: bold;
    letter-spacing: -1px;
    text-shadow: 1px 4px 6px #fff, 0 0 0 #000, 1px 4px 6px #fff;
}

.site-title__link:hover .site-title__text,
.site-title__link:focus .site-title__text,
.site-title__link:active .site-title__text {
    color: rgba(223, 48, 52, 0.8);
}

.site-baseline {
    font-family: 'New Century Schoolbook', 'Century Schoolbook',
        'Century Schoolbook L', Georgia, serif;
    font-style: italic;
    margin-top: 0;
    margin-bottom: 0.5em;
    color: #636363;
}

.header__nav {
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    clear: left;
    text-align: left;
    border-top: 1px solid #009ace;
    width: 98.4%;
    /*background: #009ace;*/
}

.header__nav li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    padding-left: 0.4em;
    padding-right: 0.4em;
    margin-right: 0.4em;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    text-align: center;
}

.header__nav li span:not(.simple-menu-label) {
    font-size: 0.875em;
    line-height: 1.7142857em;
    font-family: 'New Century Schoolbook', 'Century Schoolbook',
        'Century Schoolbook L', Georgia, serif;
    font-style: italic;
    display: block;
}

.header__nav li a:link,
.header__nav li a:visited {
    padding: 0 0.2em 0 0.2em;
    color: #333;
}

.header__nav li a:hover,
.header__nav li a:focus {
    color: #fff;
    background-color: rgba(233, 66, 0, 1);
}

.header__nav .simple-menu ul ul {
    margin: 0;
    padding: 0
}

/* Si js est actif, un bouton pour afficher/masquer le menu est créé */

#hamburger {
    position: absolute;
    top: 1.5em;
    right: 1em;
    padding: 0;
    /*background-color: rgba(0,154,206,.75);*/
    background: #00a9e0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    /*background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI2OHB4IiBoZWlnaHQ9IjE4cHgiIHZpZXdCb3g9IjAgMCA2OCAxOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZyBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAtNy4wMDAwMDApIj48cGF0aCBkPSJNMTYsNy4yMTIxMjEyMSBMMTYsMTAuMzAzMDMwMyBMMCwxMC4zMDMwMzAzIEwwLDcuMjEyMTIxMjEgTDE2LDcuMjEyMTIxMjEgWiBNMTYsMTMuOTA5MDkwOSBMMTYsMTcgTDAsMTcgTDAsMTMuOTA5MDkwOSBMMTYsMTMuOTA5MDkwOSBaIE0xNiwyMC42MDYwNjA2IEwxNiwyMy42OTY5Njk3IEwwLDIzLjY5Njk2OTcgTDAsMjAuNjA2MDYwNiBMMTYsMjAuNjA2MDYwNiBaIiBpZD0iU2hhcGUiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOC4wMDAwMDAsIDAuMDAwMDAwKSIgZm9udC13ZWlnaHQ9IjIwMCIgaWQ9Ik1FTlUiIGZvbnQtc2l6ZT0iMTciIGZvbnQtZmFtaWx5PSJBcmlhbCIgZmlsbD0iI0ZGRkZGRiIgZm9udC1zdHJldGNoPSJ1bHRyYS1jb25kZW5zZWQiPjx0ZXh0Pjx0c3BhbiB4PSIwIiB5PSIyNCI+TUVOVTwvdHNwYW4+PC90ZXh0PjwvZz48L2c+PC9zdmc+), none;*/
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHZpZXdCb3g9IjAgMCAxMTYgMzEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9IlVOU0EtTWVudSIgZmlsbD0iI0ZGRkZGRiI+ICAgICAgICAgICAgPHRleHQgaWQ9Ik1FTlUiIGZvbnQtZmFtaWx5PSJBcmlhbE1ULCBBcmlhbCIgZm9udC1zaXplPSIyOCIgZm9udC13ZWlnaHQ9Im5vcm1hbCI+ICAgICAgICAgICAgICAgIDx0c3BhbiB4PSIzMi43NzkyOTY5IiB5PSIyNSI+TUVOVTwvdHNwYW4+ICAgICAgICAgICAgPC90ZXh0PiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yLDkgTDI2LDkgQzI3LjEwNCw5IDI4LDguMTA0IDI4LDcgQzI4LDUuODk2IDI3LjEwNCw1IDI2LDUgTDIsNSBDMC44OTYsNSAwLDUuODk2IDAsNyBDMCw4LjEwNCAwLjg5Niw5IDIsOSBaIE0yNiwxMyBMMiwxMyBDMC44OTYsMTMgMCwxMy44OTYgMCwxNSBDMCwxNi4xMDQgMC44OTYsMTcgMiwxNyBMMjYsMTcgQzI3LjEwNCwxNyAyOCwxNi4xMDQgMjgsMTUgQzI4LDEzLjg5NiAyNy4xMDQsMTMgMjYsMTMgWiBNMjYsMjEgTDIsMjEgQzAuODk2LDIxIDAsMjEuODk2IDAsMjMgQzAsMjQuMTA0IDAuODk2LDI1IDIsMjUgTDI2LDI1IEMyNy4xMDQsMjUgMjgsMjQuMTA0IDI4LDIzIEMyOCwyMS44OTYgMjcuMTA0LDIxIDI2LDIxIFoiIGlkPSJidXJnZXIiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+),
        none;
    height: 2em;
    width: 4.7em;
    border: 1px solid rgba(0, 169, 224, 0.5);
}

#hamburger:visited {
    background-color: rgba(0, 169, 224, 0.75);
}

#hamburger:focus,
#hamburger:hover {
    background-color: rgba(0, 169, 224, 1);
    border-color: rgba(0, 169, 224, 0.5);
}

#hamburger.open {
    /* img/icon_close.svg */
    /*background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjggMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+ICA8dGl0bGU+ICAgIEdyb3VwICA8L3RpdGxlPiAgPGcgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgPGcgZmlsbC1ydWxlPSJub256ZXJvIj4gICAgICA8cGF0aCBkPSJNLjMgMi43NDZMMi40LjU4MmwxMS4zMDMgMTEuNjQzLTIuMSAyLjE2MyIvPiAgICAgIDxwYXRoIGQ9Ik0xMS43Ny41OTZsMi4xMiAyLjEyMkwyLjIzNSAxNC4zNzUuMTEyIDEyLjI1MyIvPiAgICA8L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTguMDAwMDAwLCAwLjAwMDAwMCkiIGZvbnQtd2VpZ2h0PSIyMDAiIGlkPSJNRU5VIiBmb250LXNpemU9IjE3IiBmb250LWZhbWlseT0iQXJpYWwiIGZpbGw9IiNGRkYiIGZvbnQtc3RyZXRjaD0idWx0cmEtY29uZGVuc2VkIj48dGV4dD48dHNwYW4geD0iMCIgeT0iMTQiPk1FTlU8L3RzcGFuPjwvdGV4dD48L2c+ICA8L2c+PC9zdmc+), none; }*/
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHZpZXdCb3g9IjAgMCAxMTYgMzEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9IlVOU0EtTWVudSIgZmlsbD0iI0ZGRkZGRiI+ICAgICAgICAgICAgPHRleHQgaWQ9Ik1FTlUiIGZvbnQtZmFtaWx5PSJBcmlhbE1ULCBBcmlhbCIgZm9udC1zaXplPSIyOCIgZm9udC13ZWlnaHQ9Im5vcm1hbCI+ICAgICAgICAgICAgICAgIDx0c3BhbiB4PSIzMi43NzkyOTY5IiB5PSIyNSI+TUVOVTwvdHNwYW4+ICAgICAgICAgICAgPC90ZXh0PiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMy40NDk0MzM4LDIxLjc5OTQyNzMgTDE2LjY1MDAwNjUsMTUgTDIzLjQ0OTQzMzgsOC4yMDA1NzI2OSBDMjQuMTgzNTIyMSw3LjQ2NjQ4NDQ1IDI0LjE4MzUyMjEsNi4yODQ2NTQ0MyAyMy40NDk0MzM4LDUuNTUwNTY2MTkgQzIyLjcxNTM0NTYsNC44MTY0Nzc5NCAyMS41MzM1MTU2LDQuODE2NDc3OTQgMjAuNzk5NDI3Myw1LjU1MDU2NjE5IEwxNCwxMi4zNDk5OTM1IEw3LjIwMDU3MjY5LDUuNTUwNTY2MTkgQzYuNDY2NDg0NDUsNC44MTY0Nzc5NCA1LjI4NDY1NDQzLDQuODE2NDc3OTQgNC41NTA1NjYxOSw1LjU1MDU2NjE5IEMzLjgxNjQ3Nzk0LDYuMjg0NjU0NDMgMy44MTY0Nzc5NCw3LjQ2NjQ4NDQ1IDQuNTUwNTY2MTksOC4yMDA1NzI2OSBMMTEuMzQ5OTkzNSwxNSBMNC41NTA1NjYxOSwyMS43OTk0MjczIEMzLjgxNjQ3Nzk0LDIyLjUzMzUxNTYgMy44MTY0Nzc5NCwyMy43MTUzNDU2IDQuNTUwNTY2MTksMjQuNDQ5NDMzOCBDNS4yODQ2NTQ0MywyNS4xODM1MjIxIDYuNDY2NDg0NDUsMjUuMTgzNTIyMSA3LjIwMDU3MjY5LDI0LjQ0OTQzMzggTDE0LDE3LjY1MDAwNjUgTDIwLjc5OTQyNzMsMjQuNDQ5NDMzOCBDMjEuNTMzNTE1NiwyNS4xODM1MjIxIDIyLjcxNTM0NTYsMjUuMTgzNTIyMSAyMy40NDk0MzM4LDI0LjQ0OTQzMzggQzI0LjE3ODMxNTgsMjMuNzE1MzQ1NiAyNC4xNzgzMTU4LDIyLjUyODMwOTMgMjMuNDQ5NDMzOCwyMS43OTk0MjczIFoiIGlkPSJjbG9zZSIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=),
        none;
}

@media screen and (max-width: 60em) {
    #wrapper {
        margin: 90px 0;
    }

    .header {
        padding-left: 0.75em;
        padding-right: 0.5em;
        padding-bottom: 0;
    }

    .header__nav {
        margin-left: -0.5em;
        margin-right: -0.5em;
    }

    .header__nav li {
        display: block;
        margin-right: 0;
        text-align: left;
        font-size: 1.2em;
        /*border-bottom: 1px solid #fff;*/
    }

    .header a:link,
    .header a:visited {
        border-bottom: none;
    }
}

@media screen and (max-width: 30em) {
    .skip-links {
        text-align: center;
        font-size: 0.625em;
        line-height: 2.4em;
    }

    .site-baseline {
        display: none;
    }

    #hamburger {
        top: 1.75em;
        right: 2em;
    }
}

@media screen and (max-width: 40em) {
    #wrapper {
        margin: 90px 0;
    }

    .site-title {
        font-size: 1.8em;
    }
}

.footer__widgets {
    padding: 1em;
    background-color: #fff;
    text-align: center;
    line-height: 2;
}

.blogcustom__title {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.footer__widgets .widget {
    margin-top: 1em;
}

.footer__widgets h3 {
    margin-bottom: 0;
    font-size: 1em;
    font-weight: bold;
}

.footer__widgets ul {
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
}

.footer__widgets ul li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.sidebar {
    padding-bottom: 2em;
    color: #333;
}

.sidebar:after {
    content: '';
    display: table;
    clear: both;
}

.sidebar a:link,
.sidebar a:visited {
    color: #333;
    border: none;
}

.sidebar a:hover,
.sidebar a:focus,
.sidebar a:active,
.sidebar li:hover,
.sidebar li:focus {
    color: #e94200;
}

.widgets {
    background: #fff;
    padding: 0.5em;
}

.widgets .section h2 {
    font-size: 1em;
    color: #001e60;
    font-weight: bold;
}

.widgets .section a {
    font-size: 1em;
    font-weight: bold;
}

.widgets .contact-me {
    border-top: 1px solid #009ace;
}

.widgets .tags {
    border-top: 1px solid #009ace;
}

.widgets .links {
    border-top: 1px solid #009ace;
}

.widgets .selected {
    border-top: 1px solid #009ace;
}

.widgets .feed {
    border-top: 1px solid #009ace;
}

.widgets .pages {
    border-top: 1px solid #009ace;
}

#search {
    /*border-top: 1px solid #e94200;*/
}

.widgets .LienInstagram {
    text-align: center;
}

.widgets .LienInstagram a {
    text-decoration: none;
    background: #00a9e022;
    border-radius: 4px;
    color: #333;
    padding: 6px 4px 2px 4px;
    font-size: 0.9em;
}

.widgets .LienInstagram a:hover {
    text-decoration: none;
}

.widgets .LienTwitter {
    text-align: center;
}

.widgets .LienTwitter a {
    text-decoration: none;
    background: #1b95c0;
    border-radius: 4px;
    color: #fff;
    padding: 6px 4px 2px 4px;
    font-size: 0.9em;
}

.widgets .LienTwitter a:hover {
    text-decoration: none;
}

.widgets .LienFacebook {
    text-align: center;
}

.widgets .LienFacebook a {
    text-decoration: none;
    background: #00a9e022;
    border-radius: 4px;
    color: #333;
    padding: 6px 4px 2px 4px;
    font-size: 0.9em;
}

.widgets .LienFacebook a:hover {
    text-decoration: none;
}

.blognav__title,
.blogextra__title {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.blognav__widgets h3,
.blognav__widgets h4,
.blogextra__widgets h3,
.blogextra__widgets h4 {
    font-size: 1.5em;
    color: #333;
    font-weight: bold;
}

.blognav__widgets h3,
.blogextra__widgets h3 {
    color: #001e60;
    text-transform: uppercase;
}

.blognav__widgets h4,
.blogextra__widgets h4 {
    margin-top: 1.5em;
    margin-bottom: 0;
}

.blognav__widgets .widget,
.blogextra__widgets .widget {
    background: #fff;
    /*padding: 1em;*/
    font-size: 0.875em;
    line-height: 1.71429;
}

.blognav__widgets .widget>ul,
.blogextra__widgets .widget>ul {
    list-style: none;
    padding-left: 0;
}

.blognav__widgets .widget>ul li,
.blogextra__widgets .widget>ul li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
}

.blognav__widgets .widget>nav ul,
.blogextra__widgets .widget>nav ul {
    list-style: none;
    padding-left: 0;
}

.blognav__widgets .widget>nav ul li,
.blogextra__widgets .widget>nav ul li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
}

.blognav__widgets ul,
.blogextra__widgets ul {
    margin: 0;
}

.blognav__widgets li,
.blogextra__widgets li {
    display: block;
    padding: 0.25em;
    border-bottom: 1px solid #dcdcdc;
}

.blognav__widgets li a {
    display: block;
    padding-left: 0.5em;
}

.blognav__widgets li a:hover {
    background: rgba(0, 154, 206, 0.05);
}

.blognav__widgets li a::before {
    content: '> ';
    color: #009ace;
}

.blognav__widgets li ul,
.blogextra__widgets li ul {
    margin-left: -0.25em;
}

.blognav__widgets li li,
.blogextra__widgets li li {
    border-top: 1px solid #dcdcdc;
    border-bottom: none;
}

.widget .links li {
    padding: 1em 0 1em 0;
    height: 4em;
}

.widget .links li a:before {
    content: '\1F517 ';
    margin-right: 0.3em;
}

.widget .links li a {
    color: #001e60;
    padding: 0;
    font-size: 1.3em;
}

.widget .links li a:hover {
    color: #e94200;
}

#q {
    width: 75%;
}

.category-current {
    margin-left: -2em;
    background-color: rgba(0, 154, 206, 0.1);
}

.category-current ul {
    background-color: rgba(0, 154, 206, 0.1);
}

.sidebar li:hover ul {
    background-color: rgba(0, 154, 206, 0.1);
}

@media screen and (min-width: 30.1em) and (max-width: 60em) {

    .blognav__widgets .widget,
    .blogextra__widgets .widget {
        width: 50%;
        float: left;
    }

    #main {
        padding: 0.5em;
    }

    .titre {
        width: 250px;
    }
}

@media screen and (min-width: 60.1em) and (max-width: 80em) {

    /*.blognav__widgets .widget, .blogextra__widgets .widget {
    width: 33.33%;
    float: left; } */
    #page {
        max-width: 80em;
    }

    .titre {
        width: 250px;
    }

    #main {
        float: left;
        width: 66.66666667%;
        margin-left: 1.5%;
        margin-right: -100%;
        padding-left: 1em;
        padding-right: 1em;
        box-sizing: border-box;
        word-wrap: break-word;
    }

    #sidebar {
        float: left;
        width: 31.33333333%;
        margin-left: 68.66666667%;
        margin-right: -100%;
        padding-left: 1em;
        padding-right: 1em;
        box-sizing: border-box;
        word-wrap: break-word;
    }

    #blognav,
    #main {
        box-shadow: 0 0 10px #ccc;
    }
}

/* *** navigation *** */

.navlinks {
    color: #fff;
    margin: 1em 0 1em 0;
}

.navlinks a:link,
.navlinks a:visited {
    border: 1px solid #ccc;
}

.navlinks a:hover {
    border: 1px solid #009ace;
}

.pagination {
    color: #fff;
    margin: 1em 0 1em 0;
}

.pagination a:link,
.pagination a:visited {
    border: 1px solid #ccc;
}

.pagination a:hover {
    border: 1px solid #009ace;
}

.prev {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    /*background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAOUlEQVQ4y2NgIBKk51UEAHEDEAswkAqAmhKA+D8UO1Ci+TxJLhihmg3I1kwVAyj2wqghNMpMhLIzAL/xjbtcCYMtAAAAAElFTkSuQmCC');*/
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOHB4IiBoZWlnaHQ9IjEzcHgiIHZpZXdCb3g9IjAgMCA4IDEzIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBvbHlnb24gaWQ9Ikljb24tUGF0aCIgZmlsbD0iIzAwOWFlMCIgZmlsbC1ydWxlPSJub256ZXJvIiBwb2ludHM9IjYuNDA3IDEyLjE1NyAwLjc1IDYuNSA2LjQwNyAwLjg0MyA3LjExNCAxLjU1IDIuMTY0IDYuNSA3LjExNCAxMS40NSI+PC9wb2x5Z29uPgogICAgPC9nPgo8L3N2Zz4=');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.next {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    /*background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAOUlEQVQ4y2NgQALpeRUCQNwAxAEM5ACgRgcg/g/FCeQYAHLB+VFDaG+IAf0MoMgLI1EzNTMTSdkZAPt3jbuLflSIAAAAAElFTkSuQmCC');*/
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOHB4IiBoZWlnaHQ9IjEzcHgiIHZpZXdCb3g9IjAgMCA4IDEzIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBvbHlnb24gaWQ9Ikljb24tUGF0aCIgZmlsbD0iIzAwOWFlMCIgZmlsbC1ydWxlPSJub256ZXJvIiBwb2ludHM9IjEuNTkzIDEyLjE1NyA3LjI1IDYuNSAxLjU5MyAwLjg0MyAwLjg4NiAxLjU1IDUuODM2IDYuNSAwLjg4NiAxMS40NSI+PC9wb2x5Z29uPgogICAgPC9nPgo8L3N2Zz4=');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.prev,
.next {
    vertical-align: middle;
    width: 2.5em;
    height: 2.5em;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid #dcdcdc;
    /*background-color: #f3f3f3;*/
}

.prev:hover,
.prev:focus,
.next:hover,
.next:focus {
    border-width: 3px;
}

/* *** content info *** */

#content-info {
    margin-bottom: 4em;
    border-bottom: 1px solid #dcdcdc;
    padding: 0;
    font-size: 0.875em;
}

#content-info h2 {
    display: inline-block;
    vertical-align: top;
    padding: 0.5em 0 0 0;
    /*border-radius: .5em;
    background-color: #009ACE;*/
    /*color: #333;*/
    /*border-bottom: 1px solid rgba(0,154,206, .75);*/
    font-size: 2em;
    text-align: center;
}

#content-info h2 a {
    color: #333;
}

#content-info span {
    color: #333;
    font-style: italic;
    font-weight: normal;
}

#content-info h3 {
    font-size: 1em;
}

#content-info ul {
    margin-top: 0.5714286em;
    padding-left: 0;
}

.content-info__feed {
    display: inline-block;
    vertical-align: top;
    list-style-type: none;
}

.content-info__feed li {
    display: inline;
    margin-right: 1.5em;
}

.content-info__sub-cat {
    margin-top: 2em;
}

.content-info__sub-cat h3 {
    font-weight: bold;
}

#gotop {
    display: none;
    z-index: 1000;
    position: fixed;
    bottom: 1.5em;
    right: 0.5em;
    /*width: 10em;*/
    padding: 0.25em;
    text-align: center;
}

#gotop a,
#gotop a:link,
#gotop a:hover,
#gotop a:active {
    background: transparent;
    border: none;
}

/**
    POST
------------------------------- */

.post {
    max-width: 42em;
    margin: 2em auto 2em;
}

.post-day-date {
    font-size: 0.875em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0.8571429em;
}

.post-meta {
    font-size: 0.875em;
    padding: 0.5714286em 1.1428571em;
    margin-bottom: 1.7142857em;
    clear: both;
}

.post-info {
    margin: 0.5em 0;
}

.full .post-info,
.short .post-info,
.post-cat,
.post-tags-list {
    margin: 0.5em 0;
    display: inline;
    vertical-align: top;
}

.post-tags-list {
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
}

.post-tags-item {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
}

.post-tags-item a:after {
    content: ',';
}

.post-tags-item:last-child a:after {
    content: '';
}

.post-info-co {
    margin: 0.5em 0;
}

.post-title {
    text-align: left;
    margin: 0;
    padding: 0;
    font-size: 1.8em;
    font-weight: 400;
}

.post-title a,
.post-title a:link,
.post-title a:visited {
    color: #009ace;
    border-bottom-color: #fff;
}

.post-title a:hover,
.post-title a:focus,
.post-title a:active {
    color: #e94200;
    background-color: transparent;
}

@media screen and (max-width: 40em) {
    .post-title {
        font-size: 2em;
    }
}

.post-content {
    margin-bottom: 1em;
    text-align: justify;
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
}

.post-content h5,
.post-content h4,
.post-content h3 {
    font-style: italic;
    color: #333;
}

.post-excerpt {
    text-align: justify;
}

.post-excerpt h5,
.post-excerpt h4,
.post-excerpt h3 {
    font-style: italic;
    color: #333;
}

@media all and (max-width: 30em) {
    .post-excerpt {
        text-align: left;
    }

    .post-content {
        text-align: left;
    }
}

.post-read-it {
    margin-bottom: 1.5em;
}

.footnotes {
    font-size: 0.875em;
    margin-top: 2em;
    margin-bottom: 3em;
}

.footnotes h4 {
    display: inline-block;
    border-top: 1px solid #009ace;
    padding-right: 3em;
    margin-bottom: 0;
}

.post-attachments {
    position: relative;
    padding: 0 2.5em 0.25em;
    border: 1px solid #dcdcdc;
    box-shadow: 0 2px rgba(0, 0, 0, 0.05), 0 0 1px rgba(0, 0, 0, 0.2);
}

.post-attachments:before {
    content: url('https://sn2sp.unsa.org/themes/truc/img/icon_attachments.svg');
    display: block;
    position: absolute;
    margin-top: -0.33em;
    margin-left: -2em;
}

.post-attachments-title {
    padding-top: 0.75em;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: bold;
    color: #636363;
}

.post-attachments-list {
    padding-left: 1em;
    margin-top: 0.5em;
}

.post-feedback {
    max-width: 42em;
    margin: 3em auto;
    clear: both;
}

.post-feedback h3 {
    text-align: center;
    font-size: 1.25em;
    font-weight: bold;
    color: #636363;
}

.comments-list {
    list-style: none;
    padding-left: 0;
}

.comments-list li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
}

.comment,
.ping {
    overflow: hidden;
    padding: 0.1em 1.5em 0.1em 4em;
    margin-bottom: 2em;
    border-radius: 0.25em;
    box-shadow: 0 2px rgba(0, 0, 0, 0.05), 0 0 1px rgba(0, 0, 0, 0.2);
}

.comment {
    background-color: #edf3f2;
}

.ping {
    background: #f3efed url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAT0lEQVQ4y2NgGF4gPa9iPghTovk/FM+HihUgicExIc3ohiTgNQCHZhRDkNRidwGxCgbGAFwBCcUFWA0gJiBBYjhdQIQhCeSmlQKyNQ9eAACU36BDGi6KYAAAAABJRU5ErkJggg==') no-repeat 1.5em 4em;
}

.comment-number {
    display: block;
    float: left;
    width: 2.5em;
    height: 2.5em;
    margin-left: -3.5em;
    margin-right: 1em;
    margin-top: -0.5em;
    border-radius: 50%;
    background-color: #fff;
    z-index: 1000;
    line-height: 2.5em;
    text-align: center;
}

.comment-form,
.send-trackback {
    overflow: hidden;
    padding: 0.75em 3em 0.1em;
    margin-bottom: 2em;
    border-radius: 0.25em;
    box-shadow: 0 2px rgba(0, 0, 0, 0.05), 0 0 1px rgba(0, 0, 0, 0.2);
    background-color: #edf3f2;
}

.send-trackback {
    background: #f3efed url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAT0lEQVQ4y2NgGF4gPa9iPghTovk/FM+HihUgicExIc3ohiTgNQCHZhRDkNRidwGxCgbGAFwBCcUFWA0gJiBBYjhdQIQhCeSmlQKyNQ9eAACU36BDGi6KYAAAAABJRU5ErkJggg==') no-repeat 1.5em 4em;
}

.field label {
    display: inline-block;
    width: 10em;
}

.field input {
    max-width: 100%;
}

.field textarea {
    display: block;
    width: 100%;
}

.form-help,
.remember {
    font-size: 0.875em;
}

#pr {
    background-color: #f3f3f3;
    padding: 0.5em;
    border: 2px solid #6c7c7c;
    margin-bottom: 2em;
}

.error {
    background-color: #009ace;
    color: #fff;
    padding: 0.25em 0.5em;
}

/* Button Style */

.buttons {
    text-align: right;
}

button.submit,
button.preview {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc3OGY5NyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVlNzY3ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    box-shadow: inset 0 1px 3px 0 #778f97;
    background-color: #778f97;
    border-radius: 0.25em;
    border: 1px solid #5e767d;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    padding: 0.25em 0.5em;
    text-decoration: none;
    text-shadow: 0 -1px 0 #636363;
}

button.submit:hover,
button.submit:focus,
button.preview:hover,
button.preview:focus {
    cursor: pointer;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlNzY3ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVlNzY3ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-color: #5e767d;
}

button.submit:active,
button.preview:active {
    position: relative;
    top: 1px;
}

@media all and (max-width: 30em) {
    .comment-number {
        margin-top: 0;
    }

    .comment-content,
    .ping-content {
        margin-left: -3.5em;
        margin-right: -1em;
    }

    .comment-form,
    .send-trackback {
        padding: 0.75em 0.5em 0.1em;
    }
}

@media all and (min-width: 30.1em) {

    .post-day-date:after,
    .post-day-date:before {
        display: inline-block;
        height: 1px;
        content: ' ';
        background-color: #dcdcdc;
        text-shadow: none;
        width: 20%;
        margin-bottom: 0.33em;
    }

    .post-day-date:after {
        margin-left: 2em;
    }

    .post-day-date:before {
        margin-right: 2em;
    }

    .post-feedback h3:after,
    .post-feedback h3:before {
        display: inline-block;
        height: 1px;
        content: ' ';
        background-color: #dcdcdc;
        text-shadow: none;
        width: 20%;
        margin-bottom: 0.33em;
    }

    .post-feedback h3:after {
        margin-left: 2em;
    }

    .post-feedback h3:before {
        margin-right: 2em;
    }
}

@media all and (max-width: 42em) {
    .post {
        margin: 1em auto 3em;
    }

    .entete {
        display: none;
    }
}

/* ---------------------------------------------------------------- archives */

/* general */

@media all and (min-width: 30em) {
    .dc-archive .content-inner {
        margin-left: 3em;
        margin-right: 3em;
    }
}

.arch-block {
    display: inline-block;
    margin: 0 0 2em 0;
    vertical-align: top;
}

.arch-block a {
    color: #373737;
}

.arch-block a:focus {
    color: #fafafa;
}

@media all and (min-width: 30em) {
    .arch-block {
        margin-left: 4em;
    }
}

.arch-block:first-child {
    margin-left: 0;
}

.arch-block h3 {
    margin-bottom: 1em;
    font-size: 1.2em;
    font-style: italic;
    font-weight: normal;
    text-transform: lowercase;
    color: #009ace;
}

.arch-block h4 {
    font-weight: bold;
    font-size: 1.1em;
    margin-bottom: 0;
    margin-top: 0;
    color: #373737;
}

.arch-list,
.arch-sub-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.arch-sub-list {
    margin-left: 20px;
}

/* par date */

.arch-by-year {
    margin-right: 0;
    margin-bottom: 1em;
    margin-top: 2em;
}

.arch-by-year h3 {
    margin-bottom: 0;
}

.arch-by-year h3:first-child {
    margin-top: 0;
}

.fromto {
    margin-top: 0;
    margin-bottom: 1.5em;
    font-size: 0.875em;
    font-style: italic;
}

.arch-by-year__each-year {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    width: 10em;
}

.arch-year-list {
    margin-bottom: 1.5em;
}

.arch-year-list span {
    font-size: 0.875em;
}

/* par categorie */

.arch-cat-list,
.arch-sub-cat-list {
    background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAKCAIAAAD6sKMdAAAAD0lEQVQIW2NIS0tjIAIDAO84C/WI5ZqTAAAAAElFTkSuQmCC') repeat-y;
}

.arch-sub-cat-list {
    margin: 0.5em 0 0 0.5em;
}

.arch-cat-list li {
    padding: 0.2em 0.2em 0.2em 20px;
    background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAABAQMAAADQJd16AAAAA1BMVEVmZmZ8VoIEAAAAC0lEQVQIHWNgYAAAAAMAAU9ICq8AAAAASUVORK5CYII=') no-repeat left 0.82em;
}

.arch-cat-list li:last-child {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAkCAAAAACY4YRgAAAAE0lEQVR4AWNMY0AAxv/DgDPKAQCavSNotfQfBAAAAABJRU5ErkJggg==');
}

/* par tag */

.arch-by-tag {
    width: 17em;
}

.arch-tag-list li {
    display: inline;
    padding-right: 1em;
}

.arch-tag-list .tag0 {
    color: #909090;
    font-size: 90%;
}

.arch-tag-list .tag10 {
    color: #828282;
    font-size: 92%;
}

.arch-tag-list .tag20 {
    color: #737373;
    font-size: 94%;
}

.arch-tag-list .tag30 {
    color: #656565;
    font-size: 96%;
}

.arch-tag-list .tag40 {
    color: #484848;
    font-size: 98%;
}

.arch-tag-list .tag50 {
    color: #3a3a3a;
    font-size: 100%;
}

.arch-tag-list .tag60 {
    color: #2b2b2b;
    font-size: 102%;
}

.arch-tag-list .tag70 {
    color: #1d1d1d;
    font-size: 104%;
}

.arch-tag-list .tag80 {
    color: #0e0e0e;
    font-size: 106%;
}

.arch-tag-list .tag90 {
    color: #030303;
    font-size: 108%;
}

.arch-tag-list .tag100 {
    color: #000;
    font-size: 110%;
}

/* archives par mois */

.dc-archive-month #content-info h2 {
    margin-left: 2em;
    margin-top: 0.5em;
}

/** --------------------------------------------------
    Modules
--------------------------------------------------- */

/* *** MODULE sidebar off-canvas *** */

#offcanvas-on {
    display: none;
}

.sidebar,
#main {
    transition: all 0.3s linear;
}

.js #content-info h2,
.js .content-info__feed {
    margin-right: 3.5em;
}

@media screen and (min-width: 110.1em) {
    .titre {
        width: 250px;
    }

    #offcanvas-on,
    #offcanvas-off {
        position: absolute;
        top: 0.5em;
        right: 0.5em;
        height: 2.5em;
        width: 2.5em;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        border: none;
        padding: 0;
    }

    #offcanvas-on:hover,
    #offcanvas-on:focus,
    #offcanvas-off:hover,
    #offcanvas-off:focus {
        background-color: #373737;
    }

    #offcanvas-on {
        display: none;
        background-color: #fff;
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxNnB4Ig0KCSBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGcgaWQ9IkNhbHF1ZV8xIj4NCgk8Zz4NCgkJPHBhdGggZmlsbD0iIzgwODA4MCIgZD0iTTAsMGgzdjE2SDBWMHogTTYuNSwwaDN2MTZoLTNWMHogTTEzLDBoM3YxNmgtM1YweiIvPg0KCTwvZz4NCjwvZz4NCjxnIGlkPSJDYWxxdWVfMiIgZGlzcGxheT0ibm9uZSI+DQoJPGcgZGlzcGxheT0iaW5saW5lIj4NCgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTEuMywzLjRsMi4xLTIuMWwxMS4zLDExLjNsLTIuMSwyLjFMMS4zLDMuNHoiLz4NCgk8L2c+DQoJDQoJCTxyZWN0IHg9IjYuNSIgeT0iMCIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSA3Ljk5OTkgLTMuMzEzNSkiIGRpc3BsYXk9ImlubGluZSIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjMiIGhlaWdodD0iMTYiLz4NCjwvZz4NCjwvc3ZnPg0K'),
            none;
        border: 0.1em solid #636363;
        border-radius: 0.25em;
    }

    #offcanvas-off {
        background-color: #373737;
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxNnB4Ig0KCSBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGcgaWQ9IkNhbHF1ZV8xIiBkaXNwbGF5PSJub25lIj4NCgk8ZyBkaXNwbGF5PSJpbmxpbmUiPg0KCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTYsMHYzSDBWMEgxNnogTTE2LDYuNXYzSDB2LTNIMTZ6IE0xNiwxM3YzSDB2LTNIMTZ6Ii8+DQoJPC9nPg0KPC9nPg0KPGcgaWQ9IkNhbHF1ZV8yIj4NCgk8Zz4NCgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTEuMywzLjRsMi4xLTIuMWwxMS4zLDExLjNsLTIuMSwyLjFMMS4zLDMuNHoiLz4NCgk8L2c+DQoJPHJlY3QgeD0iNi41IiB5PSIwIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgMC43MDcxIC0wLjcwNzEgMC43MDcxIDcuOTk5OSAtMy4zMTM1KSIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjMiIGhlaWdodD0iMTYiLz4NCjwvZz4NCjwvc3ZnPg0K'),
            none;
        border: 1px solid #fff;
    }

    #wrapper {
        position: relative;
    }

    .off-canvas #main,
    .footer.off-canvas {
        float: left;
        margin-left: -66.6666667%;
    }

    .off-canvas .sidebar {
        position: relative;
        float: right;
        width: 91.6666667%;
        margin-right: 0%;
        margin-left: -100%;
        padding-left: 1em;
        padding-right: 1em;
        box-sizing: border-box;
        word-wrap: break-word;
    }
}

/*** dev only ***/

/** Cookie choix */

#cookieChoiceInfo {
    font-size: 0.8em;
    border-top: 1px solid #00a9e0;
    background-color: #00a9e0;
    color: #fff;
}

#cookieChoiceInfo a {
    color: #fff;
    background-color: #d86018;
    padding: 0 0.2em 0 0.2em;
}

#cookieChoiceInfo a:hover {
    color: #fff;
    background-color: #71dacf;
    padding: 0 0.2em 0 0.2em;
}

/** Search **/

#search .submit {
    background: #13235a;
    color: #fff;
    border: none;
    height: 1.7em;
}

/** Contact **/

.contactme input[type="submit"] {
    background: #13245a;
    color: #fff;
    border: none;
    padding: .25em .5em;
    margin: 0 50%
}

.contactme input[type="submit"]:hover {
    background: #e94200
}