html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

html,
body {
    min-width: 0;
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 0
}

html,
input,
textarea,
select,
button {
    -webkit-font-smoothing: antialiased
}

html,
body,
div,
span,
applet,
object,
iframe,
p,
blockquote,
a,
abbr,
acronym,
cite,
code,
del,
dfn,
img,
ins,
kbd,
q,
s,
samp,
strike,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
audio,
video {
    font: inherit;
    vertical-align: baseline
}

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

table,
blockquote,
pre,
input,
textarea,
audio,
video,
svg,
img,
iframe,
object {
    max-width: 100%
}

iframe {
    border-color: transparent !important;
    border-width: 0 !important;
    border-style: none !important
}

img {
    width: auto;
    height: auto;
    page-break-inside: avoid;
    cursor: pointer
}

img:focus {
    border: 1px solid #34393E !important
}

details {
    font-weight: normal !important
}

details summary {
    cursor: pointer
}

details summary:hover {
    color: #169340;
    text-decoration: underline
}

table {
    border: 0;
    width: 100%;
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: collapse
}

textarea {
    overflow: auto
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
ul:first-child,
ol:first-child {
    margin-top: 0
}

p:last-child {
    margin-bottom: 0
}

dd,
dt,
dl,
ul,
ol,
menu,
dir,
h1,
h2,
h3,
h4,
blockquote,
p,
.citation-art,
figure,
fieldset {
    display: block;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
    -webkit-padding-after: 0;
    -webkit-padding-end: 0;
    -webkit-padding-before: 0;
    -moz-margin-before: 0;
    -moz-margin-after: 0;
    -moz-margin-start: 0;
    -moz-margin-end: 0;
    -moz-padding-start: 0;
    -moz-padding-end: 0
}

ol,
ul {
    padding: 0;
    margin: 0
}

a img {
    border: none;
    background-color: transparent
}

.cb {
    clear: both
}

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

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

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

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

input {
    line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

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

small {
    font-size: 80%
}

strong {
    font-weight: bold
}

abbr {
    border-bottom: 1px dashed black
}

abbr[title],
abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #777
}

h1,
h2,
h3,
h4 {
    font-weight: normal;
    margin: 0;
    padding: 0
}

pre br {
    display: block !important
}

hr {
    cursor: default
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}

[draggable=true] {
    cursor: move
}

[draggable=true] input {
    -moz-user-select: text;
    -ms-user-select: text;
    -webkit-user-select: text;
    user-select: text
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local("Open Sans"), local("OpenSans"), url("https://fonts.gstatic.com/s/opensans/v9/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2") format("woff2"), url("https://fonts.gstatic.com/s/opensans/v9/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff") format("woff")
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url("https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2"), url("https://fonts.gstatic.com/s/opensans/v9/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff") format("woff")
}

textarea ::-webkit-scrollbar {
    width: 1.5em
}

::selection {
    background: #169340;
    color: white
}

::-moz-selection {
    background: #169340;
    color: white
}

body {
    font-family: "Open Sans", "Trebuchet MS", Arial, sans-serif;
    font-size: 1em;
    clear: both;
    color: black;
    line-height: 1.5em;
    background: #efefef;
    width: 100%;
    max-width: 100%;
    min-height: 100%;
    word-wrap: break-word;
    outline: 0;
    overflow-x: hidden
}

a {
    color: #000;
    outline: none
}

a:hover {
    text-decoration: underline;
    color: #1C031B
}

a:focus,
a:active {
    text-decoration: underline !important;
    border-bottom: 1px solid gray
}

ul,
menu,
dir {
    display: block;
    list-style-type: disc
}

h1 {
    font-size: 120%
}

h2 {
    font-size: 110%;
    margin: 0 0 .5em
}

h3 {
    font-size: 105%;
    margin: 0 0 .5em
}

summary {
    margin-bottom: 0.5em;
    font-weight: normal !important
}

.container {
    width: 80%;
    max-width: 1360px;
    margin: 0 auto 0 auto;
    padding: 0;
    background: transparent;
    clear: both
}

.page-main {
    width: 100%;
    float: left;
    padding: 0 0 1em;
    background: #fff;
    min-height: 55em
}

.page-sidebar {
    width: 32%;
    float: right;
    padding: 0;
    min-height: 55em
}

.page-footer {
    clear: both;
    width: 90%;
    padding: 0.7em 5% 0.7em 5%;
    border-top: 1px solid gray;
    color: white;
    background: #1F2A36
}

.page-footer p {
    margin-bottom: 1.5em
}

.page-footer a {
    color: #fff
}

.page-header {
    margin: 0 auto 0 auto;
    padding-top: 0.8em;
    background: #1F2A36;
    cursor: pointer;
    text-align: center
}

.page-header h2 {
    margin-top: 0.5em;
    padding: 2px 0 2px 0
}

.page-header-navigation {
    padding: 0.5em 3% 0.5em 3%;
    margin: auto;
    width: auto
}

.page-header-navigation a {
    font-size: 90%
}

.page-header-navigation a:hover,
.page-header-navigation a:focus {
    text-decoration: none
}

.page-sous-titre {
    text-align: center;
    margin-bottom: 1em
}

.post-title {
    margin-bottom: 0.7em;
    text-decoration: none;
    font-size: 115.0%
}

.post-title a {
    text-decoration: none
}

.post-date {
    color: #1C031B;
    font-size: 100%;
    padding-bottom: 0.2em;
    margin-bottom: 0.5em
}

.post-footer {
    margin-bottom: 1em
}

.page-sidebar ul {
    list-style: square !important;
    color: #677E52
}

.page-sidebar a {
    text-decoration: none
}

.page-sidebar label,
.page-sidebar h2,
.page-sidebar h1 {
    margin-bottom: 1.5em;
    font-size: 120% !important;
    width: 100%;
    display: block;
    text-align: center;
    text-transform: uppercase
}

.page-sidebar .page-sidebar-article {
    width: 94%;
    padding: 0.7em 3% 0.7em 3%;
    margin-bottom: 1.3em
}

.pagination {
    margin: 3%;
    padding: 2.5em 0 2em 0;
    width: 94% !important;
    clear: both
}

.pagination a {
    color: #183152;
    padding: 1em
}

.pagination ul {
    list-style: none
}

.pagination li {
    display: inline;
    white-space: nowrap
}

.pagination .next a {
    margin-left: 90%
}

@-webkit-keyframes animzoom {
    0% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -moz-transform: scale(1.03);
        -ms-transform: scale(1.03);
        -webkit-transform: scale(1.03);
        transform: scale(1.03)
    }
}

@-moz-keyframes animzoom {
    0% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -moz-transform: scale(1.03);
        -ms-transform: scale(1.03);
        -webkit-transform: scale(1.03);
        transform: scale(1.03)
    }
}

@-ms-keyframes animzoom {
    0% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -moz-transform: scale(1.03);
        -ms-transform: scale(1.03);
        -webkit-transform: scale(1.03);
        transform: scale(1.03)
    }
}

@keyframes animzoom {
    0% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -moz-transform: scale(1.03);
        -ms-transform: scale(1.03);
        -webkit-transform: scale(1.03);
        transform: scale(1.03)
    }
}

.shadow {
    -moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.5);
    border: 1px solid gray
}

.inclinaison:hover {
    -moz-transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    -webkit-transform: rotate(8deg);
    transform: rotate(8deg)
}

@-webkit-keyframes kf-opacity-100-70 {
    from {
        opacity: 1.0
    }

    to {
        opacity: 0.7
    }
}

@-moz-keyframes kf-opacity-100-70 {
    from {
        opacity: 1.0
    }

    to {
        opacity: 0.7
    }
}

@-ms-keyframes kf-opacity-100-70 {
    from {
        opacity: 1.0
    }

    to {
        opacity: 0.7
    }
}

@keyframes kf-opacity-100-70 {
    from {
        opacity: 1.0
    }

    to {
        opacity: 0.7
    }
}

@-webkit-keyframes kf-opacity-100-0 {
    from {
        opacity: 1.0
    }

    to {
        opacity: 0
    }
}

@-moz-keyframes kf-opacity-100-0 {
    from {
        opacity: 1.0
    }

    to {
        opacity: 0
    }
}

@-ms-keyframes kf-opacity-100-0 {
    from {
        opacity: 1.0
    }

    to {
        opacity: 0
    }
}

@keyframes kf-opacity-100-0 {
    from {
        opacity: 1.0
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes kf-margin-left-0-04em {
    0% {
        margin-left: 0
    }

    50% {
        margin-left: 0.2em
    }

    100% {
        margin-left: 0.4em
    }
}

@-moz-keyframes kf-margin-left-0-04em {
    0% {
        margin-left: 0
    }

    50% {
        margin-left: 0.2em
    }

    100% {
        margin-left: 0.4em
    }
}

@-ms-keyframes kf-margin-left-0-04em {
    0% {
        margin-left: 0
    }

    50% {
        margin-left: 0.2em
    }

    100% {
        margin-left: 0.4em
    }
}

@keyframes kf-margin-left-0-04em {
    0% {
        margin-left: 0
    }

    50% {
        margin-left: 0.2em
    }

    100% {
        margin-left: 0.4em
    }
}

@-webkit-keyframes animzoom {
    0% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -moz-transform: scale(1.03);
        -ms-transform: scale(1.03);
        -webkit-transform: scale(1.03);
        transform: scale(1.03)
    }
}

@-moz-keyframes animzoom {
    0% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -moz-transform: scale(1.03);
        -ms-transform: scale(1.03);
        -webkit-transform: scale(1.03);
        transform: scale(1.03)
    }
}

@-ms-keyframes animzoom {
    0% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -moz-transform: scale(1.03);
        -ms-transform: scale(1.03);
        -webkit-transform: scale(1.03);
        transform: scale(1.03)
    }
}

@keyframes animzoom {
    0% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -moz-transform: scale(1.03);
        -ms-transform: scale(1.03);
        -webkit-transform: scale(1.03);
        transform: scale(1.03)
    }
}

@-webkit-keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40%,
    60% {
        -moz-transform: translateY(-0.5em);
        -ms-transform: translateY(-0.5em);
        -webkit-transform: translateY(-0.5em);
        transform: translateY(-0.5em)
    }
}

@-moz-keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40%,
    60% {
        -moz-transform: translateY(-0.5em);
        -ms-transform: translateY(-0.5em);
        -webkit-transform: translateY(-0.5em);
        transform: translateY(-0.5em)
    }
}

@-ms-keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40%,
    60% {
        -moz-transform: translateY(-0.5em);
        -ms-transform: translateY(-0.5em);
        -webkit-transform: translateY(-0.5em);
        transform: translateY(-0.5em)
    }
}

@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40%,
    60% {
        -moz-transform: translateY(-0.5em);
        -ms-transform: translateY(-0.5em);
        -webkit-transform: translateY(-0.5em);
        transform: translateY(-0.5em)
    }
}

@-webkit-keyframes kf-translate-y-0-05em {
    0% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -moz-transform: translateY(-0.5em);
        -ms-transform: translateY(-0.5em);
        -webkit-transform: translateY(-0.5em);
        transform: translateY(-0.5em)
    }
}

