body,
html {
    font-size: 100%
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
    line-height: 1.15
}

body {
    padding: 0;
    background: #fefefe;
    line-height: 1.5;
    color: #0a0a0a;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font: 16px 'LemonSans', Arial, sans-serif;
    line-height: 1.625rem
}

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

h1 {
    font-size: 2em
}

body,
figure {
    margin: 0
}

hr {
    box-sizing: content-box;
    overflow: visible;
    clear: both;
    max-width: 75rem;
    height: 0;
    margin: 1.25rem auto;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #cacaca;
    border-left: 0
}

code,
kbd,
pre,
samp {
    font-size: 1em
}

pre,
samp {
    font-family: monospace, monospace
}

a,
small {
    line-height: inherit
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    text-decoration: none;
    cursor: pointer
}

a:active,
a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline dotted
}

dfn {
    font-style: italic
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

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

img {
    border-style: none;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic
}

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

button,
input,
optgroup {
    font-family: sans-serif
}

input,
optgroup {
    margin: 0
}

button,
select {
    font-size: 100%;
    margin: 0
}

input,
optgroup,
textarea {
    font-size: 100%;
    line-height: 1.15
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

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

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

[type=search] {
    outline-offset: -2px
}

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

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

legend {
    box-sizing: border-box;
    display: table;
    padding: 0;
    color: inherit;
    white-space: normal;
    max-width: 100%;
    margin-bottom: .5rem
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    height: auto;
    min-height: 50px
}

summary {
    display: list-item
}

.no-js .dropdown.menu ul,
.no-js [data-responsive-menu] ul,
.region-bottom #choosit,
[hidden],
template {
    display: none
}

.foundation-mq {
    font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"
}

button,
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}

select {
    box-sizing: border-box;
    margin: 0 0 1rem;
    background-color: #fefefe;
    background-origin: content-box;
    background-position: right -1rem center;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    padding: .5rem 1.5rem .5rem .5rem;
    transition: box-shadow .5s, border-color .25s ease-in-out;
    line-height: normal
}

.map_canvas embed,
.map_canvas img,
.map_canvas object,
.mqa-display embed,
.mqa-display img,
.mqa-display object {
    max-width: none!important
}

button {
    padding: 0;
    border: 0;
    background: 0 0;
    line-height: 1
}

[data-whatinput=mouse] button {
    outline: 0
}

pre,
textarea {
    overflow: auto
}

.is-visible {
    display: block!important
}

.is-hidden {
    display: none!important
}

.row {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.row .row {
    margin-right: -.625rem;
    margin-left: -.625rem
}

@media print,
screen and (min-width:40em) {
    .row .row {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

@media print,
screen and (min-width:64em) {
    .row .row {
        margin-right: -1.875rem;
        margin-left: -1.875rem
    }
}

.row .row.collapse {
    margin-right: 0;
    margin-left: 0
}

.media-object img,
.row.expanded {
    max-width: none
}

.row.expanded .row {
    margin-right: auto;
    margin-left: auto
}

.row:not(.expanded) .row {
    max-width: none
}

.row.collapse>.column,
.row.collapse>.columns {
    padding-right: 0;
    padding-left: 0
}

.row.collapse>.column>.row,
.row.collapse>.columns>.row,
.row.is-collapse-child {
    margin-right: 0;
    margin-left: 0
}

.column,
.columns {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0px;
    padding-right: .625rem;
    padding-left: .625rem;
    min-width: initial
}

@media print,
screen and (min-width:40em) {
    .column,
    .columns {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,
screen and (min-width:64em) {
    .column,
    .columns {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

.column.row.row,
.row.row.columns {
    float: none;
    display: block
}

.row .column.row.row,
.row .row.row.columns {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0
}

.flex-container,
.newsletter__form form>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flex-child-auto,
.flex-child-grow {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.flex-child-grow {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.flex-child-shrink {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.flex-dir-row,
.flex-dir-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.flex-dir-row-reverse {
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.flex-dir-column,
.flex-dir-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-dir-column-reverse {
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.small-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.small-offset-0 {
    margin-left: 0%
}

.small-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.small-offset-1 {
    margin-left: 8.33333%
}

.small-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.small-offset-2 {
    margin-left: 16.66667%
}

.small-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.small-offset-3 {
    margin-left: 25%
}

.small-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.small-offset-4 {
    margin-left: 33.33333%
}

.small-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.small-offset-5 {
    margin-left: 41.66667%
}

.small-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.small-offset-6 {
    margin-left: 50%
}

.small-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.small-offset-7 {
    margin-left: 58.33333%
}

.small-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.small-offset-8 {
    margin-left: 66.66667%
}

.small-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.small-offset-9 {
    margin-left: 75%
}

.small-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.small-offset-10 {
    margin-left: 83.33333%
}

.small-12,
.small-up-1>.column,
.small-up-1>.columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.small-offset-11 {
    margin-left: 91.66667%
}

.small-up-1,
.small-up-2,
.small-up-3,
.small-up-4,
.small-up-5,
.small-up-6,
.small-up-7,
.small-up-8 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.small-up-2>.column,
.small-up-2>.columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.small-up-3>.column,
.small-up-3>.columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.small-up-4>.column,
.small-up-4>.columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.small-up-5>.column,
.small-up-5>.columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}

.small-up-6>.column,
.small-up-6>.columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.small-up-7>.column,
.small-up-7>.columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 14.28571%;
    -ms-flex: 0 0 14.28571%;
    flex: 0 0 14.28571%;
    max-width: 14.28571%
}

.small-up-8>.column,
.small-up-8>.columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 12.5%;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%
}

.small-collapse>.column,
.small-collapse>.columns {
    padding-right: 0;
    padding-left: 0
}

.small-uncollapse>.column,
.small-uncollapse>.columns {
    padding-right: .625rem;
    padding-left: .625rem
}

@media print,
screen and (min-width:40em) {
    .medium-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .medium-offset-0 {
        margin-left: 0%
    }
    .medium-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .medium-offset-1 {
        margin-left: 8.33333%
    }
    .medium-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .medium-offset-2 {
        margin-left: 16.66667%
    }
    .medium-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .medium-offset-3 {
        margin-left: 25%
    }
    .medium-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .medium-offset-4 {
        margin-left: 33.33333%
    }
    .medium-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .medium-offset-5 {
        margin-left: 41.66667%
    }
    .medium-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .medium-offset-6 {
        margin-left: 50%
    }
    .medium-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .medium-offset-7 {
        margin-left: 58.33333%
    }
    .medium-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .medium-offset-8 {
        margin-left: 66.66667%
    }
    .medium-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .medium-offset-9 {
        margin-left: 75%
    }
    .medium-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .medium-offset-10 {
        margin-left: 83.33333%
    }
    .medium-12,
    .medium-up-1>.column,
    .medium-up-1>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .medium-offset-11 {
        margin-left: 91.66667%
    }
    .medium-order-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .medium-order-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    .medium-order-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    .medium-order-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    .medium-order-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    .medium-order-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
    .medium-up-1,
    .medium-up-2,
    .medium-up-3,
    .medium-up-4,
    .medium-up-5,
    .medium-up-6,
    .medium-up-7,
    .medium-up-8 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .medium-up-2>.column,
    .medium-up-2>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .medium-up-3>.column,
    .medium-up-3>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .medium-up-4>.column,
    .medium-up-4>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .medium-up-5>.column,
    .medium-up-5>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
    .medium-up-6>.column,
    .medium-up-6>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .medium-up-7>.column,
    .medium-up-7>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 14.28571%;
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        max-width: 14.28571%
    }
    .medium-up-8>.column,
    .medium-up-8>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 12.5%;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media print,
screen and (min-width:40em) and (min-width:40em) {
    .medium-expand {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0px
    }
}

@media print,
screen and (min-width:40em) {
    .medium-flex-dir-row,
    .medium-flex-dir-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .medium-flex-dir-row-reverse {
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
    .medium-flex-dir-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .medium-flex-dir-column-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    .medium-flex-child-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
    .medium-flex-child-grow {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }
    .medium-flex-child-shrink {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
}

.row.medium-unstack>.column,
.row.medium-unstack>.columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media print,
screen and (min-width:40em) {
    .row.medium-unstack>.column,
    .row.medium-unstack>.columns {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0px
    }
    .medium-collapse>.column,
    .medium-collapse>.columns {
        padding-right: 0;
        padding-left: 0
    }
    .medium-uncollapse>.column,
    .medium-uncollapse>.columns {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,
screen and (min-width:64em) {
    .large-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .large-offset-0 {
        margin-left: 0%
    }
    .large-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .large-offset-1 {
        margin-left: 8.33333%
    }
    .large-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .large-offset-2 {
        margin-left: 16.66667%
    }
    .large-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .large-offset-3 {
        margin-left: 25%
    }
    .large-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .large-offset-4 {
        margin-left: 33.33333%
    }
    .large-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .large-offset-5 {
        margin-left: 41.66667%
    }
    .large-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .large-offset-6 {
        margin-left: 50%
    }
    .large-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .large-offset-7 {
        margin-left: 58.33333%
    }
    .large-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .large-offset-8 {
        margin-left: 66.66667%
    }
    .large-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .large-offset-9 {
        margin-left: 75%
    }
    .large-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .large-offset-10 {
        margin-left: 83.33333%
    }
    .large-12,
    .large-up-1>.column,
    .large-up-1>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .large-offset-11 {
        margin-left: 91.66667%
    }
    .large-order-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .large-order-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    .large-order-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    .large-order-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    .large-order-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    .large-order-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
    .large-up-1,
    .large-up-2,
    .large-up-3,
    .large-up-4,
    .large-up-5,
    .large-up-6,
    .large-up-7,
    .large-up-8 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .large-up-2>.column,
    .large-up-2>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .large-up-3>.column,
    .large-up-3>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .large-up-4>.column,
    .large-up-4>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .large-up-5>.column,
    .large-up-5>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
    .large-up-6>.column,
    .large-up-6>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .large-up-7>.column,
    .large-up-7>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 14.28571%;
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        max-width: 14.28571%
    }
    .large-up-8>.column,
    .large-up-8>.columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 12.5%;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media print,
screen and (min-width:64em) and (min-width:64em) {
    .large-expand {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0px
    }
}

@media print,
screen and (min-width:64em) {
    .large-flex-dir-row,
    .large-flex-dir-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .large-flex-dir-row-reverse {
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
    .large-flex-dir-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .large-flex-dir-column-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    .large-flex-child-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
    .large-flex-child-grow {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }
    .large-flex-child-shrink {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
}

.row.large-unstack>.column,
.row.large-unstack>.columns,
.shrink {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media print,
screen and (min-width:64em) {
    .row.large-unstack>.column,
    .row.large-unstack>.columns {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0px
    }
    .large-collapse>.column,
    .large-collapse>.columns {
        padding-right: 0;
        padding-left: 0
    }
    .large-uncollapse>.column,
    .large-uncollapse>.columns {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

.shrink {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%
}

.column-block {
    margin-bottom: 1.25rem
}

.column-block>:last-child {
    margin-bottom: 0
}

@media print,
screen and (min-width:40em) {
    .column-block {
        margin-bottom: 1.875rem
    }
    .column-block>:last-child {
        margin-bottom: 0
    }
}

@media print,
screen and (min-width:64em) {
    .column-block {
        margin-bottom: 3.75rem
    }
    .column-block>:last-child {
        margin-bottom: 0
    }
}

blockquote,
dd,
div,
dt,
form,
li,
ol,
p,
pre,
td,
th,
ul {
    margin: 0;
    padding: 0
}

dl,
h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    text-rendering: optimizeLegibility
}

p {
    margin-bottom: 1rem;
    font-size: inherit;
    line-height: 1.6
}

em,
i {
    font-style: italic
}

b,
em,
i,
strong {
    line-height: inherit
}

b {
    font-weight: 700
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-style: normal;
    color: inherit
}

h4,
h5,
h6 {
    font-weight: 400
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    line-height: 0;
    color: #cacaca
}

h1,
h2,
h4,
h5,
h6 {
    margin-bottom: .5rem
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.4;
    margin: 0
}

h4,
h5,
h6 {
    font-size: 1.125rem
}

h5,
h6 {
    font-size: 1.0625rem
}

h6 {
    font-size: 1rem
}

@media print,
screen and (min-width:40em) {
    h1 {
        font-size: 3rem
    }
    h2 {
        font-size: 2.5rem
    }
    h3 {
        font-size: 1.9375rem
    }
    h4 {
        font-size: 1.5625rem
    }
    h5 {
        font-size: 1.25rem
    }
    h6 {
        font-size: 1rem
    }
}

a:hover {
    color: #1468a0
}

a img {
    border: 0
}

dl,
ol,
ul {
    margin-bottom: 1rem;
    list-style-position: outside;
    line-height: 1.6
}

dl {
    max-width: 75rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    padding-right: 0;
    padding-left: 0;
    max-width: 25%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 0
}

li {
    font-size: inherit
}

ul {
    list-style-type: disc
}

ol,
ul {
    margin-left: 1.25rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-left: 1.25rem;
    margin-bottom: 0
}

code,
dl dt {
    font-weight: 400
}

dl dt {
    margin-bottom: .3rem;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-family: 'LemonSans';
    font-size: 1.5rem;
    line-height: 1.6875rem
}

blockquote {
    margin: 0 0 1rem;
    padding: .5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #cacaca
}

.subheader,
blockquote,
blockquote p {
    line-height: 1.6;
    color: #8a8a8a
}

cite {
    display: block;
    font-size: .8125rem;
    color: #8a8a8a
}

cite:before {
    content: "— "
}

abbr {
    border-bottom: 1px dotted #0a0a0a;
    color: #0a0a0a;
    cursor: help
}

code,
kbd {
    background-color: #e6e6e6;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    color: #0a0a0a
}

code {
    border: 1px solid #cacaca;
    padding: .125rem .3125rem .0625rem
}

kbd {
    margin: 0;
    padding: .125rem .25rem 0
}

.subheader {
    margin-top: .2rem;
    margin-bottom: .5rem;
    font-weight: 400;
    line-height: 1.4
}

.lead {
    font-size: 125%;
    line-height: 1.6
}

.stat {
    font-size: 2.5rem;
    line-height: 1
}

p+.stat {
    margin-top: -1rem
}

.no-bullet {
    margin-left: 0;
    list-style: none
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

@media print,
screen and (min-width:40em) {
    .medium-text-left {
        text-align: left
    }
    .medium-text-right {
        text-align: right
    }
    .medium-text-center {
        text-align: center
    }
    .medium-text-justify {
        text-align: justify
    }
}

@media print,
screen and (min-width:64em) {
    .large-text-left {
        text-align: left
    }
    .large-text-right {
        text-align: right
    }
    .large-text-center {
        text-align: center
    }
    .large-text-justify {
        text-align: justify
    }
}

.show-for-print {
    display: none!important
}

@media print {
    * {
        background: 0 0!important;
        box-shadow: none!important;
        color: #000!important;
        text-shadow: none!important
    }
    .show-for-print {
        display: block!important
    }
    .hide-for-print {
        display: none!important
    }
    table.show-for-print {
        display: table!important
    }
    thead.show-for-print {
        display: table-header-group!important
    }
    tbody.show-for-print {
        display: table-row-group!important
    }
    tr.show-for-print {
        display: table-row!important
    }
    td.show-for-print,
    th.show-for-print {
        display: table-cell!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    .ir a:after,
    a[href^='#']:after,
    a[href^='javascript:']:after {
        content: ''
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    blockquote,
    pre {
        border: 1px solid #8a8a8a
    }
    thead {
        display: table-header-group
    }
    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }
    img {
        max-width: 100%!important
    }
    @page {
        margin: .5cm
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    .print-break-inside {
        page-break-inside: auto
    }
}

[type=color],
[type=date],
[type=datetime-local],
[type=datetime],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
textarea {
    box-sizing: border-box;
    margin: 0 0 1rem;
    border-radius: 0;
    background-color: #fefefe;
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, .1);
    transition: box-shadow .5s, border-color .25s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

[type=color]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=datetime]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
select:focus,
textarea:focus {
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow .5s, border-color .25s ease-in-out
}

select:focus {
    outline: none
}

textarea {
    max-width: 100%
}

textarea[rows] {
    height: auto
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #cacaca
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #cacaca
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #cacaca
}

input::placeholder,
textarea::placeholder {
    color: #cacaca
}

input:disabled,
input[readonly],
select:disabled,
textarea:disabled,
textarea[readonly] {
    background-color: #e6e6e6;
    cursor: not-allowed
}

[type=button],
[type=submit] {
    -moz-appearance: none;
    appearance: none
}

[type=button] {
    -webkit-appearance: none;
    border-radius: 0
}

*,
::after,
::before,
input[type=search] {
    box-sizing: border-box
}

[type=checkbox],
[type=file],
[type=radio] {
    margin: 0 0 1rem
}

[type=checkbox]+label,
[type=radio]+label {
    display: inline-block;
    vertical-align: baseline;
    margin-left: .5rem;
    margin-right: 1rem;
    margin-bottom: 0
}

[type=checkbox]+label[for],
[type=radio]+label[for] {
    cursor: pointer
}

label>[type=checkbox],
label>[type=radio] {
    margin-right: .5rem
}

[type=file] {
    width: 100%
}

label {
    display: block;
    margin: 0;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.8;
    color: #0a0a0a
}

label.middle {
    margin: 0 0 1rem;
    padding: .5625rem 0
}

.help-text {
    margin-top: -.5rem;
    font-size: .8125rem;
    font-style: italic;
    color: #0a0a0a
}

.input-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 1rem;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.input-group>:first-child {
    border-radius: 0 0 0 0
}

.input-group>:last-child>* {
    border-radius: 0 0 0 0
}

.input-group-label {
    margin: 0
}

.input-group-button,
.input-group-button a,
.input-group-button button,
.input-group-button input,
.input-group-button label,
.input-group-field {
    margin: 0;
    white-space: nowrap
}

.input-group-label {
    padding: 0 1rem;
    border: 1px solid #cacaca;
    background: #e6e6e6;
    color: #0a0a0a;
    text-align: center;
    white-space: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.input-group-label:first-child {
    border-right: 0
}

.input-group-label:last-child {
    border-left: 0
}

.input-group-field {
    border-radius: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0px;
    height: auto;
    min-width: 0
}

.input-group-button {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.input-group-button a,
.input-group-button button,
.input-group-button input,
.input-group-button label {
    height: 2.5rem;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1rem
}

.fieldset {
    margin: 1.125rem 0;
    padding: 1.25rem;
    border: 1px solid #cacaca
}

.fieldset legend {
    margin: 0;
    margin-left: -.1875rem;
    padding: 0 .1875rem;
    background: #fefefe
}

@media screen and (min-width:0\0) {
    select {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==)
    }
}

select::-ms-expand {
    display: none
}

select[multiple] {
    height: auto;
    background-image: none
}

.is-invalid-input:not(:focus) {
    border-color: #cc4b37;
    background-color: #f9ecea
}

.is-invalid-input:not(:focus)::-webkit-input-placeholder {
    color: #cc4b37
}

.is-invalid-input:not(:focus)::-moz-placeholder {
    color: #cc4b37
}

.is-invalid-input:not(:focus):-ms-input-placeholder {
    color: #cc4b37
}

.is-invalid-input:not(:focus)::placeholder {
    color: #cc4b37
}

.form-error,
.is-invalid-label {
    color: #cc4b37
}

.form-error {
    display: none;
    margin-top: -.5rem;
    margin-bottom: 1rem;
    font-size: .75rem;
    font-weight: 700
}

.form-error.is-visible {
    display: block
}

.button,
.page-node-done .links a,
.page-user #user_login_form .form-submit,
.page-user .change-profile a,
.page-user .create-account .login-register,
[type=submit] {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem;
    padding: .85em 1em;
    -webkit-appearance: none;
    border-radius: 0;
    transition: background-color .25s ease-out, color .25s ease-out;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: #1779ba
}

.page-node-done .links [data-whatinput=mouse] a,
.page-user #user_login_form [data-whatinput=mouse] .form-submit,
.page-user .change-profile [data-whatinput=mouse] a,
.page-user .create-account [data-whatinput=mouse] .login-register,
[data-whatinput=mouse] .button,
[data-whatinput=mouse] .page-node-done .links a,
[data-whatinput=mouse] .page-user #user_login_form .form-submit,
[data-whatinput=mouse] .page-user .change-profile a,
[data-whatinput=mouse] .page-user .create-account .login-register,
[data-whatinput=mouse] [type=submit] {
    outline: 0
}

.button:focus,
.button:hover,
.page-node-done .links a:focus,
.page-node-done .links a:hover,
.page-user #user_login_form .form-submit:focus,
.page-user #user_login_form .form-submit:hover,
.page-user .change-profile a:focus,
.page-user .change-profile a:hover,
.page-user .create-account .login-register:focus,
.page-user .create-account .login-register:hover,
[type=submit]:focus,
[type=submit]:hover {
    background-color: #14679e;
    color: #fefefe
}

.button.tiny,
.page-node-done .links a.tiny,
.page-user #user_login_form .tiny.form-submit,
.page-user .change-profile a.tiny,
.page-user .create-account .tiny.login-register,
.tiny[type=submit] {
    font-size: .6rem
}

.button.small,
.page-node-done .links a.small,
.page-user #user_login_form .small.form-submit,
.page-user .change-profile a.small,
.page-user .create-account .small.login-register,
.small[type=submit] {
    font-size: .75rem
}

.button.expanded,
.expanded[type=submit],
.page-node-done .links a.expanded,
.page-user #user_login_form .expanded.form-submit,
.page-user .change-profile a.expanded,
.page-user .create-account .expanded.login-register {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0
}

.button.primary,
.page-node-done .links a.primary,
.page-user #user_login_form .primary.form-submit,
.page-user .change-profile a.primary,
.page-user .create-account .primary.login-register,
.primary[type=submit] {
    background-color: #1779ba;
    color: #fefefe
}

.button.primary:focus,
.button.primary:hover,
.page-node-done .links a.primary:focus,
.page-node-done .links a.primary:hover,
.page-user #user_login_form .primary.form-submit:focus,
.page-user #user_login_form .primary.form-submit:hover,
.page-user .change-profile a.primary:focus,
.page-user .change-profile a.primary:hover,
.page-user .create-account .primary.login-register:focus,
.page-user .create-account .primary.login-register:hover,
.primary[type=submit]:focus,
.primary[type=submit]:hover {
    background-color: #126195;
    color: #fefefe
}

.button.secondary,
.page-node-done .links a.secondary,
.page-user #user_login_form .secondary.form-submit,
.page-user .change-profile a.secondary,
.page-user .create-account .secondary.login-register,
.secondary[type=submit] {
    background-color: #767676;
    color: #fefefe
}

.button.secondary:focus,
.button.secondary:hover,
.page-node-done .links a.secondary:focus,
.page-node-done .links a.secondary:hover,
.page-user #user_login_form .secondary.form-submit:focus,
.page-user #user_login_form .secondary.form-submit:hover,
.page-user .change-profile a.secondary:focus,
.page-user .change-profile a.secondary:hover,
.page-user .create-account .secondary.login-register:focus,
.page-user .create-account .secondary.login-register:hover,
.secondary[type=submit]:focus,
.secondary[type=submit]:hover {
    background-color: #5e5e5e;
    color: #fefefe
}

.button.success,
.page-node-done .links a.success,
.page-user #user_login_form .success.form-submit,
.page-user .change-profile a.success,
.page-user .create-account .success.login-register,
.success[type=submit] {
    background-color: #3adb76;
    color: #0a0a0a
}

.button.success:focus,
.button.success:hover,
.page-node-done .links a.success:focus,
.page-node-done .links a.success:hover,
.page-user #user_login_form .success.form-submit:focus,
.page-user #user_login_form .success.form-submit:hover,
.page-user .change-profile a.success:focus,
.page-user .change-profile a.success:hover,
.page-user .create-account .success.login-register:focus,
.page-user .create-account .success.login-register:hover,
.success[type=submit]:focus,
.success[type=submit]:hover {
    background-color: #22bb5b;
    color: #0a0a0a
}

.button.warning,
.page-node-done .links a.warning,
.page-user #user_login_form .warning.form-submit,
.page-user .change-profile a.warning,
.page-user .create-account .warning.login-register,
.warning[type=submit] {
    background-color: #ffae00;
    color: #0a0a0a
}

.button.warning:focus,
.button.warning:hover,
.page-node-done .links a.warning:focus,
.page-node-done .links a.warning:hover,
.page-user #user_login_form .warning.form-submit:focus,
.page-user #user_login_form .warning.form-submit:hover,
.page-user .change-profile a.warning:focus,
.page-user .change-profile a.warning:hover,
.page-user .create-account .warning.login-register:focus,
.page-user .create-account .warning.login-register:hover,
.warning[type=submit]:focus,
.warning[type=submit]:hover {
    background-color: #cc8b00;
    color: #0a0a0a
}

.alert[type=submit],
.button.alert,
.page-node-done .links a.alert,
.page-user #user_login_form .alert.form-submit,
.page-user .change-profile a.alert,
.page-user .create-account .alert.login-register {
    background-color: #cc4b37;
    color: #fefefe
}

.alert[type=submit]:focus,
.alert[type=submit]:hover,
.button.alert:focus,
.button.alert:hover,
.page-node-done .links a.alert:focus,
.page-node-done .links a.alert:hover,
.page-user #user_login_form .alert.form-submit:focus,
.page-user #user_login_form .alert.form-submit:hover,
.page-user .change-profile a.alert:focus,
.page-user .change-profile a.alert:hover,
.page-user .create-account .alert.login-register:focus,
.page-user .create-account .alert.login-register:hover {
    background-color: #a53b2a;
    color: #fefefe
}

.button.hollow,
.hollow[type=submit],
.page-node-done .links a.hollow,
.page-user #user_login_form .hollow.form-submit,
.page-user .change-profile a.hollow,
.page-user .create-account .hollow.login-register {
    border: 1px solid #1779ba;
    color: #1779ba
}

.button.hollow,
.button.hollow:focus,
.button.hollow:hover,
.hollow[type=submit],
.hollow[type=submit]:focus,
.hollow[type=submit]:hover,
.page-node-done .links a.hollow,
.page-node-done .links a.hollow:focus,
.page-node-done .links a.hollow:hover,
.page-user #user_login_form .hollow.form-submit,
.page-user #user_login_form .hollow.form-submit:focus,
.page-user #user_login_form .hollow.form-submit:hover,
.page-user .change-profile a.hollow,
.page-user .change-profile a.hollow:focus,
.page-user .change-profile a.hollow:hover,
.page-user .create-account .hollow.login-register,
.page-user .create-account .hollow.login-register:focus,
.page-user .create-account .hollow.login-register:hover {
    background-color: transparent
}

.button.hollow.primary:focus,
.button.hollow.primary:hover,
.button.hollow:focus,
.button.hollow:hover,
.hollow.primary[type=submit]:focus,
.hollow.primary[type=submit]:hover,
.hollow[type=submit]:focus,
.hollow[type=submit]:hover,
.page-node-done .links a.hollow.primary:focus,
.page-node-done .links a.hollow.primary:hover,
.page-node-done .links a.hollow:focus,
.page-node-done .links a.hollow:hover,
.page-user #user_login_form .hollow.form-submit:focus,
.page-user #user_login_form .hollow.form-submit:hover,
.page-user #user_login_form .hollow.primary.form-submit:focus,
.page-user #user_login_form .hollow.primary.form-submit:hover,
.page-user .change-profile a.hollow.primary:focus,
.page-user .change-profile a.hollow.primary:hover,
.page-user .change-profile a.hollow:focus,
.page-user .change-profile a.hollow:hover,
.page-user .create-account .hollow.login-register:focus,
.page-user .create-account .hollow.login-register:hover,
.page-user .create-account .hollow.primary.login-register:focus,
.page-user .create-account .hollow.primary.login-register:hover {
    border-color: #0c3d5d;
    color: #0c3d5d
}

.button.hollow.primary,
.hollow.primary[type=submit],
.page-node-done .links a.hollow.primary,
.page-user #user_login_form .hollow.primary.form-submit,
.page-user .change-profile a.hollow.primary,
.page-user .create-account .hollow.primary.login-register {
    border: 1px solid #1779ba;
    color: #1779ba
}

.button.hollow.secondary,
.hollow.secondary[type=submit],
.page-node-done .links a.hollow.secondary,
.page-user #user_login_form .hollow.secondary.form-submit,
.page-user .change-profile a.hollow.secondary,
.page-user .create-account .hollow.secondary.login-register {
    border: 1px solid #767676;
    color: #767676
}

.button.hollow.secondary:focus,
.button.hollow.secondary:hover,
.hollow.secondary[type=submit]:focus,
.hollow.secondary[type=submit]:hover,
.page-node-done .links a.hollow.secondary:focus,
.page-node-done .links a.hollow.secondary:hover,
.page-user #user_login_form .hollow.secondary.form-submit:focus,
.page-user #user_login_form .hollow.secondary.form-submit:hover,
.page-user .change-profile a.hollow.secondary:focus,
.page-user .change-profile a.hollow.secondary:hover,
.page-user .create-account .hollow.secondary.login-register:focus,
.page-user .create-account .hollow.secondary.login-register:hover {
    border-color: #3b3b3b;
    color: #3b3b3b
}

.button.hollow.success,
.hollow.success[type=submit],
.page-node-done .links a.hollow.success,
.page-user #user_login_form .hollow.success.form-submit,
.page-user .change-profile a.hollow.success,
.page-user .create-account .hollow.success.login-register {
    border: 1px solid #3adb76;
    color: #3adb76
}

.button.hollow.success:focus,
.button.hollow.success:hover,
.hollow.success[type=submit]:focus,
.hollow.success[type=submit]:hover,
.page-node-done .links a.hollow.success:focus,
.page-node-done .links a.hollow.success:hover,
.page-user #user_login_form .hollow.success.form-submit:focus,
.page-user #user_login_form .hollow.success.form-submit:hover,
.page-user .change-profile a.hollow.success:focus,
.page-user .change-profile a.hollow.success:hover,
.page-user .create-account .hollow.success.login-register:focus,
.page-user .create-account .hollow.success.login-register:hover {
    border-color: #157539;
    color: #157539
}

.button.hollow.warning,
.hollow.warning[type=submit],
.page-node-done .links a.hollow.warning,
.page-user #user_login_form .hollow.warning.form-submit,
.page-user .change-profile a.hollow.warning,
.page-user .create-account .hollow.warning.login-register {
    border: 1px solid #ffae00;
    color: #ffae00
}

.button.hollow.warning:focus,
.button.hollow.warning:hover,
.hollow.warning[type=submit]:focus,
.hollow.warning[type=submit]:hover,
.page-node-done .links a.hollow.warning:focus,
.page-node-done .links a.hollow.warning:hover,
.page-user #user_login_form .hollow.warning.form-submit:focus,
.page-user #user_login_form .hollow.warning.form-submit:hover,
.page-user .change-profile a.hollow.warning:focus,
.page-user .change-profile a.hollow.warning:hover,
.page-user .create-account .hollow.warning.login-register:focus,
.page-user .create-account .hollow.warning.login-register:hover {
    border-color: #805700;
    color: #805700
}

.button.hollow.alert,
.hollow.alert[type=submit],
.page-node-done .links a.hollow.alert,
.page-user #user_login_form .hollow.alert.form-submit,
.page-user .change-profile a.hollow.alert,
.page-user .create-account .hollow.alert.login-register {
    border: 1px solid #cc4b37;
    color: #cc4b37
}

.button.hollow.alert:focus,
.button.hollow.alert:hover,
.hollow.alert[type=submit]:focus,
.hollow.alert[type=submit]:hover,
.page-node-done .links a.hollow.alert:focus,
.page-node-done .links a.hollow.alert:hover,
.page-user #user_login_form .hollow.alert.form-submit:focus,
.page-user #user_login_form .hollow.alert.form-submit:hover,
.page-user .change-profile a.hollow.alert:focus,
.page-user .change-profile a.hollow.alert:hover,
.page-user .create-account .hollow.alert.login-register:focus,
.page-user .create-account .hollow.alert.login-register:hover {
    border-color: #67251a;
    color: #67251a
}

.button.disabled,
.button[disabled],
.disabled[type=submit],
.page-node-done .links a.disabled,
.page-node-done .links a[disabled],
.page-user #user_login_form .disabled.form-submit,
.page-user #user_login_form [disabled].form-submit,
.page-user .change-profile a.disabled,
.page-user .change-profile a[disabled],
.page-user .create-account .disabled.login-register,
.page-user .create-account [disabled].login-register,
[disabled][type=submit] {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled,
.button.disabled:focus,
.button.disabled:hover,
.button[disabled],
.button[disabled]:focus,
.button[disabled]:hover,
.disabled[type=submit],
.disabled[type=submit]:focus,
.disabled[type=submit]:hover,
.page-node-done .links a.disabled,
.page-node-done .links a.disabled:focus,
.page-node-done .links a.disabled:hover,
.page-node-done .links a[disabled],
.page-node-done .links a[disabled]:focus,
.page-node-done .links a[disabled]:hover,
.page-user #user_login_form .disabled.form-submit,
.page-user #user_login_form .disabled.form-submit:focus,
.page-user #user_login_form .disabled.form-submit:hover,
.page-user #user_login_form [disabled].form-submit,
.page-user #user_login_form [disabled].form-submit:focus,
.page-user #user_login_form [disabled].form-submit:hover,
.page-user .change-profile a.disabled,
.page-user .change-profile a.disabled:focus,
.page-user .change-profile a.disabled:hover,
.page-user .change-profile a[disabled],
.page-user .change-profile a[disabled]:focus,
.page-user .change-profile a[disabled]:hover,
.page-user .create-account .disabled.login-register,
.page-user .create-account .disabled.login-register:focus,
.page-user .create-account .disabled.login-register:hover,
.page-user .create-account [disabled].login-register,
.page-user .create-account [disabled].login-register:focus,
.page-user .create-account [disabled].login-register:hover,
[disabled][type=submit],
[disabled][type=submit]:focus,
[disabled][type=submit]:hover {
    background-color: #1779ba;
    color: #fefefe
}

.button.disabled.primary,
.button[disabled].primary,
.disabled.primary[type=submit],
.page-node-done .links a.disabled.primary,
.page-node-done .links a[disabled].primary,
.page-user #user_login_form .disabled.primary.form-submit,
.page-user #user_login_form [disabled].primary.form-submit,
.page-user .change-profile a.disabled.primary,
.page-user .change-profile a[disabled].primary,
.page-user .create-account .disabled.primary.login-register,
.page-user .create-account [disabled].primary.login-register,
[disabled].primary[type=submit] {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.primary,
.button.disabled.primary:focus,
.button.disabled.primary:hover,
.button[disabled].primary,
.button[disabled].primary:focus,
.button[disabled].primary:hover,
.disabled.primary[type=submit],
.disabled.primary[type=submit]:focus,
.disabled.primary[type=submit]:hover,
.page-node-done .links a.disabled.primary,
.page-node-done .links a.disabled.primary:focus,
.page-node-done .links a.disabled.primary:hover,
.page-node-done .links a[disabled].primary,
.page-node-done .links a[disabled].primary:focus,
.page-node-done .links a[disabled].primary:hover,
.page-user #user_login_form .disabled.primary.form-submit,
.page-user #user_login_form .disabled.primary.form-submit:focus,
.page-user #user_login_form .disabled.primary.form-submit:hover,
.page-user #user_login_form [disabled].primary.form-submit,
.page-user #user_login_form [disabled].primary.form-submit:focus,
.page-user #user_login_form [disabled].primary.form-submit:hover,
.page-user .change-profile a.disabled.primary,
.page-user .change-profile a.disabled.primary:focus,
.page-user .change-profile a.disabled.primary:hover,
.page-user .change-profile a[disabled].primary,
.page-user .change-profile a[disabled].primary:focus,
.page-user .change-profile a[disabled].primary:hover,
.page-user .create-account .disabled.primary.login-register,
.page-user .create-account .disabled.primary.login-register:focus,
.page-user .create-account .disabled.primary.login-register:hover,
.page-user .create-account [disabled].primary.login-register,
.page-user .create-account [disabled].primary.login-register:focus,
.page-user .create-account [disabled].primary.login-register:hover,
[disabled].primary[type=submit],
[disabled].primary[type=submit]:focus,
[disabled].primary[type=submit]:hover {
    background-color: #1779ba;
    color: #fefefe
}

.button.disabled.secondary,
.button[disabled].secondary,
.disabled.secondary[type=submit],
.page-node-done .links a.disabled.secondary,
.page-node-done .links a[disabled].secondary,
.page-user #user_login_form .disabled.secondary.form-submit,
.page-user #user_login_form [disabled].secondary.form-submit,
.page-user .change-profile a.disabled.secondary,
.page-user .change-profile a[disabled].secondary,
.page-user .create-account .disabled.secondary.login-register,
.page-user .create-account [disabled].secondary.login-register,
[disabled].secondary[type=submit] {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.secondary,
.button.disabled.secondary:focus,
.button.disabled.secondary:hover,
.button[disabled].secondary,
.button[disabled].secondary:focus,
.button[disabled].secondary:hover,
.disabled.secondary[type=submit],
.disabled.secondary[type=submit]:focus,
.disabled.secondary[type=submit]:hover,
.page-node-done .links a.disabled.secondary,
.page-node-done .links a.disabled.secondary:focus,
.page-node-done .links a.disabled.secondary:hover,
.page-node-done .links a[disabled].secondary,
.page-node-done .links a[disabled].secondary:focus,
.page-node-done .links a[disabled].secondary:hover,
.page-user #user_login_form .disabled.secondary.form-submit,
.page-user #user_login_form .disabled.secondary.form-submit:focus,
.page-user #user_login_form .disabled.secondary.form-submit:hover,
.page-user #user_login_form [disabled].secondary.form-submit,
.page-user #user_login_form [disabled].secondary.form-submit:focus,
.page-user #user_login_form [disabled].secondary.form-submit:hover,
.page-user .change-profile a.disabled.secondary,
.page-user .change-profile a.disabled.secondary:focus,
.page-user .change-profile a.disabled.secondary:hover,
.page-user .change-profile a[disabled].secondary,
.page-user .change-profile a[disabled].secondary:focus,
.page-user .change-profile a[disabled].secondary:hover,
.page-user .create-account .disabled.secondary.login-register,
.page-user .create-account .disabled.secondary.login-register:focus,
.page-user .create-account .disabled.secondary.login-register:hover,
.page-user .create-account [disabled].secondary.login-register,
.page-user .create-account [disabled].secondary.login-register:focus,
.page-user .create-account [disabled].secondary.login-register:hover,
[disabled].secondary[type=submit],
[disabled].secondary[type=submit]:focus,
[disabled].secondary[type=submit]:hover {
    background-color: #767676;
    color: #fefefe
}

.button.disabled.success,
.button[disabled].success,
.disabled.success[type=submit],
.page-node-done .links a.disabled.success,
.page-node-done .links a[disabled].success,
.page-user #user_login_form .disabled.success.form-submit,
.page-user #user_login_form [disabled].success.form-submit,
.page-user .change-profile a.disabled.success,
.page-user .change-profile a[disabled].success,
.page-user .create-account .disabled.success.login-register,
.page-user .create-account [disabled].success.login-register,
[disabled].success[type=submit] {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.success,
.button.disabled.success:focus,
.button.disabled.success:hover,
.button[disabled].success,
.button[disabled].success:focus,
.button[disabled].success:hover,
.disabled.success[type=submit],
.disabled.success[type=submit]:focus,
.disabled.success[type=submit]:hover,
.page-node-done .links a.disabled.success,
.page-node-done .links a.disabled.success:focus,
.page-node-done .links a.disabled.success:hover,
.page-node-done .links a[disabled].success,
.page-node-done .links a[disabled].success:focus,
.page-node-done .links a[disabled].success:hover,
.page-user #user_login_form .disabled.success.form-submit,
.page-user #user_login_form .disabled.success.form-submit:focus,
.page-user #user_login_form .disabled.success.form-submit:hover,
.page-user #user_login_form [disabled].success.form-submit,
.page-user #user_login_form [disabled].success.form-submit:focus,
.page-user #user_login_form [disabled].success.form-submit:hover,
.page-user .change-profile a.disabled.success,
.page-user .change-profile a.disabled.success:focus,
.page-user .change-profile a.disabled.success:hover,
.page-user .change-profile a[disabled].success,
.page-user .change-profile a[disabled].success:focus,
.page-user .change-profile a[disabled].success:hover,
.page-user .create-account .disabled.success.login-register,
.page-user .create-account .disabled.success.login-register:focus,
.page-user .create-account .disabled.success.login-register:hover,
.page-user .create-account [disabled].success.login-register,
.page-user .create-account [disabled].success.login-register:focus,
.page-user .create-account [disabled].success.login-register:hover,
[disabled].success[type=submit],
[disabled].success[type=submit]:focus,
[disabled].success[type=submit]:hover {
    background-color: #3adb76;
    color: #0a0a0a
}

.button.disabled.warning,
.button[disabled].warning,
.disabled.warning[type=submit],
.page-node-done .links a.disabled.warning,
.page-node-done .links a[disabled].warning,
.page-user #user_login_form .disabled.warning.form-submit,
.page-user #user_login_form [disabled].warning.form-submit,
.page-user .change-profile a.disabled.warning,
.page-user .change-profile a[disabled].warning,
.page-user .create-account .disabled.warning.login-register,
.page-user .create-account [disabled].warning.login-register,
[disabled].warning[type=submit] {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.warning,
.button.disabled.warning:focus,
.button.disabled.warning:hover,
.button[disabled].warning,
.button[disabled].warning:focus,
.button[disabled].warning:hover,
.disabled.warning[type=submit],
.disabled.warning[type=submit]:focus,
.disabled.warning[type=submit]:hover,
.page-node-done .links a.disabled.warning,
.page-node-done .links a.disabled.warning:focus,
.page-node-done .links a.disabled.warning:hover,
.page-node-done .links a[disabled].warning,
.page-node-done .links a[disabled].warning:focus,
.page-node-done .links a[disabled].warning:hover,
.page-user #user_login_form .disabled.warning.form-submit,
.page-user #user_login_form .disabled.warning.form-submit:focus,
.page-user #user_login_form .disabled.warning.form-submit:hover,
.page-user #user_login_form [disabled].warning.form-submit,
.page-user #user_login_form [disabled].warning.form-submit:focus,
.page-user #user_login_form [disabled].warning.form-submit:hover,
.page-user .change-profile a.disabled.warning,
.page-user .change-profile a.disabled.warning:focus,
.page-user .change-profile a.disabled.warning:hover,
.page-user .change-profile a[disabled].warning,
.page-user .change-profile a[disabled].warning:focus,
.page-user .change-profile a[disabled].warning:hover,
.page-user .create-account .disabled.warning.login-register,
.page-user .create-account .disabled.warning.login-register:focus,
.page-user .create-account .disabled.warning.login-register:hover,
.page-user .create-account [disabled].warning.login-register,
.page-user .create-account [disabled].warning.login-register:focus,
.page-user .create-account [disabled].warning.login-register:hover,
[disabled].warning[type=submit],
[disabled].warning[type=submit]:focus,
[disabled].warning[type=submit]:hover {
    background-color: #ffae00;
    color: #0a0a0a
}

.button.disabled.alert,
.button[disabled].alert,
.disabled.alert[type=submit],
.page-node-done .links a.disabled.alert,
.page-node-done .links a[disabled].alert,
.page-user #user_login_form .disabled.alert.form-submit,
.page-user #user_login_form [disabled].alert.form-submit,
.page-user .change-profile a.disabled.alert,
.page-user .change-profile a[disabled].alert,
.page-user .create-account .disabled.alert.login-register,
.page-user .create-account [disabled].alert.login-register,
[disabled].alert[type=submit] {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.alert,
.button.disabled.alert:focus,
.button.disabled.alert:hover,
.button[disabled].alert,
.button[disabled].alert:focus,
.button[disabled].alert:hover,
.disabled.alert[type=submit],
.disabled.alert[type=submit]:focus,
.disabled.alert[type=submit]:hover,
.page-node-done .links a.disabled.alert,
.page-node-done .links a.disabled.alert:focus,
.page-node-done .links a.disabled.alert:hover,
.page-node-done .links a[disabled].alert,
.page-node-done .links a[disabled].alert:focus,
.page-node-done .links a[disabled].alert:hover,
.page-user #user_login_form .disabled.alert.form-submit,
.page-user #user_login_form .disabled.alert.form-submit:focus,
.page-user #user_login_form .disabled.alert.form-submit:hover,
.page-user #user_login_form [disabled].alert.form-submit,
.page-user #user_login_form [disabled].alert.form-submit:focus,
.page-user #user_login_form [disabled].alert.form-submit:hover,
.page-user .change-profile a.disabled.alert,
.page-user .change-profile a.disabled.alert:focus,
.page-user .change-profile a.disabled.alert:hover,
.page-user .change-profile a[disabled].alert,
.page-user .change-profile a[disabled].alert:focus,
.page-user .change-profile a[disabled].alert:hover,
.page-user .create-account .disabled.alert.login-register,
.page-user .create-account .disabled.alert.login-register:focus,
.page-user .create-account .disabled.alert.login-register:hover,
.page-user .create-account [disabled].alert.login-register,
.page-user .create-account [disabled].alert.login-register:focus,
.page-user .create-account [disabled].alert.login-register:hover,
[disabled].alert[type=submit],
[disabled].alert[type=submit]:focus,
[disabled].alert[type=submit]:hover {
    background-color: #cc4b37;
    color: #fefefe
}

.button.dropdown::after,
.dropdown[type=submit]::after,
.page-node-done .links a.dropdown::after,
.page-user #user_login_form .dropdown.form-submit::after,
.page-user .change-profile a.dropdown::after,
.page-user .create-account .dropdown.login-register::after {
    width: 0;
    height: 0;
    border: inset .4em;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #fefefe transparent transparent;
    position: relative;
    top: .4em;
    display: inline-block;
    float: right;
    margin-left: 1em
}

.button.dropdown.hollow.primary::after,
.button.dropdown.hollow::after,
.dropdown.hollow.primary[type=submit]::after,
.dropdown.hollow[type=submit]::after,
.page-node-done .links a.dropdown.hollow.primary::after,
.page-node-done .links a.dropdown.hollow::after,
.page-user #user_login_form .dropdown.hollow.form-submit::after,
.page-user #user_login_form .dropdown.hollow.primary.form-submit::after,
.page-user .change-profile a.dropdown.hollow.primary::after,
.page-user .change-profile a.dropdown.hollow::after,
.page-user .create-account .dropdown.hollow.login-register::after,
.page-user .create-account .dropdown.hollow.primary.login-register::after {
    border-top-color: #1779ba
}

.button.dropdown.hollow.secondary::after,
.dropdown.hollow.secondary[type=submit]::after,
.page-node-done .links a.dropdown.hollow.secondary::after,
.page-user #user_login_form .dropdown.hollow.secondary.form-submit::after,
.page-user .change-profile a.dropdown.hollow.secondary::after,
.page-user .create-account .dropdown.hollow.secondary.login-register::after {
    border-top-color: #767676
}

.button.dropdown.hollow.success::after,
.dropdown.hollow.success[type=submit]::after,
.page-node-done .links a.dropdown.hollow.success::after,
.page-user #user_login_form .dropdown.hollow.success.form-submit::after,
.page-user .change-profile a.dropdown.hollow.success::after,
.page-user .create-account .dropdown.hollow.success.login-register::after {
    border-top-color: #3adb76
}

.button.dropdown.hollow.warning::after,
.dropdown.hollow.warning[type=submit]::after,
.page-node-done .links a.dropdown.hollow.warning::after,
.page-user #user_login_form .dropdown.hollow.warning.form-submit::after,
.page-user .change-profile a.dropdown.hollow.warning::after,
.page-user .create-account .dropdown.hollow.warning.login-register::after {
    border-top-color: #ffae00
}

.button.dropdown.hollow.alert::after,
.dropdown.hollow.alert[type=submit]::after,
.page-node-done .links a.dropdown.hollow.alert::after,
.page-user #user_login_form .dropdown.hollow.alert.form-submit::after,
.page-user .change-profile a.dropdown.hollow.alert::after,
.page-user .create-account .dropdown.hollow.alert.login-register::after {
    border-top-color: #cc4b37
}

.arrow-only[type=submit]::after,
.button.arrow-only::after,
.page-node-done .links a.arrow-only::after,
.page-user #user_login_form .arrow-only.form-submit::after,
.page-user .change-profile a.arrow-only::after,
.page-user .create-account .arrow-only.login-register::after {
    top: -.1em;
    float: none;
    margin-left: 0
}

.accordion {
    margin-left: 0;
    background: #fefefe;
    list-style-type: none
}

.accordion-item:first-child>:first-child {
    border-radius: 0 0 0 0
}

.accordion-item:last-child>:last-child {
    border-radius: 0 0 0 0
}

.accordion-title {
    position: relative;
    display: block;
    padding: 1.25rem 1rem;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    font-size: .75rem;
    line-height: 1;
    color: #1779ba
}

:last-child:not(.is-active)>.accordion-title {
    border-bottom: 1px solid #e6e6e6;
    border-radius: 0 0 0 0
}

.accordion-title:focus,
.accordion-title:hover {
    background-color: #e6e6e6
}

.accordion-title::before {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -.5rem;
    content: '+'
}

.is-active>.accordion-title::before {
    content: '\2013'
}

.accordion-content {
    display: none;
    padding: 1rem;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    background-color: #fefefe;
    color: #0a0a0a
}

:last-child>.accordion-content:last-child {
    border-bottom: 1px solid #e6e6e6
}

.is-accordion-submenu-parent>a {
    position: relative
}

.is-accordion-submenu-parent>a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #1779ba transparent transparent;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 1rem
}

.is-accordion-submenu-parent[aria-expanded=true]>a::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.badge {
    display: inline-block;
    min-width: 2.1em;
    padding: .3em;
    border-radius: 50%;
    font-size: .6rem;
    text-align: center
}

.badge,
.badge.primary {
    background: #1779ba;
    color: #fefefe
}

.badge.secondary {
    background: #767676;
    color: #fefefe
}

.badge.success {
    background: #3adb76;
    color: #0a0a0a
}

.badge.warning {
    background: #ffae00;
    color: #0a0a0a
}

.badge.alert {
    background: #cc4b37;
    color: #fefefe
}

.breadcrumbs {
    margin: 0 0 1rem;
    list-style: none
}

.breadcrumbs::after,
.breadcrumbs::before {
    display: table;
    content: ' ';
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.breadcrumbs::after {
    clear: both
}

.breadcrumbs li {
    float: left;
    font-size: .6875rem;
    color: #0a0a0a;
    cursor: default;
    text-transform: uppercase
}

.breadcrumbs li:not(:last-child)::after {
    position: relative;
    top: 1px;
    margin: 0 .75rem;
    opacity: 1;
    content: "/";
    color: #cacaca
}

.breadcrumbs a {
    color: #1779ba
}

.breadcrumbs a:hover {
    text-decoration: underline
}

.breadcrumbs .disabled {
    color: #cacaca;
    cursor: not-allowed
}

.button-group {
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.button-group::after,
.button-group::before {
    display: table;
    content: ' ';
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.button-group::after {
    clear: both
}

.button-group .button,
.button-group .page-node-done .links a,
.button-group .page-user #user_login_form .form-submit,
.button-group .page-user .change-profile a,
.button-group .page-user .create-account .login-register,
.button-group [type=submit],
.page-node-done .links .button-group a,
.page-user #user_login_form .button-group .form-submit,
.page-user .change-profile .button-group a,
.page-user .create-account .button-group .login-register {
    margin: 0 1px 1px 0;
    font-size: .9rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.button-group .button:last-child,
.button-group .page-node-done .links a:last-child,
.button-group .page-user #user_login_form .form-submit:last-child,
.button-group .page-user .change-profile a:last-child,
.button-group .page-user .create-account .login-register:last-child,
.button-group [type=submit]:last-child,
.page-node-done .links .button-group a:last-child,
.page-user #user_login_form .button-group .form-submit:last-child,
.page-user .change-profile .button-group a:last-child,
.page-user .create-account .button-group .login-register:last-child {
    margin-right: 0
}

.button-group.tiny .button,
.button-group.tiny .page-node-done .links a,
.button-group.tiny .page-user #user_login_form .form-submit,
.button-group.tiny .page-user .change-profile a,
.button-group.tiny .page-user .create-account .login-register,
.button-group.tiny [type=submit],
.page-node-done .links .button-group.tiny a,
.page-user #user_login_form .button-group.tiny .form-submit,
.page-user .change-profile .button-group.tiny a,
.page-user .create-account .button-group.tiny .login-register {
    font-size: .6rem
}

.button-group.small .button,
.button-group.small .page-node-done .links a,
.button-group.small .page-user #user_login_form .form-submit,
.button-group.small .page-user .change-profile a,
.button-group.small .page-user .create-account .login-register,
.button-group.small [type=submit],
.page-node-done .links .button-group.small a,
.page-user #user_login_form .button-group.small .form-submit,
.page-user .change-profile .button-group.small a,
.page-user .create-account .button-group.small .login-register {
    font-size: .75rem
}

.button-group.large .button,
.button-group.large .page-node-done .links a,
.button-group.large .page-user #user_login_form .form-submit,
.button-group.large .page-user .change-profile a,
.button-group.large .page-user .create-account .login-register,
.button-group.large [type=submit],
.page-node-done .links .button-group.large a,
.page-user #user_login_form .button-group.large .form-submit,
.page-user .change-profile .button-group.large a,
.page-user .create-account .button-group.large .login-register {
    font-size: 1.25rem
}

.button-group.expanded .button,
.button-group.expanded .page-node-done .links a,
.button-group.expanded .page-user #user_login_form .form-submit,
.button-group.expanded .page-user .change-profile a,
.button-group.expanded .page-user .create-account .login-register,
.button-group.expanded [type=submit],
.page-node-done .links .button-group.expanded a,
.page-user #user_login_form .button-group.expanded .form-submit,
.page-user .change-profile .button-group.expanded a,
.page-user .create-account .button-group.expanded .login-register {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0px
}

.button-group.primary .button,
.button-group.primary .page-node-done .links a,
.button-group.primary .page-user #user_login_form .form-submit,
.button-group.primary .page-user .change-profile a,
.button-group.primary .page-user .create-account .login-register,
.button-group.primary [type=submit],
.page-node-done .links .button-group.primary a,
.page-user #user_login_form .button-group.primary .form-submit,
.page-user .change-profile .button-group.primary a,
.page-user .create-account .button-group.primary .login-register {
    background-color: #1779ba;
    color: #fefefe
}

.button-group.primary .button:focus,
.button-group.primary .button:hover,
.button-group.primary .page-node-done .links a:focus,
.button-group.primary .page-node-done .links a:hover,
.button-group.primary .page-user #user_login_form .form-submit:focus,
.button-group.primary .page-user #user_login_form .form-submit:hover,
.button-group.primary .page-user .change-profile a:focus,
.button-group.primary .page-user .change-profile a:hover,
.button-group.primary .page-user .create-account .login-register:focus,
.button-group.primary .page-user .create-account .login-register:hover,
.button-group.primary [type=submit]:focus,
.button-group.primary [type=submit]:hover,
.page-node-done .links .button-group.primary a:focus,
.page-node-done .links .button-group.primary a:hover,
.page-user #user_login_form .button-group.primary .form-submit:focus,
.page-user #user_login_form .button-group.primary .form-submit:hover,
.page-user .change-profile .button-group.primary a:focus,
.page-user .change-profile .button-group.primary a:hover,
.page-user .create-account .button-group.primary .login-register:focus,
.page-user .create-account .button-group.primary .login-register:hover {
    background-color: #126195;
    color: #fefefe
}

.button-group.secondary .button,
.button-group.secondary .page-node-done .links a,
.button-group.secondary .page-user #user_login_form .form-submit,
.button-group.secondary .page-user .change-profile a,
.button-group.secondary .page-user .create-account .login-register,
.button-group.secondary [type=submit],
.page-node-done .links .button-group.secondary a,
.page-user #user_login_form .button-group.secondary .form-submit,
.page-user .change-profile .button-group.secondary a,
.page-user .create-account .button-group.secondary .login-register {
    background-color: #767676;
    color: #fefefe
}

.button-group.secondary .button:focus,
.button-group.secondary .button:hover,
.button-group.secondary .page-node-done .links a:focus,
.button-group.secondary .page-node-done .links a:hover,
.button-group.secondary .page-user #user_login_form .form-submit:focus,
.button-group.secondary .page-user #user_login_form .form-submit:hover,
.button-group.secondary .page-user .change-profile a:focus,
.button-group.secondary .page-user .change-profile a:hover,
.button-group.secondary .page-user .create-account .login-register:focus,
.button-group.secondary .page-user .create-account .login-register:hover,
.button-group.secondary [type=submit]:focus,
.button-group.secondary [type=submit]:hover,
.page-node-done .links .button-group.secondary a:focus,
.page-node-done .links .button-group.secondary a:hover,
.page-user #user_login_form .button-group.secondary .form-submit:focus,
.page-user #user_login_form .button-group.secondary .form-submit:hover,
.page-user .change-profile .button-group.secondary a:focus,
.page-user .change-profile .button-group.secondary a:hover,
.page-user .create-account .button-group.secondary .login-register:focus,
.page-user .create-account .button-group.secondary .login-register:hover {
    background-color: #5e5e5e;
    color: #fefefe
}

.button-group.success .button,
.button-group.success .page-node-done .links a,
.button-group.success .page-user #user_login_form .form-submit,
.button-group.success .page-user .change-profile a,
.button-group.success .page-user .create-account .login-register,
.button-group.success [type=submit],
.page-node-done .links .button-group.success a,
.page-user #user_login_form .button-group.success .form-submit,
.page-user .change-profile .button-group.success a,
.page-user .create-account .button-group.success .login-register {
    background-color: #3adb76;
    color: #0a0a0a
}

.button-group.success .button:focus,
.button-group.success .button:hover,
.button-group.success .page-node-done .links a:focus,
.button-group.success .page-node-done .links a:hover,
.button-group.success .page-user #user_login_form .form-submit:focus,
.button-group.success .page-user #user_login_form .form-submit:hover,
.button-group.success .page-user .change-profile a:focus,
.button-group.success .page-user .change-profile a:hover,
.button-group.success .page-user .create-account .login-register:focus,
.button-group.success .page-user .create-account .login-register:hover,
.button-group.success [type=submit]:focus,
.button-group.success [type=submit]:hover,
.page-node-done .links .button-group.success a:focus,
.page-node-done .links .button-group.success a:hover,
.page-user #user_login_form .button-group.success .form-submit:focus,
.page-user #user_login_form .button-group.success .form-submit:hover,
.page-user .change-profile .button-group.success a:focus,
.page-user .change-profile .button-group.success a:hover,
.page-user .create-account .button-group.success .login-register:focus,
.page-user .create-account .button-group.success .login-register:hover {
    background-color: #22bb5b;
    color: #0a0a0a
}

.button-group.warning .button,
.button-group.warning .page-node-done .links a,
.button-group.warning .page-user #user_login_form .form-submit,
.button-group.warning .page-user .change-profile a,
.button-group.warning .page-user .create-account .login-register,
.button-group.warning [type=submit],
.page-node-done .links .button-group.warning a,
.page-user #user_login_form .button-group.warning .form-submit,
.page-user .change-profile .button-group.warning a,
.page-user .create-account .button-group.warning .login-register {
    background-color: #ffae00;
    color: #0a0a0a
}

.button-group.warning .button:focus,
.button-group.warning .button:hover,
.button-group.warning .page-node-done .links a:focus,
.button-group.warning .page-node-done .links a:hover,
.button-group.warning .page-user #user_login_form .form-submit:focus,
.button-group.warning .page-user #user_login_form .form-submit:hover,
.button-group.warning .page-user .change-profile a:focus,
.button-group.warning .page-user .change-profile a:hover,
.button-group.warning .page-user .create-account .login-register:focus,
.button-group.warning .page-user .create-account .login-register:hover,
.button-group.warning [type=submit]:focus,
.button-group.warning [type=submit]:hover,
.page-node-done .links .button-group.warning a:focus,
.page-node-done .links .button-group.warning a:hover,
.page-user #user_login_form .button-group.warning .form-submit:focus,
.page-user #user_login_form .button-group.warning .form-submit:hover,
.page-user .change-profile .button-group.warning a:focus,
.page-user .change-profile .button-group.warning a:hover,
.page-user .create-account .button-group.warning .login-register:focus,
.page-user .create-account .button-group.warning .login-register:hover {
    background-color: #cc8b00;
    color: #0a0a0a
}

.button-group.alert .button,
.button-group.alert .page-node-done .links a,
.button-group.alert .page-user #user_login_form .form-submit,
.button-group.alert .page-user .change-profile a,
.button-group.alert .page-user .create-account .login-register,
.button-group.alert [type=submit],
.page-node-done .links .button-group.alert a,
.page-user #user_login_form .button-group.alert .form-submit,
.page-user .change-profile .button-group.alert a,
.page-user .create-account .button-group.alert .login-register {
    background-color: #cc4b37;
    color: #fefefe
}

.button-group.alert .button:focus,
.button-group.alert .button:hover,
.button-group.alert .page-node-done .links a:focus,
.button-group.alert .page-node-done .links a:hover,
.button-group.alert .page-user #user_login_form .form-submit:focus,
.button-group.alert .page-user #user_login_form .form-submit:hover,
.button-group.alert .page-user .change-profile a:focus,
.button-group.alert .page-user .change-profile a:hover,
.button-group.alert .page-user .create-account .login-register:focus,
.button-group.alert .page-user .create-account .login-register:hover,
.button-group.alert [type=submit]:focus,
.button-group.alert [type=submit]:hover,
.page-node-done .links .button-group.alert a:focus,
.page-node-done .links .button-group.alert a:hover,
.page-user #user_login_form .button-group.alert .form-submit:focus,
.page-user #user_login_form .button-group.alert .form-submit:hover,
.page-user .change-profile .button-group.alert a:focus,
.page-user .change-profile .button-group.alert a:hover,
.page-user .create-account .button-group.alert .login-register:focus,
.page-user .create-account .button-group.alert .login-register:hover {
    background-color: #a53b2a;
    color: #fefefe
}

.button-group.stacked,
.button-group.stacked-for-medium,
.button-group.stacked-for-small {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.button-group.stacked .button,
.button-group.stacked .page-node-done .links a,
.button-group.stacked .page-user #user_login_form .form-submit,
.button-group.stacked .page-user .change-profile a,
.button-group.stacked .page-user .create-account .login-register,
.button-group.stacked [type=submit],
.button-group.stacked-for-medium .button,
.button-group.stacked-for-medium .page-node-done .links a,
.button-group.stacked-for-medium .page-user #user_login_form .form-submit,
.button-group.stacked-for-medium .page-user .change-profile a,
.button-group.stacked-for-medium .page-user .create-account .login-register,
.button-group.stacked-for-medium [type=submit],
.button-group.stacked-for-small .button,
.button-group.stacked-for-small .page-node-done .links a,
.button-group.stacked-for-small .page-user #user_login_form .form-submit,
.button-group.stacked-for-small .page-user .change-profile a,
.button-group.stacked-for-small .page-user .create-account .login-register,
.button-group.stacked-for-small [type=submit],
.page-node-done .links .button-group.stacked a,
.page-node-done .links .button-group.stacked-for-medium a,
.page-node-done .links .button-group.stacked-for-small a,
.page-user #user_login_form .button-group.stacked .form-submit,
.page-user #user_login_form .button-group.stacked-for-medium .form-submit,
.page-user #user_login_form .button-group.stacked-for-small .form-submit,
.page-user .change-profile .button-group.stacked a,
.page-user .change-profile .button-group.stacked-for-medium a,
.page-user .change-profile .button-group.stacked-for-small a,
.page-user .create-account .button-group.stacked .login-register,
.page-user .create-account .button-group.stacked-for-medium .login-register,
.page-user .create-account .button-group.stacked-for-small .login-register {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.button-group.stacked .button:last-child,
.button-group.stacked .page-node-done .links a:last-child,
.button-group.stacked .page-user #user_login_form .form-submit:last-child,
.button-group.stacked .page-user .change-profile a:last-child,
.button-group.stacked .page-user .create-account .login-register:last-child,
.button-group.stacked [type=submit]:last-child,
.button-group.stacked-for-medium .button:last-child,
.button-group.stacked-for-medium .page-node-done .links a:last-child,
.button-group.stacked-for-medium .page-user #user_login_form .form-submit:last-child,
.button-group.stacked-for-medium .page-user .change-profile a:last-child,
.button-group.stacked-for-medium .page-user .create-account .login-register:last-child,
.button-group.stacked-for-medium [type=submit]:last-child,
.button-group.stacked-for-small .button:last-child,
.button-group.stacked-for-small .page-node-done .links a:last-child,
.button-group.stacked-for-small .page-user #user_login_form .form-submit:last-child,
.button-group.stacked-for-small .page-user .change-profile a:last-child,
.button-group.stacked-for-small .page-user .create-account .login-register:last-child,
.button-group.stacked-for-small [type=submit]:last-child,
.page-node-done .links .button-group.stacked a:last-child,
.page-node-done .links .button-group.stacked-for-medium a:last-child,
.page-node-done .links .button-group.stacked-for-small a:last-child,
.page-user #user_login_form .button-group.stacked .form-submit:last-child,
.page-user #user_login_form .button-group.stacked-for-medium .form-submit:last-child,
.page-user #user_login_form .button-group.stacked-for-small .form-submit:last-child,
.page-user .change-profile .button-group.stacked a:last-child,
.page-user .change-profile .button-group.stacked-for-medium a:last-child,
.page-user .change-profile .button-group.stacked-for-small a:last-child,
.page-user .create-account .button-group.stacked .login-register:last-child,
.page-user .create-account .button-group.stacked-for-medium .login-register:last-child,
.page-user .create-account .button-group.stacked-for-small .login-register:last-child {
    margin-bottom: 0
}

@media print,
screen and (min-width:40em) {
    .button-group.stacked-for-small .button,
    .button-group.stacked-for-small .page-node-done .links a,
    .button-group.stacked-for-small .page-user #user_login_form .form-submit,
    .button-group.stacked-for-small .page-user .change-profile a,
    .button-group.stacked-for-small .page-user .create-account .login-register,
    .button-group.stacked-for-small [type=submit],
    .page-node-done .links .button-group.stacked-for-small a,
    .page-user #user_login_form .button-group.stacked-for-small .form-submit,
    .page-user .change-profile .button-group.stacked-for-small a,
    .page-user .create-account .button-group.stacked-for-small .login-register {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0px;
        margin-bottom: 0
    }
}

@media print,
screen and (min-width:64em) {
    .button-group.stacked-for-medium .button,
    .button-group.stacked-for-medium .page-node-done .links a,
    .button-group.stacked-for-medium .page-user #user_login_form .form-submit,
    .button-group.stacked-for-medium .page-user .change-profile a,
    .button-group.stacked-for-medium .page-user .create-account .login-register,
    .button-group.stacked-for-medium [type=submit],
    .page-node-done .links .button-group.stacked-for-medium a,
    .page-user #user_login_form .button-group.stacked-for-medium .form-submit,
    .page-user .change-profile .button-group.stacked-for-medium a,
    .page-user .create-account .button-group.stacked-for-medium .login-register {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0px;
        margin-bottom: 0
    }
}

@media screen and (max-width:39.9375em) {
    .button-group.stacked-for-small.expanded {
        display: block
    }
    .button-group.stacked-for-small.expanded .button,
    .button-group.stacked-for-small.expanded .page-node-done .links a,
    .button-group.stacked-for-small.expanded .page-user #user_login_form .form-submit,
    .button-group.stacked-for-small.expanded .page-user .change-profile a,
    .button-group.stacked-for-small.expanded .page-user .create-account .login-register,
    .button-group.stacked-for-small.expanded [type=submit],
    .page-node-done .links .button-group.stacked-for-small.expanded a,
    .page-user #user_login_form .button-group.stacked-for-small.expanded .form-submit,
    .page-user .change-profile .button-group.stacked-for-small.expanded a,
    .page-user .create-account .button-group.stacked-for-small.expanded .login-register {
        display: block;
        margin-right: 0
    }
}

.callout {
    position: relative;
    margin: 0 0 1rem;
    padding: 1rem;
    border: 1px solid rgba(10, 10, 10, .25);
    border-radius: 0;
    background-color: #fff;
    color: #0a0a0a
}

.callout>:first-child {
    margin-top: 0
}

.callout>:last-child {
    margin-bottom: 0
}

.callout.primary {
    background-color: #d7ecfa;
    color: #0a0a0a
}

.callout.secondary {
    background-color: #eaeaea;
    color: #0a0a0a
}

.callout.success {
    background-color: #e1faea;
    color: #0a0a0a
}

.callout.warning {
    background-color: #fff3d9;
    color: #0a0a0a
}

.callout.alert {
    background-color: #f7e4e1;
    color: #0a0a0a
}

.callout.small {
    padding: .5rem
}

.callout.large {
    padding: 3rem
}

.card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 1rem;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    background: #fefefe;
    box-shadow: none;
    overflow: hidden;
    color: #0a0a0a
}

.card-divider>:last-child,
.card-section>:last-child,
.card>:last-child {
    margin-bottom: 0
}

.card-divider {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding: 1rem;
    background: #e6e6e6
}

.card-section {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 1rem
}

.close-button {
    position: absolute;
    color: #8a8a8a;
    cursor: pointer
}

[data-whatinput=mouse] .close-button,
[data-whatinput=mouse] .dropdown.menu a,
[data-whatinput=mouse] .menu>li {
    outline: 0
}

.close-button:focus,
.close-button:hover {
    color: #0a0a0a
}

.close-button.small {
    right: .66rem;
    top: .33em;
    font-size: 1.5em;
    line-height: 1
}

.close-button,
.close-button.medium {
    right: 1rem;
    top: .5rem;
    font-size: 2em;
    line-height: 1
}

.menu,
.menu>li>a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.menu {
    margin: 0;
    list-style-type: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.menu.horizontal>li,
.menu>li {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.menu>li>a {
    display: block;
    padding: .7rem 1rem;
    line-height: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.menu a,
.menu button,
.menu input,
.menu select {
    margin-bottom: 0
}

.menu>li>a i,
.menu>li>a img,
.menu>li>a svg {
    margin-right: .25rem
}

.menu,
.menu.horizontal {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.menu.expanded>li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0px
}

.menu.expanded>li:first-child:last-child {
    width: 100%
}

.menu.vertical {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.menu.vertical>li {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.menu.vertical>li>a {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media print,
screen and (min-width:40em) {
    .menu.medium-horizontal {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .menu.medium-horizontal>li {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
    .menu.medium-expanded>li {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0px
    }
    .menu.medium-expanded>li:first-child:last-child {
        width: 100%
    }
    .menu.medium-vertical {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .menu.medium-vertical>li {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .menu.medium-vertical>li>a {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media print,
screen and (min-width:64em) {
    .menu.large-horizontal {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .menu.large-horizontal>li {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
    .menu.large-expanded>li {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0px
    }
    .menu.large-expanded>li:first-child:last-child {
        width: 100%
    }
    .menu.large-vertical {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .menu.large-vertical>li {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .menu.large-vertical>li>a {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.menu.simple li {
    display: inline-block;
    vertical-align: top;
    line-height: 1;
    margin-left: 0;
    margin-right: 1rem
}

.menu.simple a {
    padding: 0
}

.menu.simple.align-right li {
    margin-right: 0;
    margin-left: 1rem
}

.menu.align-right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.menu.icon-top>li>a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.menu.icon-top>li>a i,
.menu.icon-top>li>a img,
.menu.icon-top>li>a svg {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    margin-bottom: .25rem;
    text-align: center
}

.menu.icon-top.vertical a>span {
    margin: auto
}

.menu.nested,
.recherche-aliment form#nutrition-search-aliment-by-name-form .link a:hover::after {
    margin-left: 1rem
}

.menu .active>a {
    background: #1779ba;
    color: #fefefe
}

.menu.menu-bordered li {
    border: 1px solid #e6e6e6
}

.menu.menu-bordered li:not(:first-child) {
    border-top: 0
}

.menu.menu-hover li:hover {
    background-color: #e6e6e6
}

.menu-text {
    padding-top: 0;
    padding-bottom: 0;
    padding: .7rem 1rem;
    font-weight: 700;
    line-height: 1;
    color: inherit
}

.menu-centered {
    text-align: center
}

.menu-centered>.menu {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.menu-icon,
.menu-icon.dark {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 16px;
    cursor: pointer
}

.menu-icon.dark::after,
.menu-icon::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    content: ''
}

.menu-icon::after {
    background: #fefefe;
    box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe
}

.menu-icon:hover::after {
    background: #cacaca;
    box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca
}

.menu-icon.dark::after {
    background: #0a0a0a;
    box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a
}

.menu-icon.dark:hover::after {
    background: #8a8a8a;
    box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a
}

.is-drilldown {
    position: relative;
    overflow: hidden
}

.is-drilldown li {
    display: block
}

.is-drilldown.animate-height {
    transition: height .5s
}

.is-drilldown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: -1;
    width: 100%;
    background: #fefefe;
    transition: transform .15s linear;
    transition: transform .15s linear, -webkit-transform .15s linear
}

.is-drilldown-submenu.is-active {
    z-index: 1;
    display: block
}

.drilldown-submenu-cover-previous {
    min-height: 100%
}

.is-drilldown-submenu-parent>a {
    position: relative
}

.is-drilldown-submenu-parent>a::after {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    margin-top: -6px
}

.js-drilldown-back>a::before {
    width: 0;
    height: 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: .75rem
}

.dropdown-pane {
    position: absolute;
    z-index: 10;
    display: block;
    width: 300px;
    padding: 1rem;
    visibility: hidden;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    font-size: 1rem
}

.dropdown-pane.is-open,
.sticky #toggled__container li {
    visibility: visible
}

.dropdown-pane.tiny {
    width: 100px
}

.dropdown-pane.small {
    width: 200px
}

.dropdown-pane.large {
    width: 400px
}

.dropdown.menu.align-right .is-dropdown-submenu.first-sub,
.dropdown.menu>li.opens-left>.is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto
}

.dropdown.menu>li.opens-right>.is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0
}

.dropdown.menu>li.is-dropdown-submenu-parent>a {
    position: relative;
    padding-right: 1.5rem
}

.dropdown.menu>li.is-dropdown-submenu-parent>a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #1779ba transparent transparent;
    right: 5px;
    margin-top: -3px
}

.dropdown.menu.vertical>li .is-dropdown-submenu {
    top: 0
}

.dropdown.menu.vertical>li.opens-left>.is-dropdown-submenu {
    right: 100%;
    left: auto
}

.dropdown.menu.vertical>li.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 100%
}

.dropdown.menu.vertical>li>a::after,
.is-dropdown-submenu .is-dropdown-submenu-parent>a::after {
    right: 14px
}

.dropdown.menu.vertical>li.opens-left>a::after,
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #1779ba transparent transparent
}

.dropdown.menu.vertical>li.opens-right>a::after,
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #1779ba
}

@media print,
screen and (min-width:40em) {
    .dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto
    }
    .dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }
    .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a {
        position: relative;
        padding-right: 1.5rem
    }
    .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-bottom-width: 0;
        border-top-style: solid;
        border-color: #1779ba transparent transparent;
        right: 5px;
        margin-top: -3px
    }
    .dropdown.menu.medium-vertical>li .is-dropdown-submenu {
        top: 0
    }
    .dropdown.menu.medium-vertical>li.opens-left>.is-dropdown-submenu {
        right: 100%;
        left: auto
    }
    .dropdown.menu.medium-vertical>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 100%
    }
    .dropdown.menu.medium-vertical>li>a::after {
        right: 14px
    }
    .dropdown.menu.medium-vertical>li.opens-left>a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-left-width: 0;
        border-right-style: solid;
        border-color: transparent #1779ba transparent transparent
    }
    .dropdown.menu.medium-vertical>li.opens-right>a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #1779ba
    }
}

@media print,
screen and (min-width:64em) {
    .dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto
    }
    .dropdown.menu.large-horizontal>li.opens-right>.is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }
    .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a {
        position: relative;
        padding-right: 1.5rem
    }
    .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-bottom-width: 0;
        border-top-style: solid;
        border-color: #1779ba transparent transparent;
        right: 5px;
        margin-top: -3px
    }
    .dropdown.menu.large-vertical>li .is-dropdown-submenu {
        top: 0
    }
    .dropdown.menu.large-vertical>li.opens-left>.is-dropdown-submenu {
        right: 100%;
        left: auto
    }
    .dropdown.menu.large-vertical>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 100%
    }
    .dropdown.menu.large-vertical>li>a::after {
        right: 14px
    }
    .dropdown.menu.large-vertical>li.opens-left>a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-left-width: 0;
        border-right-style: solid;
        border-color: transparent #1779ba transparent transparent
    }
    .dropdown.menu.large-vertical>li.opens-right>a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #1779ba
    }
}

.is-dropdown-menu.vertical {
    width: 100px
}

.is-dropdown-menu.vertical.align-right {
    float: right
}

.is-dropdown-submenu-parent {
    position: relative
}

.is-dropdown-submenu-parent a::after {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -6px
}

.is-dropdown-submenu-parent.opens-inner>.is-dropdown-submenu {
    top: 100%;
    left: auto
}

.is-dropdown-submenu-parent.opens-left>.is-dropdown-submenu {
    right: 100%;
    left: auto
}

.is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 100%
}

.is-dropdown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    display: none;
    min-width: 200px;
    border: 1px solid #cacaca;
    background: #fefefe
}

.is-dropdown-submenu .is-dropdown-submenu {
    margin-top: -1px
}

.is-dropdown-submenu>li {
    width: 100%
}

.is-dropdown-submenu.js-dropdown-active {
    display: block
}

.flex-video,
.responsive-embed {
    position: relative;
    height: 0;
    margin-bottom: 1rem;
    padding-bottom: 75%;
    overflow: hidden
}

.flex-video embed,
.flex-video iframe,
.flex-video object,
.flex-video video,
.responsive-embed embed,
.responsive-embed iframe,
.responsive-embed object,
.responsive-embed video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.flex-video.widescreen,
.responsive-embed.widescreen {
    padding-bottom: 56.25%
}

.label {
    display: inline-block;
    padding: .33333rem .5rem;
    border-radius: 0;
    font-size: .8rem;
    line-height: 1;
    white-space: nowrap;
    cursor: default
}

.label,
.label.primary {
    background: #1779ba;
    color: #fefefe
}

.label.secondary {
    background: #767676;
    color: #fefefe
}

.label.success {
    background: #3adb76;
    color: #0a0a0a
}

.label.warning {
    background: #ffae00;
    color: #0a0a0a
}

.label.alert {
    background: #cc4b37;
    color: #fefefe
}

.media-object {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media screen and (max-width:39.9375em) {
    .media-object.stack-for-small {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .media-object.stack-for-small .media-object-section {
        padding: 0;
        padding-bottom: 1rem;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
    .media-object.stack-for-small .media-object-section img {
        width: 100%
    }
}

.media-object-section {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.media-object-section:first-child {
    padding-right: 1rem
}

.media-object-section:last-child:not(:nth-child(2)) {
    padding-left: 1rem
}

.media-object-section>:last-child {
    margin-bottom: 0
}

.media-object-section.main-section {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0px
}

.is-off-canvas-open,
body.is-reveal-open,
section[role=main] {
    overflow: hidden
}

.js-off-canvas-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity .5s ease, visibility .5s ease;
    background: rgba(254, 254, 254, .25);
    opacity: 0;
    visibility: hidden;
    overflow: hidden
}

.js-off-canvas-overlay.is-visible {
    opacity: 1;
    visibility: visible
}

.js-off-canvas-overlay.is-closable {
    cursor: pointer
}

.js-off-canvas-overlay.is-overlay-absolute {
    position: absolute
}

.js-off-canvas-overlay.is-overlay-fixed {
    position: fixed
}

.off-canvas-wrapper {
    position: relative;
    overflow: hidden
}

.off-canvas,
.off-canvas-absolute {
    position: fixed;
    z-index: 1;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #e6e6e6
}

[data-whatinput=mouse] .off-canvas {
    outline: 0
}

.off-canvas.is-transition-overlap {
    z-index: 10
}

.off-canvas-absolute.is-transition-overlap.is-open,
.off-canvas.is-transition-overlap.is-open {
    box-shadow: 0 0 10px rgba(10, 10, 10, .7)
}

.off-canvas.is-open {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.off-canvas-absolute {
    position: absolute
}

[data-whatinput=mouse] .off-canvas-absolute {
    outline: 0
}

.off-canvas-absolute.is-transition-overlap {
    z-index: 10
}

.off-canvas-absolute.is-open {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.position-left {
    top: 0;
    left: 0;
    width: 250px;
    height: 100%;
    -webkit-transform: translateX(-250px);
    -ms-transform: translateX(-250px);
    transform: translateX(-250px);
    overflow-y: auto
}

.position-left.is-open~.off-canvas-content,
.position-right {
    -webkit-transform: translateX(250px);
    -ms-transform: translateX(250px);
    transform: translateX(250px)
}

.position-left.is-transition-push::after,
.position-right.is-transition-push::after {
    position: absolute;
    top: 0;
    height: 100%;
    width: 1px;
    box-shadow: 0 0 10px rgba(10, 10, 10, .7);
    content: " "
}

.position-left.is-transition-push::after {
    right: 0
}

.position-bottom.is-transition-overlap.is-open~.off-canvas-content,
.position-left.is-transition-overlap.is-open~.off-canvas-content,
.position-right.is-transition-overlap.is-open~.off-canvas-content,
.position-top.is-transition-overlap.is-open~.off-canvas-content {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.position-right {
    top: 0;
    right: 0;
    width: 250px;
    height: 100%;
    overflow-y: auto
}

.position-right.is-open~.off-canvas-content {
    -webkit-transform: translateX(-250px);
    -ms-transform: translateX(-250px);
    transform: translateX(-250px)
}

.position-right.is-transition-push::after {
    left: 0
}

.position-top {
    top: 0;
    left: 0;
    width: 100%;
    height: 250px;
    -webkit-transform: translateY(-250px);
    -ms-transform: translateY(-250px);
    transform: translateY(-250px);
    overflow-x: auto
}

.position-bottom,
.position-top.is-open~.off-canvas-content {
    -webkit-transform: translateY(250px);
    -ms-transform: translateY(250px);
    transform: translateY(250px)
}

.position-bottom.is-transition-push::after,
.position-top.is-transition-push::after {
    position: absolute;
    left: 0;
    height: 1px;
    width: 100%;
    box-shadow: 0 0 10px rgba(10, 10, 10, .7);
    content: " "
}

.position-top.is-transition-push::after {
    bottom: 0
}

.position-bottom {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 250px;
    overflow-x: auto
}

.position-bottom.is-open~.off-canvas-content {
    -webkit-transform: translateY(-250px);
    -ms-transform: translateY(-250px);
    transform: translateY(-250px)
}

.position-bottom.is-transition-push::after {
    top: 0
}

.off-canvas-content {
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media print,
screen and (min-width:40em) {
    .position-bottom.reveal-for-medium,
    .position-left.reveal-for-medium,
    .position-right.reveal-for-medium,
    .position-top.reveal-for-medium {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 1
    }
    .position-left.reveal-for-medium~.off-canvas-content {
        margin-left: 250px
    }
    .position-right.reveal-for-medium~.off-canvas-content {
        margin-right: 250px
    }
    .position-top.reveal-for-medium~.off-canvas-content {
        margin-top: 250px
    }
    .position-bottom.reveal-for-medium~.off-canvas-content {
        margin-bottom: 250px
    }
}

@media print,
screen and (min-width:64em) {
    .position-bottom.reveal-for-large,
    .position-left.reveal-for-large,
    .position-right.reveal-for-large,
    .position-top.reveal-for-large {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 1
    }
    .position-left.reveal-for-large~.off-canvas-content {
        margin-left: 250px
    }
    .position-right.reveal-for-large~.off-canvas-content {
        margin-right: 250px
    }
    .position-top.reveal-for-large~.off-canvas-content {
        margin-top: 250px
    }
    .position-bottom.reveal-for-large~.off-canvas-content {
        margin-bottom: 250px
    }
}

.orbit,
.orbit-container {
    position: relative
}

.orbit-container {
    height: 0;
    margin: 0;
    list-style: none;
    overflow: hidden
}

.orbit-slide {
    width: 100%
}

.orbit-slide.no-motionui.is-active {
    top: 0;
    left: 0
}

.orbit-figure {
    margin: 0
}

.orbit-image {
    width: 100%;
    max-width: 100%;
    margin: 0
}

.orbit-caption,
.orbit-next,
.orbit-previous {
    position: absolute;
    padding: 1rem;
    color: #fefefe
}

.orbit-caption {
    bottom: 0;
    width: 100%;
    margin-bottom: 0;
    background-color: rgba(10, 10, 10, .5)
}

.orbit-next,
.orbit-previous {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10
}

[data-whatinput=mouse] .orbit-next,
[data-whatinput=mouse] .orbit-previous {
    outline: 0
}

.orbit-next:active,
.orbit-next:focus,
.orbit-next:hover,
.orbit-previous:active,
.orbit-previous:focus,
.orbit-previous:hover {
    background-color: rgba(10, 10, 10, .5)
}

.orbit-previous {
    left: 0
}

.orbit-next {
    left: auto;
    right: 0
}

.orbit-bullets {
    position: relative;
    margin-top: .8rem;
    margin-bottom: .8rem;
    text-align: center
}

[data-whatinput=mouse] .orbit-bullets {
    outline: 0
}

.orbit-bullets button {
    width: 1.2rem;
    height: 1.2rem;
    margin: .1rem;
    border-radius: 50%;
    background-color: #cacaca
}

.orbit-bullets button.is-active,
.orbit-bullets button:hover {
    background-color: #8a8a8a
}

.pagination {
    margin-left: 0;
    margin-bottom: 1rem
}

.pagination::after,
.pagination::before {
    display: table;
    content: ' ';
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.pagination::after {
    clear: both
}

.pagination li {
    margin-right: .0625rem;
    border-radius: 0;
    font-size: .875rem;
    display: none
}

.pagination li:first-child,
.pagination li:last-child {
    display: inline-block
}

@media print,
screen and (min-width:40em) {
    .pagination li {
        display: inline-block
    }
}

.pagination a,
.pagination button {
    display: block;
    padding: .1875rem .625rem;
    border-radius: 0;
    color: #0a0a0a
}

.pagination a:hover,
.pagination button:hover {
    background: #e6e6e6
}

.pagination .current {
    padding: .1875rem .625rem;
    background: #1779ba;
    color: #fefefe;
    cursor: default
}

.pagination .disabled {
    padding: .1875rem .625rem;
    color: #cacaca;
    cursor: not-allowed
}

.pagination .disabled:hover,
.tabs.simple>li>a:hover,
tfoot tr,
thead tr {
    background: 0 0
}

.pagination .ellipsis::after {
    padding: .1875rem .625rem;
    content: '\2026';
    color: #0a0a0a
}

.pagination-previous a::before,
.pagination-previous.disabled::before {
    display: inline-block;
    margin-right: .5rem;
    content: '\00ab'
}

.pagination-next a::after,
.pagination-next.disabled::after {
    display: inline-block;
    margin-left: .5rem;
    content: '\00bb'
}

.progress {
    height: 1rem;
    margin-bottom: 1rem;
    border-radius: 0;
    background-color: #cacaca
}

.progress-meter,
.progress.primary .progress-meter {
    background-color: #1779ba
}

.progress.secondary .progress-meter {
    background-color: #767676
}

.progress.success .progress-meter {
    background-color: #3adb76
}

.progress.warning .progress-meter {
    background-color: #ffae00
}

.progress.alert .progress-meter {
    background-color: #cc4b37
}

.progress-meter {
    position: relative;
    display: block;
    width: 0%;
    height: 100%
}

.progress-meter-text {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    margin: 0;
    font-size: .75rem;
    font-weight: 700;
    color: #fefefe;
    white-space: nowrap
}

.slider {
    position: relative;
    height: .5rem;
    margin-top: 1.25rem;
    margin-bottom: 2.25rem;
    background-color: #e6e6e6;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none;
    touch-action: none
}

.slider-fill,
.slider-handle {
    position: absolute;
    left: 0;
    display: inline-block;
    transition: all .2s ease-in-out
}

.slider-fill {
    max-width: 100%;
    top: 0;
    height: .5rem;
    background-color: #cacaca
}

.slider-fill.is-dragging {
    transition: all 0s linear
}

.slider-handle {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 0;
    background-color: #1779ba;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

[data-whatinput=mouse] .slider-handle {
    outline: 0
}

.slider-handle:hover {
    background-color: #14679e
}

.slider-handle.is-dragging {
    transition: all 0s linear
}

.slider.disabled,
.slider[disabled] {
    opacity: .25;
    cursor: not-allowed
}

.slider.vertical {
    display: inline-block;
    width: .5rem;
    height: 12.5rem;
    margin: 0 1.25rem;
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

.slider.vertical .slider-fill {
    top: 0;
    width: .5rem;
    max-height: 100%
}

.slider.vertical .slider-handle {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1.4rem;
    height: 1.4rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.sticky-container,
select option {
    position: relative
}

.sticky {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.sticky.is-stuck {
    position: fixed;
    z-index: 5
}

.sticky.is-stuck.is-at-top {
    top: 0
}

.sticky.is-anchored.is-at-bottom,
.sticky.is-stuck.is-at-bottom {
    bottom: 0
}

.sticky.is-anchored {
    position: relative;
    right: auto;
    left: auto
}

html.is-reveal-open,
html.is-reveal-open body {
    min-height: 100%;
    overflow: hidden;
    position: fixed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.reveal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1005;
    display: none;
    background-color: rgba(10, 10, 10, .45);
    overflow-y: scroll
}

.reveal {
    z-index: 1006;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    padding: 1rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    position: relative;
    top: 100px;
    margin-right: auto;
    margin-left: auto;
    overflow-y: auto
}

[data-whatinput=mouse] .reveal {
    outline: 0
}

@media print,
screen and (min-width:40em) {
    .reveal {
        min-height: 0
    }
}

.reveal .column,
.reveal .columns {
    min-width: 0
}

.page-les-aliments-a-la-loupe .left>div:last-child,
.reveal>:last-child {
    margin-bottom: 0
}

@media print,
screen and (min-width:40em) {
    .reveal {
        width: 600px;
        max-width: 75rem
    }
    .reveal .reveal {
        right: auto;
        left: auto;
        margin: 0 auto
    }
}

.reveal.collapse,
.tabs.simple>li>a {
    padding: 0
}

@media print,
screen and (min-width:40em) {
    .reveal.tiny {
        width: 30%;
        max-width: 75rem
    }
    .reveal.large,
    .reveal.small {
        width: 50%;
        max-width: 75rem
    }
    .reveal.large {
        width: 90%
    }
}

.reveal.full {
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    margin-left: 0;
    border: 0;
    border-radius: 0
}

@media screen and (max-width:39.9375em) {
    .reveal {
        top: 0;
        left: 0;
        width: 100%;
        max-width: none;
        height: 100%;
        height: 100vh;
        min-height: 100vh;
        margin-left: 0;
        border: 0;
        border-radius: 0
    }
}

.reveal.without-overlay {
    position: fixed
}

.switch {
    height: 2rem;
    position: relative;
    margin-bottom: 1rem;
    outline: 0;
    font-size: .875rem;
    font-weight: 700;
    color: #fefefe;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.switch-input {
    position: absolute;
    margin-bottom: 0;
    opacity: 0
}

.switch-paddle,
.switch-paddle::after {
    display: block;
    border-radius: 0;
    transition: all .25s ease-out
}

.switch-paddle {
    background: #cacaca;
    font-weight: inherit;
    color: inherit;
    cursor: pointer;
    position: relative;
    width: 4rem;
    height: 2rem
}

input+.switch-paddle {
    margin: 0
}

.switch-paddle::after {
    position: absolute;
    top: .25rem;
    left: .25rem;
    width: 1.5rem;
    height: 1.5rem;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background: #fefefe;
    content: ''
}

input:checked~.switch-paddle {
    background: #1779ba
}

input:checked~.switch-paddle::after {
    left: 2.25rem
}

[data-whatinput=mouse] input:focus~.switch-paddle {
    outline: 0
}

.switch-active,
.switch-inactive {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.switch-active {
    left: 8%;
    display: none
}

input:checked+label>.switch-active {
    display: block
}

.switch-inactive {
    right: 15%
}

input:checked+label>.switch-inactive {
    display: none
}

.switch.tiny {
    height: 1.5rem
}

.switch.tiny .switch-paddle {
    width: 3rem;
    height: 1.5rem;
    font-size: .625rem
}

.switch.tiny .switch-paddle::after {
    top: .25rem;
    left: .25rem;
    width: 1rem;
    height: 1rem
}

.switch.tiny input:checked~.switch-paddle::after {
    left: 1.75rem
}

.switch.small {
    height: 1.75rem
}

.switch.small .switch-paddle {
    width: 3.5rem;
    height: 1.75rem;
    font-size: .75rem
}

.switch.small .switch-paddle::after {
    top: .25rem;
    left: .25rem;
    width: 1.25rem;
    height: 1.25rem
}

.switch.small input:checked~.switch-paddle::after {
    left: 2rem
}

.switch.large {
    height: 2.5rem
}

.switch.large .switch-paddle {
    width: 5rem;
    height: 2.5rem;
    font-size: 1rem
}

.switch.large .switch-paddle::after {
    top: .25rem;
    left: .25rem;
    width: 2rem;
    height: 2rem
}

.switch.large input:checked~.switch-paddle::after {
    left: 2.75rem
}

table {
    margin-bottom: 1rem;
    border-radius: 0;
    position: relative;
    width: 100%!important;
    border: 1px solid #eee;
    border-bottom: none
}

tbody,
tfoot,
thead {
    border: 1px solid #f1f1f1;
    background-color: #fefefe
}

caption {
    font-weight: 700
}

tfoot,
thead {
    color: #0a0a0a
}

thead {
    background: #f8f8f8
}

tfoot {
    background: #f1f1f1
}

tfoot td,
tfoot th,
thead td,
thead th {
    padding: .5rem .625rem .625rem;
    font-weight: 700;
    text-align: left
}

caption,
tbody td,
tbody th {
    padding: .5rem .625rem .625rem
}

tbody tr:nth-child(even) {
    border-bottom: 0;
    background-color: #f1f1f1
}

table.unstriped tbody {
    background-color: #fefefe
}

table.unstriped tbody tr {
    border-bottom: 1px solid #f1f1f1;
    background-color: #fefefe
}

@media screen and (max-width:63.9375em) {
    table.stack tfoot,
    table.stack thead {
        display: none
    }
    table.stack td,
    table.stack th,
    table.stack tr {
        display: block
    }
    table.stack td {
        border-top: 0
    }
}

table.scroll {
    display: block;
    width: 100%;
    overflow-x: auto
}

table.hover thead tr:hover {
    background-color: #f3f3f3
}

table.hover tfoot tr:hover {
    background-color: #ececec
}

table.hover tbody tr:hover {
    background-color: #f9f9f9
}

table.hover:not(.unstriped) tr:nth-of-type(even):hover {
    background-color: #ececec
}

.table-scroll {
    overflow-x: auto
}

.page-user #user_login_form .top-bar input.form-submit,
.page-user .create-account .top-bar input.login-register,
.table-scroll table,
.top-bar .page-user #user_login_form input.form-submit,
.top-bar .page-user .create-account input.login-register,
.top-bar input.button,
.top-bar input[type=submit] {
    width: auto
}

.tabs {
    border: 1px solid #e6e6e6;
    background: #fefefe
}

.tabs::after,
.tabs::before {
    display: table;
    content: ' ';
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.tabs::after {
    clear: both
}

.tabs.vertical>li {
    display: block;
    float: none;
    width: auto
}

.tabs.primary {
    background: #1779ba
}

.tabs.primary>li>a {
    color: #fefefe
}

.tabs.primary>li>a:focus,
.tabs.primary>li>a:hover {
    background: #1673b1
}

.tabs-title {
    float: left
}

.tabs-title>a {
    display: block;
    padding: 1.25rem 1.5rem;
    font-size: .75rem;
    line-height: 1;
    color: #1779ba
}

.tabs-title>a:hover {
    background: #fefefe;
    color: #1468a0
}

.tabs-title>a:focus,
.tabs-title>a[aria-selected=true] {
    background: #e6e6e6;
    color: #1779ba
}

.tabs-content {
    border: 1px solid #e6e6e6;
    border-top: 0;
    background: #fefefe;
    color: #0a0a0a;
    transition: all .5s ease
}

.tabs-content.vertical {
    border: 1px solid #e6e6e6;
    border-left: 0
}

.tabs-panel {
    display: none;
    padding: 1rem
}

.tabs-panel[aria-hidden=false] {
    display: block
}

.thumbnail {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 1rem;
    border: solid 4px #fefefe;
    border-radius: 0;
    box-shadow: 0 0 0 1px rgba(10, 10, 10, .2);
    line-height: 0
}

a.thumbnail {
    transition: box-shadow 200ms ease-out
}

a.thumbnail:focus,
a.thumbnail:hover {
    box-shadow: 0 0 6px 1px rgba(23, 121, 186, .5)
}

a.thumbnail image {
    box-shadow: none
}

.title-bar {
    padding: .5rem;
    background: #0a0a0a;
    color: #fefefe;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.title-bar .menu-icon {
    margin-left: .25rem;
    margin-right: .25rem
}

.title-bar-left,
.title-bar-right {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0px
}

.title-bar-right {
    text-align: right
}

.has-tip,
.title-bar-title {
    display: inline-block;
    font-weight: 700
}

.title-bar-title {
    vertical-align: middle
}

.has-tip {
    position: relative;
    border-bottom: dotted 1px #8a8a8a;
    cursor: help
}

.tooltip {
    position: absolute;
    top: calc(100% + .6495rem);
    z-index: 1200;
    max-width: 10rem;
    padding: .75rem;
    border-radius: 0;
    background-color: #7d7d86;
    font-size: 1rem;
    color: #fefefe
}

.tooltip::before {
    display: block;
    width: 0;
    height: 0;
    border: inset .75rem;
    content: '';
    border-top-width: 0;
    border-bottom-style: solid;
    border-color: transparent transparent #7d7d86;
    position: absolute;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.tooltip.left::before,
.tooltip.right::before,
.tooltip.top::before {
    display: block;
    width: 0;
    height: 0;
    border: inset .75rem;
    content: '';
    bottom: auto
}

.tooltip.top::before {
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #7d7d86 transparent transparent;
    top: 100%
}

.tooltip.left::before,
.tooltip.right::before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tooltip.left::before {
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #7d7d86;
    left: 100%
}

.tooltip.right::before {
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #7d7d86 transparent transparent;
    right: 100%;
    left: auto
}

.top-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .5rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.top-bar,
.top-bar ul {
    background-color: #e6e6e6
}

.top-bar input {
    max-width: 200px;
    margin-right: 1rem
}

.top-bar .input-group-field {
    width: 100%;
    margin-right: 0
}

.top-bar .top-bar-left,
.top-bar .top-bar-right {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media print,
screen and (min-width:40em) {
    .top-bar {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .top-bar .top-bar-left {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
    .top-bar .top-bar-right {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
}

@media screen and (max-width:63.9375em) {
    .top-bar.stacked-for-medium {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .top-bar.stacked-for-medium .top-bar-left,
    .top-bar.stacked-for-medium .top-bar-right {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media screen and (max-width:74.9375em) {
    .top-bar.stacked-for-large {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .top-bar.stacked-for-large .top-bar-left,
    .top-bar.stacked-for-large .top-bar-right {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.top-bar-title {
    margin: .5rem 1rem .5rem 0
}

.top-bar-left,
.top-bar-right,
.top-bar-title {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.hide {
    display: none!important
}

.invisible {
    visibility: hidden
}

@media screen and (max-width:39.9375em) {
    .hide-for-small-only {
        display: none!important
    }
}

@media screen and (max-width:0em),
screen and (min-width:40em) {
    .show-for-small-only {
        display: none!important
    }
}

@media print,
screen and (min-width:40em) {
    .hide-for-medium {
        display: none!important
    }
}

@media screen and (max-width:39.9375em) {
    .show-for-medium {
        display: none!important
    }
}

@media screen and (min-width:40em) and (max-width:63.9375em) {
    .hide-for-medium-only {
        display: none!important
    }
}

@media screen and (max-width:39.9375em),
screen and (min-width:64em) {
    .show-for-medium-only {
        display: none!important
    }
}

@media print,
screen and (min-width:64em) {
    #trigger-menu,
    .hide-for-large {
        display: none!important
    }
}

@media screen and (max-width:63.9375em) {
    .show-for-large {
        display: none!important
    }
}

@media screen and (min-width:64em) and (max-width:74.9375em) {
    .hide-for-large-only {
        display: none!important
    }
}

@media screen and (max-width:63.9375em),
screen and (min-width:75em) {
    .show-for-large-only {
        display: none!important
    }
}

.show-for-sr,
.show-on-focus {
    position: absolute!important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0)
}

.show-on-focus:active,
.show-on-focus:focus {
    position: static!important;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto
}

.hide-for-portrait,
.show-for-landscape {
    display: block!important
}

@media screen and (orientation:landscape) {
    .hide-for-portrait,
    .show-for-landscape {
        display: block!important
    }
}

@media screen and (orientation:portrait) {
    .hide-for-portrait,
    .show-for-landscape {
        display: none!important
    }
}

.hide-for-landscape,
.show-for-portrait {
    display: none!important
}

@media screen and (orientation:landscape) {
    .hide-for-landscape,
    .show-for-portrait {
        display: none!important
    }
}

@media screen and (orientation:portrait) {
    .hide-for-landscape,
    .show-for-portrait {
        display: block!important
    }
}

.float-left {
    float: left!important
}

.float-right {
    float: right!important
}

.float-center {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.clearfix::after,
.clearfix::before,
.secondary-nav .menu-level-2::after,
.secondary-nav .menu-level-2::before,
.secondary-nav .menu-level-3::after,
.secondary-nav .menu-level-3::before {
    display: table;
    content: ' ';
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.clearfix::after,
.secondary-nav .menu-level-2::after,
.secondary-nav .menu-level-3::after {
    clear: both
}

.align-right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.align-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.align-justify {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.align-spaced {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.align-top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.align-self-top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.align-bottom {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.align-self-bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.align-middle {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.align-self-middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.align-stretch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.align-self-stretch {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch
}

.align-center-middle {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.small-order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.small-order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.small-order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

.small-order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4
}

.small-order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5
}

.small-order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6
}

@media print,
screen and (min-width:40em) {
    .medium-order-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .medium-order-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    .medium-order-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    .medium-order-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    .medium-order-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    .medium-order-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
}

@media print,
screen and (min-width:64em) {
    .large-order-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .large-order-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    .large-order-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    .large-order-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    .large-order-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    .large-order-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
}

@font-face {
    font-family: 'ActaDisplay';
    src: url(/assets/hinted-ActaDisplayW01-MediumItalic.woff) format("woff");
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: 'ActaDisplay';
    src: url(/assets/hinted-ActaDisplayW01-BoldItalic.woff) format("woff");
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: 'ActaDisplay';
    src: url(/assets/hinted-ActaDisplayW01-XBold.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'ActaDisplay';
    src: url(/assets/hinted-ActaDisplayW01-XBoldItalic.woff) format("woff");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: 'ActaDisplay';
    src: url(/assets/hinted-ActaDisplayW01-BlackItalic.woff) format("woff");
    font-weight: 900;
    font-style: italic
}

@font-face {
    font-family: 'LemonSans';
    src: url(/sites/all/themes/lanutrition/fonts/hinted-LemonSansCnd-Thin.woff2) format("woff2"), url(/assets/hinted-LemonSansCnd-Thin.woff) format("woff");
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: 'LemonSans';
    src: url(/assets/hinted-LemonSansRnd-SLight.woff) format("woff");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'LemonSans';
    src: url(/assets/hinted-LemonSansRndCnd-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'LemonSans';
    src: url(/assets/hinted-LemonSansRndCnd-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'LemonSans';
    src: url(/assets/hinted-LemonSansRndCnd-Bold.woff) format("woff");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: "nutricons";
    src: url(/assets/nutricons.eot);
    src: url(/assets/nutricons1.eot) format("embedded-opentype"), url(/assets/nutricons.woff) format("woff"), url(/sites/all/themes/lanutrition/fonts/nutricons.ttf) format("truetype"), url(/assets/nutricons.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

.icon-arrow-line-bottom:before {
    content: "\61"
}

.icon-arrow-line-left:before,
.view-id-remote_products .owl-nav .owl-prev::before {
    content: "\62"
}

#user-profile-form .unsubsribe-newsletter a::before,
#user-register-form .unsubsribe-newsletter a::before,
.icon-arrow-line-right:before,
.view-id-remote_products .owl-nav .owl-next::before {
    content: "\63"
}

.icon-arrow-line-top:before {
    content: "\64"
}

.detail-auteur .block-social-icons a.auteur-facebook::before,
.icon-facebook:before {
    content: "\65"
}

.icon-home:before {
    content: "\66"
}

.icon-login:before {
    content: "\67"
}

.icon-newsletter:before {
    content: "\68"
}

.icon-search:before {
    content: "\69"
}

.detail-auteur .block-social-icons a.auteur-twitter::before,
.icon-twitter:before {
    content: "\6a"
}

.icon-checkmark:before {
    content: "\6b"
}

.icon-quote:before {
    content: "\6c"
}

.icon-lquote:before {
    content: "\6d"
}

.detail-auteur .block-social-icons a.auteur-google::before,
.icon-googleplus:before {
    content: "\6e"
}

.detail-auteur .block-social-icons a.auteur-instagram::before,
.icon-instagram:before {
    content: "\6f"
}

.icon-arrow-thickline-bottom:before {
    content: "\70"
}

.icon-arrow-thickline-left:before {
    content: "\71"
}

.icon-arrow-thickline-right:before {
    content: "\72"
}

.icon-arrow-thickline-top:before {
    content: "\73"
}

.icon-checkmark-round:before {
    content: "\74"
}

.icon-choosit-logo:before {
    content: "\75"
}

.icon-ios-arrow-thin-left:before {
    content: "\76"
}

.icon-lock:before {
    content: "\77"
}

.icon-lock-1:before {
    content: "\78"
}

.icon-ios-email-outline:before {
    content: "\79"
}

.icon-print:before {
    content: "\7a"
}

.icon-venus:before {
    content: "\41"
}

.icon-mars:before {
    content: "\42"
}

body.nav-open,
body.search-opened {
    width: 100vw;
    height: 100vh;
    overflow: hidden
}

@media screen and (max-width:39.9375em) {
    body {
        padding-top: 5rem
    }
}

a {
    color: #df5858;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

a:focus {
    outline: none;
    color: #2e2e30
}

a:hover {
    color: #2e2e30
}

strong {
    font-weight: 500
}

#skip-link {
    margin: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'LemonSans', Arial, sans-serif;
    margin-top: 0
}

h1 {
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 2.1875rem
}

@media print,
screen and (min-width:40em) {
    h1 {
        /*font-size: 5rem;*/
        line-height: 3.875rem
    }
}

h2 {
    font-size: 1.625rem;
    font-weight: 800;
    line-height: 1.875rem
}

h3 {
    margin: 1.6875rem 0;
    font-size: 1.5625rem;
    font-weight: 500;
    line-height: 1.8125rem
}

.highlight {
    color: #df5858
}

.search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) [type=checkbox],
.search-modal .element-invisible,
.section-search .criterion .parent .form-checkbox,
.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.visually-hidden--focusable:active,
.visually-hidden--focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.row.expanded {
    max-width: 100rem
}

.content {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.right {
    transition: transform .4s .05s;
    transition: transform .4s .05s, -webkit-transform .4s .05s
}

.categ-level-1 .articles-categorie,
.categ-level-2 .articles-categorie,
.featured--newsletter,
.last-articles__content {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.a-decouvrir .view-articles .views-row,
.preview-article {
    position: relative;
    padding-top: 1.875rem;
    padding-bottom: 1.875rem
}

.a-decouvrir .preview-article,
.a-decouvrir .view-articles .featured--five .views-row,
.a-decouvrir .view-articles .featured--four .views-row,
.a-decouvrir .view-articles .featured--six .views-row,
.a-decouvrir .view-articles .featured--three .views-row,
.featured--five .a-decouvrir .view-articles .views-row,
.featured--five .preview-article,
.featured--four .a-decouvrir .view-articles .views-row,
.featured--four .preview-article,
.featured--six .a-decouvrir .view-articles .views-row,
.featured--six .preview-article,
.featured--three .a-decouvrir .view-articles .views-row,
.featured--three .preview-article {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: .625rem;
    padding-left: .625rem;
    max-width: 100%
}

@media print,
screen and (min-width:40em) {
    .a-decouvrir .preview-article,
    .a-decouvrir .view-articles .featured--five .views-row,
    .a-decouvrir .view-articles .featured--four .views-row,
    .a-decouvrir .view-articles .featured--six .views-row,
    .a-decouvrir .view-articles .featured--three .views-row,
    .a-decouvrir .view-articles .views-row,
    .featured--five .a-decouvrir .view-articles .views-row,
    .featured--five .preview-article,
    .featured--four .a-decouvrir .view-articles .views-row,
    .featured--four .preview-article,
    .featured--six .a-decouvrir .view-articles .views-row,
    .featured--six .preview-article,
    .featured--three .a-decouvrir .view-articles .views-row,
    .featured--three .preview-article {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,
screen and (min-width:64em) {
    .a-decouvrir .preview-article,
    .a-decouvrir .view-articles .featured--five .views-row,
    .a-decouvrir .view-articles .featured--four .views-row,
    .a-decouvrir .view-articles .featured--six .views-row,
    .a-decouvrir .view-articles .featured--three .views-row,
    .a-decouvrir .view-articles .views-row,
    .featured--five .a-decouvrir .view-articles .views-row,
    .featured--five .preview-article,
    .featured--four .a-decouvrir .view-articles .views-row,
    .featured--four .preview-article,
    .featured--six .a-decouvrir .view-articles .views-row,
    .featured--six .preview-article,
    .featured--three .a-decouvrir .view-articles .views-row,
    .featured--three .preview-article {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

@media print,
screen and (min-width:40em) {
    .a-decouvrir .preview-article,
    .a-decouvrir .view-articles .featured--five .views-row,
    .a-decouvrir .view-articles .featured--four .views-row,
    .a-decouvrir .view-articles .featured--six .views-row,
    .a-decouvrir .view-articles .featured--three .views-row,
    .a-decouvrir .view-articles .views-row,
    .featured--five .a-decouvrir .view-articles .views-row,
    .featured--five .preview-article,
    .featured--four .a-decouvrir .view-articles .views-row,
    .featured--four .preview-article,
    .featured--six .a-decouvrir .view-articles .views-row,
    .featured--six .preview-article,
    .featured--three .a-decouvrir .view-articles .views-row,
    .featured--three .preview-article {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 30%;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        padding-right: 0;
        padding-left: 0;
        max-width: 30%
    }
}

.a-decouvrir .preview-article.fullwidth,
.a-decouvrir .view-articles .featured--five .fullwidth.views-row,
.a-decouvrir .view-articles .featured--four .fullwidth.views-row,
.a-decouvrir .view-articles .featured--six .fullwidth.views-row,
.a-decouvrir .view-articles .featured--three .fullwidth.views-row,
.featured--five .a-decouvrir .view-articles .fullwidth.views-row,
.featured--five .preview-article.fullwidth,
.featured--four .a-decouvrir .view-articles .fullwidth.views-row,
.featured--four .preview-article.fullwidth,
.featured--six .a-decouvrir .view-articles .fullwidth.views-row,
.featured--six .preview-article.fullwidth,
.featured--three .a-decouvrir .view-articles .fullwidth.views-row,
.featured--three .preview-article.fullwidth {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.a-decouvrir .view-articles .categ-level-1 .articles-categorie .views-row:not(.fullwidth--small),
.a-decouvrir .view-articles .categ-level-2 .articles-categorie .views-row:not(.fullwidth--small):not(.highlight),
.a-decouvrir .view-articles .featured--newsletter .views-row,
.a-decouvrir .view-articles .last-articles__content .views-row,
.categ-level-1 .articles-categorie .a-decouvrir .view-articles .views-row:not(.fullwidth--small),
.categ-level-1 .articles-categorie .preview-article:not(.fullwidth--small),
.categ-level-2 .articles-categorie .a-decouvrir .view-articles .views-row:not(.fullwidth--small):not(.highlight),
.categ-level-2 .articles-categorie .preview-article:not(.fullwidth--small):not(.highlight),
.featured--newsletter .a-decouvrir .view-articles .views-row,
.featured--newsletter .preview-article,
.last-articles__content .a-decouvrir .view-articles .views-row,
.last-articles__content .preview-article {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: .625rem;
    padding-left: .625rem;
    max-width: 100%
}

@media print,
screen and (min-width:40em) {
    .a-decouvrir .view-articles .categ-level-1 .articles-categorie .views-row:not(.fullwidth--small),
    .a-decouvrir .view-articles .categ-level-2 .articles-categorie .views-row:not(.fullwidth--small):not(.highlight),
    .a-decouvrir .view-articles .featured--newsletter .views-row,
    .a-decouvrir .view-articles .last-articles__content .views-row,
    .categ-level-1 .articles-categorie .a-decouvrir .view-articles .views-row:not(.fullwidth--small),
    .categ-level-1 .articles-categorie .preview-article:not(.fullwidth--small),
    .categ-level-2 .articles-categorie .a-decouvrir .view-articles .views-row:not(.fullwidth--small):not(.highlight),
    .categ-level-2 .articles-categorie .preview-article:not(.fullwidth--small):not(.highlight),
    .featured--newsletter .a-decouvrir .view-articles .views-row,
    .featured--newsletter .preview-article,
    .last-articles__content .a-decouvrir .view-articles .views-row,
    .last-articles__content .preview-article {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,
screen and (min-width:64em) {
    .a-decouvrir .view-articles .categ-level-1 .articles-categorie .views-row:not(.fullwidth--small),
    .a-decouvrir .view-articles .categ-level-2 .articles-categorie .views-row:not(.fullwidth--small):not(.highlight),
    .a-decouvrir .view-articles .featured--newsletter .views-row,
    .a-decouvrir .view-articles .last-articles__content .views-row,
    .categ-level-1 .articles-categorie .a-decouvrir .view-articles .views-row:not(.fullwidth--small),
    .categ-level-1 .articles-categorie .preview-article:not(.fullwidth--small),
    .categ-level-2 .articles-categorie .a-decouvrir .view-articles .views-row:not(.fullwidth--small):not(.highlight),
    .categ-level-2 .articles-categorie .preview-article:not(.fullwidth--small):not(.highlight),
    .featured--newsletter .a-decouvrir .view-articles .views-row,
    .featured--newsletter .preview-article,
    .last-articles__content .a-decouvrir .view-articles .views-row,
    .last-articles__content .preview-article {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

@media print,
screen and (min-width:40em) {
    .a-decouvrir .view-articles .categ-level-1 .articles-categorie .views-row:not(.fullwidth--small),
    .a-decouvrir .view-articles .categ-level-2 .articles-categorie .views-row:not(.fullwidth--small):not(.highlight),
    .a-decouvrir .view-articles .featured--newsletter .views-row,
    .a-decouvrir .view-articles .last-articles__content .views-row,
    .categ-level-1 .articles-categorie .a-decouvrir .view-articles .views-row:not(.fullwidth--small),
    .categ-level-1 .articles-categorie .preview-article:not(.fullwidth--small),
    .categ-level-2 .articles-categorie .a-decouvrir .view-articles .views-row:not(.fullwidth--small):not(.highlight),
    .categ-level-2 .articles-categorie .preview-article:not(.fullwidth--small):not(.highlight),
    .featured--newsletter .a-decouvrir .view-articles .views-row,
    .featured--newsletter .preview-article,
    .last-articles__content .a-decouvrir .view-articles .views-row,
    .last-articles__content .preview-article {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 47%;
        -ms-flex: 0 0 47%;
        flex: 0 0 47%;
        padding-right: 0;
        padding-left: 0;
        max-width: 47%
    }
}

.a-decouvrir .view-articles .featured--five .mini .views-row,
.a-decouvrir .view-articles .featured--six .mini .views-row,
.featured--five .mini .a-decouvrir .view-articles .views-row,
.featured--five .mini .preview-article,
.featured--six .mini .a-decouvrir .view-articles .views-row,
.featured--six .mini .preview-article {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem
}

.a-decouvrir .view-articles .highlight.views-row,
.preview-article.highlight {
    min-width: 100%;
    color: #2e2e30
}

.a-decouvrir .view-articles .special-abonne .views-row,
.special-abonne .a-decouvrir .view-articles .views-row,
.special-abonne .preview-article {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: .625rem;
    padding-left: .625rem;
    max-width: 100%
}

@media print,
screen and (min-width:40em) {
    .a-decouvrir .view-articles .special-abonne .views-row,
    .special-abonne .a-decouvrir .view-articles .views-row,
    .special-abonne .preview-article {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,
screen and (min-width:64em) {
    .a-decouvrir .view-articles .special-abonne .views-row,
    .special-abonne .a-decouvrir .view-articles .views-row,
    .special-abonne .preview-article {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

@media print,
screen and (min-width:40em) {
    .a-decouvrir .view-articles .special-abonne .views-row,
    .special-abonne .a-decouvrir .view-articles .views-row,
    .special-abonne .preview-article {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 30%;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        padding-right: .04688rem;
        padding-left: .04688rem;
        max-width: 30%
    }
}

@media print,
screen and (min-width:64em) {
    .a-decouvrir .preview-article:not(:last-child)::before,
    .a-decouvrir .view-articles .articles-categorie-and-others .mini:nth-child(2n+1) .views-row::before,
    .a-decouvrir .view-articles .featured--five .views-row:nth-child(-n+2)::before,
    .a-decouvrir .view-articles .featured--four .views-row:nth-child(n+2):not(:last-child)::before,
    .a-decouvrir .view-articles .featured--newsletter .views-row:first-child::before,
    .a-decouvrir .view-articles .featured--six .views-row:not(:first-child):nth-child(-n+3)::before,
    .a-decouvrir .view-articles .featured--three .views-row:nth-child(-n+2)::before,
    .a-decouvrir .view-articles .last-articles__content .views-row:not(:nth-child(2n+2))::before,
    .a-decouvrir .view-articles .views-row:not(:last-child)::before,
    .articles-categorie-and-others .mini:nth-child(2n+1) .a-decouvrir .view-articles .views-row::before,
    .articles-categorie-and-others .mini:nth-child(2n+1) .preview-article::before,
    .featured--five .a-decouvrir .view-articles .views-row:nth-child(-n+2)::before,
    .featured--five .preview-article:nth-child(-n+2)::before,
    .featured--four .a-decouvrir .view-articles .views-row:nth-child(n+2):not(:last-child)::before,
    .featured--four .preview-article:nth-child(n+2):not(:last-child)::before,
    .featured--newsletter .a-decouvrir .view-articles .views-row:first-child::before,
    .featured--newsletter .preview-article:first-child::before,
    .featured--six .a-decouvrir .view-articles .views-row:not(:first-child):nth-child(-n+3)::before,
    .featured--six .preview-article:not(:first-child):nth-child(-n+3)::before,
    .featured--three .a-decouvrir .view-articles .views-row:nth-child(-n+2)::before,
    .featured--three .preview-article:nth-child(-n+2)::before,
    .last-articles__content .a-decouvrir .view-articles .views-row:not(:nth-child(2n+2))::before,
    .last-articles__content .preview-article:not(:nth-child(2n+2))::before {
        content: "";
        position: absolute;
        background: #ededed;
        height: calc(100% - 60px);
        width: 1px;
        top: 1.875rem;
        right: -8.5%
    }
    .a-decouvrir .view-articles .featured--newsletter .views-row:first-child::before,
    .a-decouvrir .view-articles .last-articles__content .views-row:not(:nth-child(2n+2))::before,
    .featured--newsletter .a-decouvrir .view-articles .views-row:first-child::before,
    .featured--newsletter .preview-article:first-child::before,
    .last-articles__content .a-decouvrir .view-articles .views-row:not(:nth-child(2n+2))::before,
    .last-articles__content .preview-article:not(:nth-child(2n+2))::before {
        right: -6.5%
    }
    .a-decouvrir .view-articles .special-abonne .views-row::before,
    .special-abonne .a-decouvrir .view-articles .views-row::before,
    .special-abonne .preview-article::before {
        display: none
    }
}

.a-decouvrir .view-articles .views-row::after,
.preview-article::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #ededed
}

.a-decouvrir .view-articles .categ-level-2 .views-row::after,
.categ-level-2 .a-decouvrir .view-articles .views-row::after,
.categ-level-2 .preview-article::after {
    left: 0;
    width: calc(100% - 0px)
}

@media print,
screen and (min-width:40em) {
    .a-decouvrir .preview-article::after,
    .a-decouvrir .view-articles .articles-categorie-and-others .mini:nth-last-child(-n+2) .views-row::after,
    .a-decouvrir .view-articles .featured--six .views-row::after,
    .a-decouvrir .view-articles .last-articles__content .views-row:nth-last-child(-n+2)::after,
    .a-decouvrir .view-articles .page-page-auteur .views-row:last-child::after,
    .a-decouvrir .view-articles .special-abonne .views-row::after,
    .a-decouvrir .view-articles .views-row::after,
    .articles-categorie-and-others .mini:nth-last-child(-n+2) .a-decouvrir .view-articles .views-row::after,
    .articles-categorie-and-others .mini:nth-last-child(-n+2) .preview-article::after,
    .featured--six .a-decouvrir .view-articles .views-row::after,
    .featured--six .preview-article::after,
    .last-articles__content .a-decouvrir .view-articles .views-row:nth-last-child(-n+2)::after,
    .last-articles__content .preview-article:nth-last-child(-n+2)::after,
    .page-page-auteur .a-decouvrir .view-articles .views-row:last-child::after,
    .page-page-auteur .preview-article:last-child::after,
    .special-abonne .a-decouvrir .view-articles .views-row::after,
    .special-abonne .preview-article::after {
        display: none
    }
}

.a-decouvrir .view-articles .last-articles__content .views-row:last-child::after,
.a-decouvrir .view-articles .special-abonne .views-row:last-child::after,
.breadcrumb__list li:last-child::after,
.last-articles__content .a-decouvrir .view-articles .views-row:last-child::after,
.last-articles__content .preview-article:last-child::after,
.special-abonne .a-decouvrir .view-articles .views-row:last-child::after,
.special-abonne .preview-article:last-child::after {
    display: none
}

.a-decouvrir .view-articles .special-abonne .views-row::after,
.special-abonne .a-decouvrir .view-articles .views-row::after,
.special-abonne .preview-article::after {
    opacity: .22
}

.a-decouvrir .view-articles .featured--six .fullwidth.views-row::after,
.a-decouvrir .view-articles .featured--six .mini .views-row:not(:last-child)::after,
.featured--six .a-decouvrir .view-articles .fullwidth.views-row::after,
.featured--six .mini .a-decouvrir .view-articles .views-row:not(:last-child)::after,
.featured--six .mini .preview-article:not(:last-child)::after,
.featured--six .preview-article.fullwidth::after {
    display: block
}

.a-decouvrir .view-articles .fullwidth.views-row,
.preview-article.fullwidth {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media print,
screen and (min-width:40em) {
    .a-decouvrir .view-articles .fullwidth.views-row,
    .preview-article.fullwidth {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.a-decouvrir .view-articles .fullwidth--small.views-row,
.preview-article.fullwidth--small {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media print,
screen and (min-width:40em) {
    .a-decouvrir .view-articles .fullwidth--small.views-row,
    .preview-article.fullwidth--small {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.a-decouvrir .view-articles .articles-categorie-and-others .mini .views-row,
.a-decouvrir .view-articles .fullwidth--small.views-row,
.articles-categorie-and-others .mini .a-decouvrir .view-articles .views-row,
.articles-categorie-and-others .mini .preview-article,
.preview-article.fullwidth--small {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.a-decouvrir .view-articles .mini .views-row::before,
.mini .a-decouvrir .view-articles .views-row::before,
.mini .preview-article::before {
    display: none
}

[data-whatintent=mouse] .preview-article__header {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
    transition: transform .45s cubic-bezier(.165, .84, .44, 1);
    transition: transform .45s cubic-bezier(.165, .84, .44, 1), -webkit-transform .45s cubic-bezier(.165, .84, .44, 1)
}

[data-whatintent=mouse] .preview-article__header:hover {
    -webkit-transform: scale(.97);
    -ms-transform: scale(.97);
    transform: scale(.97)
}

.preview-article__header figure {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 12.5rem;
    margin-bottom: 1.25rem;
    background: #f5f6f8;
    background-repeat: repeat;
    background-position: left top
}

@media print,
screen and (min-width:40em) {
    .preview-article__header figure {
        height: 17rem
    }
}

.boite-a-outil .preview-article__header figure {
    background-color: #ece4c5
}

.bien-manger .preview-article__header figure {
    background-color: #eff5e0
}

.cuisines-et-recettes .preview-article__header figure {
    background-color: #f8e6d9
}

.se-soigner .preview-article__header figure {
    background-color: #c6ebe6
}

.bien-etre .preview-article__header figure {
    background-color: #cbdce9
}

.forme .preview-article__header figure {
    background-color: #f7cbc2
}

.fullwidth .preview-article__header figure {
    height: 25.625rem;
    margin-bottom: 0
}

.fullwidth--small .preview-article__header figure {
    max-height: 12.5rem;
    margin-bottom: 1.25rem
}

@media print,
screen and (min-width:40em) {
    .fullwidth--small .preview-article__header figure {
        margin-bottom: 0
    }
}

.highlight .preview-article__header figure {
    margin-bottom: 0
}

.preview-article__header figure img,
.preview-article__private {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.preview-article__header figure img {
    max-width: 100%;
    max-height: auto;
    min-height: 100%;
    min-width: 101%;
    height: auto;
    width: auto
}

@media screen and (max-width:39.9375em) {
    .preview-article__header figure img {
        max-width: 100%!important
    }
}

.fullwidth .preview-article__header figure img {
    max-height: 25.625rem
}

@media screen and (max-width:39.9375em) {
    .fullwidth .preview-article__header figure img {
        max-width: 39.375rem!important
    }
}

.mini .preview-article__header figure {
    height: 5.625rem;
    margin-bottom: 0
}

.fullwidth--small .preview-article__header {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0;
    padding-left: 0
}

@media print,
screen and (min-width:40em) {
    .fullwidth--small .preview-article__header {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
}

.fullwidth .preview-article__header+.column,
.fullwidth .preview-article__header+.columns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0
}

.fullwidth .preview-article__header {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: 0;
    padding-left: 0;
    max-width: 100%
}

@media print,
screen and (min-width:40em) {
    .fullwidth .preview-article__header {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
}

.articles-categorie-and-others .mini .preview-article__header,
.featured--five .mini .preview-article__header,
.featured--six .mini .preview-article__header {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.preview-article__private {
    display: block;
    width: 5.125rem;
    height: 5.125rem;
    background: rgba(255, 255, 255, .93) url(/assets/icon_chilli_pepper.png) no-repeat center center;
    border-radius: 50%
}

.a-decouvrir .view-articles .views-row .views-field-title,
.preview-article .views-field-title,
.preview-article__title {
    display: block;
    margin-bottom: .9375rem;
    font-size: 2.25rem;
    line-height: 2rem;
    color: #2e2e30;
    transition: color .25s
}

.a-decouvrir .view-articles .views-row .views-field-title:hover,
.preview-article .views-field-title:hover,
.preview-article__title:hover {
    color: #df5858
}

.a-decouvrir .view-articles .boite-a-outil .views-row .views-field-title:hover,
.boite-a-outil .a-decouvrir .view-articles .views-row .views-field-title:hover,
.boite-a-outil .preview-article .views-field-title:hover,
.boite-a-outil .preview-article__title:hover {
    color: #9e8633
}

.a-decouvrir .view-articles .bien-manger .views-row .views-field-title:hover,
.bien-manger .a-decouvrir .view-articles .views-row .views-field-title:hover,
.bien-manger .preview-article .views-field-title:hover,
.bien-manger .preview-article__title:hover {
    color: #93ba3b
}

.a-decouvrir .view-articles .cuisines-et-recettes .views-row .views-field-title:hover,
.cuisines-et-recettes .a-decouvrir .view-articles .views-row .views-field-title:hover,
.cuisines-et-recettes .preview-article .views-field-title:hover,
.cuisines-et-recettes .preview-article__title:hover {
    color: #c96d27
}

.a-decouvrir .view-articles .se-soigner .views-row .views-field-title:hover,
.se-soigner .a-decouvrir .view-articles .views-row .views-field-title:hover,
.se-soigner .preview-article .views-field-title:hover,
.se-soigner .preview-article__title:hover {
    color: #369b8e
}

.a-decouvrir .view-articles .bien-etre .views-row .views-field-title:hover,
.bien-etre .a-decouvrir .view-articles .views-row .views-field-title:hover,
.bien-etre .preview-article .views-field-title:hover,
.bien-etre .preview-article__title:hover {
    color: #3f6e95
}

.a-decouvrir .view-articles .forme .views-row .views-field-title:hover,
.forme .a-decouvrir .view-articles .views-row .views-field-title:hover,
.forme .preview-article .views-field-title:hover,
.forme .preview-article__title:hover {
    color: #c03419
}

.a-decouvrir .view-articles .node-dossiers .views-row .views-field-title:hover,
.node-dossiers .a-decouvrir .view-articles .views-row .views-field-title:hover,
.node-dossiers .preview-article .views-field-title:hover,
.node-dossiers .preview-article__title:hover {
    color: #2e2e30
}

.a-decouvrir .view-articles .special-abonne .views-row .views-field-title,
.special-abonne .a-decouvrir .view-articles .views-row .views-field-title,
.special-abonne .preview-article .views-field-title,
.special-abonne .preview-article__title {
    color: #fff!important;
    transition: opacity .35s cubic-bezier(.19, 1, .22, 1)
}

.a-decouvrir .view-articles .special-abonne .views-row .views-field-title:hover,
.special-abonne .a-decouvrir .view-articles .views-row .views-field-title:hover,
.special-abonne .preview-article .views-field-title:hover,
.special-abonne .preview-article__title:hover {
    opacity: .7
}

.a-decouvrir .view-articles .views-row .views-field-title a,
.preview-article .views-field-title a,
.preview-article__title a {
    color: #2e2e30;
    transition: color .25s
}

.a-decouvrir .view-articles .views-row .views-field-title a:hover,
.preview-article .views-field-title a:hover,
.preview-article__title a:hover,
.region-bottom #block-block-7 ul li a:hover {
    color: #df5858
}

.a-decouvrir .view-articles .boite-a-outil .views-row .views-field-title a:hover,
.boite-a-outil .a-decouvrir .view-articles .views-row .views-field-title a:hover,
.boite-a-outil .preview-article .views-field-title a:hover,
.boite-a-outil .preview-article__title a:hover {
    color: #9e8633
}

.a-decouvrir .view-articles .bien-manger .views-row .views-field-title a:hover,
.bien-manger .a-decouvrir .view-articles .views-row .views-field-title a:hover,
.bien-manger .preview-article .views-field-title a:hover,
.bien-manger .preview-article__title a:hover {
    color: #93ba3b
}

.a-decouvrir .view-articles .cuisines-et-recettes .views-row .views-field-title a:hover,
.cuisines-et-recettes .a-decouvrir .view-articles .views-row .views-field-title a:hover,
.cuisines-et-recettes .preview-article .views-field-title a:hover,
.cuisines-et-recettes .preview-article__title a:hover {
    color: #c96d27
}

.a-decouvrir .view-articles .se-soigner .views-row .views-field-title a:hover,
.se-soigner .a-decouvrir .view-articles .views-row .views-field-title a:hover,
.se-soigner .preview-article .views-field-title a:hover,
.se-soigner .preview-article__title a:hover {
    color: #369b8e
}

.a-decouvrir .view-articles .bien-etre .views-row .views-field-title a:hover,
.bien-etre .a-decouvrir .view-articles .views-row .views-field-title a:hover,
.bien-etre .preview-article .views-field-title a:hover,
.bien-etre .preview-article__title a:hover {
    color: #3f6e95
}

.a-decouvrir .view-articles .forme .views-row .views-field-title a:hover,
.forme .a-decouvrir .view-articles .views-row .views-field-title a:hover,
.forme .preview-article .views-field-title a:hover,
.forme .preview-article__title a:hover {
    color: #c03419
}

.a-decouvrir .view-articles .custom_search_results .views-row .views-field-title,
.custom_search_results .a-decouvrir .view-articles .views-row .views-field-title,
.custom_search_results .preview-article .views-field-title,
.custom_search_results .preview-article__title {
    display: block;
    font-size: 1.6875rem;
    line-height: 1.6875rem
}

.a-decouvrir .view-articles .mini .views-row .views-field-title,
.mini .a-decouvrir .view-articles .views-row .views-field-title,
.mini .preview-article .views-field-title,
.mini .preview-article__title {
    margin-bottom: .1875rem;
    font-size: 1.25rem;
    line-height: 1.25rem
}

.a-decouvrir .view-articles .fullwidth .views-row .views-field-title,
.fullwidth .a-decouvrir .view-articles .views-row .views-field-title,
.fullwidth .preview-article .views-field-title,
.fullwidth .preview-article__title {
    font-size: 2.5rem;
    line-height: 2.375rem
}

@media print,
screen and (min-width:40em) {
    .a-decouvrir .view-articles .fullwidth .views-row .views-field-title,
    .fullwidth .a-decouvrir .view-articles .views-row .views-field-title,
    .fullwidth .preview-article .views-field-title,
    .fullwidth .preview-article__title {
        font-size: 3.3125rem;
        line-height: 2.75rem
    }
}

.a-decouvrir .view-articles .highlight .views-row .views-field-title,
.highlight .a-decouvrir .view-articles .views-row .views-field-title,
.highlight .preview-article .views-field-title,
.highlight .preview-article__title {
    margin-bottom: .8125rem;
    font-size: 2.25rem;
    line-height: 1.875rem
}

@media print,
screen and (min-width:40em) {
    .a-decouvrir .view-articles .highlight .views-row .views-field-title,
    .highlight .a-decouvrir .view-articles .views-row .views-field-title,
    .highlight .preview-article .views-field-title,
    .highlight .preview-article__title {
        font-size: 3.4375rem;
        line-height: 2.8125rem
    }
}

.a-decouvrir .view-articles .node-dossiers .highlight .views-row .views-field-title,
.footer #block-block-6 img.logo-nutrition,
.node-dossiers .highlight .a-decouvrir .view-articles .views-row .views-field-title,
.node-dossiers .highlight .preview-article .views-field-title,
.node-dossiers .highlight .preview-article__title {
    margin-bottom: 1.0625rem
}

.preview-article__chapo {
    margin-bottom: .75rem;
    font-size: 1.1875rem;
    line-height: 1.5625rem
}

.preview-article__content p,
.preview-article__content__chapo {
    font-family: 'LemonSans';
    font-weight: 300;
    font-size: 1.125rem;
    line-height: 1.4375rem;
    color: #7d7d86
}

.special-abonne .preview-article__content p,
.special-abonne .preview-article__content__chapo,
.view-id-remote_products .owl-nav .owl-next:hover::before,
.view-id-remote_products .owl-nav .owl-prev:hover::before {
    color: #fff
}

.fullwidth .preview-article__content {
    max-width: 100%;
    padding: 1.4375rem .625rem 1.875rem;
    background: #f5f6f8;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

@media print,
screen and (min-width:40em) {
    .fullwidth .preview-article__content {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,
screen and (min-width:64em) {
    .fullwidth .preview-article__content {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

@media print,
screen and (min-width:40em) {
    .fullwidth .preview-article__content {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        padding-right: 0;
        padding-left: 0;
        max-width: 33.33333%;
        padding: 2.5rem 1.375rem 2.5rem 2.375rem
    }
}

.fullwidth--small .preview-article__content {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: 0;
    padding-left: 0;
    max-width: 100%
}

@media print,
screen and (min-width:40em) {
    .fullwidth--small .preview-article__content {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
        padding-left: 1.875rem
    }
}

.highlight .preview-article__content {
    position: relative;
    padding: 2.5rem;
    background-color: #f5f6f8
}

.node-dossiers .highlight .preview-article__content {
    margin-bottom: 1.875rem
}

.articles-categorie-and-others .mini .preview-article__content,
.featured--five .mini .preview-article__content,
.featured--six .mini .preview-article__content {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
    padding-left: 1.25rem
}

.preview-article__category {
    display: inline-block;
    font-family: 'ActaDisplay', Georgia, serif;
    font-size: .9375rem;
    font-weight: 500;
    font-style: italic;
    color: #7d7d86;
    transition: color .25s;
    cursor: pointer;
    position: relative
}

.preview-article__category::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: .125rem;
    background: #7d7d86;
    opacity: .8;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    transition: transform .3s cubic-bezier(.165, .84, .44, 1);
    transition: transform .3s cubic-bezier(.165, .84, .44, 1), -webkit-transform .3s cubic-bezier(.165, .84, .44, 1)
}

.preview-article__category:hover::after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.preview-article__category.boite-a-outil {
    color: #ceb869
}

.preview-article__category.boite-a-outil::after {
    background: #ceb869
}

.preview-article__category.bien-manger {
    color: #bed883
}

.preview-article__category.bien-manger::after {
    background: #bed883
}

.preview-article__category.cuisines-et-recettes {
    color: #e4a372
}

.preview-article__category.cuisines-et-recettes::after {
    background: #e4a372
}

.preview-article__category.se-soigner {
    color: #6bccbf
}

.preview-article__category.se-soigner::after {
    background: #6bccbf
}

.preview-article__category.bien-etre {
    color: #75a1c5
}

.preview-article__category.bien-etre::after {
    background: #75a1c5
}

.preview-article__category.forme {
    color: #e96e56
}

.preview-article__category.forme::after {
    background: #e96e56
}

.mini .preview-article__category {
    font-size: .8125rem;
    line-height: 1
}

.page-page-auteur .preview-article__category {
    color: #4db356
}

.breadcrumb__list li a:hover,
.page-page-auteur .preview-article__category:hover {
    color: #2e2e30
}

.special-abonne .preview-article__category {
    color: #fff!important;
    opacity: .7;
    transition: opacity .25s cubic-bezier(.25, .46, .45, .94)
}

.region-bottom #block-block-7 a#choosit:hover,
.special-abonne .preview-article__category:hover {
    opacity: 1
}

.mini {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: 0;
    max-width: 100%;
    padding-top: .3125rem
}

@media print,
screen and (min-width:40em) {
    .featured--five .mini,
    .featured--six .mini {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 30%;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%
    }
}

.articles-categorie,
.mini {
    padding-left: 0
}

.throbber {
    position: relative;
    margin-top: 1.375rem
}

.throbber::before {
    position: absolute;
    left: 50%;
    top: 0;
    content: '';
    width: 3.125rem;
    height: 3.125rem;
    background: url(/sites/all/themes/lanutrition/img/throbber.gif) no-repeat center center;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.content .left,
.featured .left {
    margin: 0
}

.breadcrumb {
    max-width: 75rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    position: relative;
    z-index: 2;
    margin: auto auto 1em
}

@media screen and (max-width:39.9375em) {
    .breadcrumb {
        display: none
    }
}

@media print,
screen and (min-width:40em) {
    .breadcrumb {
        margin-bottom: 2em
    }
}

.breadcrumb__separator,
.breadcrumb__title,
.front .breadcrumb,
.image-widget::after,
.image-widget::before {
    display: none
}

.node-type-aliments .breadcrumb,
.page-user-subscribe-proceed .breadcrumb {
    margin-bottom: 1.625rem
}

.breadcrumb__list {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%;
    list-style: none
}

.breadcrumb__list li::after {
    position: relative;
    content: '/';
    margin: 0 .625rem;
    color: #7d7d86
}

.breadcrumb__list li a {
    color: #7d7d86;
    transition: color .25s
}

.button,
.page-node-done .links a,
.page-user #user_login_form .form-submit,
.page-user .change-profile a,
.page-user .create-account .login-register,
[type=submit] {
    background: #df5858;
    box-shadow: inset 0 0 0 -.125rem #2e2e30;
    color: #fff;
    padding: .75rem 1.375rem;
    margin: 0;
    border-radius: .1875rem;
    font-family: 'LemonSans';
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .0625rem;
    border: none;
    transition: box-shadow .4s cubic-bezier(.25, .46, .45, .94)
}

.button:focus,
.button:hover,
.page-node-done .links a:focus,
.page-node-done .links a:hover,
.page-user #user_login_form .form-submit:focus,
.page-user #user_login_form .form-submit:hover,
.page-user .change-profile a:focus,
.page-user .change-profile a:hover,
.page-user .create-account .login-register:focus,
.page-user .create-account .login-register:hover,
[type=submit]:focus,
[type=submit]:hover {
    background: #df5858;
    box-shadow: inset 18.75rem 0 0 0 #2e2e30
}

.button.outlined,
.outlined[type=submit],
.page-node-done .links a.outlined,
.page-user #user_login_form .outlined.form-submit,
.page-user .change-profile a.outlined,
.page-user .create-account .outlined.login-register {
    background: 0 0;
    color: #2e2e30;
    box-shadow: inset 0 0 0 0 #df5858, inset 0 0 0 .125rem #2e2e30;
    transition: box-shadow .4s cubic-bezier(.25, .46, .45, .94), color .25s cubic-bezier(.25, .46, .45, .94)
}

.button.outlined:focus,
.button.outlined:hover,
.outlined[type=submit]:focus,
.outlined[type=submit]:hover,
.page-node-done .links a.outlined:focus,
.page-node-done .links a.outlined:hover,
.page-user #user_login_form .outlined.form-submit:focus,
.page-user #user_login_form .outlined.form-submit:hover,
.page-user .change-profile a.outlined:focus,
.page-user .change-profile a.outlined:hover,
.page-user .create-account .outlined.login-register:focus,
.page-user .create-account .outlined.login-register:hover {
    color: #fff;
    box-shadow: inset 18.75rem 0 0 0 #df5858, inset 0 0 0 .125rem #2e2e30
}

.button.outlined.white,
.outlined.white[type=submit],
.page-node-done .links a.outlined.white,
.page-user #user_login_form .outlined.white.form-submit,
.page-user .change-profile a.outlined.white,
.page-user .create-account .outlined.white.login-register {
    background: 0 0;
    color: #fff;
    box-shadow: inset 0 0 0 -.125rem #fff, inset 0 0 0 .125rem #fff
}

.button.outlined.white:focus,
.button.outlined.white:hover,
.outlined.white[type=submit]:focus,
.outlined.white[type=submit]:hover,
.page-node-done .links a.outlined.white:focus,
.page-node-done .links a.outlined.white:hover,
.page-user #user_login_form .outlined.white.form-submit:focus,
.page-user #user_login_form .outlined.white.form-submit:hover,
.page-user .change-profile a.outlined.white:focus,
.page-user .change-profile a.outlined.white:hover,
.page-user .create-account .outlined.white.login-register:focus,
.page-user .create-account .outlined.white.login-register:hover {
    color: #2e2e30;
    box-shadow: inset 18.75rem 0 0 0 #fff, inset 0 0 0 .125rem #fff
}

.button.large,
.large[type=submit],
.page-node-done .links a.large,
.page-user #user_login_form .large.form-submit,
.page-user .change-profile a.large,
.page-user .create-account .large.login-register {
    padding: .75rem 4.375rem;
    font-size: 1rem
}

.button.white,
.page-node-done .links a.white,
.page-user #user_login_form .white.form-submit,
.page-user .change-profile a.white,
.page-user .create-account .white.login-register,
.white[type=submit] {
    background: #fff;
    color: #2e2e30
}

.button.white:focus,
.button.white:hover,
.page-node-done .links a.white:focus,
.page-node-done .links a.white:hover,
.page-user #user_login_form .white.form-submit:focus,
.page-user #user_login_form .white.form-submit:hover,
.page-user .change-profile a.white:focus,
.page-user .change-profile a.white:hover,
.page-user .create-account .white.login-register:focus,
.page-user .create-account .white.login-register:hover,
.white[type=submit]:focus,
.white[type=submit]:hover {
    color: #fff
}

[type=color],
[type=date],
[type=datetime-local],
[type=datetime],
[type=email],
[type=month],
[type=name],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
textarea {
    display: block;
    width: 100%;
    height: 2.875rem;
    padding: 0 1.875rem;
    margin: 0;
    background: #fff;
    font-family: 'LemonSans';
    font-size: 1.125rem;
    font-weight: 300;
    color: #7d7d86;
    border: none;
    box-shadow: inset 0 0 0 .0625rem #ededed;
    transition: box-shadow .25s cubic-bezier(.19, 1, .22, 1), color .25s cubic-bezier(.19, 1, .22, 1), background .25s cubic-bezier(.19, 1, .22, 1);
    border-radius: .125rem
}

[type=color]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=datetime]:focus,
[type=email]:focus,
[type=month]:focus,
[type=name]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
textarea:focus {
    background: #fff;
    outline: none
}

textarea {
    padding-top: 1.375rem;
    padding-bottom: 1.375rem
}

.image-widget {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    height: 2.875rem
}

@media screen and (max-width:39.9375em) {
    .image-widget {
        height: auto
    }
}

.image-widget .image-widget-data {
    padding: .625rem;
    box-shadow: inset 0 0 0 .0625rem #ededed
}

@media print,
screen and (min-width:40em) {
    .image-widget .image-widget-data {
        max-width: 75rem;
        margin-right: auto;
        margin-left: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding-right: 0;
        padding-left: 0;
        max-width: 100%;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 0 0 .625rem
    }
}

.messages,
select {
    font-size: 1.125rem
}

select {
    height: 3.125rem;
    font-family: 'LemonSans';
    font-weight: 300;
    background-image: url(/assets/arrow_bottom_red.svg);
    background-size: .75rem .5rem;
    background-position: 98% center;
    border: none;
    width: auto;
    color: #7d7d86
}

.form-radios .form-type-radio,
.okayNav__nav--visible li {
    display: inline-block
}

.messages {
    width: 100%;
    max-width: 60.625rem;
    margin: auto;
    margin-bottom: 1.375rem;
    padding: 1.25rem 1.875rem;
    color: #fff;
    background-repeat: no-repeat;
    background-position: 1.125rem 1.125rem;
    border-width: .1875rem
}

.messages__icon {
    display: none
}

.messages--status {
    border-color: #00a975;
    background-color: #02b994
}

.messages--error {
    border-color: #e0001a;
    background-color: #e63247
}

.messages--warning {
    border-color: #e59501;
    background-color: #ecaf3f
}

.articles-most-viewed {
    width: calc(100% - 30px);
    margin: 0 auto;
    margin-top: .8125rem;
    margin-bottom: 3.75rem;
    padding: 1.0625rem .4375rem .3125rem;
    box-shadow: .1875rem .1875rem 1.875rem .0625rem rgba(38, 38, 62, .1);
    background: #fff;
    box-shadow: 0 0 0 .8125rem #dce5a8;
    border: .8125rem solid transparent;
    -o-border-image: url(/assets/bg_pattern_stripes.png) 13 round;
    border-image: url(/assets/bg_pattern_stripes.png) 13 round;
    border-image-outset: 1
}

.boite-a-outil .articles-most-viewed,
.section-les-aliments-a-la-loupe .articles-most-viewed {
    box-shadow: 0 0 0 .8125rem #e7dcb6
}

.bien-manger .articles-most-viewed {
    box-shadow: 0 0 0 .8125rem #e7f0d1
}

.cuisines-et-recettes .articles-most-viewed {
    box-shadow: 0 0 0 .8125rem #f4dbc8
}

.se-soigner .articles-most-viewed {
    box-shadow: 0 0 0 .8125rem #b7e6e0
}

.bien-etre .articles-most-viewed {
    box-shadow: 0 0 0 .8125rem #bdd2e3
}

.forme .articles-most-viewed {
    box-shadow: 0 0 0 .8125rem #f5bbb0
}

.articles-most-viewed .title {
    position: relative;
    display: block;
    margin: auto;
    margin-bottom: .625rem;
    padding: 0 0 1.25rem;
    font-family: 'ActaDisplay';
    font-size: 1.5625rem;
    line-height: 1.8125rem;
    font-weight: 900;
    font-style: italic;
    color: #2e2e30;
    text-align: center
}

.articles-conseilles h3::before,
.articles-most-viewed .title::before,
.summary-fix h3::before {
    position: absolute;
    left: 50%;
    bottom: 0;
    content: '';
    width: 2.5rem;
    height: 0;
    border-bottom: .0625rem solid #2e2e30;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.articles-most-viewed .view-articles .view-content .views-row {
    position: relative;
    max-width: 75rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0;
    padding: 1rem 0 .4375rem;
    border-bottom: .0625rem solid #ededed;
    transition: box-shadow .25s cubic-bezier(.25, .46, .45, .94);
    box-shadow: inset 0 0 0 -.125rem #fff, inset 0 0 0 .125rem #fff
}

.articles-most-viewed .view-articles .view-content .views-row:hover {
    box-shadow: inset 18.75rem 0 0 0 #f5f6f8, inset 0 0 0 .125rem #fff
}

.articles-most-viewed .view-articles .view-content .views-row:last-child {
    margin: 0;
    border: none
}

.articles-most-viewed .view-articles .view-content .views-row>a,
.summary-fix__line>a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.articles-most-viewed .focus__article {
    overflow: hidden
}

.articles-most-viewed .focus__article .focus__title {
    -webkit-transform: translateX(-110%);
    -ms-transform: translateX(-110%);
    transform: translateX(-110%)
}

.articles-most-viewed .focus__article::after,
.newsletter__form .form-item label {
    display: none
}

.articles-most-viewed .views-field-counter {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 4.0625rem;
    -ms-flex: 0 0 4.0625rem;
    flex: 0 0 4.0625rem;
    font-family: 'ActaDisplay';
    font-size: 2.5rem;
    line-height: 2.8125rem;
    font-weight: 500;
    text-align: right;
    color: #2e2e30;
    font-style: italic
}

.articles-most-viewed .views-field-counter span {
    padding-right: 1.25rem
}

.articles-most-viewed .views-field-title {
    font-size: 1.25rem;
    line-height: 1.25rem
}

.articles-most-viewed .views-field-title a {
    color: #2e2e30
}

.navigation ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.newsletter {
    padding: 1.875rem;
    box-shadow: .1875rem .1875rem 1.875rem .0625rem rgba(38, 38, 62, .1);
    background: #fff
}

.featured--newsletter .newsletter {
    width: calc(100% - 30px);
    margin: 0 auto;
    padding: 1.0625rem .4375rem;
    box-shadow: 0 0 0 .8125rem #efaeae;
    border: .8125rem solid transparent;
    -o-border-image: url(/assets/bg_pattern_stripes.png) 13 round;
    border-image: url(/assets/bg_pattern_stripes.png) 13 round;
    border-image-outset: 1
}

.newsletter__subscribe:first-child:not(:only-child) {
    border-bottom: .0625rem solid #ededed
}

.newsletter__subscribe__title {
    font-family: 'ActaDisplay';
    font-size: 1.5625rem;
    font-weight: 900;
    font-style: italic
}

.newsletter__form,
.page-user #user_login_form h2 {
    margin-bottom: 1.375rem
}

.newsletter__form .form-item .form-text {
    height: 2.5rem;
    padding-left: .875rem;
    border-right: none;
    border-radius: 0
}

.newsletter__form .form-submit {
    height: 2.5rem;
    padding: 0 .875rem;
    font-family: 'LemonSans';
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    letter-spacing: .0625rem;
    text-transform: uppercase;
    background: #df5858;
    border: none;
    border-radius: 0
}

.newsletter__guide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 1.25rem
}

.newsletter__guide img {
    border: .0625rem solid #e5e5e5;
    margin-right: 1.5625rem
}

.newsletter__guide__title {
    font-size: 1.875rem;
    line-height: 1;
    font-weight: 900;
    color: #df5858;
    text-transform: uppercase
}

.newsletter__content {
    margin-bottom: .8125rem;
    font-size: 1.25rem;
    line-height: 1.25rem
}

.newsletter__content p,
.sticky #toggled__container .menu-level-3>ul>li>a {
    line-height: 1
}

.footer .newsletter {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: .625rem;
    padding-left: .625rem;
    max-width: 100%;
    margin-bottom: 1.875rem
}

@media print,
screen and (min-width:40em) {
    .footer .newsletter {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,
screen and (min-width:64em) {
    .footer .newsletter {
        padding-right: 1.875rem;
        padding-left: 1.875rem;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
}

.item-list {
    margin: 1.5625rem 0;
    text-align: center
}

.item-list ul.pager {
    display: inline-block;
    padding-left: 0;
    margin: 1.25rem 0
}

.item-list ul.pager li {
    display: inline;
    padding: 0;
    margin: 0
}

.item-list ul.pager li:first-child>a,
.item-list ul.pager li:first-child>span {
    margin-left: 0
}

.item-list ul.pager li a,
.item-list ul.pager li span {
    color: #7d7d86
}

.item-list ul.pager li a,
.item-list ul.pager li span,
.item-list ul.pager li.pager-current,
.item-list ul.pager li.pager-ellipsis {
    position: relative;
    float: left;
    padding: 0 .75rem;
    min-width: 2.5625rem;
    height: 2.375rem;
    text-decoration: none;
    font-size: 1.25rem;
    line-height: 2.125rem;
    font-weight: 300;
    background-color: #f5f6f8;
    border: .0625rem solid #d4d4d4;
    margin-left: -.0625rem;
    border-radius: 0
}

.item-list ul.pager li.pager-ellipsis {
    color: #7d7d86
}

.item-list ul.pager li a:hover,
.item-list ul.pager li.pager-current {
    background: #df5858;
    color: #fff;
    border-color: #df5858
}

.item-list ul.pager li.pager-first a,
.item-list ul.pager li.pager-last a,
.item-list ul.pager li.pager-next a,
.item-list ul.pager li.pager-previous a {
    width: auto
}

.pub {
    margin-bottom: 3.25rem
}

.pub:not(.right .pub) {
    margin-bottom: 2.75rem
}

.pub .view-publicites {
    position: relative;
    margin: auto;
    text-align: center
}

.block-views::before,
.product-shop {
    width: 100%;
    max-width: 100rem
}

.product-shop .owl-item {
    overflow: hidden
}

.block-views {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    max-width: 100rem;
    margin: auto;
    margin-bottom: 1rem;
    padding: 5rem 0 8.125rem
}

@media print,
screen and (min-width:40em) {
    .block-views {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,
screen and (min-width:64em) {
    .block-views {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

.block-views::before {
    position: absolute;
    right: 50%;
    top: 0;
    z-index: -1;
    content: '';
    height: 100%;
    background: url(/assets/bg_selection.jpg) no-repeat center bottom;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%)
}

@media print,
screen and (min-width:64em) {
    .block-views {
        padding-bottom: 5.625rem;
        height: 38.4375rem
    }
}

.block-views h2,
.summary-fix h3 {
    margin: auto;
    font-weight: 900;
    font-style: italic;
    text-align: center
}

.block-views h2 {
    width: 100%;
    max-width: 75rem;
    margin-bottom: .75rem;
    font-family: "ActaDisplay";
    font-size: 3.125rem;
    line-height: 3.125rem;
    color: #4db356
}

@media print,
screen and (min-width:64em) {
    .block-views h2 {
        text-align: left
    }
}

@media screen and (min-width:64em) and (max-width:74.9375em) {
    .block-views h2 {
        font-size: 2.5rem;
        line-height: 2.5rem
    }
}

.page-les-aliments-a-la-loupe article,
.view-id-remote_products {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media print,
screen and (min-width:64em) {
    .view-id-remote_products {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.view-id-remote_products .description {
    -webkit-box-flex: 0;
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 auto auto;
    margin-bottom: 2.75rem;
    font-size: 1.3125rem;
    line-height: 1.5625rem;
    font-weight: 300;
    text-align: center
}

@media print,
screen and (min-width:64em) {
    .view-id-remote_products .description {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        padding-right: 0;
        padding-left: 0;
        max-width: 25%;
        margin: 0;
        text-align: left
    }
}

.view-id-remote_products .description p {
    max-width: 31.25rem;
    line-height: 1
}

.page-node-done .links .view-id-remote_products .description a,
.page-user #user_login_form .view-id-remote_products .description .form-submit,
.page-user .change-profile .view-id-remote_products .description a,
.page-user .create-account .view-id-remote_products .description .login-register,
.view-id-remote_products .description .button,
.view-id-remote_products .description .page-node-done .links a,
.view-id-remote_products .description .page-user #user_login_form .form-submit,
.view-id-remote_products .description .page-user .change-profile a,
.view-id-remote_products .description .page-user .create-account .login-register,
.view-id-remote_products .description [type=submit] {
    margin-bottom: 2.0625rem;
    background-color: #fff
}

.view-id-remote_products .description .logo-nutrivi {
    display: block;
    width: 10.625rem;
    height: auto;
    margin: auto;
    text-align: center
}

@media print,
screen and (min-width:64em) {
    .view-id-remote_products .description .logo-nutrivi {
        margin: 0;
        text-align: left
    }
}

.view-id-remote_products .view-content {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: .625rem;
    padding-left: .625rem;
    max-width: 100%;
    height: 29.5rem;
    margin: 0 auto auto
}

@media print,
screen and (min-width:40em) {
    .view-id-remote_products .view-content {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,
screen and (min-width:64em) {
    .view-id-remote_products .view-content {
        padding-right: 1.875rem;
        padding-left: 1.875rem;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        padding-right: 0;
        padding-left: 0;
        max-width: 66.66667%;
        margin: 0;
        margin-top: -2.4375rem
    }
}

.view-id-remote_products .views-row {
    position: relative;
    width: 10.375rem;
    height: 25.625rem;
    margin: auto;
    padding: 0 0 2.5rem
}

@media screen and (max-width:39.9375em) {
    .view-id-remote_products .views-row {
        text-align: center
    }
}

.view-id-remote_products .field-name-field-image-url {
    width: 10.375rem;
    height: 13.25rem;
    line-height: 13.25rem;
    margin: 0 0 1.5625rem;
    text-align: center;
    background: #fff;
    box-shadow: 0 .625rem 1.25rem 0 rgba(38, 38, 62, .02)
}

.view-id-remote_products .field-name-field-image-url img {
    display: inline-block;
    vertical-align: middle;
    height: 10.125rem;
    width: auto;
    margin: auto
}

.view-id-remote_products .field-name-field-title {
    margin-bottom: .9375rem;
    font-size: 1.1875rem;
    line-height: 1.0625rem;
    text-transform: uppercase;
    font-weight: 600
}

.view-id-remote_products .field-name-field-product-info,
.view-id-remote_products .field-name-field-remote-product-category {
    margin: 0 0 .4375rem;
    font-family: 'ActaDisplay', Georgia, serif;
    font-size: .875rem;
    line-height: 1rem;
    font-weight: 500;
    font-style: italic;
    color: #626269
}

.view-id-remote_products .field-name-field-remote-product-category {
    margin: 0 .1875rem .1875rem 0;
    padding: .3125rem .4375rem;
    font-size: .8125rem;
    line-height: .8125rem;
    background: #fff;
    display: none
}

.view-id-remote_products .field-name-field-display-price {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: .75rem 0 0;
    padding: .6875rem 0 0;
    font-size: 1.6875rem;
    line-height: 1.6875rem;
    text-transform: uppercase;
    font-weight: 700;
    border-top: .0625rem solid #d4d4d4
}

.view-id-remote_products .views-field-nothing a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-indent: -10000px
}

.view-id-remote_products .owl-nav {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    position: absolute;
    left: 50%;
    bottom: -3.125rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media print,
screen and (min-width:64em) {
    .view-id-remote_products .owl-nav {
        bottom: -1.25rem
    }
}

.view-id-remote_products .owl-nav .owl-next,
.view-id-remote_products .owl-nav .owl-prev {
    font-family: "nutricons"!important;
    content: attr(data-icon);
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-transform: none!important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    width: 3.25rem;
    height: 3.25rem;
    margin: 0 .5rem;
    text-indent: -10000px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 1.875rem 0 rgba(38, 38, 62, .1);
    transition: background-color .25s cubic-bezier(.25, .46, .45, .94)
}

.view-id-remote_products .owl-nav .owl-next::before,
.view-id-remote_products .owl-nav .owl-prev::before {
    position: absolute;
    left: 50%;
    top: 50%;
    text-indent: 0;
    font-size: 1.375rem;
    color: #7d7d86;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: color .25s
}

.view-id-remote_products .owl-nav .owl-next:hover,
.view-id-remote_products .owl-nav .owl-prev:hover {
    background-color: #2e2e30
}

.view-id-remote_products .owl-nav .owl-next.disabled,
.view-id-remote_products .owl-nav .owl-prev.disabled {
    box-shadow: none;
    cursor: default
}

.view-id-remote_products .owl-nav .owl-next.disabled:hover,
.view-id-remote_products .owl-nav .owl-prev.disabled:hover {
    background-color: #fff
}

.view-id-remote_products .owl-nav .owl-next.disabled::before,
.view-id-remote_products .owl-nav .owl-next.disabled:hover::before,
.view-id-remote_products .owl-nav .owl-prev.disabled::before,
.view-id-remote_products .owl-nav .owl-prev.disabled:hover::before {
    color: #d8d8db
}

.summary-fix {
    width: calc(100% - 30px);
    margin: 0 auto;
    margin-top: .8125rem;
    margin-bottom: 3.75rem;
    padding: 1.0625rem .4375rem .3125rem;
    box-shadow: .1875rem .1875rem 1.875rem .0625rem rgba(38, 38, 62, .1);
    background: #fff;
    box-shadow: 0 0 0 .8125rem #efaeae;
    border: .8125rem solid transparent;
    -o-border-image: url(/assets/bg_pattern_stripes.png) 13 round;
    border-image: url(/assets/bg_pattern_stripes.png) 13 round;
    border-image-outset: 1
}

.boite-a-outil .summary-fix,
.section-les-aliments-a-la-loupe .summary-fix {
    box-shadow: 0 0 0 .8125rem #e7dcb6
}

.bien-manger .summary-fix {
    box-shadow: 0 0 0 .8125rem #e7f0d1
}

.cuisines-et-recettes .summary-fix {
    box-shadow: 0 0 0 .8125rem #f4dbc8
}

.se-soigner .summary-fix {
    box-shadow: 0 0 0 .8125rem #b7e6e0
}

.bien-etre .summary-fix {
    box-shadow: 0 0 0 .8125rem #bdd2e3
}

.forme .summary-fix {
    box-shadow: 0 0 0 .8125rem #f5bbb0
}

.summary-fix h3 {
    position: relative;
    margin-bottom: .625rem;
    padding: 0 0 1.25rem;
    font-family: 'ActaDisplay';
    font-size: 1.5625rem;
    line-height: 1.8125rem;
    color: #2e2e30
}

.summary-fix__line {
    position: relative;
    max-width: 75rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0;
    padding: 1rem 0 .4375rem;
    border-bottom: .0625rem solid #ededed;
    transition: box-shadow .25s cubic-bezier(.25, .46, .45, .94);
    box-shadow: inset 0 0 0 -.125rem #fff, inset 0 0 0 .125rem #fff
}

.summary-fix__line:hover {
    box-shadow: inset 18.75rem 0 0 0 #f5f6f8, inset 0 0 0 .125rem #fff
}

.summary-fix__line:last-child {
    margin: 0;
    border: none
}

.summary-fix .summary-place {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 4.0625rem;
    -ms-flex: 0 0 4.0625rem;
    flex: 0 0 4.0625rem;
    padding-right: 1.25rem;
    font-family: 'ActaDisplay';
    font-size: 2.5rem;
    line-height: 2.8125rem;
    font-weight: 500;
    text-align: right;
    color: #2e2e30;
    font-style: italic
}

.summary-fix .title {
    font-size: 1.25rem;
    line-height: 1.25rem
}

.summary-fix .title a {
    color: #2e2e30
}

@media (max-width:767px) {
    .table-container {
        width: 100%;
        overflow: hidden;
        overflow-x: scroll
    }
    table {
        width: 61.25rem!important
    }
}

@media (max-width:480px) {
    table {
        width: 47.9375rem!important
    }
}

table th {
    background-color: #f4f4f4;
    font-weight: 700
}

table td,
table th {
    padding: .9375rem 1.875rem;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    line-height: 1.375rem
}

table td:last-child,
table th:last-child {
    border-right: none
}

@media (max-width:767px) {
    table td,
    table th {
        font-size: .875rem;
        line-height: 1.125rem
    }
}

table tr:last-child td {
    border-bottom: none
}

.tabs {
    list-style: none;
    max-width: 73.125rem;
    padding: 0;
    margin: auto;
    border-bottom: solid #7d7d86 1px
}

.a-decouvrir {
    width: 100%;
    padding: 0 .625rem
}

.a-decouvrir h3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: .625rem;
    padding-left: .625rem;
    max-width: 100%;
    margin: 0 0 1em;
    padding: 0!important;
    font-family: 'ActaDisplay';
    font-size: 1.625em;
    line-height: 1.5;
    font-weight: 900;
    font-style: italic;
    color: #2e2e30
}

@media print,
screen and (min-width:40em) {
    .a-decouvrir h3 {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,
screen and (min-width:64em) {
    .a-decouvrir h3 {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

@media print,
screen and (min-width:40em) {
    .a-decouvrir h3 {
        font-size: 1.875em
    }
}

@media print,
screen and (min-width:64em) {
    .a-decouvrir h3 {
        font-size: 2.1875em
    }
}

.a-decouvrir .featured {
    padding: 0;
    margin: 0 -.625rem
}

@media print,
screen and (min-width:40em) {
    .a-decouvrir .featured {
        margin: 0 -.9375rem
    }
}

@media print,
screen and (min-width:64em) {
    .a-decouvrir .featured {
        margin: 0 -1.875rem
    }
}

.a-decouvrir .row {
    max-width: 100%
}

.a-decouvrir .row .preview-article,
.a-decouvrir .row .view-articles .views-row,
.a-decouvrir .view-articles .row .views-row {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: .625rem;
    padding-left: .625rem;
    max-width: 100%;
    padding-top: 0
}

@media print,
screen and (min-width:40em) {
    .a-decouvrir .row .preview-article,
    .a-decouvrir .row .view-articles .views-row,
    .a-decouvrir .view-articles .row .views-row {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,
screen and (min-width:64em) {
    .a-decouvrir .row .preview-article,
    .a-decouvrir .row .view-articles .views-row,
    .a-decouvrir .view-articles .row .views-row {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

@media print,
screen and (min-width:40em) {
    .a-decouvrir .row .preview-article,
    .a-decouvrir .row .view-articles .views-row,
    .a-decouvrir .view-articles .row .views-row {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        padding-right: .625rem;
        padding-left: .625rem;
        max-width: 50%
    }
}

@media print,
screen and (min-width:40em) and (min-width:40em) {
    .a-decouvrir .row .preview-article,
    .a-decouvrir .row .view-articles .views-row,
    .a-decouvrir .view-articles .row .views-row {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,
screen and (min-width:40em) and (min-width:64em) {
    .a-decouvrir .row .preview-article,
    .a-decouvrir .row .view-articles .views-row,
    .a-decouvrir .view-articles .row .views-row {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

@media print,
screen and (min-width:64em) {
    .a-decouvrir .row .preview-article,
    .a-decouvrir .row .view-articles .views-row,
    .a-decouvrir .view-articles .row .views-row {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        padding-right: .625rem;
        padding-left: .625rem;
        max-width: 33.33333%
    }
}

@media print,
screen and (min-width:64em) and (min-width:40em) {
    .a-decouvrir .row .preview-article,
    .a-decouvrir .row .view-articles .views-row,
    .a-decouvrir .view-articles .row .views-row {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,
screen and (min-width:64em) and (min-width:64em) {
    .a-decouvrir .row .preview-article,
    .a-decouvrir .row .view-articles .views-row,
    .a-decouvrir .view-articles .row .views-row {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

.a-decouvrir .row .preview-article::before,
.a-decouvrir .row .view-articles .views-row::before,
.a-decouvrir .view-articles .row .views-row::before {
    right: -.0625rem
}

.a-decouvrir .row .preview-article::after,
.a-decouvrir .row .view-articles .views-row::after,
.a-decouvrir .view-articles .row .views-row::after,
.sticky #toggled__container .secondary-nav__content::after,
.sticky #toggled__container .secondary-nav__content::before {
    content: none
}

.a-decouvrir .view-articles .views-row {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    padding-right: .625rem;
    padding-left: .625rem;
    max-width: 33.33333%
}

@media print,
screen and (min-width:40em) {
    .a-decouvrir .view-articles .views-row {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,
screen and (min-width:64em) {
    .a-decouvrir .view-articles .views-row {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

.articles-conseilles {
    width: calc(100% - 30px);
    margin: 0 auto;
    margin-bottom: 3.75rem;
    padding: 1.0625rem .4375rem .3125rem;
    box-shadow: .1875rem .1875rem 1.875rem .0625rem rgba(38, 38, 62, .1);
    background: #fff;
    box-shadow: 0 0 0 .8125rem #efaeae;
    border: .8125rem solid transparent;
    -o-border-image: url(/assets/bg_pattern_stripes.png) 13 round;
    border-image: url(/assets/bg_pattern_stripes.png) 13 round;
    border-image-outset: 1
}

.boite-a-outil .articles-conseilles {
    box-shadow: 0 0 0 .8125rem #e7dcb6
}

.bien-manger .articles-conseilles {
    box-shadow: 0 0 0 .8125rem #e7f0d1
}

.cuisines-et-recettes .articles-conseilles {
    box-shadow: 0 0 0 .8125rem #f4dbc8
}

.se-soigner .articles-conseilles {
    box-shadow: 0 0 0 .8125rem #b7e6e0
}

.bien-etre .articles-conseilles {
    box-shadow: 0 0 0 .8125rem #bdd2e3
}

.forme .articles-conseilles {
    box-shadow: 0 0 0 .8125rem #f5bbb0
}

.articles-conseilles h3 {
    position: relative;
    max-width: 15.625rem;
    margin: auto;
    margin-bottom: .625rem;
    padding: 0 0 1.25rem;
    font-family: 'ActaDisplay';
    font-size: 1.5625rem;
    line-height: 1.8125rem;
    font-weight: 900;
    font-style: italic;
    color: #2e2e30;
    text-align: center
}

.articles-conseilles .article-conseille {
    position: relative;
    max-width: 75rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0;
    padding: 1rem 0;
    border-bottom: .0625rem solid #ededed;
    transition: box-shadow .25s cubic-bezier(.25, .46, .45, .94), padding .25s cubic-bezier(.25, .46, .45, .94);
    box-shadow: inset 0 0 0 -.125rem #fff, inset 0 0 0 .125rem #fff
}

.articles-conseilles .article-conseille:hover {
    padding-left: .75rem;
    box-shadow: inset 18.75rem 0 0 0 #f5f6f8, inset 0 0 0 .125rem #fff
}

.articles-conseilles .article-conseille:last-child {
    margin: 0;
    border: none
}

.articles-conseilles .article-conseille>a {
    font-size: 1.25rem;
    line-height: 1.25rem;
    color: #2e2e30
}

.articles-conseilles .article-conseille img,
.body p>img.img-left {
    margin-right: 1.25rem
}

body.okayNav-loaded {
    overflow-x: hidden
}

.okayNav:not(.loaded) {
    visibility: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.okayNav ul {
    float: left
}

.okayNav a {
    position: relative;
    z-index: 1
}

.okayNav__nav--visible {
    overflow: hidden;
    white-space: nowrap
}

.okayNav__nav--visible a,
.secondary-nav .menu-level-2 li>a,
.secondary-nav .menu-level-3 li>a {
    display: block
}

.okayNav__menu-toggle {
    cursor: pointer;
    z-index: 1;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.okayNav__menu-toggle.okay-invisible {
    position: absolute;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.okayNav__menu-toggle span {
    display: block;
    position: absolute;
    margin: auto;
    height: 4px;
    width: 4px;
    background: #2e2e33;
    border-radius: 50%;
    left: 0;
    right: 0;
    pointer-events: none
}

.okayNav__menu-toggle span:nth-child(1) {
    top: 25%
}

.okayNav__menu-toggle span:nth-child(2) {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.okayNav__menu-toggle span:nth-child(3) {
    bottom: 25%
}

.okayNav__menu-toggle.icon--active {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.region-bottom {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 1.625rem .9375rem 1.375rem;
    font-size: .9375rem;
    line-height: 1.25rem;
    font-weight: 300
}

@media print,
screen and (min-width:40em) {
    .region-bottom {
        padding-bottom: .75rem;
        font-size: 1.125rem;
        line-height: 1.375rem
    }
}

@media screen and (min-width:75em) {
    .region-bottom {
        padding-left: 0;
        padding-right: 0
    }
}

.left,
.region-bottom #block-block-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.region-bottom #block-block-7,
.region-bottom #block-block-7 ul {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media print,
screen and (min-width:40em) {
    .region-bottom #block-block-7 {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.region-bottom #block-block-7 ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: .6875rem
}

@media print,
screen and (min-width:40em) {
    .region-bottom #block-block-7 ul {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 0
    }
}

.region-bottom #block-block-7 ul li {
    list-style: none;
    margin: 0 1.25rem 0 0
}

.region-bottom #block-block-7 ul li a {
    display: block;
    overflow: hidden;
    position: relative;
    padding: 0;
    color: #2e2e30
}

.region-bottom #block-block-7 ul li a::before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    width: 100%;
    height: 0;
    border: .0625rem solid #df5858;
    -webkit-transform: translateX(-101%);
    -ms-transform: translateX(-101%);
    transform: translateX(-101%);
    transition: transform .25s cubic-bezier(.25, .46, .45, .94), color .6s;
    transition: transform .25s cubic-bezier(.25, .46, .45, .94), color .6s, -webkit-transform .25s cubic-bezier(.25, .46, .45, .94)
}

#groupes li a:hover::after,
#groupes li a:hover::before,
#nutriments_by_alpha li a:hover::after,
#nutriments_by_alpha li a:hover::before,
#nutriments_by_groupe li a:hover::after,
#nutriments_by_groupe li a:hover::before,
.region-bottom #block-block-7 ul li a:hover::before {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.region-bottom #block-block-7 a#choosit {
    opacity: .5;
    transition: opacity .25s
}

.left {
    padding-right: .625rem;
    padding-left: .625rem;
    margin-bottom: 2.75rem
}

@media print,
screen and (min-width:40em) {
    .left {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,
screen and (min-width:64em) {
    .left {
        padding-right: 1.875rem;
        padding-left: 1.875rem;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 65%;
        -ms-flex: 0 0 65%;
        flex: 0 0 65%;
        padding-right: 0;
        padding-left: 0;
        max-width: 65%;
        margin-bottom: 2.75rem
    }
}

.articles .articles__content .left,
.categ-level-3 .left,
.featured--newsletter .left {
    padding-left: .9375rem;
    padding-right: .9375rem
}

@media print,
screen and (min-width:40em) {
    .articles .articles__content .left,
    .categ-level-3 .left,
    .featured--newsletter .left {
        padding-right: 0;
        padding-left: 0
    }
}

.node-aliments .left {
    padding-left: 4%
}

.page-page-auteur .left {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    margin-bottom: 6.875rem
}

@media print,
screen and (min-width:40em) {
    .page-page-auteur .left {
        -webkit-box-ordinal-group: initial;
        -webkit-order: initial;
        -ms-flex-order: initial;
        order: initial
    }
}

.page-les-aliments-a-la-loupe .left,
.recherche-aliment form#nutrition-search-aliment-by-name-form,
.right {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: 0;
    padding-left: 0;
    max-width: 100%
}

@media print,
screen and (min-width:64em) {
    .page-les-aliments-a-la-loupe .left,
    .right {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 65%;
        -ms-flex: 0 0 65%;
        flex: 0 0 65%;
        padding-right: 0;
        padding-left: 0;
        max-width: 65%
    }
    .right {
        -webkit-flex: 0 0 28%;
        -ms-flex: 0 0 28%;
        flex: 0 0 28%;
        max-width: 28%;
        padding-right: 0!important
    }
}

.categ-level-1 .right,
.categ-level-2 .right,
.section-terms .right {
    padding-top: 0
}

@media print,
screen and (min-width:40em) {
    .categ-level-1 .right,
    .categ-level-2 .right,
    .section-terms .right {
        padding-top: 1.875rem
    }
}

.categ-level-3 .right {
    padding-top: 1.875rem
}

.page-page-auteur .right {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-top: 0;
    margin-bottom: 1.875rem
}

@media print,
screen and (min-width:40em) {
    .page-page-auteur .right {
        -webkit-box-ordinal-group: initial;
        -webkit-order: initial;
        -ms-flex-order: initial;
        order: initial;
        margin-top: -15.3125rem
    }
}

.node-results .right {
    margin-top: 3.4375rem
}

.header {
    position: fixed;
    background-color: #fff;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    padding: .9375rem 0;
    box-shadow: 0 .3125rem 1.25rem rgba(43, 43, 44, .2);
    transition: box-shadow .2s
}

@media print,
screen and (min-width:40em) {
    .header {
        position: static
    }
}

@media print,
screen and (min-width:64em) {
    .header {
        padding: 2.1875rem 0;
        box-shadow: none
    }
}

.header__logo {
    display: inline-block;
    width: 100%;
    max-width: 17.5rem
}

.header__responsive-items {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

@media print,
screen and (min-width:64em) {
    .header__responsive-items {
        display: none!important
    }
}

.header__responsive-items .account {
    position: absolute;
    top: 1.0625rem;
    right: 1rem;
    padding: 0;
    width: 2.75rem;
    height: 2.75rem;
    line-height: 2.75rem;
    background-color: #f1f1f1;
    border-radius: 100%;
    overflow: hidden;
    transition: color .2s, background-color .2s, transform .2s cubic-bezier(.175, .885, .32, 1.275);
    transition: color .2s, background-color .2s, transform .2s cubic-bezier(.175, .885, .32, 1.275), -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.275);
    color: #2b2b2c
}

.header__responsive-items .account::after {
    font-family: "nutricons"!important;
    content: attr(data-icon);
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-transform: none!important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\67";
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 1rem;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.header__responsive-items .account:hover {
    color: #df5858;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.header__responsive-items .account span {
    display: block;
    text-indent: 101%
}

.header__content {
    max-width: 100rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    min-height: 3.125rem
}

@media print,
screen and (min-width:40em) {
    .header__content {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 3.75rem;
        padding-left: 3vw;
        padding-right: 3vw
    }
}

.header__content__social {
    position: relative;
    z-index: 10
}

@media screen and (max-width:63.9375em) {
    .header__content__social {
        display: none!important
    }
}

.header__content__logo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 9.375rem;
    z-index: 4;
    text-align: center;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    transition: transform .4s cubic-bezier(.165, .84, .44, 1);
    transition: transform .4s cubic-bezier(.165, .84, .44, 1), -webkit-transform .4s cubic-bezier(.165, .84, .44, 1)
}

@media print,
screen and (min-width:64em) {
    .header__content__logo {
        width: 18.125rem
    }
}

.node-type-articles .unpinned .header__content__logo {
    -webkit-transform: translate(-50%, -100%) scale(.94);
    -ms-transform: translate(-50%, -100%) scale(.94);
    transform: translate(-50%, -100%) scale(.94)
}

.header__content__user {
    position: absolute;
    width: calc(50% - 3vw - 9.0625rem);
    height: 4.375rem;
    right: 3vw;
    top: 0;
    z-index: 6
}

@media screen and (max-width:63.9375em) {
    .header__content__user {
        display: none!important
    }
}

.header__content__article-title,
.header__content__user__actions {
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.header__content__user__actions {
    max-width: 75rem
}

.header__content__user__actions .share-current .button,
.header__content__user__actions .share-current .page-node-done .links a,
.header__content__user__actions .share-current .page-user #user_login_form .form-submit,
.header__content__user__actions .share-current .page-user .change-profile a,
.header__content__user__actions .share-current .page-user .create-account .login-register,
.header__content__user__actions .share-current [type=submit],
.page-node-done .links .header__content__user__actions .share-current a,
.page-user #user_login_form .header__content__user__actions .share-current .form-submit,
.page-user .change-profile .header__content__user__actions .share-current a,
.page-user .create-account .header__content__user__actions .share-current .login-register {
    white-space: nowrap;
    margin-left: 1rem;
    padding: .7rem 1rem
}

.header__content__article-title {
    max-width: none;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 3vw;
    z-index: 5;
    background-color: #fff;
    width: calc(100% - 6vw);
    padding-left: 6.25rem;
    padding-right: 16.875rem;
    height: 4.375rem;
    transition: transform .4s cubic-bezier(.165, .84, .44, 1);
    transition: transform .4s cubic-bezier(.165, .84, .44, 1), -webkit-transform .4s cubic-bezier(.165, .84, .44, 1);
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    font-size: 1.75rem
}

@media screen and (max-width:63.9375em) {
    .header__content__article-title {
        display: none!important
    }
}

.unpinned .header__content__article-title {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.navbar.mobile .is-drilldown>ul>li:not(.js-drilldown-back):first-child>a {
    padding-left: 2.875rem;
    position: relative
}

.navbar.mobile .is-drilldown>ul>li:not(.js-drilldown-back):first-child>a::before,
.navbar:not(.mobile)>ul>li:not(.js-drilldown-back):first-child>a::before {
    font-family: "nutricons"!important;
    content: attr(data-icon);
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-transform: none!important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\66";
    position: absolute;
    top: 50%;
    left: 1.25rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.navbar:not(.mobile)>ul>li:not(.js-drilldown-back):first-child>a {
    padding-left: 3.75rem;
    width: 3.75rem;
    overflow: hidden
}

.navbar:not(.mobile) {
    position: relative;
    box-shadow: inset 0 1px 0 0 #ededed, inset 0 -1px 0 0 #ededed;
    z-index: 4
}

@media screen and (max-width:63.9375em) {
    .navbar:not(.mobile) {
        display: none!important
    }
}

.navbar:not(.mobile)>ul {
    text-align: center;
    max-width: 100rem;
    margin-left: auto;
    margin-right: auto;
    padding-right: 5rem;
    position: relative
}

@media screen and (min-width:75em) {
    .navbar:not(.mobile)>ul {
        padding-left: 6.25rem;
        padding-right: 6.25rem
    }
}

.navbar:not(.mobile)>ul>li {
    padding: 0 .75rem;
    display: inline-block;
    vertical-align: top;
    line-height: 1
}

@media screen and (min-width:75em) {
    .navbar:not(.mobile)>ul>li {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.navbar:not(.mobile)>ul>li:first-child {
    padding: 0
}

.navbar:not(.mobile)>ul>li>a {
    position: relative;
    display: block;
    padding: .9375rem 0;
    font-size: 1.25rem
}

.navbar:not(.mobile)>ul>li>a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: transparent;
    display: block;
    width: 100%;
    height: .1875rem;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    transition: transform .3s cubic-bezier(.165, .84, .44, 1), background-color .25s;
    transition: transform .3s cubic-bezier(.165, .84, .44, 1), background-color .25s, -webkit-transform .3s cubic-bezier(.165, .84, .44, 1)
}

.navbar:not(.mobile)>ul>li.is-active a::after,
.navbar:not(.mobile)>ul>li:hover a::after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    background: #93a4aa
}

.navbar:not(.mobile)>ul>li:hover .navbar__submenu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation-delay: .15s;
    animation-delay: .15s
}

.navbar:not(.mobile)>ul>li.boite-a-outil ul a:hover {
    color: #ceb869
}

.navbar:not(.mobile)>ul>li.boite-a-outil.is-active a::after,
.navbar:not(.mobile)>ul>li.boite-a-outil:hover a::after {
    background-color: #ceb869
}

.navbar:not(.mobile)>ul>li.bien-manger ul a:hover {
    color: #bed883
}

.navbar:not(.mobile)>ul>li.bien-manger.is-active a::after,
.navbar:not(.mobile)>ul>li.bien-manger:hover a::after {
    background-color: #bed883
}

.navbar:not(.mobile)>ul>li.cuisines-et-recettes ul a:hover {
    color: #e4a372
}

.navbar:not(.mobile)>ul>li.cuisines-et-recettes.is-active a::after,
.navbar:not(.mobile)>ul>li.cuisines-et-recettes:hover a::after {
    background-color: #e4a372
}

.navbar:not(.mobile)>ul>li.se-soigner ul a:hover {
    color: #6bccbf
}

.navbar:not(.mobile)>ul>li.se-soigner.is-active a::after,
.navbar:not(.mobile)>ul>li.se-soigner:hover a::after {
    background-color: #6bccbf
}

.navbar:not(.mobile)>ul>li.bien-etre ul a:hover {
    color: #75a1c5
}

.navbar:not(.mobile)>ul>li.bien-etre.is-active a::after,
.navbar:not(.mobile)>ul>li.bien-etre:hover a::after {
    background-color: #75a1c5
}

.navbar:not(.mobile)>ul>li.forme ul a:hover {
    color: #e96e56
}

.navbar:not(.mobile)>ul>li.forme.is-active a::after,
.navbar:not(.mobile)>ul>li.forme:hover a::after {
    background-color: #e96e56
}

.navbar:not(.mobile)>ul>li ul a:hover {
    color: #df5858
}

.navbar:not(.mobile) a {
    font-size: 1.125rem;
    color: #2e2e30;
    text-transform: uppercase
}

.navbar:not(.mobile) .navbar__submenu {
    display: none;
    position: absolute;
    left: 50%;
    top: 100%;
    background: #f2f3f6;
    width: 100%;
    max-width: 65rem;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: megaMenu .4s cubic-bezier(.19, 1, .22, 1) both;
    animation: megaMenu .4s cubic-bezier(.19, 1, .22, 1) both;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.navbar:not(.mobile) .navbar__submenu ul {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    padding: 2.5rem 2rem;
    text-align: left
}

.navbar:not(.mobile) .navbar__submenu li {
    line-height: 1
}

.navbar:not(.mobile) .navbar__submenu a {
    display: block;
    transition: color .2s;
    padding: .3125rem 0
}

.navbar:not(.mobile) .navbar__submenu .view-articles {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    padding: 2.1875rem 1.875rem;
    text-align: left;
    background: #fff
}

.a-decouvrir .view-articles .navbar:not(.mobile) .navbar__submenu .view-content .views-row::after,
.navbar:not(.mobile) .navbar__submenu .view-articles .focus__title,
.navbar:not(.mobile) .navbar__submenu .view-content .a-decouvrir .view-articles .views-row::after,
.navbar:not(.mobile) .navbar__submenu .view-content .preview-article::after {
    display: none
}

.navbar:not(.mobile) .navbar__submenu .view-articles .views-field-title {
    margin-bottom: .4375rem
}

.navbar:not(.mobile) .navbar__submenu .view-articles .views-field-title a {
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-weight: 400;
    text-transform: none
}

.navbar:not(.mobile) .navbar__submenu .view-articles .views-field-body {
    font-size: 1.125rem;
    line-height: 1.3125rem;
    font-weight: 300;
    color: #7d7d86;
    display: none
}

.navbar:not(.mobile) .navbar__submenu .view-articles .views-field-field-article-categorie a {
    text-transform: none;
    display: none
}

.navbar:not(.mobile) .navbar__submenu .view-content {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.a-decouvrir .view-articles .navbar:not(.mobile) .navbar__submenu .view-content .views-row,
.navbar:not(.mobile) .navbar__submenu .view-content .a-decouvrir .view-articles .views-row,
.navbar:not(.mobile) .navbar__submenu .view-content .preview-article {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 30.5%;
    -ms-flex: 0 0 30.5%;
    flex: 0 0 30.5%;
    max-width: 30.5%;
    padding: 0
}

.a-decouvrir .view-articles .navbar:not(.mobile) .navbar__submenu .view-content .views-row figure,
.navbar:not(.mobile) .navbar__submenu .view-content .a-decouvrir .view-articles .views-row figure,
.navbar:not(.mobile) .navbar__submenu .view-content .preview-article figure {
    height: 10.625rem;
    margin-bottom: .9375rem
}

.a-decouvrir .view-articles .navbar:not(.mobile) .navbar__submenu .view-content .views-row a,
.navbar:not(.mobile) .navbar__submenu .view-content .a-decouvrir .view-articles .views-row a,
.navbar:not(.mobile) .navbar__submenu .view-content .preview-article a {
    padding: 0
}

.a-decouvrir .view-articles .navbar:not(.mobile) .navbar__submenu .view-content .views-row .article__type,
.navbar:not(.mobile) .navbar__submenu .view-content .a-decouvrir .view-articles .views-row .article__type,
.navbar:not(.mobile) .navbar__submenu .view-content .preview-article .article__type {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.navbar:not(.mobile) .navbar__submenu .views-row {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33%;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%
}

.secondary-nav {
    color: #fff;
    background: #2e2e30;
    text-transform: uppercase;
    font-family: 'LemonSans';
    font-size: 1.125rem;
    font-weight: 500;
    padding: 0 1em;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3
}

.secondary-nav__content {
    max-width: 87.5rem;
    margin: 0 auto;
    position: relative
}

.secondary-nav .menu-level-2,
.secondary-nav .menu-level-3 {
    padding-right: 3.5em
}

.secondary-nav .menu-level-2 a,
.secondary-nav .menu-level-3 a {
    display: inline-block;
    vertical-align: middle
}

.boite-a-outil .secondary-nav li.is-active a,
.boite-a-outil .secondary-nav li:hover a,
.secondary-nav .menu-level-2 ul.boite-a-outil li.is-active a,
.secondary-nav .menu-level-2 ul.boite-a-outil li:hover>a,
.secondary-nav .menu-level-3 ul.boite-a-outil li.is-active a,
.secondary-nav .menu-level-3 ul.boite-a-outil li:hover>a {
    color: #ceb869
}

.bien-manger .secondary-nav li.is-active a,
.bien-manger .secondary-nav li:hover a,
.secondary-nav .menu-level-2 ul.bien-manger li.is-active a,
.secondary-nav .menu-level-2 ul.bien-manger li:hover>a,
.secondary-nav .menu-level-3 ul.bien-manger li.is-active a,
.secondary-nav .menu-level-3 ul.bien-manger li:hover>a {
    color: #bed883
}

.cuisines-et-recettes .secondary-nav li.is-active a,
.cuisines-et-recettes .secondary-nav li:hover a,
.secondary-nav .menu-level-2 ul.cuisines-et-recettes li.is-active a,
.secondary-nav .menu-level-2 ul.cuisines-et-recettes li:hover>a,
.secondary-nav .menu-level-3 ul.cuisines-et-recettes li.is-active a,
.secondary-nav .menu-level-3 ul.cuisines-et-recettes li:hover>a {
    color: #e4a372
}

.se-soigner .secondary-nav li.is-active a,
.se-soigner .secondary-nav li:hover a,
.secondary-nav .menu-level-2 ul.se-soigner li.is-active a,
.secondary-nav .menu-level-2 ul.se-soigner li:hover>a,
.secondary-nav .menu-level-3 ul.se-soigner li.is-active a,
.secondary-nav .menu-level-3 ul.se-soigner li:hover>a {
    color: #6bccbf
}

.bien-etre .secondary-nav li.is-active a,
.bien-etre .secondary-nav li:hover a,
.secondary-nav .menu-level-2 ul.bien-etre li.is-active a,
.secondary-nav .menu-level-2 ul.bien-etre li:hover>a,
.secondary-nav .menu-level-3 ul.bien-etre li.is-active a,
.secondary-nav .menu-level-3 ul.bien-etre li:hover>a {
    color: #75a1c5
}

.forme .secondary-nav li.is-active a,
.forme .secondary-nav li:hover a,
.secondary-nav .menu-level-2 ul.forme li.is-active a,
.secondary-nav .menu-level-2 ul.forme li:hover>a,
.secondary-nav .menu-level-3 ul.forme li.is-active a,
.secondary-nav .menu-level-3 ul.forme li:hover>a {
    color: #e96e56
}

.secondary-nav .okayNav__menu-toggle {
    position: absolute;
    z-index: 3;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%)!important;
    -ms-transform: translate(0, -50%)!important;
    transform: translate(0, -50%)!important
}

.secondary-nav .menu-level-2,
.secondary-nav .menu-level-3 {
    position: relative
}

.secondary-nav .menu-level-2>a,
.secondary-nav .menu-level-3>a {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.secondary-nav .menu-level-2>a:focus,
.secondary-nav .menu-level-2>a:hover,
.secondary-nav .menu-level-3>a:focus,
.secondary-nav .menu-level-3>a:hover {
    background: 0 0;
    outline: none
}

.secondary-nav .menu-level-2>a span,
.secondary-nav .menu-level-3>a span {
    position: static;
    padding-right: 1.25rem;
    width: auto;
    height: 3.125rem;
    line-height: 3.125rem;
    background: 0 0;
    color: #fff
}

.secondary-nav .menu-level-2>a span::before {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    right: .3125rem
}

.secondary-nav .menu-level-2>a span::after,
.secondary-nav .menu-level-2>a span::before {
    border-right: 2px solid #fff;
    content: '';
    display: block;
    height: 8px;
    position: absolute;
    margin-top: -4px;
    top: 50%;
    width: 0;
    transition: transform .3s cubic-bezier(.165, .84, .44, 1);
    transition: transform .3s cubic-bezier(.165, .84, .44, 1), -webkit-transform .3s cubic-bezier(.165, .84, .44, 1)
}

.secondary-nav .menu-level-3>a span::before {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    right: .3125rem
}

.secondary-nav .menu-level-3>a span::after,
.secondary-nav .menu-level-3>a span::before {
    border-right: 2px solid #fff;
    content: '';
    display: block;
    height: 8px;
    position: absolute;
    margin-top: -4px;
    top: 50%;
    width: 0;
    transition: transform .3s cubic-bezier(.165, .84, .44, 1);
    transition: transform .3s cubic-bezier(.165, .84, .44, 1), -webkit-transform .3s cubic-bezier(.165, .84, .44, 1)
}

.secondary-nav .menu-level-2>a span::after,
.secondary-nav .menu-level-3>a span::after {
    right: .625rem;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.secondary-nav #okaynav1.-is-open .arrow::before,
.secondary-nav .menu-level-2>a.icon--active span::before,
.secondary-nav .menu-level-3>a.icon--active span::before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.secondary-nav #okaynav1.-is-open .arrow::after,
.secondary-nav .menu-level-2>a.icon--active span::after,
.secondary-nav .menu-level-3>a.icon--active span::after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.secondary-nav ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.secondary-nav ul:first-child {
    padding-left: .9375rem;
    padding-right: .625rem
}

@media print,
screen and (min-width:64em) {
    .secondary-nav ul:first-child {
        padding: 0 2.5rem;
        padding-right: .625rem
    }
}

.secondary-nav ul:nth-child(2) {
    width: 100%;
    position: absolute;
    top: 3.125rem;
    right: 0;
    z-index: 10;
    white-space: normal;
    text-align: left;
    display: none
}

@media print,
screen and (min-width:64em) {
    .secondary-nav ul:nth-child(2) {
        max-width: 31.25rem;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-rule: 1px solid #444;
        -moz-column-rule: 1px solid #444;
        column-rule: 1px solid #444;
        padding: .75rem 0
    }
}

.secondary-nav ul:nth-child(2).nav-open {
    display: block;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: okayNav .3s cubic-bezier(.175, .885, .32, 1.275) both;
    animation: okayNav .3s cubic-bezier(.175, .885, .32, 1.275) both
}

.secondary-nav ul:nth-child(2) li {
    display: block;
    width: 100%;
    line-height: 1;
    margin-bottom: 1.25rem
}

.secondary-nav ul:nth-child(2) a {
    padding: 0 1rem
}

.secondary-nav #okaynav1 {
    max-height: 3em;
    overflow: hidden;
    transition: all .45s;
    font-size: .8125em
}

.secondary-nav #okaynav1 ul {
    transition: all .45s;
    line-height: 2;
    padding: .5em 0
}

.secondary-nav #okaynav1.-is-open {
    max-height: 40em
}

@media print,
screen and (min-width:64em) {
    .secondary-nav #okaynav1.-is-open {
        max-height: 14em
    }
    .secondary-nav #okaynav1 {
        font-size: 1em
    }
}

.secondary-nav li {
    line-height: inherit;
    display: inline-block;
    vertical-align: middle;
    padding: 0 .5em
}

.secondary-nav li a {
    display: block;
    line-height: inherit;
    color: #fff;
    transition: color .25s
}

.secondary-nav li.is-active a,
.secondary-nav li:hover a {
    color: #df5858
}

.secondary-nav li.menu-parent {
    position: relative;
    opacity: .5;
    padding-right: 1.625rem
}

.secondary-nav li.menu-parent::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 1.125rem;
    height: .875rem;
    margin: -.4375rem 0 0 .875rem;
    background: url(/assets/arrow_right_white.svg) no-repeat left top;
    background-size: 1.125rem auto
}

.menu-level-2:not(.sublevel) ul {
    max-width: 75rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    list-style: none;
    margin: auto auto 0;
    padding: .6875rem 0
}

@media print,
screen and (min-width:40em) {
    .menu-level-2:not(.sublevel) ul {
        padding: 0
    }
}

.user-menu {
    margin: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    width: 100%;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.share-current>li,
.user-menu>li {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

[data-whatinput=mouse] .user-menu>li {
    outline: 0
}

.share-current>li>a,
.user-menu>li>a {
    display: block;
    padding: .7rem 1rem;
    line-height: 1
}

.share-current a,
.share-current button,
.share-current input,
.share-current select,
.user-menu a,
.user-menu button,
.user-menu input,
.user-menu select {
    margin-bottom: 0
}

@media print,
screen and (min-width:40em) {
    .user-menu {
        height: 4.375rem;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        transition: transform .4s cubic-bezier(.165, .84, .44, 1);
        transition: transform .4s cubic-bezier(.165, .84, .44, 1), -webkit-transform .4s cubic-bezier(.165, .84, .44, 1)
    }
    .node-type-articles .unpinned .user-menu {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    .user-menu>li:not(:first-child) {
        margin-left: 1rem
    }
}

.share-current li:not(:first-child) a,
.user-menu:not(.mobile)>li:not(.subscribe-cta)>a {
    padding: 0;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    background-color: #f1f1f1;
    border-radius: 100%;
    overflow: hidden;
    transition: color .2s, background-color .2s, transform .2s cubic-bezier(.175, .885, .32, 1.275);
    transition: color .2s, background-color .2s, transform .2s cubic-bezier(.175, .885, .32, 1.275), -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.275);
    color: #2b2b2c;
    border: none;
    cursor: pointer;
    position: relative
}

.user-menu:not(.mobile)>li:not(.subscribe-cta)>a::after {
    font-family: "nutricons"!important;
    content: attr(data-icon);
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-transform: none!important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 1rem;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.navbar.mobile .user-menu li:not(.subscribe-cta) a.nl::after,
.user-menu:not(.mobile)>li:not(.subscribe-cta)>a.nl::after {
    content: "\68"
}

.navbar.mobile .user-menu li:not(.subscribe-cta) a.account::after,
.user-menu:not(.mobile)>li:not(.subscribe-cta)>a.account::after {
    content: "\67"
}

.share-current li:not(:first-child) a:hover,
.user-menu:not(.mobile)>li:not(.subscribe-cta)>a:hover {
    color: #df5858;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.user-menu:not(.mobile) span {
    display: block;
    text-indent: 101%
}

.node-type-articles .sticky .share-current,
.share-current {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.share-current {
    margin: 0;
    list-style-type: none;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    align-items: center;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 4.375rem;
    background: #fff;
    z-index: 1;
    transition: transform .4s cubic-bezier(.165, .84, .44, 1);
    transition: transform .4s cubic-bezier(.165, .84, .44, 1), -webkit-transform .4s cubic-bezier(.165, .84, .44, 1);
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: hidden
}

[data-whatinput=mouse] #trigger-menu span,
[data-whatinput=mouse] .navbar.mobile .is-drilldown ul>li,
[data-whatinput=mouse] .share-current>li {
    outline: 0
}

.node-type-articles .sticky .share-current {
    visibility: visible
}

.node-type-articles .unpinned .share-current {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.share-current li {
    margin-left: 1.25rem
}

.share-current li:not(:first-child) a::after {
    font-family: "nutricons"!important;
    content: attr(data-icon);
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-transform: none!important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media print,
screen and (min-width:64em) {
    .share-current li:not(:first-child) a span {
        display: block;
        text-indent: 101%
    }
}

.share-current li:nth-child(2) a::after {
    content: "\65"
}

.share-current li:nth-child(3) a::after {
    content: "\6a"
}

.share-current li:nth-child(4) a::after {
    content: "\79";
    font-size: 1.625rem
}

.share-current li:nth-child(5) a::after {
    content: "\7a";
    font-size: 1.25rem
}

.search-btn-trigger {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    line-height: 2.8125rem
}

.search-btn-trigger::after {
    font-family: "nutricons"!important;
    content: attr(data-icon);
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-transform: none!important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    content: "\69";
    top: 50%;
    left: 1.25rem;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.search-btn-trigger span {
    display: block;
    text-indent: 101%;
    cursor: pointer
}

.navbar:not(.mobile) .search-btn-trigger {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    line-height: 3.125rem;
    min-height: 3.125rem;
    width: 3.125rem;
    cursor: pointer
}

@media print,
screen and (min-width:40em) {
    .navbar:not(.mobile) .search-btn-trigger {
        width: 6.25rem
    }
    .navbar:not(.mobile) .search-btn-trigger::after {
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    .navbar:not(.mobile) .search-btn-trigger::before {
        content: "";
        width: 1px;
        height: 60%;
        background-color: #ededed;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.search-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 100;
    background: #fff;
    will-change: opacity, transform;
    display: none
}

.search-modal__content {
    height: 100%;
    overflow-y: auto
}

.search-modal .block-search,
.search-modal .search-form,
.search-modal .search-form>div {
    height: 100%
}

.search-modal>.block {
    padding: 1.25rem;
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1
}

@media print,
screen and (min-width:40em) {
    .search-modal>.block {
        padding-top: 15vh
    }
}

.search-opened .search-modal {
    display: block;
    -webkit-animation: popIn .6s cubic-bezier(.19, 1, .22, 1) both;
    animation: popIn .6s cubic-bezier(.19, 1, .22, 1) both
}

.search-modal .close-button {
    top: 1.25rem;
    right: 1.25rem;
    z-index: 1
}

@media print,
screen and (min-width:40em) {
    .search-modal .close-button {
        top: 6vw;
        right: 6vw;
        font-size: 3rem
    }
}

.search-modal .custom-search-box {
    font-size: 2.25rem;
    line-height: 1.5;
    height: auto;
    border: none;
    padding: 0;
    margin: 15vh 0 7vh;
    border-radius: 0;
    box-shadow: inset 0 -.125rem 0 0 #ededed
}

.search-modal .custom-search-box:focus {
    box-shadow: inset 0 -.125rem 0 0 #df5858
}

@media print,
screen and (min-width:64em) {
    .search-modal .custom-search-box {
        font-size: 3rem
    }
}

.search-modal .container-inline {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 100%
}

.search-modal .container-inline>.form-actions,
.search-modal .container-inline>.form-item,
.search-modal .container-inline>h2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    padding-right: 0;
    padding-left: 0;
    max-width: 91.66667%
}

.search-modal .container-inline>.form-actions {
    display: none
}

.search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox {
    margin: .3125rem .625rem .3125rem 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation: filterIn .6s 100ms cubic-bezier(.19, 1, .22, 1) both;
    animation: filterIn .6s 100ms cubic-bezier(.19, 1, .22, 1) both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(2) {
    -webkit-animation-delay: 114ms;
    animation-delay: 114ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(3) {
    -webkit-animation-delay: 121ms;
    animation-delay: 121ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(4) {
    -webkit-animation-delay: 128ms;
    animation-delay: 128ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(5) {
    -webkit-animation-delay: 135ms;
    animation-delay: 135ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(6) {
    -webkit-animation-delay: 142ms;
    animation-delay: 142ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(7) {
    -webkit-animation-delay: 149ms;
    animation-delay: 149ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(8) {
    -webkit-animation-delay: 156ms;
    animation-delay: 156ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(9) {
    -webkit-animation-delay: 163ms;
    animation-delay: 163ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(10) {
    -webkit-animation-delay: 170ms;
    animation-delay: 170ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(11) {
    -webkit-animation-delay: 177ms;
    animation-delay: 177ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(12) {
    -webkit-animation-delay: 184ms;
    animation-delay: 184ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(13) {
    -webkit-animation-delay: 191ms;
    animation-delay: 191ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(14) {
    -webkit-animation-delay: 198ms;
    animation-delay: 198ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(15) {
    -webkit-animation-delay: 205ms;
    animation-delay: 205ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(16) {
    -webkit-animation-delay: 212ms;
    animation-delay: 212ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(17) {
    -webkit-animation-delay: 219ms;
    animation-delay: 219ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(18) {
    -webkit-animation-delay: 226ms;
    animation-delay: 226ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(19) {
    -webkit-animation-delay: 233ms;
    animation-delay: 233ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(20) {
    -webkit-animation-delay: 240ms;
    animation-delay: 240ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(21) {
    -webkit-animation-delay: 247ms;
    animation-delay: 247ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(22) {
    -webkit-animation-delay: 254ms;
    animation-delay: 254ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(23) {
    -webkit-animation-delay: 261ms;
    animation-delay: 261ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(24) {
    -webkit-animation-delay: 268ms;
    animation-delay: 268ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(25) {
    -webkit-animation-delay: 275ms;
    animation-delay: 275ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(26) {
    -webkit-animation-delay: 282ms;
    animation-delay: 282ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(27) {
    -webkit-animation-delay: 289ms;
    animation-delay: 289ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(28) {
    -webkit-animation-delay: 296ms;
    animation-delay: 296ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(29) {
    -webkit-animation-delay: 303ms;
    animation-delay: 303ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(30) {
    -webkit-animation-delay: 310ms;
    animation-delay: 310ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(31) {
    -webkit-animation-delay: 317ms;
    animation-delay: 317ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(32) {
    -webkit-animation-delay: 324ms;
    animation-delay: 324ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(33) {
    -webkit-animation-delay: 331ms;
    animation-delay: 331ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(34) {
    -webkit-animation-delay: 338ms;
    animation-delay: 338ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(35) {
    -webkit-animation-delay: 345ms;
    animation-delay: 345ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(36) {
    -webkit-animation-delay: 352ms;
    animation-delay: 352ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(37) {
    -webkit-animation-delay: 359ms;
    animation-delay: 359ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(38) {
    -webkit-animation-delay: 366ms;
    animation-delay: 366ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(39) {
    -webkit-animation-delay: 373ms;
    animation-delay: 373ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(40) {
    -webkit-animation-delay: 380ms;
    animation-delay: 380ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(41) {
    -webkit-animation-delay: 387ms;
    animation-delay: 387ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(42) {
    -webkit-animation-delay: 394ms;
    animation-delay: 394ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(43) {
    -webkit-animation-delay: 401ms;
    animation-delay: 401ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(44) {
    -webkit-animation-delay: 408ms;
    animation-delay: 408ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(45) {
    -webkit-animation-delay: 415ms;
    animation-delay: 415ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(46) {
    -webkit-animation-delay: 422ms;
    animation-delay: 422ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(47) {
    -webkit-animation-delay: 429ms;
    animation-delay: 429ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(48) {
    -webkit-animation-delay: 436ms;
    animation-delay: 436ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(49) {
    -webkit-animation-delay: 443ms;
    animation-delay: 443ms
}

.search-opened .search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) .form-type-checkbox:nth-child(50) {
    -webkit-animation-delay: 450ms;
    animation-delay: 450ms
}

.search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) label {
    margin: 0;
    font-size: 1.25rem;
    padding: .0625rem .8125rem;
    box-shadow: inset 0 0 0 .125rem #ededed;
    border-radius: 1.25rem;
    transition: color .1s, box-shadow .2s;
    position: relative
}

.search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) label::after,
.search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) label::before {
    position: absolute;
    width: 1.375rem;
    height: 1.375rem;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    transition: transform .2s cubic-bezier(.175, .885, .32, 1.275);
    transition: transform .2s cubic-bezier(.175, .885, .32, 1.275), -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.275)
}

.search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) label::before {
    top: -.25rem;
    right: -.5rem
}

.search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) label::after {
    font-family: "nutricons"!important;
    content: attr(data-icon);
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-transform: none!important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\6b";
    color: #fff;
    font-size: 1rem;
    top: -.0625rem;
    right: -.6875rem
}

.search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) label::before {
    content: "";
    border-radius: 100%;
    background-color: #4db356;
    box-shadow: 0 0 0 .1875rem #fff
}

.search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) [type=checkbox]:checked+label {
    color: #4db356;
    box-shadow: inset 0 0 0 .125rem rgba(77, 179, 86, .8)
}

.search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) [type=checkbox]:checked+label::after,
.search-modal .container-inline .custom-search-vocabulary:not(.form-checkbox) [type=checkbox]:checked+label::before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

@-webkit-keyframes popIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes popIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes popOut {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@keyframes popOut {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@-webkit-keyframes filterIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50%);
        transform: translateY(50%)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes filterIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50%);
        transform: translateY(50%)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

#trigger-menu {
    position: absolute;
    top: .875rem;
    left: .5rem;
    z-index: 13;
    margin: 0;
    border: none;
    width: 3.75rem;
    height: 3.125rem;
    font-size: 0
}

@media print,
screen and (min-width:40em) {
    #trigger-menu {
        top: 2.1875rem;
        right: 1.875rem
    }
}

#trigger-menu span {
    position: absolute;
    width: 1.375rem;
    height: .125rem;
    top: 50%;
    left: 50%;
    background: #2b2b2c;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#trigger-menu span::after,
#trigger-menu span::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: inherit;
    transition: transform .2s cubic-bezier(.175, .885, .32, 1.275), background .3s;
    transition: transform .2s cubic-bezier(.175, .885, .32, 1.275), background .3s, -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.275)
}

#trigger-menu span::before {
    -webkit-transform: translateY(-.375rem);
    -ms-transform: translateY(-.375rem);
    transform: translateY(-.375rem)
}

#trigger-menu span::after {
    -webkit-transform: translateY(.375rem);
    -ms-transform: translateY(.375rem);
    transform: translateY(.375rem)
}

#trigger-menu,
.nav-open #trigger-menu span {
    background: 0 0
}

.nav-open #trigger-menu span::before {
    background: #2b2b2c;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.nav-open #trigger-menu span::after {
    background: #2b2b2c;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.navbar.mobile {
    position: fixed;
    height: 100vh;
    top: 0;
    width: 85vw;
    padding-top: 5rem;
    max-width: 21.25rem;
    z-index: 9;
    transition: transform .35s cubic-bezier(.19, 1, .22, 1);
    transition: transform .35s cubic-bezier(.19, 1, .22, 1), -webkit-transform .35s cubic-bezier(.19, 1, .22, 1);
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    background: #fff;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.nav-open .navbar.mobile {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.navbar.mobile .is-drilldown ul,
.navbar.mobile .is-drilldown ul>li>a {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.navbar.mobile .is-drilldown ul {
    margin: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.navbar.mobile .is-drilldown ul>li>a {
    display: block;
    line-height: 1;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: .875rem 1.25rem .75rem
}

.navbar.mobile .is-drilldown ul a,
.navbar.mobile .is-drilldown ul button,
.navbar.mobile .is-drilldown ul input,
.navbar.mobile .is-drilldown ul select,
.navbar.mobile .user-menu a,
.navbar.mobile .user-menu button,
.navbar.mobile .user-menu input,
.navbar.mobile .user-menu select,
.social-icons a,
.social-icons button,
.social-icons input,
.social-icons select {
    margin-bottom: 0
}

.navbar.mobile .is-drilldown ul>li,
.navbar.mobile .user-menu>li {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.navbar.mobile .is-drilldown li:not(:last-child) {
    border-bottom: 1px solid #ededed
}

.navbar.mobile .is-drilldown .js-drilldown-back a {
    position: relative;
    background-color: #ededed;
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: .0625rem;
    color: #df5858;
    padding: 1.125rem 1.25rem .9375rem 3.125rem
}

.navbar.mobile a {
    font-size: 1.125rem;
    color: #2e2e30;
    text-transform: uppercase
}

.navbar.mobile .user-menu {
    margin: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 1.5625rem 1.875rem 5rem;
    border-top: 1px solid #ededed
}

[data-whatinput=mouse] .navbar.mobile .user-menu>li,
[data-whatinput=mouse] .social-icons>li {
    outline: 0
}

.navbar.mobile .user-menu>li>a {
    display: block;
    padding: .7rem 1rem;
    line-height: 1;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.navbar.mobile .user-menu li {
    border-bottom: none;
    margin: .3125rem 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.navbar.mobile .user-menu li.subscribe-cta {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: .9375rem
}

.featured.special-abonne h3,
.navbar.mobile .user-menu li.subscribe-cta a {
    color: #fff
}

.navbar.mobile .user-menu li:not(.subscribe-cta) a {
    position: relative;
    border-bottom: none
}

.navbar.mobile .user-menu li:not(.subscribe-cta) a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-color: #f1f1f1;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 100%
}

.navbar.mobile .user-menu li:not(.subscribe-cta) a::after {
    font-family: "nutricons"!important;
    content: attr(data-icon);
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-transform: none!important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    left: .75rem;
    font-size: 1rem;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.navbar.mobile .user-menu>li:not(.subscribe-cta)>a {
    padding-left: 3.4375rem
}

.overlay {
    z-index: 8;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #2b2b2c;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .2s, visibility 0s
}

.nav-open .overlay {
    opacity: .7;
    visibility: visible;
    pointer-events: auto
}

.is-drilldown-submenu {
    will-change: transform;
    transition: transform .5s cubic-bezier(.19, 1, .22, 1);
    transition: transform .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform .5s cubic-bezier(.19, 1, .22, 1);
    background-color: #fff
}

.is-drilldown-submenu.is-active {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.is-drilldown-submenu.is-closing {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    transition-duration: .4s
}

.anc__legend strong,
.is-drilldown-submenu li a {
    display: block
}

.is-drilldown-submenu-parent>a::after,
.js-drilldown-back>a::before {
    font-family: "nutricons"!important;
    content: attr(data-icon);
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-transform: none!important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: none
}

.is-drilldown-submenu-parent>a::after {
    right: 1.875rem;
    content: "\63";
    top: 1.1875rem
}

.js-drilldown-back>a::before {
    content: "\76";
    position: absolute;
    top: .5625rem;
    left: .9375rem;
    font-size: 2.125rem;
    color: #2e2e30
}

.sticky {
    position: fixed;
    z-index: 10;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff;
    transition: transform .3s cubic-bezier(.165, .84, .44, 1), box-shadow .2s;
    transition: transform .3s cubic-bezier(.165, .84, .44, 1), box-shadow .2s, -webkit-transform .3s cubic-bezier(.165, .84, .44, 1);
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

@media screen and (max-width:63.9375em) {
    .sticky {
        display: none!important
    }
}

.sticky .header__content {
    min-height: 4.375rem;
    background: #fff;
    overflow: hidden
}

.sticky .header__logo {
    width: 11.25rem
}

.sticky .social-icons {
    display: none
}

.sticky .secondary-nav {
    position: static
}

.sticky .navbar {
    background: #fff
}

.sticky .navbar .navbar__submenu {
    display: none!important
}

.sticky #toggled__container {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%
}

.sticky #toggled__container .menu-level-3>ul {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    text-align: left;
    white-space: normal;
    padding: 1em 0 1em 25%
}

.sticky #toggled__container .menu-level-3>ul>li {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    line-height: 1;
    margin-bottom: .5em
}

.sticky #toggled__container .menu-level-3>ul>li.menu-parent {
    position: absolute;
    top: 1em;
    left: 0
}

@media print,
screen and (min-width:90em) {
    .sticky #toggled__container .menu-level-3>ul {
        padding: 1em 0 1em 20%
    }
    .sticky #toggled__container .menu-level-3>ul>li {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }
    .sticky #toggled__container .menu-level-2>ul {
        padding: 1em 0
    }
}

.sticky .trigger-nav {
    background: #fff;
    color: #2e2e30;
    font-family: 'LemonSans', sans-serif;
    font-weight: 600;
    font-size: 1.125rem;
    transition: color .2s;
    position: relative;
    padding-left: 1.75rem
}

.sticky .trigger-nav:hover {
    color: #df5858;
    background: #fff;
    box-shadow: none
}

.sticky .trigger-nav:hover::after,
.sticky .trigger-nav:hover::before {
    background-color: #df5858
}

.sticky .trigger-nav:focus {
    background: #fff;
    box-shadow: none
}

.sticky .trigger-nav::after,
.sticky .trigger-nav::before {
    content: "";
    position: absolute;
    top: 1.1875rem;
    width: .75rem;
    height: .125rem;
    background-color: #2e2e30;
    transition: transform .25s cubic-bezier(.165, .84, .44, 1), background-color .2s;
    transition: transform .25s cubic-bezier(.165, .84, .44, 1), background-color .2s, -webkit-transform .25s cubic-bezier(.165, .84, .44, 1)
}

.sticky .trigger-nav::after {
    left: 0
}

.sticky .trigger-nav::before {
    left: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sticky .trigger-nav::after {
    left: .5rem
}

.sticky .trigger-nav::after,
.sticky.sticky-opened .trigger-nav::before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.sticky.sticky-opened .trigger-nav::after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sticky.not-top {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    box-shadow: 0 .3125rem 1.25rem rgba(43, 43, 44, .2)
}

@-webkit-keyframes megaMenu {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50%) scaleY(.7);
        transform: translateX(-50%) scaleY(.7);
        box-shadow: 0 0 0 0 rgba(38, 38, 62, .35)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(-50%) scaleY(1);
        transform: translateX(-50%) scaleY(1);
        box-shadow: 0 1.875rem 3.125rem 0 rgba(38, 38, 62, .35)
    }
}

@keyframes megaMenu {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50%) scaleY(.7);
        transform: translateX(-50%) scaleY(.7);
        box-shadow: 0 0 0 0 rgba(38, 38, 62, .35)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(-50%) scaleY(1);
        transform: translateX(-50%) scaleY(1);
        box-shadow: 0 1.875rem 3.125rem 0 rgba(38, 38, 62, .35)
    }
}

@-webkit-keyframes okayNav {
    0% {
        opacity: 0;
        -webkit-transform: scaleY(.7);
        transform: scaleY(.7)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes okayNav {
    0% {
        opacity: 0;
        -webkit-transform: scaleY(.7);
        transform: scaleY(.7)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@-webkit-keyframes subMenuItem {
    0% {
        opacity: .01;
        -webkit-transform: translateY(20%);
        transform: translateY(20%)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes subMenuItem {
    0% {
        opacity: .01;
        -webkit-transform: translateY(20%);
        transform: translateY(20%)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.featured {
    padding-bottom: 2.5rem
}

@media print,
screen and (min-width:40em) {
    .featured {
        padding-left: .9375rem;
        padding-right: .9375rem;
        padding-bottom: 4.6875rem
    }
}

@media screen and (min-width:75em) {
    .featured {
        padding-left: 0;
        padding-right: 0
    }
}

@media print,
screen and (min-width:40em) {
    .container .featured {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 4em
    }
}

@media screen and (min-width:75em) {
    .container .featured {
        padding-left: 0;
        padding-right: 0
    }
}

.featured h2,
.featured h3 {
    position: relative;
    display: block;
    max-width: 64rem;
    margin: 0 auto;
    text-align: center
}

.featured h2 {
    font-style: italic;
    margin-bottom: 1.875rem;
    font-family: 'ActaDisplay', Georgia, serif;
    font-size: 1.6875rem;
    line-height: 1.6875rem;
    font-weight: 900
}

@media print,
screen and (min-width:40em) {
    .featured h2 {
        font-size: 2.1875rem;
        line-height: 2.1875rem
    }
}

@media screen and (max-width:39.9375em) {
    .special-abonne.featured h2 {
        color: #fff
    }
}

.featured h2::before {
    content: "";
    position: absolute;
    width: 100%;
    max-width: 48.75rem;
    height: .5rem;
    top: 50%;
    right: 50%;
    -webkit-transform: translateY(-50%) translateX(50%);
    -ms-transform: translateY(-50%) translateX(50%);
    transform: translateY(-50%) translateX(50%);
    background-image: url(/assets/bg_pattern_stripes.png);
    background-color: #ccd4d7;
    background-position: left center;
    background-repeat: repeat;
    z-index: 1
}

.boite-a-outil.featured h2::before {
    background-color: rgba(206, 184, 105, .5)
}

.bien-manger.featured h2::before {
    background-color: rgba(190, 216, 131, .5)
}

.cuisines-et-recettes.featured h2::before {
    background-color: rgba(228, 163, 114, .5)
}

.se-soigner.featured h2::before {
    background-color: rgba(107, 204, 191, .5)
}

.bien-etre.featured h2::before {
    background-color: rgba(117, 161, 197, .5)
}

.forme.featured h2::before {
    background-color: rgba(233, 110, 86, .5)
}

.footer .social-icons>li>a,
.special-abonne.featured h2::before {
    background-color: #fff
}

@media screen and (max-width:39.9375em) {
    .featured h2::before,
    .special-abonne.featured h2::before {
        display: none
    }
}

.featured h2 span {
    padding: 0 .9375rem;
    background: #fff;
    position: relative;
    display: inline-block;
    z-index: 2
}

@media screen and (max-width:39.9375em) {
    .special-abonne.featured h2 span {
        background: 0 0
    }
}

.featured h3 {
    margin-bottom: .625rem;
    padding-left: 5%;
    padding-right: 5%;
    font-family: 'LemonSans', Arial, sans-serif;
    font-weight: 200;
    font-size: 1.5rem;
    line-height: 1.875rem
}

@media print,
screen and (min-width:40em) {
    .featured h3 {
        margin-bottom: 1.875rem;
        padding: 0;
        font-size: 1.75rem;
        line-height: 1.75rem
    }
}

.featured.special-abonne {
    position: relative;
    margin-bottom: 2.1875rem;
    padding-bottom: 3.5625rem;
    text-align: center
}

@media screen and (max-width:39.9375em) {
    .featured.special-abonne {
        padding-top: 3.4375rem
    }
}

@media print,
screen and (min-width:40em) {
    .featured.special-abonne {
        margin-bottom: 4em
    }
}

.featured.special-abonne::before {
    position: absolute;
    display: block;
    content: '';
    right: 50%;
    bottom: 0;
    width: 100vw;
    height: 80%;
    height: calc(100% - 10em);
    background: #4e4f63 url(/assets/bg_pattern_circles.png) left top;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%)
}

@media screen and (min-width:90em) {
    .featured.special-abonne::before {
        width: 100rem
    }
}

@media screen and (max-width:39.9375em) {
    .featured.special-abonne::before {
        height: 100%;
        width: 100%
    }
}

@media print,
screen and (min-width:40em) {
    .featured.special-abonne h3 {
        color: #7d7d86
    }
}

.featured.special-abonne .row {
    text-align: left
}

.featured.special-abonne .button,
.featured.special-abonne .page-node-done .links a,
.featured.special-abonne .page-user #user_login_form .form-submit,
.featured.special-abonne .page-user .change-profile a,
.featured.special-abonne .page-user .create-account .login-register,
.featured.special-abonne [type=submit],
.page-node-done .links .featured.special-abonne a,
.page-user #user_login_form .featured.special-abonne .form-submit,
.page-user .change-profile .featured.special-abonne a,
.page-user .create-account .featured.special-abonne .login-register {
    position: relative;
    margin: auto;
    text-align: center
}

.featured.featured--six {
    border-bottom: .0625rem solid #ededed;
    padding-bottom: 0;
    margin-bottom: 2.5625rem
}

@media print,
screen and (min-width:40em) {
    .featured.featured--six {
        margin-bottom: 4em
    }
}

.featured--newsletter {
    margin-bottom: 2.1875rem
}

@media print,
screen and (min-width:40em) {
    .featured--newsletter {
        margin-bottom: 0
    }
}

.featured.last-articles {
    padding-bottom: 0
}

.container--footer {
    background: #f1f1f1
}

.footer {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 16.125rem .9375rem 1.25rem
}

@media screen and (min-width:75em) {
    .footer {
        padding-left: 0;
        padding-right: 0
    }
}

.footer #block-block-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0 0 2.5rem;
    padding: 0 0 2.5rem;
    text-align: center;
    border-bottom: .0625rem solid #ddd
}

@media print,
screen and (min-width:40em) {
    .footer #block-block-6 {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,
screen and (min-width:64em) {
    .footer #block-block-6 {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

.footer #block-block-5,
.footer #block-block-5 .list-categories .categorie {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: .625rem;
    padding-left: .625rem;
    max-width: 100%
}

.footer #block-block-5 {
    padding-left: 0!important;
    font-size: .9375rem;
    line-height: 1.4375rem;
    font-weight: 300;
    color: #7d7d86;
    margin-bottom: 1.375rem
}

@media print,
screen and (min-width:40em) {
    .footer #block-block-5 {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,
screen and (min-width:64em) {
    .footer #block-block-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        padding-right: .625rem;
        padding-left: .625rem;
        max-width: 75%
    }
}

@media print,
screen and (min-width:64em) and (min-width:40em) {
    .footer #block-block-5 {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,
screen and (min-width:64em) and (min-width:64em) {
    .footer #block-block-5 {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

@media print,
screen and (min-width:40em) {
    .footer #block-block-5 {
        margin-bottom: 0;
        font-size: 1.125rem;
        line-height: 1.375rem
    }
}

.footer #block-block-5>p {
    margin-bottom: 2.375rem;
    line-height: inherit
}

.footer,
.footer #block-block-5 .list-categories {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.footer #block-block-5 .list-categories .categorie {
    margin-bottom: .625rem
}

@media print,
screen and (min-width:40em) {
    .footer #block-block-5 .list-categories .categorie {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,
screen and (min-width:64em) {
    .footer #block-block-5 .list-categories .categorie {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

@media print,
screen and (min-width:40em) {
    .footer #block-block-5 .list-categories .categorie {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        margin-bottom: 1.375rem
    }
    .footer #block-block-5 .list-categories .categorie:not(:nth-child(3n+2)) {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        padding-right: 0;
        padding-left: 0;
        max-width: 33.33333%
    }
}

.footer #block-block-5 .list-categories .categorie p {
    line-height: inherit
}

.footer #block-block-5 .list-categories .categorie>a:first-child {
    position: relative;
    display: inline-block;
    overflow: hidden;
    font-size: 1.0625rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: #2e2e30;
    text-transform: uppercase
}

@media print,
screen and (min-width:40em) {
    .footer #block-block-5 .list-categories .categorie>a:first-child {
        font-size: 1.25rem;
        line-height: 1.5625rem
    }
}

.footer #block-block-5 .list-categories .categorie>a:first-child::before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    width: 100%;
    height: 0;
    border: .0625rem solid #2e2e30;
    -webkit-transform: translateX(-101%);
    -ms-transform: translateX(-101%);
    transform: translateX(-101%);
    transition: transform .25s cubic-bezier(.25, .46, .45, .94), color .6s;
    transition: transform .25s cubic-bezier(.25, .46, .45, .94), color .6s, -webkit-transform .25s cubic-bezier(.25, .46, .45, .94)
}

.footer #block-block-5 .list-categories .categorie>a:first-child:hover {
    color: #2e2e30
}

.footer #block-block-5 .list-categories .categorie>a:first-child:hover::before {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.region-pre-footer {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    position: relative;
    z-index: 1;
    margin-bottom: -12.1875rem
}

@media print,
screen and (min-width:40em) {
    .region-pre-footer {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

@media screen and (min-width:75em) {
    .region-pre-footer {
        padding-left: 0;
        padding-right: 0
    }
}

.region-pre-footer #block-block-3 {
    text-align: center
}

.region-pre-footer #block-block-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: .625rem;
    padding-left: .625rem;
    max-width: 100%;
    text-align: center
}

@media print,
screen and (min-width:40em) {
    .region-pre-footer #block-block-3,
    .region-pre-footer #block-block-4 {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,
screen and (min-width:64em) {
    .region-pre-footer #block-block-3,
    .region-pre-footer #block-block-4 {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

@media print,
screen and (min-width:40em) {
    .region-pre-footer #block-block-3,
    .region-pre-footer #block-block-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.region-pre-footer #block-block-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: .625rem;
    padding-left: .625rem;
    max-width: 100%;
    margin-bottom: 1.875rem;
    color: #fff
}

@media print,
screen and (min-width:40em) {
    .region-pre-footer #block-block-3 {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,
screen and (min-width:64em) {
    .region-pre-footer #block-block-3 {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

@media print,
screen and (min-width:40em) {
    .region-pre-footer #block-block-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        padding-right: 0;
        padding-left: 0;
        max-width: 50%;
        margin-top: 3.75rem;
        margin-bottom: 0
    }
}

.region-pre-footer #block-block-4 {
    margin-bottom: 1.875rem;
    padding: 0;
    color: #fff
}

@media print,
screen and (min-width:40em) {
    .region-pre-footer #block-block-4 {
        margin-bottom: 0
    }
}

.region-pre-footer .push {
    background: #df5858 url(/assets/bg_pattern_boutique.png) left top
}

.region-pre-footer .push--shop {
    padding: 2.8125rem .625rem 2.5rem
}

@media print,
screen and (min-width:40em) {
    .region-pre-footer .push--shop {
        padding: 2.8125rem 0 2.5rem
    }
}

.region-pre-footer .push--shop__content img {
    margin-bottom: .4375rem
}

.region-pre-footer .push--shop__content p {
    margin-bottom: 1.4375rem
}

.region-pre-footer .push--shop__title {
    margin: auto;
    margin-bottom: .4375rem;
    font-family: 'ActaDisplay';
    font-size: 1.6875rem;
    line-height: 1.6875rem;
    font-weight: 900;
    font-style: italic
}

@media print,
screen and (min-width:40em) {
    .region-pre-footer .push--shop__title {
        font-size: 2.25rem;
        line-height: 2.25rem
    }
}

.region-pre-footer .push--subscribe {
    width: calc(100% - 26px);
    margin: auto;
    box-shadow: 0 0 0 .8125rem #fff;
    border: .8125rem solid transparent;
    -o-border-image: url(/assets/bg_pattern_stripes.png) 13 round;
    border-image: url(/assets/bg_pattern_stripes.png) 13 round;
    border-image-outset: 1;
    background: #fff url(/assets/bg_pasabonne.jpg) -.8125rem -.8125rem
}

.region-pre-footer .push--subscribe__content {
    padding: 5rem 0 3.5rem
}

.region-pre-footer .push--subscribe__content>p {
    max-width: auto
}

.region-pre-footer .push--subscribe__title {
    margin: auto;
    margin-bottom: .625rem;
    font-family: 'ActaDisplay';
    font-size: 1.6875rem;
    line-height: 1.6875rem;
    font-weight: 900;
    font-style: italic;
    color: #2e2e30
}

@media print,
screen and (min-width:40em) {
    .region-pre-footer .push--subscribe__title {
        font-size: 2.8125rem;
        line-height: 2.8125rem
    }
}

.region-pre-footer .push--subscribe p {
    color: #2e2e30
}

.region-pre-footer .push p {
    max-width: 26.25rem;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.3125rem;
    line-height: 1
}

section[role=main] {
    padding-top: 5em
}

@media print,
screen and (min-width:40em) {
    section[role=main] {
        padding-top: 3.5em
    }
}

@media print,
screen and (min-width:64em) {
    section[role=main] {
        padding-top: 5em
    }
}

section[role=main].autre {
    padding-top: 1em
}

.social-icons {
    margin: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.social-icons>li {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.social-icons>li>a {
    display: block;
    padding: .7rem 1rem;
    line-height: 1;
    padding: 0;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    background-color: #f1f1f1;
    border-radius: 100%;
    overflow: hidden;
    border: none;
    transition: color .2s, background-color .2s, transform .2s cubic-bezier(.175, .885, .32, 1.275);
    transition: color .2s, background-color .2s, transform .2s cubic-bezier(.175, .885, .32, 1.275), -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.275);
    color: #2b2b2c;
    position: relative
}

.social-icons .has-tip {
    cursor: pointer
}

.footer .social-icons {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.social-icons>li:not(:first-child) {
    margin-left: 1rem
}

.social-icons>li>a::after {
    font-family: "nutricons"!important;
    content: attr(data-icon);
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-transform: none!important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 1rem;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.social-icons>li>a.fb::after {
    content: "\65"
}

.social-icons>li>a.tw::after {
    content: "\6a"
}

.social-icons>li>a:hover {
    color: #df5858;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.social-icons span {
    display: block;
    text-indent: 101%
}

.pager,
.recherche-aliment form#nutrition-search-aliment-by-name-form>div {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pager--infinite-scroll {
    list-style: none;
    margin-top: .9375rem
}

@media print,
screen and (min-width:40em) {
    .pager--infinite-scroll {
        margin-top: 1.875rem
    }
}

.pager__item a {
    display: block;
    margin: 0;
    padding: .75rem 1.375rem;
    font-size: 1rem;
    font-weight: 600;
    color: #2e2e30;
    text-transform: uppercase;
    letter-spacing: .0625rem;
    border: none;
    background: 0 0;
    border-radius: .1875rem;
    box-shadow: inset 0 0 0 0 #df5858, inset 0 0 0 .125rem #2e2e30;
    transition: box-shadow .4s cubic-bezier(.25, .46, .45, .94), color .25s cubic-bezier(.25, .46, .45, .94)
}

.pager__item a:hover {
    color: #fff;
    box-shadow: inset 18.75rem 0 0 0 #df5858, inset 0 0 0 .125rem #2e2e30;
    background-color: #df5858
}

.content {
    position: relative
}

.-is-sticky.-is-sticked {
    position: fixed;
    top: 100px
}

.-is-sticky.-is-sticked.-is-bottom {
    position: absolute;
    top: auto!important;
    bottom: 0!important;
    right: 0!important;
    left: auto!important
}

.page-les-aliments-a-la-loupe h2 {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
    margin: auto;
    font-family: 'ActaDisplay';
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-weight: 900;
    font-style: italic
}

.page-les-aliments-a-la-loupe .title,
.recherche-aliment .title,
.recherche-aliment h2 {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
    margin: auto;
    font-family: 'ActaDisplay';
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-weight: 900;
    font-style: italic
}

.recherche-aliment .title,
.recherche-aliment h2 {
    margin-bottom: 1rem;
    text-align: center
}

@media print,
screen and (min-width:40em) {
    .page-les-aliments-a-la-loupe .title,
    .page-les-aliments-a-la-loupe h2,
    .recherche-aliment .title,
    .recherche-aliment h2 {
        font-size: 2.5rem;
        line-height: 2.5rem
    }
}

.page-les-aliments-a-la-loupe .title,
.page-les-aliments-a-la-loupe h2 {
    margin-bottom: 1.875rem;
    text-align: left
}

.page-les-aliments-a-la-loupe .recherche-aliment .title,
.page-les-aliments-a-la-loupe .recherche-aliment h2,
.section-search .search-results figure {
    margin-bottom: 1rem
}

.page-les-aliments-a-la-loupe section[role=main] h1 {
    margin-bottom: 5.3125rem
}

@media print,
screen and (min-width:40em) {
    .page-les-aliments-a-la-loupe .left>div:last-child {
        margin-bottom: 6rem
    }
}

.page-les-aliments-a-la-loupe .subtitle {
    position: relative;
    display: block;
    margin-bottom: .4375rem;
    font-size: 1.25rem;
    line-height: 1.5625rem;
    text-transform: uppercase
}

.recherche-aliment {
    max-width: 100rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 2.75rem;
    padding: 2.4375rem 1.375rem 1.5625rem;
    background: url(/assets/bg_aliments_loupe.jpg) no-repeat center top
}

@media print,
screen and (min-width:40em) {
    .recherche-aliment {
        margin-bottom: 4em
    }
}

.section-les-aliments-a-la-loupe .recherche-aliment {
    margin-bottom: 1.5625rem;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background: url(/assets/bg_pattern_recherche_aliment.jpg) no-repeat left top
}

.recherche-aliment__content {
    width: 100%;
    max-width: 29.375rem;
    margin: auto;
    text-align: left
}

@media print,
screen and (min-width:40em) {
    .recherche-aliment form#nutrition-search-aliment-by-name-form {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        padding-right: 0;
        padding-left: 0;
        max-width: 58.33333%
    }
}

.recherche-aliment form#nutrition-search-aliment-by-name-form>div {
    margin-bottom: .75rem
}

.recherche-aliment form#nutrition-search-aliment-by-name-form .form-type-textfield {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.recherche-aliment form#nutrition-search-aliment-by-name-form .form-text {
    position: relative;
    z-index: 1;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    height: 3.125rem;
    font-size: 1.25rem;
    line-height: 1.25rem;
    box-shadow: inset 0 0 0 .125rem #ededed
}

.recherche-aliment form#nutrition-search-aliment-by-name-form .form-text:focus {
    border: none;
    box-shadow: inset 0 0 0 .125rem #d1d1d1
}

.recherche-aliment form#nutrition-search-aliment-by-name-form .form-submit {
    position: relative;
    z-index: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0;
    -ms-flex: 0 0;
    flex: 0 0;
    min-width: 4.0625rem;
    padding: .75rem 1.375rem;
    margin: 0 0 0 -.125rem;
    border-radius: 0;
    font-size: 1rem;
    font-weight: 600;
    color: transparent;
    text-transform: uppercase;
    letter-spacing: .0625rem;
    text-indent: -1000%;
    background: #fff;
    border: none;
    transition: box-shadow .4s cubic-bezier(.25, .46, .45, .94), background-color .4s cubic-bezier(.25, .46, .45, .94);
    cursor: pointer;
    box-shadow: inset 0 0 0 .125rem #ededed;
    background: #fff url(/assets/icon-search.svg) no-repeat 48% center;
    background-size: 1.5rem 1.5rem
}

.section-les-aliments-a-la-loupe .recherche-aliment form#nutrition-search-aliment-by-name-form .form-submit {
    background-size: 1.25rem 1.25rem
}

.recherche-aliment form#nutrition-search-aliment-by-name-form .form-submit:hover {
    background-color: #d1d1d1;
    box-shadow: inset 0 0 0 .125rem #d1d1d1
}

.recherche-aliment form#nutrition-search-aliment-by-name-form .link {
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1 100%;
    -ms-flex: 1 100%;
    flex: 1 100%;
    margin-top: .375rem;
    font-size: 1rem;
    letter-spacing: .09375rem;
    text-transform: uppercase
}

.recherche-aliment form#nutrition-search-aliment-by-name-form .link a {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    color: #2e2e30
}

.recherche-aliment form#nutrition-search-aliment-by-name-form .link a::after {
    position: relative;
    content: '';
    display: block;
    margin: 0 0 0 .5rem;
    width: 1.3125rem;
    height: .875rem;
    background: url(/assets/arrow_right_dark.svg);
    background-size: 1.3125rem .875rem;
    transition: margin .25s cubic-bezier(.25, .46, .45, .94)
}

.groupe-aliment {
    position: relative;
    margin: 0 0 1.875rem;
    padding: .9375rem;
    background: url(/assets/bg_pattern_paper.jpg) left top
}

@media print,
screen and (min-width:40em) {
    .groupe-aliment {
        padding: 3.75rem
    }
}

.abc-order H2,
.groupe-aliment H2 {
    margin-bottom: 2.6875rem
}

.groupe-aliment::before {
    display: block;
    position: absolute;
    z-index: 0;
    right: 0;
    top: 0;
    content: '';
    width: 29.5625rem;
    height: 12.4375rem;
    background: url(/sites/all/themes/lanutrition/img/bg_pattern_groupe_aliment_tronque.png) no-repeat right -1.0625rem;
    background-size: 18.75rem auto
}

@media print,
screen and (min-width:40em) {
    .groupe-aliment::before {
        background-size: auto auto;
        background-position: right top
    }
}

.abc-order .groupe-content,
.group-content {
    position: relative;
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    background: #fff;
    box-shadow: 0 .9375rem 1.875rem -.1875rem rgba(43, 43, 44, .2)
}

#groupes,
#nutriments_by_alpha,
#nutriments_by_groupe {
    padding-top: .75rem;
    padding-bottom: .75rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding-right: 0;
    padding-left: 0;
    max-width: 50%;
    border-right: .0625rem solid #ededed
}

#groupes ul,
#nutriments_by_alpha ul,
#nutriments_by_groupe ul {
    margin: 0;
    list-style: none
}

#groupes li,
#nutriments_by_alpha li,
#nutriments_by_groupe li {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.0625rem;
    line-height: 1.25rem
}

@media print,
screen and (min-width:40em) {
    #groupes li,
    #nutriments_by_alpha li,
    #nutriments_by_groupe li {
        font-size: 1.25rem;
        line-height: 1.375rem
    }
}

#groupes li.no-results,
#nutriments_by_alpha li.no-results,
#nutriments_by_groupe li.no-results {
    padding: .5rem 1.5625rem
}

#groupes li a,
#nutriments_by_alpha li a,
#nutriments_by_groupe li a {
    position: relative;
    display: block;
    overflow: hidden;
    padding: .1875rem .9375rem;
    color: #2e2e30;
    transition: background-color .25s cubic-bezier(.25, .46, .45, .94)
}

@media print,
screen and (min-width:40em) {
    #groupes li a,
    #nutriments_by_alpha li a,
    #nutriments_by_groupe li a {
        padding: .5rem 1.5625rem
    }
}

#groupes li a::before,
#nutriments_by_alpha li a::before,
#nutriments_by_groupe li a::before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: .375rem;
    height: 100%;
    background-color: #df5858;
    -webkit-transform: translateX(-101%);
    -ms-transform: translateX(-101%);
    transform: translateX(-101%);
    transition: transform .25s cubic-bezier(.19, 1, .22, 1);
    transition: transform .25s cubic-bezier(.19, 1, .22, 1), -webkit-transform .25s cubic-bezier(.19, 1, .22, 1)
}

#groupes li a::after,
#nutriments_by_alpha li a::after,
#nutriments_by_groupe li a::after {
    position: absolute;
    right: 6.25rem;
    top: 50%;
    font-family: "nutricons"!important;
    content: attr(data-icon);
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-transform: none!important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: .875rem;
    content: "\63";
    color: transparent;
    width: .5rem;
    height: .8125rem;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    transition: right .5s cubic-bezier(.19, 1, .22, 1)
}

#groupes li a:hover,
#nutriments_by_alpha li a:hover,
#nutriments_by_groupe li a:hover {
    color: #df5858;
    background-color: #f5f6f8
}

#groupes li a.active,
#nutriments_by_alpha li a.active,
#nutriments_by_groupe li a.active {
    color: #df5858!important
}

#groupes li a.active::after,
#nutriments_by_alpha li a.active::after,
#nutriments_by_groupe li a.active::after {
    right: .6875rem;
    color: #df5858;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

#nutriments_by_groupe {
    overflow: scroll;
    max-height: auto
}

@media print,
screen and (min-width:40em) {
    #nutriments_by_groupe {
        max-height: 75rem
    }
}

@media screen and (min-width:75em) {
    #nutriments_by_groupe {
        max-height: 59rem
    }
}

#nutriments_by_alpha {
    overflow: scroll;
    max-height: auto
}

@media print,
screen and (min-width:40em) {
    #nutriments_by_alpha {
        max-height: 25rem
    }
}

@media screen and (min-width:75em) {
    #nutriments_by_alpha {
        max-height: 18.75rem
    }
}

#lettres {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding-right: 0;
    padding-left: 0;
    max-width: 50%;
    padding: 1.0625rem 1.25rem;
    border-right: .0625rem solid #ededed
}

@media print,
screen and (min-width:40em) {
    #lettres {
        padding: 1.5625rem 1.875rem
    }
}

#lettres ul,
.search-clues form>div,
.search-nutrients form>div {
    max-width: 75rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

#lettres ul {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    list-style: none
}

@media print,
screen and (min-width:40em) {
    #lettres ul {
        margin: 0 1.875rem
    }
}

#lettres li {
    margin: 0;
    padding: .5rem .4375rem;
    list-style: none;
    font-family: 'ActaDisplay';
    font-size: 1.6875rem;
    line-height: 1.6875rem;
    font-weight: 900;
    font-style: italic
}

@media print,
screen and (min-width:40em) {
    #lettres li {
        font-size: 2.25rem;
        line-height: 2.25rem
    }
}

#lettres li a {
    overflow: hidden;
    position: relative;
    display: block;
    padding: 0 .1875rem;
    color: #2e2e30;
    transition: background-color .25s cubic-bezier(.25, .46, .45, .94)
}

#lettres li a::before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    width: 100%;
    height: 0;
    background-color: #df5858;
    border: .0625rem solid #df5858;
    -webkit-transform: translateY(101%);
    -ms-transform: translateY(101%);
    transform: translateY(101%);
    transition: transform 1s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s cubic-bezier(.19, 1, .22, 1)
}

#lettres li a:hover,
.node-aliments .ancres .ancres-page a,
.node-aliments .les-valeurs .details-valeurs p a {
    color: #df5858
}

#lettres li a.active {
    color: #df5858!important
}

#lettres li a.active::before {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.abc-order {
    position: relative;
    margin: 0 0 1.875rem;
    padding: .9375rem;
    background: url(/assets/bg_pattern_paper.jpg) left top
}

@media print,
screen and (min-width:40em) {
    .abc-order {
        padding: 3.75rem
    }
}

.abc-order::before {
    display: block;
    position: absolute;
    z-index: 0;
    right: 0;
    top: 0;
    content: '';
    width: 29.5625rem;
    height: 12.4375rem;
    background: url(/sites/all/themes/lanutrition/img/bg_pattern_abc_order.png) no-repeat 106% top;
    background-size: 12.625rem auto
}

@media print,
screen and (min-width:40em) {
    .abc-order::before {
        background-size: auto auto;
        background-position: right top
    }
}

.search-clues,
.search-nutrients {
    position: relative;
    margin: 0 0 1.875rem;
    padding: .9375rem;
    background: url(/assets/bg_pattern_paper.jpg) left top
}

@media print,
screen and (min-width:40em) {
    .search-clues,
    .search-nutrients {
        padding: 3.125rem 3.75rem 3.75rem
    }
}

.search-clues>*,
.search-nutrients>* {
    position: relative
}

.search-clues::before,
.search-nutrients::before {
    display: block;
    position: absolute;
    z-index: 0;
    right: 0;
    top: 0;
    content: '';
    width: 29.5625rem;
    height: 12.4375rem;
    background: url(/sites/all/themes/lanutrition/img/bg_pattern_search_nutrients.png) no-repeat right top;
    background-size: 13.75rem auto
}

@media print,
screen and (min-width:40em) {
    .search-clues::before,
    .search-nutrients::before {
        background-size: auto auto;
        background-position: right top
    }
}

.search-clues form,
.search-nutrients form {
    padding: 1.375rem;
    background: #fff;
    box-shadow: 0 .9375rem 1.875rem -.1875rem rgba(43, 43, 44, .2)
}

@media print,
screen and (min-width:40em) {
    .search-clues form,
    .search-nutrients form {
        padding: 2.1875rem
    }
}

.search-clues form>div,
.search-nutrients form>div {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    font-size: 1.0625rem;
    line-height: 1.25rem;
    font-weight: 300
}

@media print,
screen and (min-width:40em) {
    .search-clues form>div,
    .search-nutrients form>div {
        font-size: 1.375rem;
        line-height: 1.375rem
    }
}

.search-clues form .search-subtitle,
.search-nutrients form .search-subtitle {
    margin: 0 0 .1875rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1 100%;
    -ms-flex: 1 100%;
    flex: 1 100%;
    font-size: 1.1875rem;
    line-height: 1.375rem;
    color: #7d7d86
}

@media print,
screen and (min-width:40em) {
    .search-clues form .search-subtitle,
    .search-nutrients form .search-subtitle {
        font-size: 1.625rem;
        line-height: 1.8125rem
    }
}

.search-clues form select,
.search-nutrients form select {
    max-width: 8.4375rem;
    margin: 0 .625rem 0 0;
    padding: .5rem 2.25rem .5rem .5rem;
    font-size: 1.1875rem;
    line-height: 1.375rem;
    font-weight: 400;
    color: #2e2e30;
    background-position: 130% center
}

@media print,
screen and (min-width:40em) {
    .search-clues form select,
    .search-nutrients form select {
        font-size: 1.5625rem;
        line-height: 1.8125rem
    }
}

.search-clues form select#edit-nutriment,
.search-nutrients form select#edit-nutriment {
    max-width: 16rem;
    background-position: 113% center
}

.search-clues form .separate-word,
.search-nutrients form .separate-word {
    margin: 0 .625rem 0 0
}

.search-clues form .form-submit,
.search-nutrients form .form-submit {
    cursor: pointer;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: .75rem 2.625rem .75rem 1.375rem;
    font-family: 'LemonSans';
    font-size: 1.25rem;
    line-height: 1.4375rem;
    font-weight: 400;
    color: #2e2e30;
    text-transform: none;
    letter-spacing: normal;
    border: none;
    background: #eceef2 url(/assets/arrow_right_mini_dark.svg) no-repeat 83% center;
    background-size: .5rem .75rem;
    transition: background-color .25s;
    box-shadow: 0 0 0 0 transparent
}

@media screen and (max-width:39.9375em) {
    .search-clues form .form-submit,
    .search-nutrients form .form-submit {
        position: relative;
        right: auto;
        bottom: auto;
        margin-top: .6875rem
    }
}

.search-clues form .form-submit:hover,
.search-nutrients form .form-submit:hover {
    color: #fff;
    background: #df5858 url(/assets/arrow_right_mini_white.svg) no-repeat 83% center;
    background-size: .5rem .75rem
}

.search-clues::before {
    background: url(/assets/bg_pattern_search_clues.png) no-repeat right top
}

.node-type-aliments:not(.node-type-articles) .breadcrumb+h1 {
    margin-top: 1.875rem;
    margin-bottom: 1.5625rem;
    font-family: 'LemonSans';
    font-size: 4.375rem;
    line-height: 4.6875rem;
    font-weight: 400;
    font-style: normal
}

@media print,
screen and (min-width:40em) {
    .node-type-aliments:not(.node-type-articles) .breadcrumb+h1 {
        font-size: 5rem;
        line-height: 5.3125rem;
        margin-top: 0;
        margin-bottom: 3.3125rem
    }
}

.node-type-aliments section[role=main] {
    padding: 1em 0 0
}

.node-aliments,
.node-aliments .aliments {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.node-aliments {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.node-aliments .aliments,
.node-aliments .detail-aliment {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.node-aliments .aliments {
    padding-right: 0;
    padding-left: 0;
    margin: 0 0 2.375rem;
    padding: 0 0 3.4375rem
}

.node-aliments .detail-aliment {
    margin-top: -5rem;
    padding: 1.5625rem 1.25rem;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    z-index: 1;
    background: #fff;
    box-shadow: 0 .3125rem 1.875rem -.1875rem rgba(43, 43, 44, .2)
}

@media print,
screen and (min-width:40em) {
    .node-aliments .detail-aliment {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,
screen and (min-width:64em) {
    .node-aliments .detail-aliment {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

@media print,
screen and (min-width:40em) {
    .node-aliments .detail-aliment {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 70%;
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        padding-right: 0;
        padding-left: 0;
        max-width: 70%;
        margin-top: 2.5rem;
        padding: 2.1875rem 2.5rem
    }
}

@media screen and (min-width:75em) {
    .node-aliments .detail-aliment {
        padding: 3.4375rem 3.75rem;
        margin-top: 0
    }
}

.node-aliments .valeurs-nutritionnelles {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 1.875rem;
    padding: 0 1.25rem 1.25rem 0;
    font-size: 1.625rem;
    font-weight: 300;
    color: #7d7d86;
    border-bottom: .0625rem solid #ededed
}

@media print,
screen and (min-width:64em) {
    .node-aliments .valeurs-nutritionnelles {
        float: right;
        width: 23.75rem
    }
}

.node-aliments .les-valeurs #donut_single svg [text-anchor=start][font-size="15"],
.node-aliments .valeurs-nutritionnelles .valeur-nutr {
    display: block;
    font-size: 1.25rem;
    line-height: 1.375rem;
    font-weight: 700;
    color: #2e2e30;
    text-transform: uppercase
}

.node-aliments .valeurs-nutritionnelles .portion {
    font-family: 'ActaDisplay';
    font-weight: 900;
    font-size: 2.25rem;
    font-style: italic;
    color: #2e2e30
}

@media print,
screen and (min-width:40em) {
    .node-aliments .valeurs-nutritionnelles .portion {
        font-size: 2.5rem
    }
    .node-aliments .les-valeurs {
        max-width: 75rem;
        margin-right: auto;
        margin-left: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        width: 100%;
        margin: 0 0 1.25rem;
        padding: 0 0 1.875rem;
        border-bottom: .0625rem solid #ededed
    }
}

@media print,
screen and (min-width:64em) {
    .node-aliments .les-valeurs {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.node-aliments .les-valeurs #donut_single {
    margin-left: -.9375rem;
    margin-right: -.9375rem;
    overflow: hidden
}

.node-aliments .les-valeurs #donut_single svg [text-anchor=start][font-size="15"] {
    font-family: 'LemonSans', Arial, sans-serif
}

@media print,
screen and (min-width:40em) {
    .node-aliments .les-valeurs #donut_single {
        margin: 0
    }
}

@media print,
screen and (min-width:64em) {
    .node-aliments .les-valeurs #donut_single {
        padding-right: .625rem;
        padding-left: .625rem;
        padding-right: 0;
        padding-left: 0;
        max-width: 66.66667%;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        margin-left: 0;
        margin-right: 0
    }
}

@media print,
screen and (min-width:64em) and (min-width:40em) {
    .node-aliments .les-valeurs #donut_single {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,
screen and (min-width:64em) and (min-width:64em) {
    .node-aliments .les-valeurs #donut_single {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

.node-aliments .les-valeurs #donut_single>div {
    margin-left: -4em
}

@media print,
screen and (min-width:40em) {
    .node-aliments .les-valeurs #donut_single>div {
        margin-left: -6.5em
    }
}

@media print,
screen and (min-width:64em) {
    .node-aliments .les-valeurs #donut_single>div {
        margin-left: -5.5em
    }
}

.node-aliments .les-valeurs .details-valeurs {
    padding: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: .625rem;
    padding-left: .625rem;
    max-width: 100%
}

@media print,
screen and (min-width:40em) {
    .node-aliments .les-valeurs .details-valeurs {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,
screen and (min-width:64em) {
    .node-aliments .les-valeurs .details-valeurs {
        padding-right: 1.875rem;
        padding-left: 1.875rem;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        padding: 0;
        max-width: 33.33333%;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
}

.node-aliments .les-valeurs .details-valeurs p,
.node-aliments .recalculer .calcul-portion form,
.node-aliments .valeurs-nutritionnelles {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.node-aliments .les-valeurs .details-valeurs p {
    margin-bottom: .4375rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.node-aliments .les-valeurs .details-valeurs .entitled-donut {
    -webkit-box-flex: 3;
    -webkit-flex: 3 0;
    -ms-flex: 3 0;
    flex: 3 0;
    font-size: 1.25rem;
    line-height: 1.25rem
}

.node-aliments .les-valeurs .details-valeurs .value-weight-donut {
    width: 5rem;
    font-size: 1.125rem;
    line-height: 1.125rem;
    color: #7d7d86;
    font-weight: 300;
    text-align: right
}

.node-aliments .recalculer {
    padding: 0 0 1.875rem;
    margin: 0 0 1.875rem;
    border-bottom: .0625rem solid #ededed
}

@media print,
screen and (min-width:40em) {
    .node-aliments .recalculer {
        max-width: 75rem;
        margin-right: auto;
        margin-left: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.node-aliments .recalculer .txt-portion {
    font-size: 1.25rem;
    line-height: 1.25rem
}

.node-aliments .recalculer .txt-portion .gr {
    display: block;
    font-size: 1.125rem;
    font-weight: 300;
    color: #7d7d86
}

@media print,
screen and (min-width:40em) {
    .node-aliments .recalculer .calcul-portion {
        margin: 0 0 0 4.375rem
    }
}

.node-aliments .recalculer .calcul-portion form {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    box-shadow: inset 0 0 0 .125rem #ededed;
    margin-top: .625rem
}

@media print,
screen and (min-width:40em) {
    .node-aliments .recalculer .calcul-portion form {
        margin-top: 0
    }
}

.node-aliments .recalculer .calcul-portion [type=number] {
    width: 7.5rem;
    height: 3.5rem;
    font-size: 'ActaDisplay';
    font-size: 2.0625rem;
    font-weight: 900;
    font-style: italic;
    text-align: center;
    box-shadow: none;
    background: 0 0
}

.node-aliments .recalculer .calcul-portion [type=number]:focus {
    border: none
}

.node-aliments .recalculer .calcul-portion [type=submit] {
    cursor: pointer;
    width: 3.125rem;
    border: none;
    background: url(/assets/icon_check_green.svg) no-repeat center center;
    background-size: 1rem .9375rem
}

.node-aliments .ancres,
.node-aliments .ancres .ancres-page {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.node-aliments .ancres {
    font-size: 1.25rem;
    line-height: 1.25rem
}

.node-aliments .ancres>span {
    margin-right: 1.375rem
}

.node-aliments .ancres .ancres-page {
    -webkit-box-flex: 3;
    -webkit-flex: 3 0;
    -ms-flex: 3 0;
    flex: 3 0
}

.node-aliments .img-aliments {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: .625rem;
    padding-left: .625rem;
    max-width: 100%;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    position: relative;
    z-index: 0;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1
}

@media print,
screen and (min-width:40em) {
    .node-aliments .img-aliments {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,
screen and (min-width:64em) {
    .node-aliments .img-aliments {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

@media print,
screen and (min-width:40em) {
    .node-aliments .img-aliments {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 30%;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        padding-left: 0;
        max-width: 30%;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        padding-right: 0!important
    }
}

@media screen and (min-width:75em) {
    .node-aliments .img-aliments {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
        margin-bottom: -3.4375rem
    }
}

@media print,
screen and (min-width:40em) {
    .node-aliments .img-aliments img {
        width: calc(100% + 60px);
        margin-left: -3.75rem;
        max-width: none
    }
}

@media screen and (min-width:75em) {
    .node-aliments .img-aliments img {
        width: 31.75rem;
        max-width: 31.75rem;
        margin-left: -7.5rem
    }
}

@media screen and (min-width:90em) {
    .node-aliments .img-aliments img {
        margin-left: -3.75rem
    }
}

.node-aliments .content {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.node-aliments .block-title {
    -webkit-box-flex: 1;
    -webkit-flex: 1 100%;
    -ms-flex: 1 100%;
    flex: 1 100%
}

.node-aliments .block-title span {
    display: block;
    margin-bottom: .4375rem;
    font-size: 1.25rem;
    line-height: 1.5625rem;
    font-weight: 600;
    text-transform: uppercase
}

.node-aliments .block-title span.strong {
    margin: 0 0 1.5625rem;
    font-family: 'ActaDisplay';
    font-size: 2.1875rem;
    line-height: 2.1875rem;
    text-align: left;
    font-weight: 900;
    font-style: italic;
    text-transform: none
}

@media print,
screen and (min-width:40em) {
    .node-aliments .block-title span.strong {
        margin: 0 0 3.5rem
    }
}

.node-aliments .body {
    margin: 0 0 4.6875rem
}

.node-aliments .body p {
    font-size: 1rem;
    line-height: 1.4375rem;
    margin-left: 2.0625rem;
    color: #9d9da4
}

.aliment-poids,
.aliment-sante,
.aliment-sante .accordion-title {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.aliment-poids,
.aliment-sante {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: 0 0 1.875rem
}

@media print,
screen and (min-width:40em) {
    .aliment-poids,
    .aliment-sante,
    .bloc-calcul-portion {
        margin: 0 0 5.625rem
    }
}

@media screen and (max-width:39.9375em) {
    .aliment-poids dl,
    .aliment-sante dl {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 1.875rem;
        border-bottom: .0625rem solid #ededed
    }
    .aliment-poids dl:nth-child(odd) dd,
    .aliment-sante dl:nth-child(odd) dd {
        border-right: none
    }
}

.aliment-sante .accordion,
.child-values ul ul ul {
    width: 100%
}

.aliment-sante .accordion-title {
    position: relative;
    padding: .9375rem 0;
    font-size: 1.5rem;
    line-height: 1.6875rem;
    color: #2e2e30;
    border: none;
    border-bottom: .0625rem solid #e0e0e0;
    box-shadow: inset 0 0 0 -.125rem #f5f6f8;
    transition: padding .25s cubic-bezier(.25, .46, .45, .94)
}

.aliment-sante .accordion-title:focus,
.aliment-sante .accordion-title:hover {
    background: 0 0
}

.aliment-sante .accordion-title:hover {
    padding-left: .6875rem;
    box-shadow: inset 0 4.375rem 0 0 #f5f6f8
}

.aliment-sante .accordion-title::before {
    position: absolute;
    right: 4%;
    top: 50%;
    content: '';
    width: .75rem;
    height: .5rem;
    margin: 0;
    background: url(/assets/arrow_bottom_red.svg) no-repeat left top;
    background-size: .75rem .5rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: transform .25s cubic-bezier(.25, .46, .45, .94);
    transition: transform .25s cubic-bezier(.25, .46, .45, .94), -webkit-transform .25s cubic-bezier(.25, .46, .45, .94)
}

.aliment-sante .accordion-item.is-active .accordion-title::before {
    -webkit-transform: rotate(-180deg) translateY(50%);
    -ms-transform: rotate(-180deg) translateY(50%);
    transform: rotate(-180deg) translateY(50%)
}

.aliment-sante .accordion-title .value-anc-femme,
.aliment-sante .accordion-title .value-anc-homme {
    color: #5b5b63;
    font-weight: 400
}

.aliment-sante .accordion-content {
    padding: 1.5625rem 1.25rem 3.125rem;
    color: #7d7d86;
    font-weight: 300;
    background: #f5f6f8
}

@media print,
screen and (min-width:40em) {
    .aliment-sante .accordion-content {
        font-size: 1.15em
    }
}

.aliment-sante .accordion-content ul {
    margin: 0
}

.aliment-sante .accordion-content li {
    list-style: none;
    border-bottom: .0625rem dashed #dbdbdb
}

.aliment-sante .accordion-content li::after {
    content: '';
    display: table;
    clear: both
}

.aliment-sante .accordion-content .global-values li,
.aliment-sante .accordion-content .indicators-entitled li {
    border: none
}

.aliment-sante ul.global-values {
    list-style: none;
    margin: 0
}

.aliment-sante ul.global-values li,
ul.indicators-entitled {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.aliment-sante ul.global-values li .value-anc-femme,
.aliment-sante ul.global-values li .value-anc-homme {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    padding-right: 0;
    padding-left: 0;
    max-width: 16.66667%;
    text-align: right
}

@media screen and (min-width:40em) and (max-width:63.9375em) {
    .aliment-sante ul.global-values li .value-anc-femme,
    .aliment-sante ul.global-values li .value-anc-homme {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        padding-right: 0;
        padding-left: 0;
        max-width: 25%
    }
}

.aliment-sante ul.global-values>li .value-anc-femme,
.aliment-sante ul.global-values>li .value-anc-homme,
.aliment-sante ul.global-values>li>.entitled,
.aliment-sante ul.global-values>li>.value-weight {
    font-size: 1.1em;
    font-weight: 600;
    color: #5b5b63
}

ul.indicators-entitled {
    list-style: none;
    font-size: .9375rem;
    text-align: right
}

ul.indicators-entitled li {
    text-align: right
}

.entitled,
ul.indicators-entitled li.portion {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    padding-right: 0;
    padding-left: 0;
    max-width: 66.66667%
}

@media screen and (min-width:40em) and (max-width:63.9375em) {
    ul.indicators-entitled li.portion {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        padding-right: 0;
        padding-left: 0;
        max-width: 50%
    }
}

ul.indicators-entitled li.anc-percent {
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    padding-right: 0;
    padding-left: 0;
    max-width: 16.66667%;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media screen and (min-width:40em) and (max-width:63.9375em) {
    ul.indicators-entitled li.anc-percent {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        padding-right: 0;
        padding-left: 0;
        max-width: 25%
    }
}

.entitled {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.child-values .entitled {
    padding-left: .75rem;
    line-height: 1;
    padding: .5em 0
}

.global-values>li>.entitled {
    text-transform: uppercase;
    font-weight: 500
}

@media screen and (min-width:40em) and (max-width:63.9375em) {
    .entitled {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        padding-right: 0;
        padding-left: 0;
        max-width: 33.33333%
    }
}

.value-weight {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    padding-right: 0;
    padding-left: 0;
    max-width: 16.66667%;
    padding: .25rem 0 0;
    font-weight: 300;
    text-align: right;
    float: right
}

.node-aliments .accordion-title .value-weight {
    padding-top: .5rem;
    padding-right: .4375rem;
    font-size: 1.125rem;
    line-height: 1.1875rem
}

.global-values>li>.entitled,
.global-values>li>.value-weight {
    border-bottom: .0625rem solid #dbdbdb
}

.child-values,
.child-values ul {
    display: block;
    width: 100%
}

.child-values>ul>li>.entitled {
    color: #5b5b63
}

.child-values>ul>li>.value-weight {
    color: #5b5b63;
    font-weight: 400
}

.child-values ul {
    margin-left: 0
}

.child-values ul li .entitled,
.child-values ul li .value-weight {
    border-bottom: .0625rem dashed #dbdbdb
}

.child-values ul li .entitled {
    position: relative
}

.child-values ul ul li {
    line-height: 1.6
}

.child-values ul ul li .entitled,
.child-values ul ul li .value-weight {
    padding: 0;
    border-bottom: .0625rem dotted #e0e0e0
}

.child-values ul ul li .entitled {
    padding-left: .5rem;
    padding-top: .3em;
    padding-bottom: 0;
    font-size: .95em
}

.child-values ul ul li .entitled::after {
    width: 1.5rem
}

.child-values ul ul ul li {
    padding: .0625rem 0;
    border: none
}

.child-values ul ul ul li .entitled,
.child-values ul ul ul li .value-weight {
    border-bottom: none
}

.child-values ul ul ul li:last-child .entitled,
.child-values ul ul ul li:last-child .value-weight {
    border-bottom: .0625rem dashed #dbdbdb
}

.child-values ul ul ul li .entitled {
    padding-left: 1em
}

.bloc-calcul-portion,
.bloc-calcul-portion form {
    max-width: 75rem;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.bloc-calcul-portion {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    margin: 0 0 3.1875rem;
    padding: 1.5625rem 1.875rem 2.875rem 6.875rem;
    background: url(/assets/bg_pattern_recherche_aliment.jpg) no-repeat left top;
    margin-right: auto
}

@media print,
screen and (min-width:40em) {
    .bloc-calcul-portion {
        padding: 2.8125rem 4.25rem 2.875rem 9.5625rem
    }
}

.bloc-calcul-portion .title {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
    margin: auto;
    margin-bottom: .3125rem;
    font-family: 'ActaDisplay';
    font-size: 2.125rem;
    line-height: 2.125rem;
    font-weight: 900;
    font-style: italic
}

@media print,
screen and (min-width:40em) {
    .bloc-calcul-portion .title {
        font-size: 2.5rem;
        line-height: 2.5rem
    }
}

.bloc-calcul-portion .subtitle {
    display: block;
    margin-bottom: .4375rem;
    font-size: 1.25rem;
    line-height: 1.5625rem;
    text-transform: uppercase
}

.bloc-calcul-portion .unite {
    font-size: 1.125rem;
    line-height: 1.375rem;
    font-weight: 300;
    color: #7d7d86
}

@media print,
screen and (min-width:40em) {
    .bloc-calcul-portion .unite {
        display: block
    }
}

.bloc-calcul-portion form {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-right: 0;
    background: #fff;
    box-shadow: inset 0 0 0 .125rem #ededed
}

@media screen and (max-width:39.9375em) {
    .bloc-calcul-portion form {
        margin: 0;
        padding: 0;
        width: 100%;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.bloc-calcul-portion [type=number] {
    width: 7.5rem;
    height: 3.5rem;
    font-family: 'ActaDisplay';
    font-size: 2.0625rem;
    font-weight: 900;
    font-style: italic;
    text-align: center;
    box-shadow: none;
    background: 0 0
}

.bloc-calcul-portion [type=number]:focus {
    border: none
}

.bloc-calcul-portion [type=submit] {
    cursor: pointer;
    width: 3.125rem;
    background: url(/assets/icon_check_green.svg) no-repeat center center;
    background-size: 1rem .9375rem;
    transition: transform .25s cubic-bezier(.175, .885, .32, 1.275);
    transition: transform .25s cubic-bezier(.175, .885, .32, 1.275), -webkit-transform .25s cubic-bezier(.175, .885, .32, 1.275);
    border: none;
    box-shadow: none
}

.bloc-calcul-portion [type=submit]:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

dl span {
    display: block;
    font-size: 1.25rem;
    line-height: 1.6875rem
}

dl dd {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    font-size: 1.375rem;
    line-height: 1.4375rem;
    border-right: .0625rem solid #ededed
}

.node-aliments dl:last-child dd {
    border: none
}

.donnees {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding: 0 0 .9375rem;
    border-bottom: .0625rem solid #ededed
}

.donnees .nombre {
    margin: 0 .6875rem 0 0;
    font-size: 3.75rem;
    line-height: 3.875rem;
    font-weight: 600
}

@media print,
screen and (min-width:40em) {
    .donnees .nombre {
        font-size: 4.375rem;
        line-height: 4.5625rem
    }
}

.low .nombre,
.very-low .nombre {
    color: #81941e
}

.moderate .nombre {
    color: #f2a654
}

.high .nombre,
.very-high .nombre {
    color: #e15755
}

.mesure {
    padding: 1.375rem 0 1.5625rem;
    height: 3.25em
}

.low .mesure,
.very-low .mesure {
    color: #81941e
}

.moderate .mesure {
    color: #f2a654
}

.high .mesure,
.very-high .mesure {
    color: #e15755
}

.ln__anc__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: .0625rem solid #dbdbdb
}

.ln__anc__item .entitled,
.ln__anc__item .value-weight {
    font-size: 1.1em;
    font-weight: 600;
    color: #5b5b63
}

.ln__anc__item:first-child {
    margin-top: 1em
}

@media print,
screen and (min-width:64em) {
    .ln__anc__item {
        display: none
    }
}

.aliment-sante [class*=" icon-"]:before,
.aliment-sante [class^=icon-]:before {
    font-family: "nutricons"!important;
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-transform: none!important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.accordion-inner {
    font-size: 18px
}

.accordion-inner .values__anc {
    font-size: .9em;
    font-weight: 700
}

.accordion-inner .values__anc i {
    display: inline-block;
    vertical-align: middle;
    font-style: .9em;
    margin-right: .05em
}

.accordion-inner .value__anc {
    margin: 0 .1em
}

.accordion-inner .value__anc::before {
    content: '-';
    margin-right: .05em
}

.accordion-inner .value__anc:first-child::before {
    content: none
}

.accordion-inner .indicators-entitled>.portion {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.accordion-inner .global-values>li .entitled,
.accordion-inner .global-values>li .value-weight {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.anc__legend {
    background-color: #f1f1f1;
    width: 100%;
    padding: .5em 1em;
    margin-bottom: 1em
}

.anc__legend__item {
    font-weight: 300;
    display: block;
    font-size: .9em;
    color: #777
}

.page-auteur {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.page-auteur .left {
    margin: 0
}

.page-auteur .pub {
    -webkit-box-flex: 1;
    -webkit-flex: 1 100%;
    -ms-flex: 1 100%;
    flex: 1 100%
}

.page-auteur .pub:last-child {
    margin-bottom: 0
}

.page-auteur .view-content {
    margin-bottom: 2.3125rem
}

.detail-auteur {
    margin-bottom: 4.8125rem;
    padding: 3.4375rem 1.875rem;
    text-align: center;
    background: #fff;
    box-shadow: 0 .6875rem 3.125rem 0 rgba(43, 43, 44, .2)
}

.detail-auteur .auteur-visu {
    display: block;
    width: 10rem;
    height: 10rem;
    margin: auto;
    margin-bottom: 1.5625rem;
    border-radius: 50%
}

.detail-auteur .name-auteur {
    display: block;
    font-weight: 600;
    font-size: 1.75rem;
    line-height: 2rem;
    text-transform: uppercase
}

.detail-auteur .profession-auteur {
    display: block;
    margin-bottom: 1.625rem;
    font-size: 1.625rem;
    line-height: 1.875rem;
    font-weight: 300;
    color: #7d7d86
}

.detail-auteur .description-auteur {
    margin: 0 0 .875rem;
    font-size: 1.125rem;
    line-height: 1.4375rem;
    font-weight: 300;
    color: #7d7d86
}

.detail-auteur .block-social-icons {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.detail-auteur .block-social-icons a {
    font-family: "nutricons"!important;
    content: attr(data-icon);
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-transform: none!important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    display: block;
    width: 2rem;
    height: 2rem;
    margin: 0 .3125rem;
    text-indent: -11000px;
    color: #fff;
    border-radius: 50%;
    transition: box-shadow .15s cubic-bezier(.25, .46, .45, .94)
}

.detail-auteur .block-social-icons a:hover {
    box-shadow: 0 0 0 .1875rem #2e2e30
}

.detail-auteur .block-social-icons a::before {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    content: '';
    width: 1.25rem;
    height: 1.25rem;
    text-indent: 0;
    font-size: 1.0625rem;
    line-height: 1.1875rem;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.detail-auteur .block-social-icons a.auteur-facebook {
    background-color: #3e5b98
}

.detail-auteur .block-social-icons a.auteur-facebook:hover {
    box-shadow: 0 0 0 .1875rem #375086
}

.detail-auteur .block-social-icons a.auteur-twitter {
    background-color: #4da7de
}

.detail-auteur .block-social-icons a.auteur-twitter:hover {
    box-shadow: 0 0 0 .1875rem #379cda
}

.detail-auteur .block-social-icons a.auteur-instagram {
    background-color: #405de6
}

.detail-auteur .block-social-icons a.auteur-instagram::before {
    -webkit-transform: translate(-48%, -50%);
    -ms-transform: translate(-48%, -50%);
    transform: translate(-48%, -50%)
}

.detail-auteur .block-social-icons a.auteur-instagram:hover {
    box-shadow: 0 0 0 .1875rem #2e4ee4
}

.detail-auteur .block-social-icons a.auteur-google {
    background-color: #dd4b39
}

.detail-auteur .block-social-icons a.auteur-google::before {
    font-size: 1.25rem;
    -webkit-transform: translate(-45%, -50%);
    -ms-transform: translate(-45%, -50%);
    transform: translate(-45%, -50%)
}

.detail-auteur .block-social-icons a.auteur-google:hover {
    box-shadow: 0 0 0 .1875rem #d73925
}

.page-page-auteur .right+.pub {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

@media print,
screen and (min-width:40em) {
    .page-page-auteur .right+.pub {
        -webkit-box-ordinal-group: initial;
        -webkit-order: initial;
        -ms-flex-order: initial;
        order: initial
    }
}

.article__type {
    position: absolute;
    left: 1.5625rem;
    top: 0;
    display: inline-block;
    padding: .5rem .625rem;
    font-size: .8125rem;
    letter-spacing: .0625rem;
    line-height: 1;
    text-transform: uppercase;
    color: #2e2e30;
    background: #fff;
    border-bottom-left-radius: .125rem;
    border-bottom-right-radius: .125rem
}

@media print,
screen and (min-width:40em) {
    .region-pre-footer .article__type {
        top: 3.75rem
    }
}

.node-type-articles section[role=main] H1,
.node-type-dossiers section[role=main] H1 {
    margin: auto;
    margin-bottom: 2.125rem
}

.node-type-articles .list-articles,
.node-type-dossiers .list-articles {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.node-type-articles .pub-long,
.node-type-dossiers .pub-long {
    -webkit-box-flex: 1;
    -webkit-flex: 1 100%;
    -ms-flex: 1 100%;
    flex: 1 100%
}

.node-articles {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.node-articles .infos-article {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: .625rem;
    padding-left: .625rem;
    max-width: 100%;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: 2.875rem;
    font-size: 1.25rem;
    line-height: 1.5625rem;
    text-align: center
}

@media print,
screen and (min-width:40em) {
    .node-articles .infos-article {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,
screen and (min-width:64em) {
    .node-articles .infos-article {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

.node-articles .infos-article::after,
.node-articles .infos-article::before {
    display: table;
    content: ' ';
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.node-articles .infos-article::after {
    clear: both
}

.node-articles .infos-article .article-auteur {
    color: #df5858
}

.boite-a-outil .node-articles .body a,
.boite-a-outil .node-articles .infos-article .article-auteur {
    color: #ceb869
}

.bien-manger .node-articles .infos-article .article-auteur {
    color: #b2d16c
}

.cuisines-et-recettes .node-articles .infos-article .article-auteur {
    color: #e4a372
}

.se-soigner .node-articles .infos-article .article-auteur {
    color: #6bccbf
}

.bien-etre .node-articles .infos-article .article-auteur {
    color: #75a1c5
}

.forme .node-articles .infos-article .article-auteur {
    color: #e96e56
}

.node-articles .infos-article .date-publication {
    font-family: 'ActaDisplay';
    font-size: .9375rem;
    font-weight: 500;
    font-style: italic
}

.node-articles .infos-article .date-publication+.edition-abonne::before,
.node-articles .infos-article .date-publication::before,
.node-dossiers .infos-article .date-publication::before {
    position: relative;
    content: '|';
    margin: .8125rem;
    font-family: 'LemonSans';
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.5625rem;
    font-style: normal
}

.node-articles .visuel {
    position: relative;
    margin: auto;
    margin-bottom: 3.75rem;
    width: 100%
}

.node-articles .visuel img {
    width: 100%;
    margin: auto
}

.node-articles .body {
    margin: 0;
    padding: 0 0 1.3125rem;
    font-size: 1.25rem;
    line-height: 1;
    font-weight: 300;
    border-bottom: .0625rem solid #ededed
}

.node-articles .body p {
    line-height: 1.625rem
}

.node-articles .body>p:first-child::first-letter {
    float: left;
    margin: 0 .8125rem 0 0;
    font-family: 'ActaDisplay';
    font-size: 5.875rem;
    line-height: 5.875rem;
    font-style: italic;
    text-transform: uppercase
}

.boite-a-outil .node-articles .body>p:first-child::first-letter {
    color: #ceb869
}

.bien-manger .node-articles .body>p:first-child::first-letter {
    color: #bed883
}

.cuisines-et-recettes .node-articles .body>p:first-child::first-letter {
    color: #e4a372
}

.se-soigner .node-articles .body>p:first-child::first-letter {
    color: #6bccbf
}

.bien-etre .node-articles .body>p:first-child::first-letter {
    color: #75a1c5
}

.forme .node-articles .body>p:first-child::first-letter {
    color: #e96e56
}

.bien-manger .node-articles .body a {
    color: #8db338
}

.cuisines-et-recettes .node-articles .body a {
    color: #e4a372
}

.se-soigner .node-articles .body a {
    color: #6bccbf
}

.bien-etre .node-articles .body a {
    color: #75a1c5
}

.forme .node-articles .body a {
    color: #e96e56
}

.node-articles .locked+.a-lire-aussi {
    float: none;
    margin-bottom: 1.875rem
}

.node-articles .chapo {
    margin: 0 0 2.75rem;
    padding: 0 0 1.3125rem;
    font-size: 1.75rem;
    line-height: 2.3125rem;
    border-bottom: .0625rem solid #ededed
}

.categ-level-1 h2.categorie-chapo p,
.categ-level-2 h2.categorie-chapo p,
.categ-level-3 .block-subtitle h2.categorie-chapo p,
.node-articles .chapo p,
.node-dossiers .chapo p {
    line-height: inherit
}

@media print,
screen and (min-width:40em) {
    .node-articles .chapo {
        font-size: 2.1875rem
    }
}

.node-articles .lettrine {
    float: left;
    margin: 0 .8125rem 0 0;
    font-family: 'ActaDisplay';
    font-size: 5.875rem;
    line-height: 5.875rem;
    font-style: italic;
    text-transform: uppercase
}

.boite-a-outil .a-lire-aussi>span,
.boite-a-outil .node-articles .lettrine,
.boite-a-outil .node-dossiers .infos-article .article-auteur {
    color: #ceb869
}

.bien-manger .a-lire-aussi>span,
.bien-manger .node-articles .lettrine {
    color: #bed883
}

.cuisines-et-recettes .a-lire-aussi>span,
.cuisines-et-recettes .node-articles .lettrine {
    color: #e4a372
}

.se-soigner .a-lire-aussi>span,
.se-soigner .node-articles .lettrine {
    color: #6bccbf
}

.bien-etre .a-lire-aussi>span,
.bien-etre .node-articles .lettrine {
    color: #75a1c5
}

.forme .a-lire-aussi>span,
.forme .node-articles .lettrine {
    color: #e96e56
}

.node-articles .content {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.a-lire-aussi {
    width: 100%;
    margin: .6875rem 1.5625rem .9375rem 0;
    padding: 1.5625rem 1.5625rem 1.1875rem;
    background-color: #ededed
}

@media print,
screen and (min-width:40em) {
    .a-lire-aussi {
        float: left;
        max-width: 17.1875rem
    }
}

@media screen and (min-width:75em) {
    .a-lire-aussi {
        margin-left: -3.125rem
    }
}

.a-lire-aussi>span {
    display: block;
    margin: 0 0 .875rem;
    font-family: 'ActaDisplay';
    font-size: 1.5625rem;
    line-height: 1.8125rem;
    font-weight: 900;
    font-style: italic
}

.a-lire-aussi a {
    display: block;
    margin: 0 0 .75rem;
    font-family: 'LemonSans';
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.3125rem;
    color: #2e2e30!important;
    background: url(/sites/all/themes/lanutrition/img/arrow_right_content.svg) no-repeat -1rem .3125rem;
    background-size: 1rem auto;
    transition: padding .25s cubic-bezier(.25, .46, .45, .94), background-position .25s cubic-bezier(.25, .46, .45, .94)
}

.a-lire-aussi a:hover {
    padding-left: 1.5625rem;
    background-position: left .3125rem
}

.articles__content,
.node-dossiers {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.node-dossiers .article-number {
    margin: auto;
    margin-bottom: 3.125rem;
    font-family: 'ActaDisplay';
    font-size: 1.0625rem;
    line-height: 1.1875rem;
    font-weight: 500;
    font-style: italic
}

.node-dossiers .visuel {
    position: relative;
    margin: auto;
    margin-bottom: 3.75rem
}

#user-pass #google_recaptcha_user_pass>div,
.node-dossiers .visuel img {
    margin: auto
}

.node-dossiers .chapo {
    margin: 0 0 2.75rem;
    padding: 0 0 1.3125rem;
    font-size: 2.1875rem;
    line-height: 2.3125rem;
    border-bottom: .0625rem solid #ededed
}

.node-dossiers .infos-article {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: .75rem;
    font-size: 1.25rem;
    line-height: 1.5625rem;
    text-align: left
}

.node-dossiers .infos-article::after,
.node-dossiers .infos-article::before {
    display: table;
    content: ' ';
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.node-dossiers .infos-article::after {
    clear: both
}

#user-profile-form .unsubsribe-newsletter a:hover,
#user-register-form .unsubsribe-newsletter a:hover,
.node-dossiers .infos-article .article-auteur {
    color: #df5858
}

.bien-manger .node-dossiers .infos-article .article-auteur {
    color: #b2d16c
}

.cuisines-et-recettes .node-dossiers .infos-article .article-auteur {
    color: #e4a372
}

.se-soigner .node-dossiers .infos-article .article-auteur {
    color: #6bccbf
}

.bien-etre .node-dossiers .infos-article .article-auteur {
    color: #75a1c5
}

.forme .node-dossiers .infos-article .article-auteur {
    color: #e96e56
}

.node-dossiers .infos-article .date-publication,
.subscribers-only h3 {
    font-family: 'ActaDisplay';
    font-size: .9375rem;
    font-weight: 500;
    font-style: italic
}

.articles__content {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.subscribers-only {
    vertical-align: top;
    width: 100%;
    margin: 0 auto 3.1875rem;
    padding: 0;
    box-shadow: .1875rem .1875rem 1.875rem .0625rem rgba(38, 38, 62, .1);
    background: #fff;
    box-shadow: 0 0 0 .8125rem #fff;
    border: .8125rem solid transparent;
    -o-border-image: url(/assets/bg_pattern_stripes.png) 13 round;
    border-image: url(/assets/bg_pattern_stripes.png) 13 round
}

.subscribers-only h3 {
    margin: 0;
    padding: 4.6875rem 0 3.125rem;
    padding-left: 9%;
    padding-right: 9%;
    font-size: 1.5625rem;
    line-height: 1.625rem;
    font-weight: 900;
    text-align: center;
    background: #f1f3f4 url(/assets/bg_block_subscriber.png) no-repeat left top
}

@media print,
screen and (min-width:64em) {
    .subscribers-only h3 {
        padding-left: 25%;
        padding-right: 25%;
        font-size: 2.125rem;
        line-height: 2.25rem
    }
}

.subscribers-only .blocks-subscribed-and-not {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 2.8125rem 0 1.3125rem;
    line-height: 1
}

@media print,
screen and (min-width:64em) {
    .subscribers-only .blocks-subscribed-and-not {
        padding-bottom: 3.75rem
    }
}

.subscribers-only .blocks-subscribed-and-not .already-subscribed,
.subscribers-only .blocks-subscribed-and-not .not-subscribed {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: .625rem;
    padding-left: .625rem;
    max-width: 100%;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    padding-bottom: 4.5625rem;
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.4375rem;
    color: #7d7d86;
    font-weight: 300
}

@media print,
screen and (min-width:40em) {
    .subscribers-only .blocks-subscribed-and-not .already-subscribed,
    .subscribers-only .blocks-subscribed-and-not .not-subscribed {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,
screen and (min-width:64em) {
    .subscribers-only .blocks-subscribed-and-not .already-subscribed,
    .subscribers-only .blocks-subscribed-and-not .not-subscribed {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        padding-right: 3.125rem;
        padding-left: 3.125rem;
        max-width: 50%;
        padding-bottom: 3.3125rem
    }
}

.subscribers-only .blocks-subscribed-and-not .already-subscribed .title,
.subscribers-only .blocks-subscribed-and-not .not-subscribed .title {
    display: block;
    margin-bottom: .6875rem;
    font-size: 1.25rem;
    line-height: 1.4375rem;
    text-transform: uppercase;
    font-weight: 500;
    color: #2e2e30
}

.subscribers-only .blocks-subscribed-and-not .already-subscribed p,
.subscribers-only .blocks-subscribed-and-not .not-subscribed p {
    line-height: 1.4375rem
}

.subscribers-only .blocks-subscribed-and-not .already-subscribed {
    margin-bottom: 1.875rem;
    border-bottom: .0625rem solid #ededed
}

@media print,
screen and (min-width:64em) {
    .subscribers-only .blocks-subscribed-and-not .already-subscribed {
        margin-bottom: 0;
        padding-bottom: 0;
        border-right: .0625rem solid #ededed;
        border-bottom: 0
    }
}

.page-node-done .links .subscribers-only a,
.page-user #user_login_form .subscribers-only .form-submit,
.page-user .change-profile .subscribers-only a,
.page-user .create-account .subscribers-only .login-register,
.subscribers-only .button,
.subscribers-only .page-node-done .links a,
.subscribers-only .page-user #user_login_form .form-submit,
.subscribers-only .page-user .change-profile a,
.subscribers-only .page-user .create-account .login-register,
.subscribers-only [type=submit] {
    position: absolute;
    left: 50%;
    bottom: 1.875rem;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    min-width: 14.375rem;
    margin: 0;
    box-shadow: inset 0 0 0 -.125rem #2e2e30, 0 .625rem 2.5rem 0 rgba(38, 38, 62, .1);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.page-node-done .links .subscribers-only a:hover,
.page-user #user_login_form .subscribers-only .form-submit:hover,
.page-user .change-profile .subscribers-only a:hover,
.page-user .create-account .subscribers-only .login-register:hover,
.subscribers-only .button:hover,
.subscribers-only .page-node-done .links a:hover,
.subscribers-only .page-user #user_login_form .form-submit:hover,
.subscribers-only .page-user .change-profile a:hover,
.subscribers-only .page-user .create-account .login-register:hover,
.subscribers-only [type=submit]:hover {
    box-shadow: inset 18.75rem 0 0 0 #2e2e30, 0 .625rem 2.5rem 0 rgba(38, 38, 62, .1)
}

@media print,
screen and (min-width:64em) {
    .page-node-done .links .subscribers-only a,
    .page-user #user_login_form .subscribers-only .form-submit,
    .page-user .change-profile .subscribers-only a,
    .page-user .create-account .subscribers-only .login-register,
    .subscribers-only .button,
    .subscribers-only .page-node-done .links a,
    .subscribers-only .page-user #user_login_form .form-submit,
    .subscribers-only .page-user .change-profile a,
    .subscribers-only .page-user .create-account .login-register,
    .subscribers-only [type=submit] {
        bottom: 0
    }
}

.categ-level-1 h2.categorie-chapo,
.categ-level-2 h2.categorie-chapo {
    margin-bottom: 2.75rem;
    font-size: 1.375rem;
    line-height: 1.8125rem;
    font-weight: 200;
    text-align: center;
    padding: 0 1em
}

@media print,
screen and (min-width:40em) {
    .categ-level-1 h2.categorie-chapo,
    .categ-level-2 h2.categorie-chapo {
        font-size: 2.1875rem;
        line-height: 2.25rem
    }
}

.categ-level-3 {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-top: 3.3125rem
}

.categ-level-3 .categorie-visuel {
    margin: 0 0 1.875rem
}

@media print,
screen and (min-width:40em) {
    .categ-level-3 .categorie-visuel {
        margin: 0 0 3.125rem
    }
}

.categ-level-3 .articles-categorie-and-others .mini,
.categ-level-3 .block-subtitle {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.categ-level-3 .block-subtitle {
    padding-right: .625rem;
    padding-left: .625rem;
    margin-bottom: 0;
    padding-bottom: .6875rem;
    border-bottom: .0625rem solid #ededed
}

@media print,
screen and (min-width:40em) {
    .categ-level-3 .block-subtitle {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,
screen and (min-width:64em) {
    .categ-level-3 .block-subtitle {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

@media print,
screen and (min-width:40em) {
    .categ-level-3 .block-subtitle {
        margin-bottom: 2.25rem
    }
}

.categ-level-3 .block-subtitle h2.categorie-chapo {
    font-size: 1.375rem;
    line-height: 1.8125rem;
    font-weight: 300
}

@media print,
screen and (min-width:40em) {
    .categ-level-3 .block-subtitle h2.categorie-chapo {
        font-size: 1.875rem;
        line-height: 2.25rem
    }
}

.categ-level-3 .articles-categorie-and-others .view-content {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 3rem
}

.categ-level-3 .articles-categorie-and-others .mini {
    padding-right: 0;
    padding-left: 0
}

@media print,
screen and (min-width:40em) {
    .categ-level-3 .articles-categorie-and-others .mini {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 46%;
        -ms-flex: 0 0 46%;
        flex: 0 0 46%;
        max-width: 46%
    }
}

h2.categorie-chapo a {
    transition: color .25s cubic-bezier(.25, .46, .45, .94)
}

.boite-a-outil h2.categorie-chapo a {
    color: #9e8633
}

.bien-manger h2.categorie-chapo a {
    color: #93ba3b
}

.cuisines-et-recettes h2.categorie-chapo a {
    color: #c96d27
}

.se-soigner h2.categorie-chapo a {
    color: #369b8e
}

.bien-etre h2.categorie-chapo a {
    color: #3f6e95
}

.forme h2.categorie-chapo a {
    color: #c03419
}

h2.categorie-chapo a:hover {
    color: #1f1f20
}

.focus {
    padding-bottom: 1.875rem
}

@media print,
screen and (min-width:40em) {
    .focus {
        padding-bottom: 4.6875rem
    }
}

.focus .view-articles {
    position: relative;
    max-width: 100rem;
    margin: 0 auto
}

.focus .view-content {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    padding-top: 1.5625rem
}

@media print,
screen and (min-width:64em) {
    .focus .view-content {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        padding-top: 4.0625rem
    }
}

.focus .preview-right {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    padding-right: 0;
    padding-left: 0;
    max-width: 91.66667%
}

@media print,
screen and (min-width:40em) {
    .focus .preview-right {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media print,
screen and (min-width:64em) {
    .focus .preview-right {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 47%;
        -ms-flex: 0 0 47%;
        flex: 0 0 47%;
        max-width: 47%
    }
}

.focus .preview-right .articles-column {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    height: 100%
}

.focus .preview-right .views-row {
    width: 100%
}

[data-whatintent=mouse] .focus .preview-right .views-row {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
    transition: transform .45s cubic-bezier(.165, .84, .44, 1);
    transition: transform .45s cubic-bezier(.165, .84, .44, 1), -webkit-transform .45s cubic-bezier(.165, .84, .44, 1)
}

[data-whatintent=mouse] .focus .preview-right .views-row:hover,
[data-whatintent=mouse] .focus .views-row.views-row-first:hover {
    -webkit-transform: scale(.97);
    -ms-transform: scale(.97);
    transform: scale(.97)
}

.focus .preview-right .views-row:first-child {
    margin-bottom: 1.5625rem
}

@media print,
screen and (min-width:64em) {
    .focus .preview-right .views-row:first-child {
        margin-bottom: 0
    }
}

.focus .preview-right .views-row:first-child::before {
    display: none
}

.focus .preview-right .views-row>a,
.focus .views-row.views-row-first>a {
    display: block;
    overflow: hidden;
    height: 0;
    padding-bottom: 50%
}

.focus .views-row,
.focus__article,
section[role=main] {
    position: relative
}

.focus .views-row.views-row-first {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    padding-right: 0;
    padding-left: 0;
    max-width: 91.66667%;
    margin-bottom: 1.5625rem
}

[data-whatintent=mouse] .focus .views-row.views-row-first {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
    transition: transform .45s cubic-bezier(.165, .84, .44, 1);
    transition: transform .45s cubic-bezier(.165, .84, .44, 1), -webkit-transform .45s cubic-bezier(.165, .84, .44, 1)
}

@media print,
screen and (min-width:40em) {
    .focus .views-row.views-row-first {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media print,
screen and (min-width:64em) {
    .focus .views-row.views-row-first {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 0
    }
}

.focus .views-row.views-row-first::before {
    content: "";
    position: absolute;
    left: -.46875rem;
    bottom: -.46875rem;
    width: 50%;
    height: 50%;
    background: url(/assets/bg_pattern_home_dandelion_pink.png)
}

@media print,
screen and (min-width:64em) {
    .focus .views-row.views-row-first::before {
        left: -1.875rem;
        bottom: -1.875rem;
        width: 14.8125rem;
        height: 14.8125rem
    }
}

.focus .views-row.views-row-first>a {
    padding-bottom: 100%
}

.focus .views-row.views-row-first .focus__title {
    bottom: 4.1875rem;
    font-size: 2.8125rem;
    line-height: 2.5rem
}

@media screen and (min-width:40em) and (max-width:63.9375em) {
    .focus .views-row.views-row-first .focus__title {
        font-size: 2.3125rem;
        line-height: 1.875rem
    }
}

@media print,
screen and (min-width:64em) {
    .focus .views-row.views-row-first .focus__title {
        font-size: 3.875rem;
        line-height: 3.25rem
    }
    .focus .views-row.views-row-last {
        margin-top: 6%
    }
}

.focus img {
    display: block;
    min-width: 100%;
    width: auto;
    min-height: 100%;
    height: auto
}

.focus__article {
    background: 0 0;
    display: block
}

.focus__article::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60%;
    background-image: linear-gradient(to top, rgba(43, 43, 44, .8) 0%, rgba(125, 185, 232, 0) 100%)
}

.focus .article__type {
    left: 1.25rem
}

@media print,
screen and (min-width:40em) {
    .focus .article__type {
        left: 2.5rem
    }
}

.focus__title {
    position: absolute;
    z-index: 2;
    bottom: 2.875rem;
    left: 1.25rem;
    right: 1.25rem;
    word-wrap: break-word;
    display: inline-block;
    font-size: 1.5rem;
    line-height: 1.375rem;
    color: #fff
}

@media print,
screen and (min-width:40em) {
    .focus__title {
        left: 2.5rem;
        right: 2.5rem
    }
}

@media screen and (min-width:40em) and (max-width:63.9375em) {
    .focus__title {
        font-size: 1.6875rem;
        line-height: 1.5rem
    }
}

@media print,
screen and (min-width:64em) {
    .focus__title {
        font-size: 2.375rem;
        line-height: 2rem
    }
}

.focus__category {
    position: absolute;
    bottom: .75rem;
    left: 1.25rem
}

@media print,
screen and (min-width:40em) {
    .focus__category {
        bottom: 1.25rem;
        left: 2.5rem
    }
}

.body h2,
.focus__category a {
    font-family: 'ActaDisplay', Georgia, serif;
    font-style: italic
}

.focus__category a {
    display: inline-block;
    color: #dbe1e7;
    font-weight: 500
}

.baseline {
    padding-bottom: 1.5625rem
}

@media print,
screen and (min-width:40em) {
    .baseline {
        padding-bottom: 4.6875rem
    }
}

.baseline h1 {
    font-size: 1.8125rem;
    font-weight: 200;
    line-height: 1.8125rem;
    text-align: center
}

@media print,
screen and (min-width:40em) {
    .baseline h1 {
        font-size: 2.25rem;
        line-height: 2.25rem
    }
}

.page-home section[role=main] {
    padding: 0
}

.node-page-standard {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding-top: 6.25rem
}

.body h2 {
    font-size: 1.6875rem;
    line-height: 1.25rem;
    font-weight: 700;
    margin: 2.5rem 0 1.875rem;
    clear: both
}

@media print,
screen and (min-width:40em) {
    .body h2 {
        font-size: 2rem;
        line-height: 1.625rem
    }
}

.body h3,
.body h4 {
    margin-bottom: .9375rem;
    font-size: 1.4375rem
}

@media print,
screen and (min-width:40em) {
    .body h3 {
        font-size: 1.6875rem;
        margin-left: 3.125rem
    }
}

.body h4 {
    font-size: 1.375rem;
    color: #4e4f63;
    font-weight: 500
}

@media print,
screen and (min-width:40em) {
    .body h4 {
        font-size: 1.5rem;
        margin-left: 3.125rem;
        font-weight: 600
    }
}

.body p,
.body ul li {
    font-size: 1.25rem;
    font-weight: 300
}

.body p,
.body ul {
    line-height: 1.45;
    margin-bottom: 1.875rem
}

@media print,
screen and (min-width:40em) {
    .body p {
        margin-left: 3.125rem
    }
}

.body p.excerpt {
    font-weight: 400;
    font-size: 1.6875rem;
    line-height: 1.4375rem;
    line-height: 1.1;
    border-bottom: 1px solid #ededed;
    padding-bottom: 1.875rem
}

@media print,
screen and (min-width:40em) {
    .body p.excerpt {
        font-size: 2.1875rem
    }
}

.body blockquote.citation,
.body p.citation {
    background: #f1f1f1;
    margin-bottom: 1.875rem;
    padding: 3.75rem 1.875rem 2.5rem;
    margin-left: 0;
    font-family: 'ActaDisplay', serif;
    font-weight: 600;
    font-size: 1.1875rem;
    line-height: 1.4;
    font-style: italic;
    overflow: hidden;
    position: relative
}

@media print,
screen and (min-width:40em) {
    .body blockquote.citation,
    .body p.citation {
        font-size: 1.5rem;
        line-height: 1.3;
        padding: 3.75rem 3.125rem 2.5rem
    }
}

.body blockquote.citation::before,
.body p.citation::before {
    font-family: "nutricons"!important;
    content: attr(data-icon);
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-transform: none!important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\6d";
    position: absolute;
    top: -.625rem;
    left: .9375rem;
    color: #df5858;
    font-size: 3.25rem
}

.body ul {
    margin-left: 1.25rem
}

@media print,
screen and (min-width:40em) {
    .body ul {
        margin-left: 5.625rem
    }
}

.body ul li {
    margin-bottom: .625rem
}

.body img.img-left,
.body img.img-right {
    margin-bottom: 1.25rem;
    display: block;
    max-width: 100%;
    height: auto
}

@media print,
screen and (min-width:40em) {
    .body img.img-left,
    .body img.img-right {
        margin-top: .5rem;
        max-width: 18.75rem
    }
    .body img.img-left {
        float: left
    }
    .body p>img.img-left {
        margin-left: -3.125rem
    }
    .body img.img-right {
        float: right
    }
}

.body p>img.img-right {
    margin-left: 1.25rem
}

.container {
    width: 100%;
    max-width: 75rem;
    margin: auto
}

@media print,
screen and (min-width:40em) {
    .container {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

@media screen and (min-width:75em) {
    .container {
        padding-left: 0;
        padding-right: 0
    }
}

section[role=main]::before {
    content: '';
    position: absolute;
    z-index: -1;
    right: 50%;
    top: 0;
    width: 100%;
    max-width: 100rem;
    height: 20.625rem;
    background: #f1f2f5 url(/assets/bg_pattern_home.png) left top;
    pointer-events: none;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%)
}

@media print,
screen and (min-width:40em) {
    section[role=main]::before {
        height: 26.625rem
    }
}

.page-home section[role=main]::before {
    height: 33.125rem
}

.section-les-aliments-a-la-loupe section[role=main]::before {
    background-color: #f9f6ec;
    background-image: url(/assets/bg_pattern_boiteaoutil.png)
}

.page-page-auteur section[role=main]::before,
.page-recherche-aliments section[role=main]::before,
.page-search section[role=main]::before {
    height: 20rem
}

.page-user section[role=main]::before {
    height: 13.75rem
}

.node-type-aliments section[role=main]::before,
.page-node-11 section[role=main]::before,
.search-results+h2.element-invisible {
    display: none
}

.node-type-page-standard section[role=main]::before {
    height: 13.75rem
}

@media print,
screen and (min-width:40em) {
    .node-type-page-standard section[role=main]::before {
        height: 26.625rem
    }
}

section[role=main].boite-a-outil::before {
    background-color: #f9f6ec;
    background-image: url(/assets/bg_pattern_boiteaoutil.png)
}

section[role=main].bien-manger::before {
    background-color: #f5f9ec;
    background-image: url(/assets/bg_pattern_bienmanger.png)
}

section[role=main].cuisines-et-recettes::before {
    background-color: #fcf4ee;
    background-image: url(/assets/bg_pattern_recettes.png)
}

section[role=main].se-soigner::before {
    background-color: #fff;
    background-image: url(/assets/bg_pattern_soigner.png)
}

section[role=main].bien-etre::before {
    background-color: #ebf2f7;
    background-image: url(/assets/bg_pattern_bienetre.png)
}

section[role=main].forme::before {
    background-color: #fceeeb;
    background-image: url(/assets/bg_pattern_forme.png)
}

section[role=main] h1 {
    margin: auto;
    max-width: 60rem;
    margin-bottom: 1.25rem;
    text-align: center
}

body:not(.node-type-articles) .breadcrumb+h1 {
    padding-left: .9375rem;
    padding-right: .9375rem;
    font-family: 'ActaDisplay';
    font-size: 2.0625rem;
    line-height: 2.1875rem;
    font-weight: 900;
    font-style: italic;
    color: #2e2e30
}

@media print,
screen and (min-width:40em) {
    body:not(.node-type-articles) .breadcrumb+h1 {
        padding-left: 0;
        padding-right: 0;
        font-size: 4.0625rem;
        line-height: 4.375rem
    }
}

.breadcrumb+h1+h2,
.page-page-auteur .breadcrumb+h1 {
    max-width: 25.625rem;
    margin: auto;
    margin-bottom: 2.5625rem;
    text-align: center
}

@media print,
screen and (min-width:40em) {
    .page-page-auteur .breadcrumb+h1 {
        max-width: 70%;
        margin-bottom: 6.5rem;
        padding-right: 22%;
        text-align: right
    }
}

@media print,
screen and (min-width:64em) {
    .page-page-auteur .breadcrumb+h1 {
        max-width: 25.625rem;
        padding-right: 0;
        text-align: right
    }
}

.page-node-11 .breadcrumb+h1 {
    margin-bottom: 5rem
}

.breadcrumb+h1+h2 {
    max-width: 60rem;
    margin-bottom: 2.8125rem;
    font-family: 'LemonSans';
    font-size: 2.1875rem;
    line-height: 2.25rem;
    font-weight: 200
}

.content {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 0
}

@media print,
screen and (min-width:40em) {
    .categ-level-2 .content,
    .content {
        margin-bottom: 2em
    }
}

.page-search-node h2 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 100%;
    -ms-flex: 1 100%;
    flex: 1 100%;
    margin-bottom: .9375rem;
    font-size: 2.5rem;
    line-height: 2.5rem;
    font-weight: 500
}

.search-results {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: 0;
    padding-left: 0;
    max-width: 100%
}

@media print,
screen and (min-width:40em) {
    .search-results {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.search-results .custom_search_results {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%
}

.custom-search-filter h3 {
    text-align: left
}

.custom-search-filter ul {
    margin: 0;
    padding: 0
}

.custom-search-filter li {
    list-style: none;
    display: inline-block;
    vertical-align: middle
}

.custom-search-filter li>a {
    border-radius: 3px;
    padding: .15em .75em;
    border: solid #df5858 1px
}

.page-recherche-aliments .container {
    text-align: center
}

.page-recherche-aliments .container ul:not(.tabs) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 53.125rem;
    margin: auto;
    margin-bottom: 5.9375rem;
    list-style: none
}

.page-recherche-aliments .container ul:not(.tabs) li {
    margin: 0 .1875rem .625rem;
    text-transform: uppercase
}

.page-recherche-aliments .container ul:not(.tabs) li a {
    display: inline-block;
    margin: 0;
    padding: .1875rem .8125rem;
    font-size: 1.25rem;
    color: #2e2e30;
    font-weight: 500;
    box-shadow: inset 0 0 0 .125rem #ededed;
    border-radius: 1.25rem;
    transition: color .1s, box-shadow .2s
}

.page-recherche-aliments .container ul:not(.tabs) li a:hover {
    color: #fff;
    background-color: #df5858;
    box-shadow: inset 0 0 0 .125rem #db4343
}

.page-recherche-aliments a.more-articles {
    display: inline-block;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto;
    margin-bottom: 5rem;
    padding: .75rem 1.375rem;
    font-size: 1rem;
    font-weight: 600;
    color: #2e2e30;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .0625rem;
    border: none;
    background: 0 0;
    border-radius: .1875rem;
    box-shadow: inset 0 0 0 0 #df5858, inset 0 0 0 .125rem #2e2e30;
    transition: box-shadow .4s cubic-bezier(.25, .46, .45, .94), color .25s cubic-bezier(.25, .46, .45, .94)
}

.page-recherche-aliments a.more-articles:hover {
    color: #fff;
    box-shadow: inset 18.75rem 0 0 0 #df5858, inset 0 0 0 .125rem #2e2e30;
    background-color: #df5858
}

.section-search section[role=main] {
    padding-top: 1em
}

.section-search section[role=main]::before {
    height: 15em
}

.section-search .breadcrumb {
    margin-bottom: 0
}

.section-search .search-form {
    margin: 0 0 5.5em;
    padding: 0 1em;
    text-align: center
}

.section-search .search-form label {
    font-size: 1.15em
}

.section-search .form-text {
    margin-bottom: .5em
}

.paiement-process__title img,
.section-search .form-submit {
    display: inline-block
}

.section-search .search-results {
    margin: 0
}

#edit-account div.password-confirm.password-suggestions+.description,
#edit-account div.password-strength.password-suggestions+.description,
.section-search .search-results .preview-article__title {
    margin-top: 0
}

.section-search .form-wrapper {
    margin-bottom: 3em
}

.section-search .content {
    padding: 0 1rem
}

.section-search .page-title {
    margin-bottom: .25rem
}

.section-search .criterion .parent {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 .5em .5em
}

.section-search .criterion .parent label {
    margin: 0;
    font-size: 1.25rem;
    padding: .25em 1em .4em;
    box-shadow: inset 0 0 0 .125rem #ccc;
    border-radius: 1.25rem;
    transition: color .1s, box-shadow .2s;
    position: relative;
    line-height: 1
}

.section-search .criterion .parent label::after,
.section-search .criterion .parent label::before {
    position: absolute;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    transition: transform .2s cubic-bezier(.175, .885, .32, 1.275);
    transition: transform .2s cubic-bezier(.175, .885, .32, 1.275), -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.275)
}

.section-search .criterion .parent label::before {
    border-radius: 100%;
    background-color: #4db356;
    box-shadow: 0 0 0 .1875rem #f1f2f5;
    width: 1.375rem;
    height: 1.375rem;
    right: -.5rem;
    content: "";
    top: -.25rem
}

.section-search .criterion .parent label::after {
    font-family: "nutricons"!important;
    content: attr(data-icon);
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-transform: none!important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\6b";
    color: #fff;
    font-size: 1rem;
    top: -.0625rem;
    right: -.3em
}

.section-search .criterion .parent .form-checkbox:checked+label {
    color: #4db356;
    box-shadow: inset 0 0 0 .125rem rgba(77, 179, 86, .8)
}

.section-search .criterion .parent .form-checkbox:checked+label::after,
.section-search .criterion .parent .form-checkbox:checked+label::before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.section-search .criterion .parent:first-child {
    margin-left: 0
}

@media print,
screen and (min-width:40em) {
    .section-search section[role=main]::before {
        height: 20em
    }
    .section-search .form-wrapper {
        margin-bottom: 0
    }
    .section-search .search-form {
        margin: 0 -1em 5.5em;
        text-align: left
    }
    .section-search .search-form .form-wrapper {
        position: relative
    }
    .section-search .search-form .form-text {
        padding-right: 7em
    }
    .section-search .search-form .form-submit {
        height: 2.875rem;
        position: absolute;
        right: 0;
        bottom: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
}

.logged-in .tabs {
    border: 1px solid #e6e6e6;
    background: #fefefe;
    list-style-type: none;
    max-width: 75rem;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-bottom: 5vh;
    box-shadow: 0 .9375rem 1.875rem rgba(46, 46, 48, .15);
    position: relative;
    z-index: 1
}

.logged-in .tabs::after,
.logged-in .tabs::before {
    display: table;
    content: ' ';
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.logged-in .tabs::after {
    clear: both
}

@media print,
screen and (min-width:40em) {
    .logged-in .tabs {
        margin-top: 5.3125rem
    }
}

.logged-in .tabs__tab {
    float: left;
    border-right: 1px solid #ededed
}

.logged-in .tabs__tab>a {
    display: block;
    padding: 1.25rem 1.5rem;
    font-size: .75rem;
    line-height: 1;
    color: #1779ba
}

.logged-in .tabs__tab>a:hover {
    background: #fefefe;
    color: #1468a0
}

.logged-in .tabs__tab>a:focus,
.logged-in .tabs__tab>a[aria-selected=true] {
    background: #e6e6e6;
    color: #1779ba
}

.logged-in .tabs a {
    font-size: 1.125rem;
    color: #df5858;
    transition: color .2s, background-color .2s
}

.logged-in .tabs a.is-active {
    color: #fff;
    background-color: #df5858
}

.logged-in .tabs a:hover {
    color: #df5858;
    background-color: #f0f0f0
}

.page-user section[role=main] {
    min-height: 43.75rem
}

.page-user .element-invisible {
    display: none
}

.page-user .page-title {
    margin-bottom: 0
}

@media print,
screen and (min-width:40em) {
    .page-user .page-title {
        margin-bottom: 3.4375rem
    }
}

.page-user .page-title h1 {
    font-size: 3.125rem;
    line-height: 3.4375rem
}

.page-user .region-pre-footer {
    display: none
}

.page-user .footer {
    padding-top: 3.4375rem
}

.page-user .menu {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 1.25rem;
    text-transform: uppercase;
    background-color: #fff;
    border-bottom: 1px solid #ededed;
    box-shadow: 0 0 2.625rem 0 rgba(38, 38, 62, .1)
}

@media print,
screen and (min-width:40em) {
    .page-user .menu {
        margin-bottom: 2.5rem
    }
}

.page-user .menu__item {
    font-size: 1.25rem
}

.page-user .menu__item:last-child {
    text-align: right;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.page-user .menu a {
    display: inline-block;
    font-size: 1rem;
    color: #2e2e30;
    transition: color .2s;
    border-right: .0625rem solid #ededed;
    transition: background-color .35s cubic-bezier(.19, 1, .22, 1), color .35s
}

.page-user .menu a:hover {
    color: #fff;
    background-color: #df5858
}

@media print,
screen and (min-width:40em) {
    .page-user .menu a {
        font-size: 1.125rem
    }
}

.page-user .menu .menu {
    display: none
}

.page-user .menu+.field-type-list-text {
    position: relative;
    margin: 0 0 1rem;
    padding: 1rem;
    border: 1px solid rgba(10, 10, 10, .25);
    border-radius: 0;
    max-width: 64rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    font-size: 1.125rem
}

.page-user .menu+.field-type-list-text>:first-child {
    margin-top: 0
}

.page-user .menu+.field-type-list-text>:last-child,
.raisons_abonnement ol li:last-child {
    margin-bottom: 0
}

.page-user .menu+.field-type-list-text .field-label {
    padding-right: 1.875rem
}

.page-user #user-login,
.page-user .change-profile {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page-user .change-profile {
    max-width: 64rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media print,
screen and (min-width:40em) {
    .page-user .change-profile {
        min-height: 12.5rem
    }
}

.page-user #user-login {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
    width: 100%
}

@media print,
screen and (min-width:40em) {
    .page-user #user-login {
        margin-top: 3.75rem
    }
}

.page-user #user-login,
.page-user #user-login>div,
.page-user .create-account {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.page-user #user-login>div {
    width: 100%
}

.page-user .create-account {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.5625rem;
    background: #f5f6f8 url(/assets/bg_pattern_paper.jpg) left top;
    box-shadow: 0 .9375rem 3.75rem rgba(46, 46, 48, .2);
    border: .125rem solid #ededed
}

@media print,
screen and (min-width:40em) {
    .page-user .create-account {
        padding: 3.125rem 3.75rem
    }
}

.page-user #user_login_form {
    margin-bottom: 2.6875rem;
    padding: 1.5625rem;
    background-color: #fff;
    box-shadow: 0 .625rem 1.875rem rgba(46, 46, 48, .1)
}

@media print,
screen and (min-width:40em) {
    .page-user #user_login_form {
        padding: 3.125rem 3.75rem
    }
}

.page-user #user_login_form .form-item {
    margin-bottom: 1.25rem
}

.page-user #user_login_form label {
    margin-bottom: .5625rem;
    font-size: 1.1875rem;
    line-height: 1.1875rem;
    color: rgba(46, 46, 48, .9)
}

.page-user #user_login_form .description {
    color: rgba(46, 46, 48, .5)
}

.page-user #user_login_form .form-actions {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 2.5rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1 100%;
    -ms-flex: 1 100%;
    flex: 1 100%
}

.page-user #user_login_form .login-password {
    display: block;
    text-align: right
}

.page-user .container {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page-user .container>* {
    -webkit-box-flex: 1;
    -webkit-flex: 1 100%;
    -ms-flex: 1 100%;
    flex: 1 100%
}

.page-user .field {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 1.25rem;
    padding: 0 0 1.125rem;
    font-size: 1.0625rem;
    line-height: 1.375rem;
    font-weight: 300;
    text-align: left;
    border-bottom: .0625rem solid #ededed
}

@media print,
screen and (min-width:40em) {
    .page-user .field {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,
screen and (min-width:64em) {
    .page-user .field {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

.page-user .field .field-label,
.page-user h3+dl dd,
.page-user h3+dl dt {
    margin: 0 .75rem 0 0;
    font-weight: 500;
    font-size: 1.1875rem;
    line-height: 1.25rem
}

.block-info-subscription #code-promo-form label,
.page-user .field.field-name-field-user-adresse,
.page-user .field.field-name-field-user-complement-adresse,
.page-user .field.field-name-field-user-cp,
.page-user .field.field-name-field-user-description,
.page-user .field.field-name-field-user-fax,
.page-user .field.field-name-field-user-image,
.page-user .field.field-name-field-user-portable,
.page-user .field.field-name-field-user-profession,
.page-user .field.field-name-field-user-societe,
.page-user .field.field-name-field-user-tel,
.page-user .field.field-name-field-user-ville {
    display: none
}

.page-user h3,
.page-user h3+dl {
    padding-right: .625rem;
    padding-left: .625rem;
    max-width: 83.33333%
}

.page-user h3 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1 100%;
    -ms-flex: 1 100%;
    flex: 1 100%
}

@media print,
screen and (min-width:40em) {
    .page-user h3 {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,
screen and (min-width:64em) {
    .page-user h3 {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

.page-user h3+dl {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 1.375rem;
    padding-bottom: 3.4375rem;
    border-bottom: .0625rem solid #ededed
}

@media print,
screen and (min-width:40em) {
    .page-user h3+dl {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,
screen and (min-width:64em) {
    .page-user h3+dl {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

.page-user h3+dl dd,
.page-user h3+dl dt {
    display: inline-block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto
}

.page-user h3+dl dd {
    text-align: left;
    font-size: 1.0625rem;
    line-height: 1.1875rem;
    font-weight: 300;
    color: #df5858
}

.page-user-subscribe {
    font-size: 1.1875rem;
    line-height: 1.375rem;
    font-weight: 400;
    color: #7d7d86
}

.content-subscription {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.content-subscription .title {
    font-size: 1.5625rem
}

.content-subscription .left>.title {
    display: block;
    margin-bottom: 3.4375rem
}

.content-subscription .right {
    margin-bottom: 1.875rem
}

.block-info-subscription,
.block-info-subscription .line {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.block-info-subscription {
    padding: 1.5625rem .625rem 1.25rem;
    font-size: 1.1875rem;
    line-height: 1.375rem;
    background: #f5f6f8;
    border-radius: .3125rem;
    border: .0625rem solid rgba(223, 88, 88, .5);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 3.125rem
}

@media print,
screen and (min-width:40em) {
    .block-info-subscription {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,
screen and (min-width:64em) {
    .block-info-subscription {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

.block-info-subscription .line {
    padding-right: 0;
    padding-left: 0;
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 1.375rem;
    padding-bottom: 1.375rem;
    text-align: center;
    border-bottom: .0625rem dashed #d4d4d4
}

@media print,
screen and (min-width:40em) {
    .block-info-subscription .line {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: left
    }
}

.block-info-subscription .line:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none
}

.block-info-subscription .line.justify {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media print,
screen and (min-width:40em) {
    .block-info-subscription .line.justify {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.block-info-subscription .line.v-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.block-info-subscription .line.v-center .title {
    width: auto
}

.block-info-subscription .line p {
    line-height: 1.375rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto
}

.block-info-subscription .title {
    display: block;
    width: 100%;
    margin-right: .375rem;
    font-size: 1.625rem;
    line-height: 1.6875rem;
    color: #df5858
}

.block-info-subscription .title.alone {
    margin-bottom: .9375rem;
    text-align: center
}

@media print,
screen and (min-width:40em) {
    .block-info-subscription .title.alone {
        text-align: left
    }
}

.block-info-subscription .date {
    font-size: 1.4375rem;
    line-height: 1.5625rem;
    font-weight: 600
}

.block-info-subscription .button,
.block-info-subscription .page-node-done .links a,
.block-info-subscription .page-user #user_login_form .form-submit,
.block-info-subscription .page-user .change-profile a,
.block-info-subscription .page-user .create-account .login-register,
.block-info-subscription [type=submit],
.page-node-done .links .block-info-subscription a,
.page-user #user_login_form .block-info-subscription .form-submit,
.page-user .change-profile .block-info-subscription a,
.page-user .create-account .block-info-subscription .login-register {
    margin: auto;
    margin-top: .6875rem
}

@media print,
screen and (min-width:40em) {
    .block-info-subscription .button,
    .block-info-subscription .page-node-done .links a,
    .block-info-subscription .page-user #user_login_form .form-submit,
    .block-info-subscription .page-user .change-profile a,
    .block-info-subscription .page-user .create-account .login-register,
    .block-info-subscription [type=submit],
    .page-node-done .links .block-info-subscription a,
    .page-user #user_login_form .block-info-subscription .form-submit,
    .page-user .change-profile .block-info-subscription a,
    .page-user .create-account .block-info-subscription .login-register {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin: 0;
        margin-left: 1.375rem
    }
}

.block-info-subscription #code-promo-form {
    margin-bottom: 1rem
}

.avis_abonnes ul,
.block-info-subscription #code-promo-form>div {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.block-info-subscription #code-promo-form>div {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.block-info-subscription #code-promo-form [type=submit] {
    margin: 0 0 0 .4375rem
}

.previous_subscriptions {
    -webkit-box-flex: 1;
    -webkit-flex: 1 100%;
    -ms-flex: 1 100%;
    flex: 1 100%
}

@media print,
screen and (min-width:40em) {
    .previous_subscriptions {
        margin-bottom: 4.125rem
    }
}

.previous_subscriptions table.views-table {
    border-bottom: .0625rem solid #ededed
}

.previous_subscriptions table.views-table th a {
    color: #717179
}

#infos-subscribe {
    margin-bottom: 3.125rem
}

#user-pass-reset {
    text-align: center
}

#user-pass-reset h2 {
    margin-bottom: 1.375rem;
    font-weight: 200
}

.raisons_abonnement {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
    width: calc(100% - 30px);
    margin: 0 auto;
    margin-top: .8125rem;
    margin-bottom: 3.4375rem;
    padding: 1.0625rem .4375rem .625rem .625rem;
    box-shadow: 0 0 0 .8125rem #efaeae;
    border: .8125rem solid transparent;
    -o-border-image: url(/assets/bg_pattern_stripes.png) 13 round;
    border-image: url(/assets/bg_pattern_stripes.png) 13 round;
    border-image-outset: 1;
    box-shadow: .1875rem .1875rem 1.875rem .0625rem rgba(38, 38, 62, .1);
    background: #fff
}

@media print,
screen and (min-width:40em) {
    .raisons_abonnement {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,
screen and (min-width:64em) {
    .raisons_abonnement {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

@media print,
screen and (min-width:40em) {
    .raisons_abonnement {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 28%;
        -ms-flex: 0 0 28%;
        flex: 0 0 28%;
        padding-right: 0;
        padding-left: 0;
        max-width: 28%;
        margin-right: .8125rem;
        padding: 1.0625rem .625rem .9375rem .1875rem
    }
}

.raisons_abonnement h2 {
    position: relative;
    margin: auto;
    margin-bottom: 1.875rem;
    padding: 0 0 .9375rem;
    font-family: 'ActaDisplay';
    font-size: 1.5625rem;
    line-height: 1.6875rem;
    font-weight: 900;
    font-style: italic;
    color: #2e2e30;
    text-align: center
}

.raisons_abonnement h2::before {
    position: absolute;
    left: 50%;
    bottom: 0;
    content: '';
    width: 2.5rem;
    height: 0;
    border-bottom: .0625rem solid #2e2e30;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.raisons_abonnement ol {
    counter-reset: section;
    list-style-type: none;
    font-size: 1.125rem;
    line-height: 1.3125rem;
    font-weight: 300
}

.raisons_abonnement ol li {
    position: relative;
    margin: 0 0 1.875rem;
    padding: 0 0 0 .9375rem
}

.raisons_abonnement ol li strong {
    font-size: 1.25rem;
    line-height: 1.25rem;
    font-weight: 500
}

.raisons_abonnement ol li>strong {
    display: block;
    margin: 0 0 -.6875rem
}

.raisons_abonnement ol li::before {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 4.0625rem;
    -ms-flex: 0 0 4.0625rem;
    flex: 0 0 4.0625rem;
    display: inline-block;
    position: absolute;
    left: -2.0625rem;
    top: 0;
    counter-increment: section;
    content: counters(section, ".") " ";
    width: 2.1875rem;
    height: 2.1875rem;
    font-family: 'ActaDisplay';
    font-size: 2.1875rem;
    line-height: 2.3125rem;
    font-weight: 500;
    text-align: right;
    color: #2e2e30;
    font-style: italic
}

.avis_abonnes,
.avis_abonnes ul li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 100%;
    -ms-flex: 1 100%;
    flex: 1 100%
}

.avis_abonnes {
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
    margin-bottom: 3.875rem;
    font-size: .9375rem;
    line-height: 1.0625rem;
    font-weight: 300;
    border: .3125rem solid #ededed;
    padding: 1.875rem
}

.avis_abonnes ul {
    list-style: none
}

.avis_abonnes ul li {
    margin: 0 0 1.3125rem;
    padding: 0 0 1.5625rem;
    border-bottom: .0625rem solid #ededed
}

.avis_abonnes ul li:last-child {
    border-bottom: none;
    margin: 0
}

@media print,
screen and (min-width:40em) {
    .avis_abonnes ul li {
        -webkit-box-flex: 1;
        -webkit-flex: 1 30%;
        -ms-flex: 1 30%;
        flex: 1 30%;
        margin: .9375rem 0;
        padding: .9375rem 1.875rem;
        border-right: .0625rem solid #ededed;
        border-bottom: none
    }
    .avis_abonnes ul li:last-child,
    .avis_abonnes ul li:nth-child(3) {
        border-right: none
    }
}

.avis_abonnes ul li strong {
    font-size: 1.25rem
}

#choosit-subsribe-form .form-item,
#user-profile-form .form-item,
#user-register-form .form-item,
.webform-client-form-11 .form-item {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin: 0 0 .9375rem
}

#choosit-subsribe-form .form-item label,
#user-profile-form .form-item label,
#user-register-form .form-item label,
.webform-client-form-11 .form-item label {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: .625rem;
    padding-left: .625rem;
    max-width: 100%;
    font-size: 1.25rem;
    font-weight: 500
}

@media print,
screen and (min-width:40em) {
    #choosit-subsribe-form .form-item label,
    #user-profile-form .form-item label,
    #user-register-form .form-item label,
    .webform-client-form-11 .form-item label {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,
screen and (min-width:64em) {
    #choosit-subsribe-form .form-item label,
    #user-profile-form .form-item label,
    #user-register-form .form-item label,
    .webform-client-form-11 .form-item label {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

@media print,
screen and (min-width:40em) {
    #choosit-subsribe-form .form-item label,
    #user-profile-form .form-item label,
    #user-register-form .form-item label,
    .webform-client-form-11 .form-item label {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        padding-right: .625rem;
        padding-left: .625rem;
        max-width: 33.33333%
    }
}

@media print,
screen and (min-width:40em) and (min-width:40em) {
    #choosit-subsribe-form .form-item label,
    #user-profile-form .form-item label,
    #user-register-form .form-item label,
    .webform-client-form-11 .form-item label {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,
screen and (min-width:40em) and (min-width:64em) {
    #choosit-subsribe-form .form-item label,
    #user-profile-form .form-item label,
    #user-register-form .form-item label,
    .webform-client-form-11 .form-item label {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

#choosit-subsribe-form .form-item .form-pays,
#choosit-subsribe-form .form-item [type=email],
#choosit-subsribe-form .form-item [type=password],
#choosit-subsribe-form .form-item [type=text],
#choosit-subsribe-form .form-item select,
#user-profile-form .form-item .form-pays,
#user-profile-form .form-item [type=email],
#user-profile-form .form-item [type=password],
#user-profile-form .form-item [type=text],
#user-profile-form .form-item select,
#user-register-form .form-item .form-pays,
#user-register-form .form-item [type=email],
#user-register-form .form-item [type=password],
#user-register-form .form-item [type=text],
#user-register-form .form-item select,
.webform-client-form-11 .form-item .form-pays,
.webform-client-form-11 .form-item [type=email],
.webform-client-form-11 .form-item [type=password],
.webform-client-form-11 .form-item [type=text],
.webform-client-form-11 .form-item select {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: .625rem;
    padding-left: .625rem;
    max-width: 100%;
    margin: 0
}

@media print,
screen and (min-width:40em) {
    #choosit-subsribe-form .form-item .form-pays,
    #choosit-subsribe-form .form-item [type=email],
    #choosit-subsribe-form .form-item [type=password],
    #choosit-subsribe-form .form-item [type=text],
    #choosit-subsribe-form .form-item select,
    #user-profile-form .form-item .form-pays,
    #user-profile-form .form-item [type=email],
    #user-profile-form .form-item [type=password],
    #user-profile-form .form-item [type=text],
    #user-profile-form .form-item select,
    #user-register-form .form-item .form-pays,
    #user-register-form .form-item [type=email],
    #user-register-form .form-item [type=password],
    #user-register-form .form-item [type=text],
    #user-register-form .form-item select,
    .webform-client-form-11 .form-item .form-pays,
    .webform-client-form-11 .form-item [type=email],
    .webform-client-form-11 .form-item [type=password],
    .webform-client-form-11 .form-item [type=text],
    .webform-client-form-11 .form-item select {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,
screen and (min-width:64em) {
    #choosit-subsribe-form .form-item .form-pays,
    #choosit-subsribe-form .form-item [type=email],
    #choosit-subsribe-form .form-item [type=password],
    #choosit-subsribe-form .form-item [type=text],
    #choosit-subsribe-form .form-item select,
    #user-profile-form .form-item .form-pays,
    #user-profile-form .form-item [type=email],
    #user-profile-form .form-item [type=password],
    #user-profile-form .form-item [type=text],
    #user-profile-form .form-item select,
    #user-register-form .form-item .form-pays,
    #user-register-form .form-item [type=email],
    #user-register-form .form-item [type=password],
    #user-register-form .form-item [type=text],
    #user-register-form .form-item select,
    .webform-client-form-11 .form-item .form-pays,
    .webform-client-form-11 .form-item [type=email],
    .webform-client-form-11 .form-item [type=password],
    .webform-client-form-11 .form-item [type=text],
    .webform-client-form-11 .form-item select {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

@media print,
screen and (min-width:40em) {
    #choosit-subsribe-form .form-item .form-pays,
    #choosit-subsribe-form .form-item [type=email],
    #choosit-subsribe-form .form-item [type=password],
    #choosit-subsribe-form .form-item [type=text],
    #choosit-subsribe-form .form-item select,
    #user-profile-form .form-item .form-pays,
    #user-profile-form .form-item [type=email],
    #user-profile-form .form-item [type=password],
    #user-profile-form .form-item [type=text],
    #user-profile-form .form-item select,
    #user-register-form .form-item .form-pays,
    #user-register-form .form-item [type=email],
    #user-register-form .form-item [type=password],
    #user-register-form .form-item [type=text],
    #user-register-form .form-item select,
    .webform-client-form-11 .form-item .form-pays,
    .webform-client-form-11 .form-item [type=email],
    .webform-client-form-11 .form-item [type=password],
    .webform-client-form-11 .form-item [type=text],
    .webform-client-form-11 .form-item select {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        padding-right: .625rem;
        padding-left: .625rem;
        max-width: 66.66667%
    }
}

@media print,
screen and (min-width:40em) and (min-width:40em) {
    #choosit-subsribe-form .form-item .form-pays,
    #choosit-subsribe-form .form-item [type=email],
    #choosit-subsribe-form .form-item [type=password],
    #choosit-subsribe-form .form-item [type=text],
    #choosit-subsribe-form .form-item select,
    #user-profile-form .form-item .form-pays,
    #user-profile-form .form-item [type=email],
    #user-profile-form .form-item [type=password],
    #user-profile-form .form-item [type=text],
    #user-profile-form .form-item select,
    #user-register-form .form-item .form-pays,
    #user-register-form .form-item [type=email],
    #user-register-form .form-item [type=password],
    #user-register-form .form-item [type=text],
    #user-register-form .form-item select,
    .webform-client-form-11 .form-item .form-pays,
    .webform-client-form-11 .form-item [type=email],
    .webform-client-form-11 .form-item [type=password],
    .webform-client-form-11 .form-item [type=text],
    .webform-client-form-11 .form-item select {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,
screen and (min-width:40em) and (min-width:64em) {
    #choosit-subsribe-form .form-item .form-pays,
    #choosit-subsribe-form .form-item [type=email],
    #choosit-subsribe-form .form-item [type=password],
    #choosit-subsribe-form .form-item [type=text],
    #choosit-subsribe-form .form-item select,
    #user-profile-form .form-item .form-pays,
    #user-profile-form .form-item [type=email],
    #user-profile-form .form-item [type=password],
    #user-profile-form .form-item [type=text],
    #user-profile-form .form-item select,
    #user-register-form .form-item .form-pays,
    #user-register-form .form-item [type=email],
    #user-register-form .form-item [type=password],
    #user-register-form .form-item [type=text],
    #user-register-form .form-item select,
    .webform-client-form-11 .form-item .form-pays,
    .webform-client-form-11 .form-item [type=email],
    .webform-client-form-11 .form-item [type=password],
    .webform-client-form-11 .form-item [type=text],
    .webform-client-form-11 .form-item select {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

#choosit-subsribe-form .form-item .form-pays,
#user-profile-form .form-item .form-pays,
#user-register-form .form-item .form-pays,
.webform-client-form-11 .form-item .form-pays {
    padding-top: .625rem
}

#choosit-subsribe-form .form-item .form-textarea-wrapper,
#choosit-subsribe-form .form-item .image-widget,
#user-profile-form .form-item .form-textarea-wrapper,
#user-profile-form .form-item .image-widget,
#user-register-form .form-item .form-textarea-wrapper,
#user-register-form .form-item .image-widget,
.webform-client-form-11 .form-item .form-textarea-wrapper,
.webform-client-form-11 .form-item .image-widget {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
    margin: 0
}

@media print,
screen and (min-width:40em) {
    #choosit-subsribe-form .form-item .form-textarea-wrapper,
    #choosit-subsribe-form .form-item .image-widget,
    #user-profile-form .form-item .form-textarea-wrapper,
    #user-profile-form .form-item .image-widget,
    #user-register-form .form-item .form-textarea-wrapper,
    #user-register-form .form-item .image-widget,
    .webform-client-form-11 .form-item .form-textarea-wrapper,
    .webform-client-form-11 .form-item .image-widget {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        padding-right: 0;
        padding-left: 0;
        max-width: 66.66667%
    }
}

#choosit-subsribe-form .form-item select,
#user-profile-form .form-item select,
#user-register-form .form-item select,
.webform-client-form-11 .form-item select {
    margin-bottom: 0;
    border: .0625rem solid #ededed
}

#choosit-subsribe-form .form-item.form-type-checkbox,
#choosit-subsribe-form .form-item.form-type-radio,
#choosit-subsribe-form .form-item.form-type-radios,
#choosit-subsribe-form .form-item.webform-component-boolean,
#choosit-subsribe-form .form-item.webform-component-radios,
#user-profile-form .form-item.form-type-checkbox,
#user-profile-form .form-item.form-type-radio,
#user-profile-form .form-item.form-type-radios,
#user-profile-form .form-item.webform-component-boolean,
#user-profile-form .form-item.webform-component-radios,
#user-register-form .form-item.form-type-checkbox,
#user-register-form .form-item.form-type-radio,
#user-register-form .form-item.form-type-radios,
#user-register-form .form-item.webform-component-boolean,
#user-register-form .form-item.webform-component-radios,
.webform-client-form-11 .form-item.form-type-checkbox,
.webform-client-form-11 .form-item.form-type-radio,
.webform-client-form-11 .form-item.form-type-radios,
.webform-client-form-11 .form-item.webform-component-boolean,
.webform-client-form-11 .form-item.webform-component-radios {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: .625rem;
    padding-left: .625rem;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: auto
}

@media print,
screen and (min-width:40em) {
    #choosit-subsribe-form .form-item.form-type-checkbox,
    #choosit-subsribe-form .form-item.form-type-radio,
    #choosit-subsribe-form .form-item.form-type-radios,
    #choosit-subsribe-form .form-item.webform-component-boolean,
    #choosit-subsribe-form .form-item.webform-component-radios,
    #user-profile-form .form-item.form-type-checkbox,
    #user-profile-form .form-item.form-type-radio,
    #user-profile-form .form-item.form-type-radios,
    #user-profile-form .form-item.webform-component-boolean,
    #user-profile-form .form-item.webform-component-radios,
    #user-register-form .form-item.form-type-checkbox,
    #user-register-form .form-item.form-type-radio,
    #user-register-form .form-item.form-type-radios,
    #user-register-form .form-item.webform-component-boolean,
    #user-register-form .form-item.webform-component-radios,
    .webform-client-form-11 .form-item.form-type-checkbox,
    .webform-client-form-11 .form-item.form-type-radio,
    .webform-client-form-11 .form-item.form-type-radios,
    .webform-client-form-11 .form-item.webform-component-boolean,
    .webform-client-form-11 .form-item.webform-component-radios {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,
screen and (min-width:64em) {
    #choosit-subsribe-form .form-item.form-type-checkbox,
    #choosit-subsribe-form .form-item.form-type-radio,
    #choosit-subsribe-form .form-item.form-type-radios,
    #choosit-subsribe-form .form-item.webform-component-boolean,
    #choosit-subsribe-form .form-item.webform-component-radios,
    #user-profile-form .form-item.form-type-checkbox,
    #user-profile-form .form-item.form-type-radio,
    #user-profile-form .form-item.form-type-radios,
    #user-profile-form .form-item.webform-component-boolean,
    #user-profile-form .form-item.webform-component-radios,
    #user-register-form .form-item.form-type-checkbox,
    #user-register-form .form-item.form-type-radio,
    #user-register-form .form-item.form-type-radios,
    #user-register-form .form-item.webform-component-boolean,
    #user-register-form .form-item.webform-component-radios,
    .webform-client-form-11 .form-item.form-type-checkbox,
    .webform-client-form-11 .form-item.form-type-radio,
    .webform-client-form-11 .form-item.form-type-radios,
    .webform-client-form-11 .form-item.webform-component-boolean,
    .webform-client-form-11 .form-item.webform-component-radios {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

#choosit-subsribe-form .form-item.form-type-checkbox [type=checkbox],
#choosit-subsribe-form .form-item.form-type-checkbox [type=radio],
#choosit-subsribe-form .form-item.form-type-radio [type=checkbox],
#choosit-subsribe-form .form-item.form-type-radio [type=radio],
#choosit-subsribe-form .form-item.form-type-radios [type=checkbox],
#choosit-subsribe-form .form-item.form-type-radios [type=radio],
#choosit-subsribe-form .form-item.webform-component-boolean [type=checkbox],
#choosit-subsribe-form .form-item.webform-component-boolean [type=radio],
#choosit-subsribe-form .form-item.webform-component-radios [type=checkbox],
#choosit-subsribe-form .form-item.webform-component-radios [type=radio],
#user-profile-form .form-item.form-type-checkbox [type=checkbox],
#user-profile-form .form-item.form-type-checkbox [type=radio],
#user-profile-form .form-item.form-type-radio [type=checkbox],
#user-profile-form .form-item.form-type-radio [type=radio],
#user-profile-form .form-item.form-type-radios [type=checkbox],
#user-profile-form .form-item.form-type-radios [type=radio],
#user-profile-form .form-item.webform-component-boolean [type=checkbox],
#user-profile-form .form-item.webform-component-boolean [type=radio],
#user-profile-form .form-item.webform-component-radios [type=checkbox],
#user-profile-form .form-item.webform-component-radios [type=radio],
#user-register-form .form-item.form-type-checkbox [type=checkbox],
#user-register-form .form-item.form-type-checkbox [type=radio],
#user-register-form .form-item.form-type-radio [type=checkbox],
#user-register-form .form-item.form-type-radio [type=radio],
#user-register-form .form-item.form-type-radios [type=checkbox],
#user-register-form .form-item.form-type-radios [type=radio],
#user-register-form .form-item.webform-component-boolean [type=checkbox],
#user-register-form .form-item.webform-component-boolean [type=radio],
#user-register-form .form-item.webform-component-radios [type=checkbox],
#user-register-form .form-item.webform-component-radios [type=radio],
.webform-client-form-11 .form-item.form-type-checkbox [type=checkbox],
.webform-client-form-11 .form-item.form-type-checkbox [type=radio],
.webform-client-form-11 .form-item.form-type-radio [type=checkbox],
.webform-client-form-11 .form-item.form-type-radio [type=radio],
.webform-client-form-11 .form-item.form-type-radios [type=checkbox],
.webform-client-form-11 .form-item.form-type-radios [type=radio],
.webform-client-form-11 .form-item.webform-component-boolean [type=checkbox],
.webform-client-form-11 .form-item.webform-component-boolean [type=radio],
.webform-client-form-11 .form-item.webform-component-radios [type=checkbox],
.webform-client-form-11 .form-item.webform-component-radios [type=radio] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-top: .625rem
}

#choosit-subsribe-form .form-item.form-type-checkbox label,
#choosit-subsribe-form .form-item.form-type-radio label,
#choosit-subsribe-form .form-item.form-type-radios label,
#choosit-subsribe-form .form-item.webform-component-boolean label,
#choosit-subsribe-form .form-item.webform-component-radios label,
#user-profile-form .form-item.form-type-checkbox label,
#user-profile-form .form-item.form-type-radio label,
#user-profile-form .form-item.form-type-radios label,
#user-profile-form .form-item.webform-component-boolean label,
#user-profile-form .form-item.webform-component-radios label,
#user-register-form .form-item.form-type-checkbox label,
#user-register-form .form-item.form-type-radio label,
#user-register-form .form-item.form-type-radios label,
#user-register-form .form-item.webform-component-boolean label,
#user-register-form .form-item.webform-component-radios label,
.webform-client-form-11 .form-item.form-type-checkbox label,
.webform-client-form-11 .form-item.form-type-radio label,
.webform-client-form-11 .form-item.form-type-radios label,
.webform-client-form-11 .form-item.webform-component-boolean label,
.webform-client-form-11 .form-item.webform-component-radios label {
    padding: 0!important
}

@media print,
screen and (min-width:40em) {
    #choosit-subsribe-form .form-item.form-type-checkbox label,
    #choosit-subsribe-form .form-item.form-type-radio label,
    #choosit-subsribe-form .form-item.form-type-radios label,
    #choosit-subsribe-form .form-item.webform-component-boolean label,
    #choosit-subsribe-form .form-item.webform-component-radios label,
    #user-profile-form .form-item.form-type-checkbox label,
    #user-profile-form .form-item.form-type-radio label,
    #user-profile-form .form-item.form-type-radios label,
    #user-profile-form .form-item.webform-component-boolean label,
    #user-profile-form .form-item.webform-component-radios label,
    #user-register-form .form-item.form-type-checkbox label,
    #user-register-form .form-item.form-type-radio label,
    #user-register-form .form-item.form-type-radios label,
    #user-register-form .form-item.webform-component-boolean label,
    #user-register-form .form-item.webform-component-radios label,
    .webform-client-form-11 .form-item.form-type-checkbox label,
    .webform-client-form-11 .form-item.form-type-radio label,
    .webform-client-form-11 .form-item.form-type-radios label,
    .webform-client-form-11 .form-item.webform-component-boolean label,
    .webform-client-form-11 .form-item.webform-component-radios label {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-right: .625rem;
        padding-left: .625rem;
        max-width: 100%!important
    }
}

@media print,
screen and (min-width:40em) and (min-width:40em) {
    #choosit-subsribe-form .form-item.form-type-checkbox label,
    #choosit-subsribe-form .form-item.form-type-radio label,
    #choosit-subsribe-form .form-item.form-type-radios label,
    #choosit-subsribe-form .form-item.webform-component-boolean label,
    #choosit-subsribe-form .form-item.webform-component-radios label,
    #user-profile-form .form-item.form-type-checkbox label,
    #user-profile-form .form-item.form-type-radio label,
    #user-profile-form .form-item.form-type-radios label,
    #user-profile-form .form-item.webform-component-boolean label,
    #user-profile-form .form-item.webform-component-radios label,
    #user-register-form .form-item.form-type-checkbox label,
    #user-register-form .form-item.form-type-radio label,
    #user-register-form .form-item.form-type-radios label,
    #user-register-form .form-item.webform-component-boolean label,
    #user-register-form .form-item.webform-component-radios label,
    .webform-client-form-11 .form-item.form-type-checkbox label,
    .webform-client-form-11 .form-item.form-type-radio label,
    .webform-client-form-11 .form-item.form-type-radios label,
    .webform-client-form-11 .form-item.webform-component-boolean label,
    .webform-client-form-11 .form-item.webform-component-radios label {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,
screen and (min-width:40em) and (min-width:64em) {
    #choosit-subsribe-form .form-item.form-type-checkbox label,
    #choosit-subsribe-form .form-item.form-type-radio label,
    #choosit-subsribe-form .form-item.form-type-radios label,
    #choosit-subsribe-form .form-item.webform-component-boolean label,
    #choosit-subsribe-form .form-item.webform-component-radios label,
    #user-profile-form .form-item.form-type-checkbox label,
    #user-profile-form .form-item.form-type-radio label,
    #user-profile-form .form-item.form-type-radios label,
    #user-profile-form .form-item.webform-component-boolean label,
    #user-profile-form .form-item.webform-component-radios label,
    #user-register-form .form-item.form-type-checkbox label,
    #user-register-form .form-item.form-type-radio label,
    #user-register-form .form-item.form-type-radios label,
    #user-register-form .form-item.webform-component-boolean label,
    #user-register-form .form-item.webform-component-radios label,
    .webform-client-form-11 .form-item.form-type-checkbox label,
    .webform-client-form-11 .form-item.form-type-radio label,
    .webform-client-form-11 .form-item.form-type-radios label,
    .webform-client-form-11 .form-item.webform-component-boolean label,
    .webform-client-form-11 .form-item.webform-component-radios label {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

#choosit-subsribe-form .form-item.form-type-checkbox .form-radios,
#choosit-subsribe-form .form-item.form-type-radio .form-radios,
#choosit-subsribe-form .form-item.form-type-radios .form-radios,
#choosit-subsribe-form .form-item.webform-component-boolean .form-radios,
#choosit-subsribe-form .form-item.webform-component-radios .form-radios,
#user-profile-form .form-item.form-type-checkbox .form-radios,
#user-profile-form .form-item.form-type-radio .form-radios,
#user-profile-form .form-item.form-type-radios .form-radios,
#user-profile-form .form-item.webform-component-boolean .form-radios,
#user-profile-form .form-item.webform-component-radios .form-radios,
#user-register-form .form-item.form-type-checkbox .form-radios,
#user-register-form .form-item.form-type-radio .form-radios,
#user-register-form .form-item.form-type-radios .form-radios,
#user-register-form .form-item.webform-component-boolean .form-radios,
#user-register-form .form-item.webform-component-radios .form-radios,
.webform-client-form-11 .form-item.form-type-checkbox .form-radios,
.webform-client-form-11 .form-item.form-type-radio .form-radios,
.webform-client-form-11 .form-item.form-type-radios .form-radios,
.webform-client-form-11 .form-item.webform-component-boolean .form-radios,
.webform-client-form-11 .form-item.webform-component-radios .form-radios {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0px;
    padding-right: .625rem;
    padding-left: .625rem;
    min-width: initial;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media print,
screen and (min-width:40em) {
    #choosit-subsribe-form .form-item.form-type-checkbox .form-radios,
    #choosit-subsribe-form .form-item.form-type-radio .form-radios,
    #choosit-subsribe-form .form-item.form-type-radios .form-radios,
    #choosit-subsribe-form .form-item.webform-component-boolean .form-radios,
    #choosit-subsribe-form .form-item.webform-component-radios .form-radios,
    #user-profile-form .form-item.form-type-checkbox .form-radios,
    #user-profile-form .form-item.form-type-radio .form-radios,
    #user-profile-form .form-item.form-type-radios .form-radios,
    #user-profile-form .form-item.webform-component-boolean .form-radios,
    #user-profile-form .form-item.webform-component-radios .form-radios,
    #user-register-form .form-item.form-type-checkbox .form-radios,
    #user-register-form .form-item.form-type-radio .form-radios,
    #user-register-form .form-item.form-type-radios .form-radios,
    #user-register-form .form-item.webform-component-boolean .form-radios,
    #user-register-form .form-item.webform-component-radios .form-radios,
    .webform-client-form-11 .form-item.form-type-checkbox .form-radios,
    .webform-client-form-11 .form-item.form-type-radio .form-radios,
    .webform-client-form-11 .form-item.form-type-radios .form-radios,
    .webform-client-form-11 .form-item.webform-component-boolean .form-radios,
    .webform-client-form-11 .form-item.webform-component-radios .form-radios {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,
screen and (min-width:64em) {
    #choosit-subsribe-form .form-item.form-type-checkbox .form-radios,
    #choosit-subsribe-form .form-item.form-type-radio .form-radios,
    #choosit-subsribe-form .form-item.form-type-radios .form-radios,
    #choosit-subsribe-form .form-item.webform-component-boolean .form-radios,
    #choosit-subsribe-form .form-item.webform-component-radios .form-radios,
    #user-profile-form .form-item.form-type-checkbox .form-radios,
    #user-profile-form .form-item.form-type-radio .form-radios,
    #user-profile-form .form-item.form-type-radios .form-radios,
    #user-profile-form .form-item.webform-component-boolean .form-radios,
    #user-profile-form .form-item.webform-component-radios .form-radios,
    #user-register-form .form-item.form-type-checkbox .form-radios,
    #user-register-form .form-item.form-type-radio .form-radios,
    #user-register-form .form-item.form-type-radios .form-radios,
    #user-register-form .form-item.webform-component-boolean .form-radios,
    #user-register-form .form-item.webform-component-radios .form-radios,
    .webform-client-form-11 .form-item.form-type-checkbox .form-radios,
    .webform-client-form-11 .form-item.form-type-radio .form-radios,
    .webform-client-form-11 .form-item.form-type-radios .form-radios,
    .webform-client-form-11 .form-item.webform-component-boolean .form-radios,
    .webform-client-form-11 .form-item.webform-component-radios .form-radios {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

#choosit-subsribe-form .form-item.webform-component-boolean label,
#user-profile-form .form-item.webform-component-boolean label,
#user-register-form .form-item.webform-component-boolean label,
.webform-client-form-11 .form-item.webform-component-boolean label {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    margin-right: .6875rem;
    font-weight: 300
}

#choosit-subsribe-form .form-item.webform-component-boolean [type=checkbox],
#user-profile-form .form-item.webform-component-boolean [type=checkbox],
#user-register-form .form-item.webform-component-boolean [type=checkbox],
.webform-client-form-11 .form-item.webform-component-boolean [type=checkbox] {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-right: .6875rem
}

#choosit-subsribe-form .form-item.form-type-radio,
#user-profile-form .form-item.form-type-radio,
#user-register-form .form-item.form-type-radio,
.webform-client-form-11 .form-item.form-type-radio {
    padding: 0;
    margin-right: .6875rem
}

#choosit-subsribe-form .form-item.form-type-radio label,
#user-profile-form .form-item.form-type-radio label,
#user-register-form .form-item.form-type-radio label,
.webform-client-form-11 .form-item.form-type-radio label {
    font-weight: 300
}

#choosit-subsribe-form .description,
#user-profile-form .description,
#user-register-form .description,
.webform-client-form-11 .description {
    -webkit-box-flex: 1;
    -webkit-flex: 1 100%;
    -ms-flex: 1 100%;
    flex: 1 100%;
    margin: .5625rem 0 1.0625rem;
    margin-left: 33.333%;
    font-size: .8125rem;
    line-height: 1rem
}

@media screen and (max-width:39.9375em) {
    #choosit-subsribe-form .description,
    #user-profile-form .description,
    #user-register-form .description,
    .webform-client-form-11 .description {
        margin-left: 0
    }
}

#choosit-subsribe-form [type=submit] {
    float: right;
    margin-top: .6875rem
}

#user-profile-form [type=submit] {
    float: right
}

#user-register-form [type=submit],
.webform-client-form-11 [type=submit] {
    float: right;
    margin-top: .6875rem
}

@media print,
screen and (min-width:40em) {
    #choosit-subsribe-form .image-widget-data [type=submit],
    #user-profile-form .image-widget-data [type=submit],
    #user-register-form .image-widget-data [type=submit],
    .webform-client-form-11 .image-widget-data [type=submit] {
        margin-top: 0
    }
}

#user-profile-form [type=submit] {
    margin-top: -2.4375rem
}

#user-profile-form,
#user-register-form {
    width: 100%;
    max-width: 50rem;
    margin: auto;
    line-height: 1.1875rem;
    font-weight: 300
}

#user-profile-form .form-actions,
#user-register-form .form-actions {
    margin-bottom: 3.4375rem
}

#user-profile-form .form-actions [type=submit],
#user-register-form .form-actions [type=submit] {
    margin-bottom: 4.125rem
}

#user-profile-form .unsubsribe-newsletter,
#user-register-form .unsubsribe-newsletter {
    margin: 3.125rem 0 .6875rem;
    padding-left: 33.33333%
}

#user-profile-form .unsubsribe-newsletter a,
#user-register-form .unsubsribe-newsletter a {
    position: relative;
    color: #7d7d86;
    line-height: 1.0625rem
}

#user-profile-form .unsubsribe-newsletter a::before,
#user-register-form .unsubsribe-newsletter a::before {
    position: relative;
    margin: 0 .4375rem 0 0;
    font-family: 'nutricons';
    font-size: .6875rem;
    color: #2e2e30;
    transition: margin .25s cubic-bezier(.19, 1, .22, 1)
}

#user-profile-form .unsubsribe-newsletter a:hover::before,
#user-register-form .unsubsribe-newsletter a:hover::before {
    margin-right: 1.0625rem;
    color: #df5858
}

@media screen and (max-width:39.9375em) {
    #user-register-form {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%
    }
}

#edit-account {
    margin: 0 0 3.25rem;
    padding: 2.8125rem 2.75rem 1.125rem;
    background-color: #f5f6f8;
    border: .125rem solid #ededed;
    border-radius: .3125rem
}

#edit-account div.password-confirm,
#edit-account div.password-strength {
    -webkit-box-flex: 1;
    -webkit-flex: 1 100%;
    -ms-flex: 1 100%;
    flex: 1 100%;
    margin: 0 0 1.0625rem;
    margin-left: 33.333%
}

@media screen and (max-width:39.9375em) {
    #edit-account div.password-confirm,
    #edit-account div.password-strength {
        margin-left: 0
    }
}

#edit-account div.password-confirm.password-suggestions,
#edit-account div.password-strength.password-suggestions {
    padding: 1.375rem
}

#edit-account div.password-confirm.password-suggestions ul,
#edit-account div.password-strength.password-suggestions ul {
    margin-top: .6875rem
}

#edit-account .form-item label {
    padding-left: 0;
    text-transform: uppercase;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    text-align: right
}

.field-group-tab-wrapper {
    margin-top: 3.125rem;
    margin-bottom: 1.875rem
}

.field-group-tab-wrapper .vertical-tabs,
.field-group-tab-wrapper .vertical-tabs .vertical-tabs-list {
    border-color: #ededed
}

@media screen and (max-width:39.9375em) {
    .field-group-tab-wrapper .vertical-tabs {
        margin-left: 0
    }
    .field-group-tab-wrapper .vertical-tabs .vertical-tabs-list {
        width: 100%;
        margin-left: 0;
        margin-bottom: .3125rem
    }
}

.field-group-tab-wrapper .vertical-tabs .vertical-tabs-list .vertical-tab-button {
    border-color: #e0e0e0;
    text-transform: uppercase;
    font-weight: 300
}

.field-group-tab-wrapper .vertical-tabs .vertical-tabs-list .vertical-tab-button a {
    color: #7d7d86;
    text-decoration: none;
    transition: background-color .35s cubic-bezier(.19, 1, .22, 1)
}

.field-group-tab-wrapper .vertical-tabs .vertical-tabs-list .vertical-tab-button a:hover {
    text-decoration: none;
    outline: none;
    background-color: #fff
}

.field-group-tab-wrapper .vertical-tabs .vertical-tabs-list .vertical-tab-button a:hover strong {
    text-decoration: none
}

.field-group-tab-wrapper .vertical-tabs .vertical-tabs-list .vertical-tab-button a strong {
    font-weight: 500
}

.field-group-tab-wrapper .vertical-tabs .vertical-tabs-list .vertical-tab-button.selected a strong {
    color: #2e2e30
}

.field-group-tab-wrapper .vertical-tabs .vertical-tabs-panes {
    padding-top: 1.375rem
}

#payment-form-standalone {
    margin-bottom: 3.4375rem
}

#payment-form-standalone .form-actions [type=submit] {
    float: right
}

#edit-account .form-item label,
#payment-form-standalone label {
    font-size: 1.125rem;
    line-height: 1.25rem
}

#user-pass {
    max-width: 31.5625rem;
    text-align: center
}

#user-pass #google_recaptcha_user_pass,
#user-pass .form-type-textfield {
    margin-bottom: 1.5625rem
}

#user-pass label,
.webform-confirmation {
    font-size: 1.375rem;
    line-height: 1.6875rem
}

#user-pass label {
    margin-bottom: .75rem
}

#user-pass [type=text] {
    margin-bottom: .6875rem
}

.webform-confirmation {
    text-align: center
}

.page-node-done .links {
    margin-bottom: 6.875rem;
    text-align: center
}

.node-type-webform .articles-conseilles {
    display: none
}

@media print,
screen and (min-width:40em) {
    #block-text-thanks {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        padding-right: .46875rem;
        padding-left: .46875rem;
        max-width: 50%;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center
    }
}

.paiement-process {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.paiement-process__content {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    padding-right: 0;
    padding-left: 0;
    max-width: 91.66667%
}

@media print,
screen and (min-width:40em) {
    .paiement-process__content {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        padding-right: 0;
        padding-left: 0;
        max-width: 66.66667%;
        margin-top: -3.125rem;
        padding-top: 1.875rem;
        background: #fff
    }
}

.paiement-process__title {
    text-align: center
}

.paiement-process__body {
    margin: 1.875rem 0 0;
    text-align: center
}

.paiement-process__body p {
    font-family: 'LemonSans', sans-serif;
    font-size: 1.25rem;
    font-weight: 300
}

.paiement-process__body p strong {
    font-weight: 500;
    text-decoration: underline
}

.paiement-process__body [type=submit] {
    padding: .875rem 1.75rem .875rem 3.125rem;
    margin-top: 1.875rem;
    position: relative;
    font-size: 1.125rem
}

@media print,
screen and (min-width:40em) {
    .paiement-process__body [type=submit] {
        margin-bottom: 2.5rem
    }
}

.paiement-process__body [type=submit]::before {
    font-family: "nutricons"!important;
    content: attr(data-icon);
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-transform: none!important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\77";
    position: absolute;
    top: .8125rem;
    left: 1.125rem
}

@media print {
    body {
        padding: 2em
    }
    a[href]:after {
        content: none!important
    }
    .a-decouvrir,
    .breadcrumb,
    .container--footer,
    .header .header__content__social,
    .header .header__content__user,
    .header .header__responsive-items,
    .messages,
    .navigation,
    .region-bottom,
    .region-navigation,
    .region-pre-footer,
    .right,
    .secondary-nav,
    .sticky {
        display: none
    }
    .product-shop,
    .product-shop .block-views h2 {
        text-align: center
    }
    .container,
    .product-shop .block-views a,
    .product-shop .view-id-remote_products {
        display: block
    }
    .container .left,
    .product-shop .view-id-remote_products .description,
    .product-shop .view-id-remote_products .view-content {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        max-width: 100%
    }
    .product-shop .block-views p {
        max-width: 100%;
        text-align: center
    }
    .product-shop .block-views img {
        margin: 0 auto 2em!important
    }
    .product-shop .block-views .article__type {
        display: none
    }
    .product-shop .block-views .view-content {
        margin: 0
    }
    .product-shop .block-views::before,
    section[role=main]::before {
        content: none
    }
    section[role=main] {
        padding: 0
    }
    .container h1 {
        font-size: 2.5em;
        line-height: 1.2;
        margin-: 0
    }
    .container .left {
        width: 100%
    }
    .body>* {
        margin-left: 0
    }
}