@-moz-keyframes kf-translate-y-0-05em {
    0% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -moz-transform: translateY(-0.5em);
        -ms-transform: translateY(-0.5em);
        -webkit-transform: translateY(-0.5em);
        transform: translateY(-0.5em)
    }
}

@-ms-keyframes kf-translate-y-0-05em {
    0% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -moz-transform: translateY(-0.5em);
        -ms-transform: translateY(-0.5em);
        -webkit-transform: translateY(-0.5em);
        transform: translateY(-0.5em)
    }
}

@keyframes kf-translate-y-0-05em {
    0% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -moz-transform: translateY(-0.5em);
        -ms-transform: translateY(-0.5em);
        -webkit-transform: translateY(-0.5em);
        transform: translateY(-0.5em)
    }
}

@-webkit-keyframes kf-translate-x-0-5em {
    0% {
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -moz-transform: translateX(5em);
        -ms-transform: translateX(5em);
        -webkit-transform: translateX(5em);
        transform: translateX(5em)
    }
}

@-moz-keyframes kf-translate-x-0-5em {
    0% {
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -moz-transform: translateX(5em);
        -ms-transform: translateX(5em);
        -webkit-transform: translateX(5em);
        transform: translateX(5em)
    }
}

@-ms-keyframes kf-translate-x-0-5em {
    0% {
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -moz-transform: translateX(5em);
        -ms-transform: translateX(5em);
        -webkit-transform: translateX(5em);
        transform: translateX(5em)
    }
}

@keyframes kf-translate-x-0-5em {
    0% {
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -moz-transform: translateX(5em);
        -ms-transform: translateX(5em);
        -webkit-transform: translateX(5em);
        transform: translateX(5em)
    }
}

@-webkit-keyframes zoom {
    0% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -moz-transform: scale(1.03);
        -ms-transform: scale(1.03);
        -webkit-transform: scale(1.03);
        transform: scale(1.03)
    }
}

@-moz-keyframes zoom {
    0% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -moz-transform: scale(1.03);
        -ms-transform: scale(1.03);
        -webkit-transform: scale(1.03);
        transform: scale(1.03)
    }
}

@-ms-keyframes zoom {
    0% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -moz-transform: scale(1.03);
        -ms-transform: scale(1.03);
        -webkit-transform: scale(1.03);
        transform: scale(1.03)
    }
}

@keyframes zoom {
    0% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -moz-transform: scale(1.03);
        -ms-transform: scale(1.03);
        -webkit-transform: scale(1.03);
        transform: scale(1.03)
    }
}

@-webkit-keyframes kf-opacity-90-100 {
    0% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
        opacity: .9
    }

    100% {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1
    }
}

@-moz-keyframes kf-opacity-90-100 {
    0% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
        opacity: .9
    }

    100% {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1
    }
}

@-ms-keyframes kf-opacity-90-100 {
    0% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
        opacity: .9
    }

    100% {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1
    }
}

@keyframes kf-opacity-90-100 {
    0% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
        opacity: .9
    }

    100% {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1
    }
}

@keyframes fadeInDown {
    0% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
        opacity: .9;
        -moz-transform: translateY(-0.7em);
        -ms-transform: translateY(-0.7em);
        -webkit-transform: translateY(-0.7em);
        transform: translateY(-0.7em)
    }

    100% {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes rotate {
    from {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.rotate2 {
    -webkit-animation-delay: 1ms;
    -webkit-animation-duration: 5s;
    -webkit-animation-name: rotate;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -moz-animation-delay: 1ms;
    -moz-animation-duration: 5s;
    -moz-animation-name: rotate;
    -moz-animation-fill-mode: forwards;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
    -o-animation-delay: 1ms;
    -o-animation-duration: 5s;
    -o-animation-name: rotate;
    -o-animation-fill-mode: forwards;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: alternate;
    animation-delay: 1ms;
    animation-duration: 5s;
    animation-name: rotate;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important
}

.sphere {
    display: block;
    background: black;
    border-radius: 100%;
    height: 2em;
    width: 2em;
    margin: 0;
    background: radial-gradient(circle at 8em 8em, #5cabff, #000000)
}

.croix {
    -webkit-clip-path: polygon(20% 0%, 0% 0%, 0% 50%, 0% 80%, 0% 100%, 50% 100%, 80% 100%, 100% 100%, 100% 50%, 100% 0, 80% 0, 50% 0);
    transition: -webkit-clip-path 0.5s
}

.croix:hover {
    -webkit-clip-path: polygon(50% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%)
}

.anim-fleches {
    -webkit-clip-path: polygon(50% 0, 70% 0, 100% 0, 100% 100%, 70% 100%, 50% 100%, 30% 100%, 0 100%, 0 0, 30% 0);
    clip-path: polygon(50% 0, 70% 0, 100% 0, 100% 100%, 70% 100%, 50% 100%, 30% 100%, 0 100%, 0 0, 30% 0);
    transition: all .3s
}

.anim-fleches:hover {
    -webkit-clip-path: polygon(50% 20%, 70% 0, 100% 0, 100% 100%, 70% 100%, 50% 80%, 30% 100%, 0 100%, 0 0, 30% 0);
    clip-path: polygon(50% 20%, 70% 0, 100% 0, 100% 100%, 70% 100%, 50% 80%, 30% 100%, 0 100%, 0 0, 30% 0)
}

.deux-colonnes {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2
}

.liste,
.post-body ol,
.post-body ul {
    width: 95%;
    clear: both;
    list-style: none;
    margin: auto auto auto 5%
}

.post-body {
    display: block;
    text-align: justify;
    line-height: 180%;
    padding-bottom: 0.2em;
    padding-top: 0;
    margin-bottom: 1em;
    font-size: inherit
}

.post-body header {
    margin-bottom: 1em
}

.post-body a {
    text-decoration: underline;
    color: #1C031B
}

.post-body ol,
.post-body ul {
    margin: 0 0 1.5em 5%;
    padding-left: 0
}

.post-body ol {
    list-style: decimal
}

.post-body ul,
.post-body ol,
.post-body p,
.post-body ol,
.post-body ul,
.post-body q,
.post-body h1,
.post-body h2,
.post-body h3,
.post-body h4,
.post-body blockquote,
.post-body table,
.post-body figure,
.post-body pre,
.post-body div,
.post-body .cobjet {
    margin-bottom: 1.5em
}

.post-body h1 {
    text-align: center;
    padding-top: 0.5em
}

.post-body h2 {
    font-size: 110.0%;
    font-weight: bold;
    text-align: center;
    color: #046380
}

.post-body h3 {
    font-size: 110.0%;
    text-align: center;
    color: #1C031B
}

.post-body h4 {
    font-size: 105%;
    text-align: center;
    color: #1C031B
}

.post-body h5 {
    text-align: center;
    color: black;
    font-size: 100%
}

.post-body li {
    list-style: disc
}

.post-body audio {
    display: block
}

.post-body li a {
    color: black
}

.post-body blockquote,
.post-body strong {
    color: #046380
}

.post-body q {
    font-style: italic
}

.post-body blockquote {
    margin-left: 1%
}

.post-body q:before,
.post-body blockquote:before {
    content: open-quote;
    font-size: 110%;
    color: #34393E
}

.post-body q:after,
.post-body blockquote:after {
    content: close-quote;
    font-size: 110%;
    color: #34393E
}

.post-body blockquote p {
    display: inline
}

.post-body pre {
    overflow: auto;
    white-space: pre-wrap;
    word-wrap: normal
}

.post-body pre strong,
.post-body pre em {
    color: #046380
}

.post-body td,
.post-body th {
    border: thin solid #6495ed;
    text-align: center;
    padding: 0 0.2em 0 0.2em
}

.post-body th {
    color: #DB0B32
}

.post-body li strong {
    color: green
}

.post-body blockquote pre {
    padding-left: 1.5em
}

.post-body em {
    font-style: italic;
    font-weight: normal;
    color: green
}

.post-body q,
.post-body cite {
    color: purple
}

.post-body img {
    -moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.5);
    border: 1px solid gray;
    border: 1px solid gray;
    margin-bottom: 1.5em
}

.post-body figure img {
    margin-bottom: 0.2em
}

.post-body figcaption {
    text-align: center;
    margin-bottom: 0.5em;
    font-size: 90%
}

.post-body time {
    display: inline
}

.post-body .cvideo {
    width: 75%;
    display: block;
    margin: auto;
    border: 0 solid white
}

.post-body .caudio {
    width: 70%;
    display: block;
    margin: 3em auto 3em auto;
    border: 0 solid white
}

.post-body .cvideo2 {
    width: 85% !important;
    display: block;
    margin: 0 auto 2em auto;
    border: 0 solid white
}

.post-body .cvideo3 {
    width: 97% !important;
    display: block;
    margin: 0 auto 2em auto;
    border: 0 solid white
}

.post-body p[itemprop=headline] {
    font-weight: bold
}

.post-body iframe,
.post-body .o-centre {
    display: block;
    margin: 0 auto 1.5em auto;
    width: 100%;
    border: none
}

.post-commentaires {
    margin-bottom: 1.5em;
    width: 94%;
    padding: 2em 3% 2em 3%
}

.post-formulaire-commentaire {
    padding-bottom: 0.5em;
    margin-bottom: 0.5em
}

.post-commentaire {
    padding: 1em 1% 1em 1%;
    width: 98%
}

.post-commentaire header,
.post-commentaire header a {
    color: #046380
}

.post-commentaire header {
    margin-bottom: 0.8em
}

.post-commentaire header a {
    text-decoration: underline;
    color: green;
    margin-right: 1%
}

.post-commentaire section {
    margin-bottom: 1.5em;
    border: 1px solid #EFECCA;
    padding: 1em 3% 1em 3%;
    width: 94%
}

.post-commentaire-reponse {
    margin: 1em 0 1em 4%;
    width: 90% !important
}

.post-commentaire-reponse a {
    color: green;
    text-decoration: underline
}

input {
    -moz-border-radius: .16em;
    -webkit-border-radius: .16em;
    border-radius: .16em
}

.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    padding: 0.25em 1% 0.25em 1%;
    font-size: inherit;
    font-family: inherit;
    margin-bottom: 0.5em;
    border: 1px solid gray;
    height: auto !important;
    min-height: 2.3em;
    min-width: 12em;
    text-align: center;
    vertical-align: middle;
    background-image: none;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.button:focus,
.button.focus,
.button:active:focus,
.button:active.focus,
.button.active:focus,
.button.active.focus,
button:focus,
button.focus,
button:active:focus,
button:active.focus,
button.active:focus,
button.active.focus,
input[type="button"]:focus,
input[type="button"].focus,
input[type="button"]:active:focus,
input[type="button"]:active.focus,
input[type="button"].active:focus,
input[type="button"].active.focus,
input[type="reset"]:focus,
input[type="reset"].focus,
input[type="reset"]:active:focus,
input[type="reset"]:active.focus,
input[type="reset"].active:focus,
input[type="reset"].active.focus,
input[type="submit"]:focus,
input[type="submit"].focus,
input[type="submit"]:active:focus,
input[type="submit"]:active.focus,
input[type="submit"].active:focus,
input[type="submit"].active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.button:active,
.button.active,
button:active,
button.active,
input[type="button"]:active,
input[type="button"].active,
input[type="reset"]:active,
input[type="reset"].active,
input[type="submit"]:active,
input[type="submit"].active {
    outline: 0;
    background-image: none;
    -moz-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.125);
    -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.125)
}

.bouton-large {
    width: 98%;
    padding: 0.55em 1% 0.55em 1%;
    text-align: center;
    background-color: #34393E
}

select {
    cursor: pointer;
    margin-bottom: 0.5em
}

select option {
    width: 100%;
    padding: 0.7em;
    border-bottom: 1px solid gray
}

select option[selected=selected] {
    background: orange
}

select[multiple],
select[size] {
    height: auto
}

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

.button:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
    border: 1px solid blue;
    color: blue
}

.button:active,
.button-active,
button:active,
input[type="button"]:active,
input[type="submit"]:active {
    background: blue;
    color: white;
    box-shadow: 1px 1px 5px #000 inset, 0 1px 0 rgba(255, 255, 255, 0.4)
}

input[type="reset"] {
    color: red
}

form {
    margin: 0 auto 1.5em auto;
    width: 100%;
    padding: 0
}

form legend {
    display: block;
    cursor: pointer;
    margin: 0 auto 1em auto;
    padding: 0.5em;
    background: transparent;
    border: 0;
    text-align: center
}

form legend:hover {
    color: #169340
}

form fieldset {
    background: white;
    border: 1px solid gray;
    margin: 0 0 1em 0;
    padding: 1em;
    min-width: 0
}

form ol,
form ul {
    list-style: none !important;
    margin: 0.3em 2.5% 0.8em 2.5% !important;
    padding: 0 !important;
    width: 95% !important
}

form li {
    list-style: none !important;
    margin-bottom: 1.5em !important
}

form label {
    cursor: pointer;
    display: block;
    padding-bottom: 0.4em;
    text-align: left;
    max-width: 100%;
    -moz-transition: color 1s linear 0s;
    -o-transition: color 1s linear 0s;
    -webkit-transition: color 1s linear;
    -webkit-transition-delay: 0s;
    transition: color 1s linear 0s
}

form label:hover {
    color: gray
}

form .input-large,
form input:not([type]),
form select,
form textarea,
form input[type="date"],
form input[type="datetime"],
form input[type="datetime-local"],
form input[type="email"],
form input[type="number"],
form input[type="text"],
form input[type="tel"],
form input[type="password"],
form input[type="search"],
form input[type="url"],
form input[type="color"],
form input[type="range"],
form input[type="number"][list] {
    display: block;
    width: 98%;
    min-height: 2.5em;
    min-width: 2em;
    max-width: 100%;
    padding: 0.26em 1% 0.26em 1%;
    border: 1px solid gray;
    color: #34393E;
    font-family: inherit;
    font-size: 1em;
    background: #fcfcfc;
    vertical-align: middle
}

form .input-large:-moz-placeholder,
form input:-moz-placeholder:not([type]),
form select:-moz-placeholder,
form textarea:-moz-placeholder,
form input[type="date"]:-moz-placeholder,
form input[type="datetime"]:-moz-placeholder,
form input[type="datetime-local"]:-moz-placeholder,
form input[type="email"]:-moz-placeholder,
form input[type="number"]:-moz-placeholder,
form input[type="text"]:-moz-placeholder,
form input[type="tel"]:-moz-placeholder,
form input[type="password"]:-moz-placeholder,
form input[type="search"]:-moz-placeholder,
form input[type="url"]:-moz-placeholder,
form input[type="color"]:-moz-placeholder,
form input[type="range"]:-moz-placeholder,
form input[type="number"][list]:-moz-placeholder {
    color: #bfbfbf;
    font-style: italic
}

form .input-large::-moz-placeholder,
form input:not([type])::-moz-placeholder,
form select::-moz-placeholder,
form textarea::-moz-placeholder,
form input[type="date"]::-moz-placeholder,
form input[type="datetime"]::-moz-placeholder,
form input[type="datetime-local"]::-moz-placeholder,
form input[type="email"]::-moz-placeholder,
form input[type="number"]::-moz-placeholder,
form input[type="text"]::-moz-placeholder,
form input[type="tel"]::-moz-placeholder,
form input[type="password"]::-moz-placeholder,
form input[type="search"]::-moz-placeholder,
form input[type="url"]::-moz-placeholder,
form input[type="color"]::-moz-placeholder,
form input[type="range"]::-moz-placeholder,
form input[type="number"][list]::-moz-placeholder {
    color: #bfbfbf;
    font-style: italic
}

form .input-large:-ms-input-placeholder,
form input:-ms-input-placeholder:not([type]),
form select:-ms-input-placeholder,
form textarea:-ms-input-placeholder,
form input[type="date"]:-ms-input-placeholder,
form input[type="datetime"]:-ms-input-placeholder,
form input[type="datetime-local"]:-ms-input-placeholder,
form input[type="email"]:-ms-input-placeholder,
form input[type="number"]:-ms-input-placeholder,
form input[type="text"]:-ms-input-placeholder,
form input[type="tel"]:-ms-input-placeholder,
form input[type="password"]:-ms-input-placeholder,
form input[type="search"]:-ms-input-placeholder,
form input[type="url"]:-ms-input-placeholder,
form input[type="color"]:-ms-input-placeholder,
form input[type="range"]:-ms-input-placeholder,
form input[type="number"][list]:-ms-input-placeholder {
    color: #bfbfbf;
    font-style: italic
}

form .input-large::-webkit-input-placeholder,
form input:not([type])::-webkit-input-placeholder,
form select::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder,
form input[type="date"]::-webkit-input-placeholder,
form input[type="datetime"]::-webkit-input-placeholder,
form input[type="datetime-local"]::-webkit-input-placeholder,
form input[type="email"]::-webkit-input-placeholder,
form input[type="number"]::-webkit-input-placeholder,
form input[type="text"]::-webkit-input-placeholder,
form input[type="tel"]::-webkit-input-placeholder,
form input[type="password"]::-webkit-input-placeholder,
form input[type="search"]::-webkit-input-placeholder,
form input[type="url"]::-webkit-input-placeholder,
form input[type="color"]::-webkit-input-placeholder,
form input[type="range"]::-webkit-input-placeholder,
form input[type="number"][list]::-webkit-input-placeholder {
    color: #bfbfbf;
    font-style: italic
}

form .input-large:focus,
form input:focus:not([type]),
form select:focus,
form textarea:focus,
form input[type="date"]:focus,
form input[type="datetime"]:focus,
form input[type="datetime-local"]:focus,
form input[type="email"]:focus,
form input[type="number"]:focus,
form input[type="text"]:focus,
form input[type="tel"]:focus,
form input[type="password"]:focus,
form input[type="search"]:focus,
form input[type="url"]:focus,
form input[type="color"]:focus,
form input[type="range"]:focus,
form input[type="number"][list]:focus {
    background: #FEFEFE
}

form .input-large:focus:-moz-placeholder,
form input:focus:-moz-placeholder:not([type]),
form select:focus:-moz-placeholder,
form textarea:focus:-moz-placeholder,
form input[type="date"]:focus:-moz-placeholder,
form input[type="datetime"]:focus:-moz-placeholder,
form input[type="datetime-local"]:focus:-moz-placeholder,
form input[type="email"]:focus:-moz-placeholder,
form input[type="number"]:focus:-moz-placeholder,
form input[type="text"]:focus:-moz-placeholder,
form input[type="tel"]:focus:-moz-placeholder,
form input[type="password"]:focus:-moz-placeholder,
form input[type="search"]:focus:-moz-placeholder,
form input[type="url"]:focus:-moz-placeholder,
form input[type="color"]:focus:-moz-placeholder,
form input[type="range"]:focus:-moz-placeholder,
form input[type="number"][list]:focus:-moz-placeholder {
    color: gray
}

form .input-large:focus::-moz-placeholder,
form input:not([type]):focus::-moz-placeholder,
form select:focus::-moz-placeholder,
form textarea:focus::-moz-placeholder,
form input[type="date"]:focus::-moz-placeholder,
form input[type="datetime"]:focus::-moz-placeholder,
form input[type="datetime-local"]:focus::-moz-placeholder,
form input[type="email"]:focus::-moz-placeholder,
form input[type="number"]:focus::-moz-placeholder,
form input[type="text"]:focus::-moz-placeholder,
form input[type="tel"]:focus::-moz-placeholder,
form input[type="password"]:focus::-moz-placeholder,
form input[type="search"]:focus::-moz-placeholder,
form input[type="url"]:focus::-moz-placeholder,
form input[type="color"]:focus::-moz-placeholder,
form input[type="range"]:focus::-moz-placeholder,
form input[type="number"][list]:focus::-moz-placeholder {
    color: gray
}

form .input-large:focus:-ms-input-placeholder,
form input:focus:-ms-input-placeholder:not([type]),
form select:focus:-ms-input-placeholder,
form textarea:focus:-ms-input-placeholder,
form input[type="date"]:focus:-ms-input-placeholder,
form input[type="datetime"]:focus:-ms-input-placeholder,
form input[type="datetime-local"]:focus:-ms-input-placeholder,
form input[type="email"]:focus:-ms-input-placeholder,
form input[type="number"]:focus:-ms-input-placeholder,
form input[type="text"]:focus:-ms-input-placeholder,
form input[type="tel"]:focus:-ms-input-placeholder,
form input[type="password"]:focus:-ms-input-placeholder,
form input[type="search"]:focus:-ms-input-placeholder,
form input[type="url"]:focus:-ms-input-placeholder,
form input[type="color"]:focus:-ms-input-placeholder,
form input[type="range"]:focus:-ms-input-placeholder,
form input[type="number"][list]:focus:-ms-input-placeholder {
    color: gray
}

form .input-large:focus::-webkit-input-placeholder,
form input:not([type]):focus::-webkit-input-placeholder,
form select:focus::-webkit-input-placeholder,
form textarea:focus::-webkit-input-placeholder,
form input[type="date"]:focus::-webkit-input-placeholder,
form input[type="datetime"]:focus::-webkit-input-placeholder,
form input[type="datetime-local"]:focus::-webkit-input-placeholder,
form input[type="email"]:focus::-webkit-input-placeholder,
form input[type="number"]:focus::-webkit-input-placeholder,
form input[type="text"]:focus::-webkit-input-placeholder,
form input[type="tel"]:focus::-webkit-input-placeholder,
form input[type="password"]:focus::-webkit-input-placeholder,
form input[type="search"]:focus::-webkit-input-placeholder,
form input[type="url"]:focus::-webkit-input-placeholder,
form input[type="color"]:focus::-webkit-input-placeholder,
form input[type="range"]:focus::-webkit-input-placeholder,
form input[type="number"][list]:focus::-webkit-input-placeholder {
    color: gray
}

form .input-large:invalid,
form input:invalid:not([type]),
form select:invalid,
form textarea:invalid,
form input[type="date"]:invalid,
form input[type="datetime"]:invalid,
form input[type="datetime-local"]:invalid,
form input[type="email"]:invalid,
form input[type="number"]:invalid,
form input[type="text"]:invalid,
form input[type="tel"]:invalid,
form input[type="password"]:invalid,
form input[type="search"]:invalid,
form input[type="url"]:invalid,
form input[type="color"]:invalid,
form input[type="range"]:invalid,
form input[type="number"][list]:invalid {
    color: red
}

form .input-large:valid,
form input:valid:not([type]),
form select:valid,
form textarea:valid,
form input[type="date"]:valid,
form input[type="datetime"]:valid,
form input[type="datetime-local"]:valid,
form input[type="email"]:valid,
form input[type="number"]:valid,
form input[type="text"]:valid,
form input[type="tel"]:valid,
form input[type="password"]:valid,
form input[type="search"]:valid,
form input[type="url"]:valid,
form input[type="color"]:valid,
form input[type="range"]:valid,
form input[type="number"][list]:valid {
    color: green
}

form .input-large:focus,
form input:focus:not([type]),
form .input-large:hover,
form input:hover:not([type]),
form .input-large:active,
form input:active:not([type]),
form select:focus,
form select:hover,
form select:active,
form textarea:focus,
form textarea:hover,
form textarea:active,
form input[type="date"]:focus,
form input[type="date"]:hover,
form input[type="date"]:active,
form input[type="datetime"]:focus,
form input[type="datetime"]:hover,
form input[type="datetime"]:active,
form input[type="datetime-local"]:focus,
form input[type="datetime-local"]:hover,
form input[type="datetime-local"]:active,
form input[type="email"]:focus,
form input[type="email"]:hover,
form input[type="email"]:active,
form input[type="number"]:focus,
form input[type="number"]:hover,
form input[type="number"]:active,
form input[type="text"]:focus,
form input[type="text"]:hover,
form input[type="text"]:active,
form input[type="tel"]:focus,
form input[type="tel"]:hover,
form input[type="tel"]:active,
form input[type="password"]:focus,
form input[type="password"]:hover,
form input[type="password"]:active,
form input[type="search"]:focus,
form input[type="search"]:hover,
form input[type="search"]:active,
form input[type="url"]:focus,
form input[type="url"]:hover,
form input[type="url"]:active,
form input[type="color"]:focus,
form input[type="color"]:hover,
form input[type="color"]:active,
form input[type="range"]:focus,
form input[type="range"]:hover,
form input[type="range"]:active,
form input[type="number"][list]:focus,
form input[type="number"][list]:hover,
form input[type="number"][list]:active {
    color: black;
    border: 1px solid blue
}

form .input-large:focus:valid,
form input:focus:valid:not([type]),
form .input-large:hover:valid,
form input:hover:valid:not([type]),
form .input-large:active:valid,
form input:active:valid:not([type]),
form select:focus:valid,
form select:hover:valid,
form select:active:valid,
form textarea:focus:valid,
form textarea:hover:valid,
form textarea:active:valid,
form input[type="date"]:focus:valid,
form input[type="date"]:hover:valid,
form input[type="date"]:active:valid,
form input[type="datetime"]:focus:valid,
form input[type="datetime"]:hover:valid,
form input[type="datetime"]:active:valid,
form input[type="datetime-local"]:focus:valid,
form input[type="datetime-local"]:hover:valid,
form input[type="datetime-local"]:active:valid,
form input[type="email"]:focus:valid,
form input[type="email"]:hover:valid,
form input[type="email"]:active:valid,
form input[type="number"]:focus:valid,
form input[type="number"]:hover:valid,
form input[type="number"]:active:valid,
form input[type="text"]:focus:valid,
form input[type="text"]:hover:valid,
form input[type="text"]:active:valid,
form input[type="tel"]:focus:valid,
form input[type="tel"]:hover:valid,
form input[type="tel"]:active:valid,
form input[type="password"]:focus:valid,
form input[type="password"]:hover:valid,
form input[type="password"]:active:valid,
form input[type="search"]:focus:valid,
form input[type="search"]:hover:valid,
form input[type="search"]:active:valid,
form input[type="url"]:focus:valid,
form input[type="url"]:hover:valid,
form input[type="url"]:active:valid,
form input[type="color"]:focus:valid,
form input[type="color"]:hover:valid,
form input[type="color"]:active:valid,
form input[type="range"]:focus:valid,
form input[type="range"]:hover:valid,
form input[type="range"]:active:valid,
form input[type="number"][list]:focus:valid,
form input[type="number"][list]:hover:valid,
form input[type="number"][list]:active:valid {
    color: green;
    border: 1px solid green
}

form .input-large:active,
form input:active:not([type]),
form select:active,
form textarea:active,
form input[type="date"]:active,
form input[type="datetime"]:active,
form input[type="datetime-local"]:active,
form input[type="email"]:active,
form input[type="number"]:active,
form input[type="text"]:active,
form input[type="tel"]:active,
form input[type="password"]:active,
form input[type="search"]:active,
form input[type="url"]:active,
form input[type="color"]:active,
form input[type="range"]:active,
form input[type="number"][list]:active {
    color: yellow
}

form textarea {
    text-align: justify
}

form textarea:valid {
    color: black
}

form input[type="password"] {
    letter-spacing: 1px;
    font-family: 'Lucida Sans Unicode'
}

form input[type="date"],
form input[type="number"] {
    min-width: 7em;
    max-width: 100%;
    font-family: Cambria;
    letter-spacing: 0.2em;
    text-align: center
}

form input[type="checkbox"] {
    cursor: pointer;
    margin-right: 2%;
    height: 1em
}

form input[type="file"] {
    background: #F9F9F9;
    background-color: rgba(249, 249, 249, 0.75);
    cursor: pointer;
    display: block;
    font: 16px "Open Sans", "Trebuchet MS", Arial, sans-serif;
    width: 94%;
    min-height: 2.3em;
    outline: none;
    opacity: 0.98;
    padding: 0.9em 3% 0.3em 3%;
    vertical-align: middle;
    text-indent: -7px;
    max-width: 100%;
    -moz-box-shadow: 2px 1px .3em 0 rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 2px 1px .3em 0 rgba(0, 0, 0, 0.5);
    box-shadow: 2px 1px .3em 0 rgba(0, 0, 0, 0.5);
    border: 1px solid gray
}

form input[type="file"]:hover {
    box-shadow: none
}

form input[type="range"] {
    cursor: pointer;
    margin: 0.2em 0 0.2em 0
}

form input[type="file"]:focus,
form input[type="radio"]:focus,
form input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

form textarea {
    min-height: 2.3em;
    resize: vertical;
    width: 98%
}

form .radio li {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin-right: 5%;
    line-height: 3.5em
}

form .radio label {
    display: inline;
    padding: 0.6em
}

form .radio input {
    vertical-align: middle
}

form li.inline {
    width: auto;
    display: inline-block;
    margin-right: 5%;
    line-height: 3.5em;
    white-space: nowrap
}

form li.inline label {
    display: inline;
    margin-right: 0.7em;
    color: green
}

form li.inline input {
    display: inline
}

form li.inline input:-moz-placeholder {
    color: green
}

form li.inline input::-moz-placeholder {
    color: green
}

form li.inline input:-ms-input-placeholder {
    color: green
}

form li.inline input::-webkit-input-placeholder {
    color: green
}

form li.two-col-form {
    width: 98%;
    padding: 0.2em 1% 0.2em 1%;
    line-height: 3.5em;
    white-space: nowrap
}

form li.two-col-form label {
    width: auto;
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin-right: 0.7em;
    margin-bottom: 0
}

form li.two-col-form input {
    max-width: 100%;
    margin-bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

form input[type="radio"]+label {
    border: 1px dotted #D9D9D9;
    -moz-border-radius: .1em;
    -webkit-border-radius: .1em;
    border-radius: .1em
}

form input[type="radio"][id^="supprimer"]+label {
    color: red
}

form input[type="radio"]:focus,
form input[type="radio"]:active,
form input[type="radio"]:hover+label {
    color: blue;
    border: 1px dashed black;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

form input[type="radio"]:checked+label {
    color: white;
    border: 1px solid gray;
    -moz-border-radius: .1em;
    -webkit-border-radius: .1em;
    border-radius: .1em;
    background: #169340
}

form .checklist {
    margin-bottom: 2em
}

form .checklist label {
    width: 90%;
    display: inline;
    padding: 1%;
    -moz-border-radius: .1em;
    -webkit-border-radius: .1em;
    border-radius: .1em
}

form input[type="checkbox"]:checked+label {
    font-style: italic;
    box-shadow: none !important;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0
}

form .ws-popover button {
    min-width: 0;
    min-height: 0
}

.valid-input {
    color: green !important;
    border: 1px solid green !important
}

.invalid-input,
form input[type="file"]:invalid {
    color: red !important;
    border: 1px solid red !important
}

.twitter-tweet {
    max-width: 100%;
    width: 100% !important;
    display: block !important;
    margin: 1em auto 2em auto !important
}

.citation-art {
    padding: 1.5em;
    line-height: 2.5em;
    font-style: italic
}

.modal {
    color: white;
    position: fixed;
    top: 50%;
    width: 50%;
    background: gray;
    text-align: center;
    padding: 3%;
    min-height: 2em;
    border: 0
}

.album {
    border: 1px solid gray;
    padding: 1% 2% 2% 2%;
    margin: 1.5% 3% 3% 3%;
    background: white
}

.album cite {
    border: 1px solid gray;
    font-style: normal;
    padding: 0.25em
}

.album em {
    color: green
}

.album .single cite {
    color: white;
    background: gray
}

.citation {
    -moz-border-radius: .4em;
    -webkit-border-radius: .4em;
    border-radius: .4em;
    -moz-box-shadow: 2px 1px 0.3em rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 2px 1px 0.3em rgba(0, 0, 0, 0.5);
    box-shadow: 2px 1px 0.3em rgba(0, 0, 0, 0.5);
    border: 1px solid gray;
    width: 96%;
    padding: 1em 2% 1em 2%;
    margin-left: 0
}

.mini-index-articles p {
    vertical-align: middle;
    height: 100px;
    overflow: hidden;
    line-height: 80px
}

.mini-index-articles p a {
    display: block;
    vertical-align: middle
}

.mini-index-articles img {
    display: inline;
    background: white;
    padding: 2px;
    -moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.5);
    border: 1px solid gray;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.mini-index-articles ul,
.mini-index-articles li {
    list-style: none
}

.mini-index-articles span {
    display: inline;
    vertical-align: top;
    text-overflow: ellipsis
}

dialog {
    background: white;
    cursor: pointer;
    position: fixed;
    margin: 1em 20% 1em 20%;
    max-height: 50%;
    top: 25%;
    width: 60%;
    overflow-y: auto;
    border: 1px solid gray;
    -moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.5);
    border: 1px solid gray;
    border: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
    opacity: .95;
    padding: 2em
}

dialog::backdrop {
    position: fixed;
    top: 50%;
    width: 50%;
    background: transparent
}

dialog .btn-fermer {
    position: fixed;
    left: 80%;
    display: block;
    margin: auto;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
    opacity: .95
}

dialog .post-body {
    padding-top: 2em
}

.progress {
    width: 100%;
    margin: 1em 0 1em 0;
    min-height: 3em;
    display: block;
    text-align: center;
    background-color: #f2f2f2;
    min-width: 12em
}

meter {
    border: 1px solid #AAA5A5
}

meter::-webkit-meter-optimum-value {
    background: green
}

.sp-sprite,
.sp-leftgray,
.sp-maison,
.sp-rightgray {
    background-image: url("img/sp-s2762122164.png");
    background-repeat: no-repeat
}

.sp-leftgray {
    background-position: 0 0
}

.sp-maison {
    background-position: 0 -55px;
    color: transparent
}

.sp-rightgray {
    background-position: 0 -100px
}

.cookie-choices-info,
div#cookieChoiceInfo {
    position: fixed;
    width: 40% !important;
    left: 58% !important;
    text-align: left !important;
    line-height: 2.1 !important;
    padding: 0.5em 1% 0.5em 1% !important;
    background: #efefef !important;
    font-weight: normal !important;
    color: #000 !important;
    font-family: "Open Sans", "Trebuchet MS", Arial, sans-serif !important;
    font-size: .81em !important
}

.cookie-choices-info overg div,
div#cookieChoiceInfo overg div {
    padding: 0 !important
}

.cookie-choices-info overg div span.cookie-choices-text:before,
div#cookieChoiceInfo overg div span.cookie-choices-text:before {
    content: "Information. " !important
}

.cookie-choices-info .cookie-choices-text,
div#cookieChoiceInfo .cookie-choices-text {
    color: #000 !important;
    font-size: inherit !important
}

.cookie-choices-info .cookie-choices-info .cookie-choices-inner,
div#cookieChoiceInfo .cookie-choices-info .cookie-choices-inner {
    padding: 0 !important;
    margin: 0 !important;
    font-size: inherit !important
}

.cookie-choices-info .cookie-choices-info .cookie-choices-buttons,
.cookie-choices-info span,
div#cookieChoiceInfo .cookie-choices-info .cookie-choices-buttons,
div#cookieChoiceInfo span {
    width: 100%;
    clear: both;
    display: block;
    margin-bottom: 0.5em;
    font-size: inherit !important
}

.cookie-choices-info a,
div#cookieChoiceInfo a {
    background: #169340 !important;
    font-weight: normal !important;
    text-align: center !important;
    margin: 0.3em !important;
    font-size: inherit !important;
    text-transform: none !important;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.cookie-choices-info a:hover,
.cookie-choices-info a:focus,
div#cookieChoiceInfo a:hover,
div#cookieChoiceInfo a:focus {
    background: gray !important
}

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.fancybox-opened {
    z-index: 8030
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5)
}

.fancybox-outer,
.fancybox-inner {
    position: relative
}

.fancybox-inner {
    overflow: hidden
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}

.fancybox-image,
.fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    cursor: pointer;
    z-index: 8040;
    background: transparent url("http://sd-1.archive-host.com/membres/up/90493997564903368/fancy/ob_fdcb6fee8dbcd04e30c47dfc9a9cc7e7_lightbox-close-button.png") 0 0 !important;
    height: 4.7em !important;
    width: 4.7em !important;
    background-repeat: no-repeat !important
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    z-index: 8040
}

.fancybox-prev {
    left: 0
}

.fancybox-next {
    right: 0
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px
}

.fancybox-nav:hover span {
    visibility: visible
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important
}

.fancybox-lock {
    overflow: hidden !important;
    width: auto
}

.fancybox-lock body {
    overflow: hidden !important
}

.fancybox-lock-test {
    overflow-y: hidden !important
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050
}

.fancybox-opened .fancybox-title {
    visibility: visible
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}

.fancybox-title-inside-wrap {
    padding-top: 10px
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, 0.8)
}

a {
    color: #1F2A36
}

a:focus,
a:hover,
a:active {
    color: #169340
}

#page-header {
    text-align: left;
    border: 0
}

#page-header h1,
#page-header h2 {
    padding: 0.55em 0% 0.55em 3.1%
}

#page-header h1 {
    font-size: 240%;
    letter-spacing: 1px
}

#page-header h2 {
    font-size: 135%
}

#page-header a {
    text-decoration: none;
    text-transform: uppercase;
    color: white;
    font-weight: 700;
    font-family: inherit
}

.page-header-navigation {
    padding: 0.5em 3% 0.33em 3%
}

.page-header-navigation ul li a {
    padding: 0.8em
}

.page-header-navigation a {
    -moz-transition: background .4s linear 0s;
    -o-transition: background .4s linear 0s;
    -webkit-transition: background .4s linear;
    -webkit-transition-delay: 0s;
    transition: background .4s linear 0s
}

.page-header-navigation .lien-actif,
.page-header-navigation a:hover,
.page-header-navigation a:focus,
.page-header-navigation a:active {
    background: #169340;
    outline: none !important
}

.page-main {
    color: black;
    line-height: 24px;
    border-right: 1px solid #DCDCDC
}

.page-sous-titre-2,
.page-sidebar-article label,
.page-sidebar-article h1,
h3,
.post-body h1,
.post-body h2,
.post-body h3,
.page-sidebar-article h1,
.page-sidebar-article h2,
.page-sidebar section h1,
.page-sidebar article h1,
.post header h2 {
    color: black;
    background: #DCDCDC;
    list-style: none;
    padding: 0.3em 0 0.3em 0;
    text-align: center;
    font-weight: normal
}

.post header,
.page-sous-titre {
    text-align: left;
    background: #169340;
    color: white;
    padding: 1em 5% 1em 5%
}

.page-sous-titre a {
    color: white;
    text-transform: uppercase
}

.post {
    width: 100%;
    background: white
}

.post section,
.post nav,
.post footer {
    padding: 1em 5% 1em 5%
}

.post header a {
    color: white;
    text-decoration: none
}

.post header h1 {
    padding-top: 0.4em;
    margin-bottom: 0.4em;
    text-transform: uppercase;
    font-size: 133.35%
}

.post header time {
    text-transform: uppercase;
    color: white
}

.post header h2 {
    font-size: 130.81%
}

.page-sous-titre,
h3,
.post-body h2,
.post-body h3,
.page-sidebar-article h1,
.page-sidebar section h1 {
    font-size: 133.35%
}

.post-title {
    margin-bottom: 0.3em;
    background: transparent;
    text-align: left
}

.post-body ol {
    color: #046380
}

.post-body ul {
    color: #046380
}

.post-body li p {
    margin: 0;
    color: #046380
}

.post-body figure img,
.post-body .img-art,
.post-body .ob-row-1-col img {
    margin: auto;
    display: block;
    max-width: 98%;
    padding: 1%;
    -moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.5);
    border: 1px solid gray
}

.post-body .code,
.post-body pre {
    border: 1px solid #003366;
    color: #003366;
    background: #F8FCFA;
    font-family: 'Courier New', Courier, monospace, arial;
    font-size: 105% !important;
    line-height: 1.5em;
    padding: 0.7em 0.4em 0.7em 0.4em;
    text-align: left
}

.post-body .prettyprint ol.linenums {
    padding-left: 0.2em !important;
    padding-top: 1em !important
}

.post-body .linenums {
    list-style: none !important
}

.post-body pre .highlight {
    width: 75%
}

.post-body iframe {
    width: 50%
}

.archive-post,
.index-post {
    min-height: 0;
    line-height: 1.7em;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: white;
    z-index: 999;
    border: 1px solid #b4af91;
    width: 95%;
    padding: 0;
    margin: 0 2.5% 0.7em 2.5%;
    -moz-box-shadow: 0 0 0.1em #888;
    -webkit-box-shadow: 0 0 0.1em #888;
    box-shadow: 0 0 0.1em #888
}

.archive-post a,
.index-post a {
    display: block;
    padding: 0 2% 0 2%
}

.archive-post header,
.index-post header {
    background: transparent;
    margin-bottom: 0
}

.archive-post header h1,
.index-post header h1 {
    color: black;
    display: inline;
    width: 80%;
    line-height: 3em;
    width: 80%;
    padding: 0.5em;
    font-size: 105%
}

.archive-post header h2,
.index-post header h2 {
    background: transparent
}

.archive-post header img,
.index-post header img {
    display: inline;
    margin-right: 3%;
    width: auto;
    border: 1px solid gray;
    margin-bottom: -2em
}

.archive-post header img:hover,
.index-post header img:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: .7
}

.archive-post header a:hover,
.index-post header a:hover {
    color: green;
    text-decoration: none !important
}

.archive-post span,
.index-post span {
    text-transform: uppercase
}

.archive-post .snippet,
.index-post .snippet {
    color: #B09F91
}

.archive-post .post-date,
.index-post .post-date {
    color: gray;
    display: block
}

.item-post header h2 {
    text-align: left;
    color: white;
    background: transparent
}

.post-date {
    border: 0
}

.style-encadre {
    -moz-box-shadow: .4px .5px .4px 0 #828282;
    -webkit-box-shadow: .4px .5px .4px 0 #828282;
    box-shadow: .4px .5px .4px 0 #828282;
    border: 1px solid #E1E1E1;
    -moz-border-radius: .1em;
    -webkit-border-radius: .1em;
    border-radius: .1em
}

.bg-blogger {
    background-color: #FC9846;
    color: black
}

.bg-ob {
    background-color: #FEC942;
    color: black
}

.bg-wp {
    background-color: #1E8CBE;
    color: white
}

.bg-dc {
    background-color: #A2CBE9;
    color: black
}

.a-list-index,
.list-index li a {
    border: 1px solid #DCDCDC;
    -moz-border-radius: .1em;
    -webkit-border-radius: .1em;
    border-radius: .1em;
    padding: 0.7em 2.4% 0.7em 2.3%;
    text-decoration: none;
    display: block
}

.a-list-index:hover,
.list-index li a:hover {
    color: #1F2A36 !important;
    border: 1px solid gray
}

.a-list-index:active,
.list-index li a:active,
.a-list-index:focus,
.list-index li a:focus {
    background: #169340;
    border: 1px solid gray;
    color: #fff !important
}

.list-index {
    font-size: 105%;
    list-style: none;
    margin: 0 0 1.1em 3% !important;
    width: 97%
}

.list-index li {
    list-style: none;
    margin-bottom: 1.5em
}

.list-index li a {
    width: 95%
}

@media screen and (min-width: 950px) {

    #page-non-mobile .page-header-navigation a:focus:after,
    #page-non-mobile .page-header-navigation a:hover:after {
        margin: 2em 0 0.7em 0;
        padding: 1em 5% 0.2em 3%;
        content: attr(title);
        background: #169340;
        color: white;
        position: absolute;
        left: 0;
        width: 50%;
        white-space: nowrap;
        z-index: 99999;
        font-size: 133.35%;
        font-weight: normal
    }

    #page-non-mobile .index-post a[title]:focus:after,
    #page-non-mobile .index-post a[title]:hover:after {
        margin: 0 2.5% 0.7em 2.5%;
        content: attr(title);
        padding: 0.1em 0.5em;
        background: #169340;
        color: white;
        position: absolute;
        left: 0;
        white-space: nowrap;
        z-index: 99999
    }
}

.list-index li a:active,
.list-index li a:focus,
.index-post a:active,
.index-post a:focus {
    background: #169340;
    color: #fff !important;
    text-decoration: none !important
}

.list-index li a:active>header>h1,
.list-index li a:active header>time,
.list-index li a:focus>header>h1,
.list-index li a:focus header>time,
.index-post a:active>header>h1,
.index-post a:active header>time,
.index-post a:focus>header>h1,
.index-post a:focus header>time {
    color: white
}

.page-sidebar-article form {
    background: white
}

.page-sidebar-article fieldset {
    background: white
}

form fieldset {
    background: transparent;
    -moz-box-shadow: 1px 1px 2px 0 #828282;
    -webkit-box-shadow: 1px 1px 2px 0 #828282;
    box-shadow: 1px 1px 2px 0 #828282;
    border: 1px solid #E1E1E1
}

form legend {
    background: white
}

.blogapps_form>div {
    margin-bottom: 1.8em
}

.blogapps_form>div>label {
    margin-bottom: 0.8em
}

.blogapps_form label {
    font-weight: bold
}

.blogapps_form div button,
.button,
button[type="submit"] input[role="button"],
input[type="submit"] {
    background-color: #169340;
    color: #fff !important;
    padding-top: 0.7em;
    padding-bottom: 0.7em;
    font-weight: normal;
    letter-spacing: 1px;
    width: 100%;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
    border: 1px solid #169340
}

.blogapps_form div button:hover,
.blogapps_form div button:focus,
.button:hover,
.button:focus,
button[type="submit"] input[role="button"]:hover,
button[type="submit"] input[role="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
    text-shadow: #169340 0 2px 0;
    background: #39A73A;
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5)
}

.page-main form input[type="submit"] {
    min-height: 2.9em
}

#label-fichier {
    padding: 0.3em
}

.post-commentaire header {
    color: black;
    background: transparent;
    text-align: left;
    padding: 0.3em 1% 0.3em 1%
}

.post-commentaire header h2 {
    color: black;
    background: transparent;
    font-size: 100%;
    text-align: left
}

.post-commentaire header a {
    color: black;
    background: transparent
}

.post-commentaire-reponse {
    color: #006D80
}

.pagination a:hover,
.pagination a:focus {
    border: 1px solid green;
    background: #169340;
    color: white
}

.xml {
    background: url("img/xml-icon.png") no-repeat right top;
    z-index: 99999
}

.txt {
    background: url("img/txt-icon.png") no-repeat right top;
    z-index: 99999
}

.zip {
    background: url("img/folder-zip-icon.png") no-repeat right top;
    z-index: 99999
}

.page-footer-nav {
    padding: 1.5em 5% 1.5em 5%;
    width: 90%
}

.page-footer-nav .a-page-courante {
    background: linear-gradient(#c0c0c0, #c0c0c0 0%) no-repeat, linear-gradient(to right, #c0c0c0, #c0c0c0 0%) no-repeat, linear-gradient(to right, #c0c0c0, #c0c0c0 0%) bottom left no-repeat, linear-gradient(to right, #c0c0c0, #c0c0c0 0%) bottom left no-repeat, linear-gradient(#c0c0c0, #c0c0c0 0%) bottom right no-repeat, linear-gradient(#c0c0c0, #c0c0c0 0%) bottom right no-repeat, linear-gradient(#c0c0c0, #c0c0c0 0%) top right no-repeat, linear-gradient(#c0c0c0, #c0c0c0 0%) top right no-repeat;
    background-size: 10px 1px, 1px 10px, 1px 10px, 10px 1px, 1px 10px, 10px 1px, 10px 1px, 1px 10px, 10px 1px
}

.page-footer-nav a:hover,
.page-footer-nav a:focus {
    border: 0;
    background: linear-gradient(#c0c0c0, #c0c0c0 0%) no-repeat, linear-gradient(to right, #c0c0c0, #c0c0c0 0%) no-repeat, linear-gradient(to right, #c0c0c0, #c0c0c0 0%) bottom left no-repeat, linear-gradient(to right, #c0c0c0, #c0c0c0 0%) bottom left no-repeat, linear-gradient(#c0c0c0, #c0c0c0 0%) bottom right no-repeat, linear-gradient(#c0c0c0, #c0c0c0 0%) bottom right no-repeat, linear-gradient(#c0c0c0, #c0c0c0 0%) top right no-repeat, linear-gradient(#c0c0c0, #c0c0c0 0%) top right no-repeat;
    background-size: 10px 1px, 1px 10px, 1px 10px, 10px 1px, 1px 10px, 10px 1px, 10px 1px, 1px 10px, 10px 1px
}

#info {
    width: 100%;
    background: #006D80;
    color: white;
    padding: 0.2em 0.6em 0.2em 0.6em
}

.image-style-1 {
    -moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.5);
    border: 1px solid gray;
    margin-bottom: 6px;
    display: block;
    max-width: 10%;
    height: auto
}

@-webkit-keyframes zigzag {
    0% {
        -moz-transform: translateY(30px) translateX(20px);
        -ms-transform: translateY(30px) translateX(20px);
        -webkit-transform: translateY(30px) translateX(20px);
        transform: translateY(30px) translateX(20px);
        fill: white
    }

    10% {
        -moz-transform: translateY(250px) translateX(150px);
        -ms-transform: translateY(250px) translateX(150px);
        -webkit-transform: translateY(250px) translateX(150px);
        transform: translateY(250px) translateX(150px);
        fill: white
    }

    20% {
        -moz-transform: translateY(150px) translateX(250px);
        -ms-transform: translateY(150px) translateX(250px);
        -webkit-transform: translateY(150px) translateX(250px);
        transform: translateY(150px) translateX(250px);
        fill: white
    }

    30% {
        -moz-transform: translateY(400px) translateX(300px);
        -ms-transform: translateY(400px) translateX(300px);
        -webkit-transform: translateY(400px) translateX(300px);
        transform: translateY(400px) translateX(300px);
        fill: white
    }

    40% {
        -moz-transform: translateY(150px) translateX(50px);
        -ms-transform: translateY(150px) translateX(50px);
        -webkit-transform: translateY(150px) translateX(50px);
        transform: translateY(150px) translateX(50px);
        fill: white
    }

    50% {
        -moz-transform: translateY(200px) translateX(300px);
        -ms-transform: translateY(200px) translateX(300px);
        -webkit-transform: translateY(200px) translateX(300px);
        transform: translateY(200px) translateX(300px);
        fill: white
    }

    60% {
        -moz-transform: translateY(100px) translateX(400px);
        -ms-transform: translateY(100px) translateX(400px);
        -webkit-transform: translateY(100px) translateX(400px);
        transform: translateY(100px) translateX(400px)
    }

    70% {
        -moz-transform: translateY(50px) translateX(200px);
        -ms-transform: translateY(50px) translateX(200px);
        -webkit-transform: translateY(50px) translateX(200px);
        transform: translateY(50px) translateX(200px)
    }

    80% {
        -moz-transform: translateY(150px) translateX(50px);
        -ms-transform: translateY(150px) translateX(50px);
        -webkit-transform: translateY(150px) translateX(50px);
        transform: translateY(150px) translateX(50px);
        fill: red
    }

    90% {
        -moz-transform: translateY(50px) translateX(300px);
        -ms-transform: translateY(50px) translateX(300px);
        -webkit-transform: translateY(50px) translateX(300px);
        transform: translateY(50px) translateX(300px);
        fill: red
    }

    100% {
        -moz-transform: translateY(150px) translateX(50px);
        -ms-transform: translateY(150px) translateX(50px);
        -webkit-transform: translateY(150px) translateX(50px);
        transform: translateY(150px) translateX(50px);
        fill: red
    }
}

@-moz-keyframes zigzag {
    0% {
        -moz-transform: translateY(30px) translateX(20px);
        -ms-transform: translateY(30px) translateX(20px);
        -webkit-transform: translateY(30px) translateX(20px);
        transform: translateY(30px) translateX(20px);
        fill: white
    }

    10% {
        -moz-transform: translateY(250px) translateX(150px);
        -ms-transform: translateY(250px) translateX(150px);
        -webkit-transform: translateY(250px) translateX(150px);
        transform: translateY(250px) translateX(150px);
        fill: white
    }

    20% {
        -moz-transform: translateY(150px) translateX(250px);
        -ms-transform: translateY(150px) translateX(250px);
        -webkit-transform: translateY(150px) translateX(250px);
        transform: translateY(150px) translateX(250px);
        fill: white
    }

    30% {
        -moz-transform: translateY(400px) translateX(300px);
        -ms-transform: translateY(400px) translateX(300px);
        -webkit-transform: translateY(400px) translateX(300px);
        transform: translateY(400px) translateX(300px);
        fill: white
    }

    40% {
        -moz-transform: translateY(150px) translateX(50px);
        -ms-transform: translateY(150px) translateX(50px);
        -webkit-transform: translateY(150px) translateX(50px);
        transform: translateY(150px) translateX(50px);
        fill: white
    }

    50% {
        -moz-transform: translateY(200px) translateX(300px);
        -ms-transform: translateY(200px) translateX(300px);
        -webkit-transform: translateY(200px) translateX(300px);
        transform: translateY(200px) translateX(300px);
        fill: white
    }

    60% {
        -moz-transform: translateY(100px) translateX(400px);
        -ms-transform: translateY(100px) translateX(400px);
        -webkit-transform: translateY(100px) translateX(400px);
        transform: translateY(100px) translateX(400px)
    }

    70% {
        -moz-transform: translateY(50px) translateX(200px);
        -ms-transform: translateY(50px) translateX(200px);
        -webkit-transform: translateY(50px) translateX(200px);
        transform: translateY(50px) translateX(200px)
    }

    80% {
        -moz-transform: translateY(150px) translateX(50px);
        -ms-transform: translateY(150px) translateX(50px);
        -webkit-transform: translateY(150px) translateX(50px);
        transform: translateY(150px) translateX(50px);
        fill: red
    }

    90% {
        -moz-transform: translateY(50px) translateX(300px);
        -ms-transform: translateY(50px) translateX(300px);
        -webkit-transform: translateY(50px) translateX(300px);
        transform: translateY(50px) translateX(300px);
        fill: red
    }

    100% {
        -moz-transform: translateY(150px) translateX(50px);
        -ms-transform: translateY(150px) translateX(50px);
        -webkit-transform: translateY(150px) translateX(50px);
        transform: translateY(150px) translateX(50px);
        fill: red
    }
}

@-ms-keyframes zigzag {
    0% {
        -moz-transform: translateY(30px) translateX(20px);
        -ms-transform: translateY(30px) translateX(20px);
        -webkit-transform: translateY(30px) translateX(20px);
        transform: translateY(30px) translateX(20px);
        fill: white
    }

    10% {
        -moz-transform: translateY(250px) translateX(150px);
        -ms-transform: translateY(250px) translateX(150px);
        -webkit-transform: translateY(250px) translateX(150px);
        transform: translateY(250px) translateX(150px);
        fill: white
    }

    20% {
        -moz-transform: translateY(150px) translateX(250px);
        -ms-transform: translateY(150px) translateX(250px);
        -webkit-transform: translateY(150px) translateX(250px);
        transform: translateY(150px) translateX(250px);
        fill: white
    }

    30% {
        -moz-transform: translateY(400px) translateX(300px);
        -ms-transform: translateY(400px) translateX(300px);
        -webkit-transform: translateY(400px) translateX(300px);
        transform: translateY(400px) translateX(300px);
        fill: white
    }

    40% {
        -moz-transform: translateY(150px) translateX(50px);
        -ms-transform: translateY(150px) translateX(50px);
        -webkit-transform: translateY(150px) translateX(50px);
        transform: translateY(150px) translateX(50px);
        fill: white
    }

    50% {
        -moz-transform: translateY(200px) translateX(300px);
        -ms-transform: translateY(200px) translateX(300px);
        -webkit-transform: translateY(200px) translateX(300px);
        transform: translateY(200px) translateX(300px);
        fill: white
    }

    60% {
        -moz-transform: translateY(100px) translateX(400px);
        -ms-transform: translateY(100px) translateX(400px);
        -webkit-transform: translateY(100px) translateX(400px);
        transform: translateY(100px) translateX(400px)
    }

    70% {
        -moz-transform: translateY(50px) translateX(200px);
        -ms-transform: translateY(50px) translateX(200px);
        -webkit-transform: translateY(50px) translateX(200px);
        transform: translateY(50px) translateX(200px)
    }

    80% {
        -moz-transform: translateY(150px) translateX(50px);
        -ms-transform: translateY(150px) translateX(50px);
        -webkit-transform: translateY(150px) translateX(50px);
        transform: translateY(150px) translateX(50px);
        fill: red
    }

    90% {
        -moz-transform: translateY(50px) translateX(300px);
        -ms-transform: translateY(50px) translateX(300px);
        -webkit-transform: translateY(50px) translateX(300px);
        transform: translateY(50px) translateX(300px);
        fill: red
    }

    100% {
        -moz-transform: translateY(150px) translateX(50px);
        -ms-transform: translateY(150px) translateX(50px);
        -webkit-transform: translateY(150px) translateX(50px);
        transform: translateY(150px) translateX(50px);
        fill: red
    }
}

@keyframes zigzag {
    0% {
        -moz-transform: translateY(30px) translateX(20px);
        -ms-transform: translateY(30px) translateX(20px);
        -webkit-transform: translateY(30px) translateX(20px);
        transform: translateY(30px) translateX(20px);
        fill: white
    }

    10% {
        -moz-transform: translateY(250px) translateX(150px);
        -ms-transform: translateY(250px) translateX(150px);
        -webkit-transform: translateY(250px) translateX(150px);
        transform: translateY(250px) translateX(150px);
        fill: white
    }

    20% {
        -moz-transform: translateY(150px) translateX(250px);
        -ms-transform: translateY(150px) translateX(250px);
        -webkit-transform: translateY(150px) translateX(250px);
        transform: translateY(150px) translateX(250px);
        fill: white
    }

    30% {
        -moz-transform: translateY(400px) translateX(300px);
        -ms-transform: translateY(400px) translateX(300px);
        -webkit-transform: translateY(400px) translateX(300px);
        transform: translateY(400px) translateX(300px);
        fill: white
    }

    40% {
        -moz-transform: translateY(150px) translateX(50px);
        -ms-transform: translateY(150px) translateX(50px);
        -webkit-transform: translateY(150px) translateX(50px);
        transform: translateY(150px) translateX(50px);
        fill: white
    }

    50% {
        -moz-transform: translateY(200px) translateX(300px);
        -ms-transform: translateY(200px) translateX(300px);
        -webkit-transform: translateY(200px) translateX(300px);
        transform: translateY(200px) translateX(300px);
        fill: white
    }

    60% {
        -moz-transform: translateY(100px) translateX(400px);
        -ms-transform: translateY(100px) translateX(400px);
        -webkit-transform: translateY(100px) translateX(400px);
        transform: translateY(100px) translateX(400px)
    }

    70% {
        -moz-transform: translateY(50px) translateX(200px);
        -ms-transform: translateY(50px) translateX(200px);
        -webkit-transform: translateY(50px) translateX(200px);
        transform: translateY(50px) translateX(200px)
    }

    80% {
        -moz-transform: translateY(150px) translateX(50px);
        -ms-transform: translateY(150px) translateX(50px);
        -webkit-transform: translateY(150px) translateX(50px);
        transform: translateY(150px) translateX(50px);
        fill: red
    }

    90% {
        -moz-transform: translateY(50px) translateX(300px);
        -ms-transform: translateY(50px) translateX(300px);
        -webkit-transform: translateY(50px) translateX(300px);
        transform: translateY(50px) translateX(300px);
        fill: red
    }

    100% {
        -moz-transform: translateY(150px) translateX(50px);
        -ms-transform: translateY(150px) translateX(50px);
        -webkit-transform: translateY(150px) translateX(50px);
        transform: translateY(150px) translateX(50px);
        fill: red
    }
}

.svg-iv-rect {
    fill: white;
    stroke-width: 2;
    stroke: gray
}

.svg-iv-circle {
    fill: white;
    stroke-width: 3;
    stroke: gray;
    -webkit-animation-delay: 0ms;
    -webkit-animation-duration: 20s;
    -webkit-animation-name: zigzag;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -moz-animation-delay: 0ms;
    -moz-animation-duration: 20s;
    -moz-animation-name: zigzag;
    -moz-animation-fill-mode: forwards;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
    -o-animation-delay: 0ms;
    -o-animation-duration: 20s;
    -o-animation-name: zigzag;
    -o-animation-fill-mode: forwards;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: alternate;
    animation-delay: 0ms;
    animation-duration: 20s;
    animation-name: zigzag;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.svg-iv-circle:hover {
    cursor: pointer;
    fill: red
}

.w-auto {
    width: auto !important
}

.w100 {
    width: 100%
}

.w90 {
    width: 90%
}

.w80 {
    width: 80%
}

.w70 {
    width: 70%
}

.w60 {
    width: 60%
}

.w50 {
    width: 50%
}

.w40 {
    width: 40%
}

.w30 {
    width: 30%
}

.w20 {
    width: 10%
}

.w10 {
    width: 20%
}

.img-medium {
    width: 45%
}

.img-small {
    width: 35%
}

.nobr {
    white-space: nowrap
}

.fs80 {
    font-size: 80%
}

.fs90 {
    font-size: 90%
}

.fs100 {
    font-size: 100%
}

.fs120 {
    font-size: 120%
}

.fs130 {
    font-size: 130%
}

.fs140 {
    font-size: 140%
}

.fs150 {
    font-size: 150%
}

.fs160 {
    font-size: 160%
}

.fs180 {
    font-size: 180%
}

.fs200 {
    font-size: 200%
}

.txtright {
    text-align: right
}

.txtleft {
    text-align: left
}

.txtcenter {
    text-align: center
}

.text-underlinenone,
.text-underlinenone a {
    text-decoration: none !important
}

.text-underline,
.text-underline a {
    text-decoration: underline !important
}

.list-style-none,
.list-style-none ul,
.list-style-none li {
    list-style: none
}

.ok,
.green,
.green a {
    color: green
}

.white {
    color: white
}

.black {
    color: black
}

.blue {
    color: blue
}

strong.erreur,
.erreur,
.red {
    color: red !important
}

.purple,
.purple a {
    color: purple
}

.yellow {
    color: #ff0 !important
}

.gray,
.gray a {
    color: gray
}

.fond-gris,
.fond-gris a {
    background: gray;
    color: #fff !important
}

.fond-blanc {
    background: white
}

.bg-lightgray,
.fond-gris-clair {
    background: #FAFCFC;
    color: black
}

.graydark,
.graydark a {
    color: #585858
}

.bold,
.gras {
    font-weight: bold
}

.italic {
    font-style: italic
}

.oblique {
    font-style: oblique
}

.normal {
    font-style: normal
}

.arial {
    font-family: arial
}

.bordern {
    border: 0
}

.border-site {
    border: 1px solid #169340
}

.right,
.droite {
    float: right
}

.gauche,
.left {
    float: left
}

.two-col {
    float: left;
    width: 42%;
    margin: 2%;
    padding: 2%
}

.margin-auto {
    display: block;
    margin: auto;
    float: none
}

.mauto {
    margin: auto
}

.man {
    margin: 0
}

.mas {
    margin: 0.5em
}

.mam {
    margin: 1.1em
}

.mal {
    margin: 1.6em
}

.mbn {
    margin-bottom: 0
}

.mbs {
    margin-bottom: 0.2em
}

.mbm {
    margin-bottom: 1.1em
}

.mbl {
    margin-bottom: 2em
}

.mtm {
    margin-top: 1.1em
}

.mlm {
    margin-left: 1.1em
}

.mll {
    margin-left: 2em
}

.mrl {
    margin-right: 2em
}

.mrm {
    margin-right: 1.1em
}

.mvm {
    margin-bottom: 1.1em;
    margin-top: 1.1em
}

.pan {
    padding: 0
}

.pas {
    padding: 0.5em
}

.pam {
    padding: 1.1em
}

.pal {
    padding: 1.6em
}

.ptn {
    padding-top: 0
}

.pts {
    padding-top: 0.5em
}

.ptm {
    padding-top: 1.1em
}

.pbn {
    padding-bottom: 0
}

.pbs {
    padding-bottom: 0.5em
}

.pbm {
    padding-bottom: 1.1em
}

.pbl {
    padding-bottom: 1.6em
}

.position-fixed {
    position: fixed
}

.bg-couleur-site {
    background-color: #169340
}

.couleursite {
    color: #169340
}

.encadre {
    width: 84%;
    padding: 2% 8% 2% 8%;
    display: block;
    margin: 0.2em auto 1em auto;
    -moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.5);
    border: 1px solid gray
}

.long {
    width: 94%;
    margin: 0 0 1.1em 0;
    padding: 1.1em 3% 1.1em 3%
}

.img-blog,
.img-centre {
    margin: 0 auto 1.1em auto;
    display: block;
    max-width: 100%
}

.style-lien {
    cursor: pointer;
    text-decoration: underline !important
}

.list-buttons li a {
    box-shadow: 0 0 0.2em #34393E;
    background: white;
    border-radius: 0.5em;
    padding: 0.7em
}

.list-inline,
.list-inline-pr,
.liste-virgules {
    width: 100%;
    list-style: none;
    margin: auto;
    text-align: left;
    word-wrap: normal;
    hyphens: none;
    padding: 0
}

.list-inline li,
.list-inline-pr li,
.liste-virgules li {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    list-style: none;
    line-height: 2;
    white-space: nowrap;
    margin-right: 1.1em
}

.list-inline li .style-lien,
.list-inline li a,
.list-inline-pr li .style-lien,
.list-inline-pr li a,
.liste-virgules li .style-lien,
.liste-virgules li a {
    padding: 0.6em
}

.list-inline-pr li a {
    padding: 0.6em 0.8em 0.2em 0
}

.liste-virgules li:after {
    content: ','
}

.liste-virgules li:last-child:after {
    content: ''
}

.liste-virgules li a {
    margin-right: 0;
    padding: 0
}

ol .list-inline li,
ol .list-inline-pr li,
ol .liste-virgules li {
    padding-right: 1.5%
}

ol .list-inline li a,
ol .list-inline-pr li a,
ol .liste-virgules li a {
    padding-right: 1%;
    padding-left: 1%;
    text-decoration: underline;
    color: #fff
}

ol .list-inline li:after,
ol .list-inline-pr li:after,
ol .liste-virgules li:after {
    content: '>'
}

ol .list-inline li :last-child::after,
ol .list-inline-pr li :last-child::after,
ol .liste-virgules li :last-child::after {
    content: ''
}

.list-vertical,
.notes {
    width: 88%;
    padding: 0;
    margin: 0 6% 0.3em 6%;
    list-style-type: square
}

.list-vertical li,
.notes li {
    margin-bottom: 0.9em
}

.ultab {
    list-style-type: none !important;
    margin: 0 0 2.3em 0 !important;
    width: 100% !important;
    border-bottom: 1px solid gray;
    clear: both;
    *float: left
}

.ultab li {
    width: 98%;
    border-top: 1px solid gray;
    padding: 1%;
    display: table;
    *float: left;
    clear: both
}

.ultab span {
    width: 21%;
    text-align: center;
    margin-right: 2%;
    display: table-cell;
    *float: left
}

.display-mobile,
.display-small {
    display: none
}

.img-centre-shadow {
    display: block;
    margin: auto;
    width: auto !important;
    max-width: 100%;
    -moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.5);
    border: 1px solid gray
}

.company-name,
#nom,
#label-nom,
.feed-links,
#navbar,
.unchecked,
.cacher,
.hidden {
    display: none
}

.masque {
    display: none !important;
    visibility: hidden
}

.dbl {
    display: block
}

.dil {
    display: inline
}

.dilb {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.dbl {
    display: block
}

.dil {
    display: inline
}

.chargement {
    background: url("img/busy.gif") no-repeat center center
}

.chargement input,
.chargement button,
.chargement label,
.chargement p,
.chargement legend,
.chargement fieldset {
    background: transparent !important
}

.sp-home,
.sp-maison,
.sp-prev,
.sp-next {
    color: transparent !important
}

@media screen and (max-width: 900px) {
    .container {
        width: 100%
    }

    .page-main {
        width: 93% !important;
        padding: 1em 3.4% 1em 3.4% !important;
        margin: auto !important;
        float: none;
        min-height: 3em;
        border: 0;
        clear: both
    }

    .page-sidebar {
        width: 90% !important;
        margin: 1.5em auto 1.5em auto !important;
        padding: 0.7em 5% 1em 5% !important;
        background-color: white;
        border: 0;
        min-height: 3em;
        float: none
    }

    .page-sidebar h2,
    .page-sidebar label {
        margin-bottom: 0.5em;
        text-align: center;
        text-transform: uppercase
    }

    .page-sidebar img {
        max-width: 80%;
        display: block;
        margin: 0 auto 0.9em auto
    }

    .page-sidebar .list-inline,
    .list-inline-pr,
    .liste-virgules {
        line-height: 2.7em
    }

    #page-header {
        position: relative
    }

    #page-header h1 {
        font-size: 180%
    }

    #page-header nav {
        width: 94%;
        display: block
    }

    .page-sidebar-article {
        padding: 1em 2.9% 1em 2.9% !important;
        width: 94%
    }

    html .post-body,
    html .post-header,
    html .post-footer {
        font-size: inherit
    }

    .post-body iframe {
        width: 99%
    }

    .post-vignette {
        display: none !important
    }

    .two-col,
    .w100r {
        width: 96% !important;
        float: none;
        margin: 1%;
        padding: 1%
    }

    .droite,
    .gauche {
        width: 96% !important;
        float: none
    }

    .display-mobile {
        display: block !important
    }

    .display-pc {
        display: none !important
    }

    .display-large {
        display: block
    }

    .list-inline li {
        line-height: 2.8em
    }

    .list-inline li a,
    .list-inline-pr li a,
    .liste-virgules li a {
        margin-right: 2.1em;
        margin-bottom: 0.2em
    }

    .liste-virgules li:after {
        content: ''
    }

    .list-vertical li,
    .notes li {
        margin-bottom: 0.9em
    }

    .img-medium {
        width: 80%
    }

    .img-small {
        width: 60%
    }

    .cookie-choices-info,
    div#cookieChoiceInfo a {
        display: block
    }
}

@media screen and (max-width: 480px) {

    .list-inline li,
    .list-inline-pr li,
    .liste-virgules li {
        display: block
    }

    .display-small {
        display: block !important
    }

    .display-large {
        display: none !important
    }

    .s-w-100 {
        width: 100%
    }

    .s-w-90 {
        width: 90%
    }
}

.chargement {
    background: url("img/busy.gif") no-repeat bottom center;
    min-height: 245px;
    margin-bottom: 3em
}

.chargement input,
.chargement button,
.chargement label,
.chargement p,
.chargement ol,
.chargement li,
.chargement legend {
    display: none !important
}

.chargement #formulaire-legende {
    display: block !important
}

.chargement fieldset {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0
}

.div-download {
    -moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.5);
    border: 1px solid gray;
    border: 1px solid gray;
    width: 90%;
    padding: 2.5em 5% 2.5em 5%;
    background-position: right center;
    color: green;
    font-size: 160%;
    text-align: center
}

#page-mobile .container {
    width: 100%
}

#page-mobile .page-main {
    width: 93% !important;
    padding: 1em 3.4% 1em 3.4% !important;
    margin: auto !important;
    float: none;
    min-height: 3em;
    border: 0;
    clear: both
}

#page-mobile .page-sidebar {
    width: 90% !important;
    margin: 1.5em auto 1.5em auto !important;
    padding: 0.7em 5% 1em 5% !important;
    background-color: white;
    border: 0;
    min-height: 3em;
    float: none
}

#page-mobile .page-sidebar h2,
#page-mobile .page-sidebar label {
    margin-bottom: 0.5em;
    text-align: center;
    text-transform: uppercase
}

#page-mobile .page-sidebar img {
    max-width: 80%;
    display: block;
    margin: 0 auto 0.9em auto
}

#page-mobile .page-sidebar .list-inline,
#page-mobile .list-inline-pr,
#page-mobile .liste-virgules {
    line-height: 2.7em
}

#page-mobile #page-header {
    position: relative
}

#page-mobile #page-header h1 {
    font-size: 180%
}

#page-mobile #page-header nav {
    width: 94%;
    display: block
}

#page-mobile .page-sidebar-article {
    padding: 1em 2.9% 1em 2.9% !important;
    width: 94%
}

#page-mobile html .post-body,
#page-mobile html .post-header,
#page-mobile html .post-footer {
    font-size: inherit
}

#page-mobile .post-body iframe {
    width: 99%
}

#page-mobile .post-vignette {
    display: none !important
}

#page-mobile .two-col,
#page-mobile .w100r {
    width: 96% !important;
    float: none;
    margin: 1%;
    padding: 1%
}

#page-mobile .droite,
#page-mobile .gauche {
    width: 96% !important;
    float: none
}

#page-mobile .display-mobile {
    display: block !important
}

#page-mobile .display-pc {
    display: none !important
}

#page-mobile .display-large {
    display: block
}

#page-mobile .list-inline li {
    line-height: 2.8em
}

#page-mobile .list-inline li a,
#page-mobile .list-inline-pr li a,
#page-mobile .liste-virgules li a {
    margin-right: 2.1em;
    margin-bottom: 0.2em
}

#page-mobile .liste-virgules li:after {
    content: ''
}

#page-mobile .list-vertical li,
#page-mobile .notes li {
    margin-bottom: 0.9em
}

#page-mobile .img-medium {
    width: 80%
}

#page-mobile .img-small {
    width: 60%
}

#page-mobile .cookie-choices-info,
#page-mobile div#cookieChoiceInfo a {
    display: block
}

.prettyprint ol,
.prettyprint ul {
    list-style: none
}

.prettyprint ol.linenums {
    list-style: decimal outside;
    padding-left: 47px;
    color: #afafaf;
    font-size: 12px
}

.prettyprint ol.linenums li {
    padding-left: 15px;
    border-left: 3px #6ce26c solid
}

.prettyprint li>* {
    font-size: 14px
}

.prettyprint {
    border: 5px solid #DDD;
    padding: 7px 0 5px;
    font-size: 14px;
    white-space: pre;
    overflow: auto;
    max-height: 500px;
    width: 100%;
    display: block
}

.prettyprint ol,
.prettyprint ul {
    padding: 5px 0
}

.prettyprint li.L0,
.prettyprint li.L1,
.prettyprint li.L2,
.prettyprint li.L3,
.prettyprint li.L4,
.prettyprint li.L5,
.prettyprint li.L6,
.prettyprint li.L7,
.prettyprint li.L8,
.prettyprint li.L9 {
    list-style: inherit;
    background: 0
}

.prettyprint.alternate .prettyprint.alternate li.L1,
.prettyprint.alternate li.L3,
.prettyprint.alternate li.L5,
.prettyprint.alternate li.L7,
.prettyprint.alternate li.L9 {
    background: #f5f5f5
}

.prettyprint.theme-balupton {
    font-family: Consolas, 'Courier New', Courier, monospace;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: 15px
}

.prettyprint.theme-balupton .com {
    color: #008200
}

.prettyprint.theme-balupton .lit {
    color: #066
}

.prettyprint.theme-balupton.lang-html .lit {
    color: #066
}

.prettyprint.theme-balupton.lang-html .kwd {
    color: #066;
    font-weight: bold
}

.prettyprint.theme-balupton.lang-html .atv+.pln,
.prettyprint.theme-balupton.lang-html .pun+.pln {
    color: blue
}

.prettyprint.theme-balupton .atv,
.prettyprint.theme-balupton .str {
    color: blue
}

.prettyprint.theme-balupton .atn {
    color: gray
}

.prettyprint.theme-balupton .pln {
    color: black
}

.prettyprint.theme-balupton .pun {
    color: #666
}

.prettyprint.theme-balupton .typ {
    color: #606
}

.prettyprint.theme-balupton .tag,
.prettyprint.theme-balupton .kwd {
    color: #069;
    font-weight: bold
}