/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
@import url(lib/owl.carousel.min.css);
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0; }

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none; }

/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=4b9b26448bfc3ef45f9f87d7d361a924)
 * Config saved to config.json and https://gist.github.com/4b9b26448bfc3ef45f9f87d7d361a924
 */
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #ffffff; }

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

a {
  color: #337ab7;
  text-decoration: none; }

a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline; }

a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

figure {
  margin: 0; }

img {
  vertical-align: middle; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 6px; }

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-circle {
  border-radius: 50%; }

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

[role="button"] {
  cursor: pointer; }

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

@media (min-width: 768px) {
  .container {
    width: 750px; } }
@media (min-width: 992px) {
  .container {
    width: 970px; } }
@media (min-width: 1200px) {
  .container {
    width: 1170px; } }
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row {
  margin-left: -10px;
  margin-right: -10px; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-12 {
  width: 100%; }

.col-xs-11 {
  width: 91.66666667%; }

.col-xs-10 {
  width: 83.33333333%; }

.col-xs-9 {
  width: 75%; }

.col-xs-8 {
  width: 66.66666667%; }

.col-xs-7 {
  width: 58.33333333%; }

.col-xs-6 {
  width: 50%; }

.col-xs-5 {
  width: 41.66666667%; }

.col-xs-4 {
  width: 33.33333333%; }

.col-xs-3 {
  width: 25%; }

.col-xs-2 {
  width: 16.66666667%; }

.col-xs-1 {
  width: 8.33333333%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-pull-11 {
  right: 91.66666667%; }

.col-xs-pull-10 {
  right: 83.33333333%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-8 {
  right: 66.66666667%; }

.col-xs-pull-7 {
  right: 58.33333333%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-5 {
  right: 41.66666667%; }

.col-xs-pull-4 {
  right: 33.33333333%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-2 {
  right: 16.66666667%; }

.col-xs-pull-1 {
  right: 8.33333333%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-push-11 {
  left: 91.66666667%; }

.col-xs-push-10 {
  left: 83.33333333%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-8 {
  left: 66.66666667%; }

.col-xs-push-7 {
  left: 58.33333333%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-5 {
  left: 41.66666667%; }

.col-xs-push-4 {
  left: 33.33333333%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-2 {
  left: 16.66666667%; }

.col-xs-push-1 {
  left: 8.33333333%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-offset-12 {
  margin-left: 100%; }

.col-xs-offset-11 {
  margin-left: 91.66666667%; }

.col-xs-offset-10 {
  margin-left: 83.33333333%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-8 {
  margin-left: 66.66666667%; }

.col-xs-offset-7 {
  margin-left: 58.33333333%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-5 {
  margin-left: 41.66666667%; }

.col-xs-offset-4 {
  margin-left: 33.33333333%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-2 {
  margin-left: 16.66666667%; }

.col-xs-offset-1 {
  margin-left: 8.33333333%; }

.col-xs-offset-0 {
  margin-left: 0%; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }

  .col-sm-12 {
    width: 100%; }

  .col-sm-11 {
    width: 91.66666667%; }

  .col-sm-10 {
    width: 83.33333333%; }

  .col-sm-9 {
    width: 75%; }

  .col-sm-8 {
    width: 66.66666667%; }

  .col-sm-7 {
    width: 58.33333333%; }

  .col-sm-6 {
    width: 50%; }

  .col-sm-5 {
    width: 41.66666667%; }

  .col-sm-4 {
    width: 33.33333333%; }

  .col-sm-3 {
    width: 25%; }

  .col-sm-2 {
    width: 16.66666667%; }

  .col-sm-1 {
    width: 8.33333333%; }

  .col-sm-pull-12 {
    right: 100%; }

  .col-sm-pull-11 {
    right: 91.66666667%; }

  .col-sm-pull-10 {
    right: 83.33333333%; }

  .col-sm-pull-9 {
    right: 75%; }

  .col-sm-pull-8 {
    right: 66.66666667%; }

  .col-sm-pull-7 {
    right: 58.33333333%; }

  .col-sm-pull-6 {
    right: 50%; }

  .col-sm-pull-5 {
    right: 41.66666667%; }

  .col-sm-pull-4 {
    right: 33.33333333%; }

  .col-sm-pull-3 {
    right: 25%; }

  .col-sm-pull-2 {
    right: 16.66666667%; }

  .col-sm-pull-1 {
    right: 8.33333333%; }

  .col-sm-pull-0 {
    right: auto; }

  .col-sm-push-12 {
    left: 100%; }

  .col-sm-push-11 {
    left: 91.66666667%; }

  .col-sm-push-10 {
    left: 83.33333333%; }

  .col-sm-push-9 {
    left: 75%; }

  .col-sm-push-8 {
    left: 66.66666667%; }

  .col-sm-push-7 {
    left: 58.33333333%; }

  .col-sm-push-6 {
    left: 50%; }

  .col-sm-push-5 {
    left: 41.66666667%; }

  .col-sm-push-4 {
    left: 33.33333333%; }

  .col-sm-push-3 {
    left: 25%; }

  .col-sm-push-2 {
    left: 16.66666667%; }

  .col-sm-push-1 {
    left: 8.33333333%; }

  .col-sm-push-0 {
    left: auto; }

  .col-sm-offset-12 {
    margin-left: 100%; }

  .col-sm-offset-11 {
    margin-left: 91.66666667%; }

  .col-sm-offset-10 {
    margin-left: 83.33333333%; }

  .col-sm-offset-9 {
    margin-left: 75%; }

  .col-sm-offset-8 {
    margin-left: 66.66666667%; }

  .col-sm-offset-7 {
    margin-left: 58.33333333%; }

  .col-sm-offset-6 {
    margin-left: 50%; }

  .col-sm-offset-5 {
    margin-left: 41.66666667%; }

  .col-sm-offset-4 {
    margin-left: 33.33333333%; }

  .col-sm-offset-3 {
    margin-left: 25%; }

  .col-sm-offset-2 {
    margin-left: 16.66666667%; }

  .col-sm-offset-1 {
    margin-left: 8.33333333%; }

  .col-sm-offset-0 {
    margin-left: 0%; } }
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }

  .col-md-12 {
    width: 100%; }

  .col-md-11 {
    width: 91.66666667%; }

  .col-md-10 {
    width: 83.33333333%; }

  .col-md-9 {
    width: 75%; }

  .col-md-8 {
    width: 66.66666667%; }

  .col-md-7 {
    width: 58.33333333%; }

  .col-md-6 {
    width: 50%; }

  .col-md-5 {
    width: 41.66666667%; }

  .col-md-4 {
    width: 33.33333333%; }

  .col-md-3 {
    width: 25%; }

  .col-md-2 {
    width: 16.66666667%; }

  .col-md-1 {
    width: 8.33333333%; }

  .col-md-pull-12 {
    right: 100%; }

  .col-md-pull-11 {
    right: 91.66666667%; }

  .col-md-pull-10 {
    right: 83.33333333%; }

  .col-md-pull-9 {
    right: 75%; }

  .col-md-pull-8 {
    right: 66.66666667%; }

  .col-md-pull-7 {
    right: 58.33333333%; }

  .col-md-pull-6 {
    right: 50%; }

  .col-md-pull-5 {
    right: 41.66666667%; }

  .col-md-pull-4 {
    right: 33.33333333%; }

  .col-md-pull-3 {
    right: 25%; }

  .col-md-pull-2 {
    right: 16.66666667%; }

  .col-md-pull-1 {
    right: 8.33333333%; }

  .col-md-pull-0 {
    right: auto; }

  .col-md-push-12 {
    left: 100%; }

  .col-md-push-11 {
    left: 91.66666667%; }

  .col-md-push-10 {
    left: 83.33333333%; }

  .col-md-push-9 {
    left: 75%; }

  .col-md-push-8 {
    left: 66.66666667%; }

  .col-md-push-7 {
    left: 58.33333333%; }

  .col-md-push-6 {
    left: 50%; }

  .col-md-push-5 {
    left: 41.66666667%; }

  .col-md-push-4 {
    left: 33.33333333%; }

  .col-md-push-3 {
    left: 25%; }

  .col-md-push-2 {
    left: 16.66666667%; }

  .col-md-push-1 {
    left: 8.33333333%; }

  .col-md-push-0 {
    left: auto; }

  .col-md-offset-12 {
    margin-left: 100%; }

  .col-md-offset-11 {
    margin-left: 91.66666667%; }

  .col-md-offset-10 {
    margin-left: 83.33333333%; }

  .col-md-offset-9 {
    margin-left: 75%; }

  .col-md-offset-8 {
    margin-left: 66.66666667%; }

  .col-md-offset-7 {
    margin-left: 58.33333333%; }

  .col-md-offset-6 {
    margin-left: 50%; }

  .col-md-offset-5 {
    margin-left: 41.66666667%; }

  .col-md-offset-4 {
    margin-left: 33.33333333%; }

  .col-md-offset-3 {
    margin-left: 25%; }

  .col-md-offset-2 {
    margin-left: 16.66666667%; }

  .col-md-offset-1 {
    margin-left: 8.33333333%; }

  .col-md-offset-0 {
    margin-left: 0%; } }
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }

  .col-lg-12 {
    width: 100%; }

  .col-lg-11 {
    width: 91.66666667%; }

  .col-lg-10 {
    width: 83.33333333%; }

  .col-lg-9 {
    width: 75%; }

  .col-lg-8 {
    width: 66.66666667%; }

  .col-lg-7 {
    width: 58.33333333%; }

  .col-lg-6 {
    width: 50%; }

  .col-lg-5 {
    width: 41.66666667%; }

  .col-lg-4 {
    width: 33.33333333%; }

  .col-lg-3 {
    width: 25%; }

  .col-lg-2 {
    width: 16.66666667%; }

  .col-lg-1 {
    width: 8.33333333%; }

  .col-lg-pull-12 {
    right: 100%; }

  .col-lg-pull-11 {
    right: 91.66666667%; }

  .col-lg-pull-10 {
    right: 83.33333333%; }

  .col-lg-pull-9 {
    right: 75%; }

  .col-lg-pull-8 {
    right: 66.66666667%; }

  .col-lg-pull-7 {
    right: 58.33333333%; }

  .col-lg-pull-6 {
    right: 50%; }

  .col-lg-pull-5 {
    right: 41.66666667%; }

  .col-lg-pull-4 {
    right: 33.33333333%; }

  .col-lg-pull-3 {
    right: 25%; }

  .col-lg-pull-2 {
    right: 16.66666667%; }

  .col-lg-pull-1 {
    right: 8.33333333%; }

  .col-lg-pull-0 {
    right: auto; }

  .col-lg-push-12 {
    left: 100%; }

  .col-lg-push-11 {
    left: 91.66666667%; }

  .col-lg-push-10 {
    left: 83.33333333%; }

  .col-lg-push-9 {
    left: 75%; }

  .col-lg-push-8 {
    left: 66.66666667%; }

  .col-lg-push-7 {
    left: 58.33333333%; }

  .col-lg-push-6 {
    left: 50%; }

  .col-lg-push-5 {
    left: 41.66666667%; }

  .col-lg-push-4 {
    left: 33.33333333%; }

  .col-lg-push-3 {
    left: 25%; }

  .col-lg-push-2 {
    left: 16.66666667%; }

  .col-lg-push-1 {
    left: 8.33333333%; }

  .col-lg-push-0 {
    left: auto; }

  .col-lg-offset-12 {
    margin-left: 100%; }

  .col-lg-offset-11 {
    margin-left: 91.66666667%; }

  .col-lg-offset-10 {
    margin-left: 83.33333333%; }

  .col-lg-offset-9 {
    margin-left: 75%; }

  .col-lg-offset-8 {
    margin-left: 66.66666667%; }

  .col-lg-offset-7 {
    margin-left: 58.33333333%; }

  .col-lg-offset-6 {
    margin-left: 50%; }

  .col-lg-offset-5 {
    margin-left: 41.66666667%; }

  .col-lg-offset-4 {
    margin-left: 33.33333333%; }

  .col-lg-offset-3 {
    margin-left: 25%; }

  .col-lg-offset-2 {
    margin-left: 16.66666667%; }

  .col-lg-offset-1 {
    margin-left: 8.33333333%; }

  .col-lg-offset-0 {
    margin-left: 0%; } }
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table; }

.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.hidden {
  display: none !important; }

.affix {
  position: fixed; }

@-ms-viewport {
  width: device-width; }
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important; }

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; }

  table.visible-xs {
    display: table !important; }

  tr.visible-xs {
    display: table-row !important; }

  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important; } }
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important; } }
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important; }

  table.visible-sm {
    display: table !important; }

  tr.visible-sm {
    display: table-row !important; }

  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; }

  table.visible-md {
    display: table !important; }

  tr.visible-md {
    display: table-row !important; }

  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important; } }
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important; }

  table.visible-lg {
    display: table !important; }

  tr.visible-lg {
    display: table-row !important; }

  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important; } }
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important; } }
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important; } }
.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }

  table.visible-print {
    display: table !important; }

  tr.visible-print {
    display: table-row !important; }

  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }
.visible-print-block {
  display: none !important; }

@media print {
  .visible-print-block {
    display: block !important; } }
.visible-print-inline {
  display: none !important; }

@media print {
  .visible-print-inline {
    display: inline !important; } }
.visible-print-inline-block {
  display: none !important; }

@media print {
  .visible-print-inline-block {
    display: inline-block !important; } }
@media print {
  .hidden-print {
    display: none !important; } }
/* =WordPress Core
-------------------------------------------------------------- */
.aligncenter,
div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.alignright {
  float: right; }

.alignleft {
  float: left; }

a img.alignright {
  float: right; }

a img.alignleft {
  float: left; }

a img.aligncenter {
  display: block;
  vertical-align: bottom;
  margin-left: auto;
  margin-right: auto; }

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center; }

.wp-caption.alignnone {
  margin: 5px 20px 20px 0; }

.wp-caption.alignleft {
  margin: 5px 20px 20px 0; }

.wp-caption.alignright {
  margin: 5px 0 20px 20px; }

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto; }

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px; }

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */ }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

.relative {
  position: relative; }

.oct_order {
  display: flex;
  flex-flow: row wrap; }
  .oct_order > div {
    flex: 1 100%; }

.oct_block_linkedin a:after, .oct_blog_apercu__categories ul li a:after, .oct_librairie_article__main__content .oct_librairie_article__title a:after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  z-index: 5; }

.animated {
  animation-duration: .8s;
  animation-fill-mode: both; }

.animated.infinite {
  animation-iteration-count: infinite; }

@keyframes fadeInLeftSmall {
  from {
    opacity: 0;
    transform: translate3d(-60px, 0, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }
.fadeInLeftSmall {
  animation-name: fadeInLeftSmall; }

@keyframes fadeInRightSmall {
  from {
    opacity: 0;
    transform: translate3d(60px, 0, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }
.fadeInRightSmall {
  animation-name: fadeInRightSmall; }

@keyframes fadeInTopSmall {
  from {
    opacity: 0;
    transform: translate3d(0, -60px, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }
.fadeInTopSmall {
  animation-name: fadeInTopSmall; }

@keyframes fadeInBottomSmall {
  from {
    opacity: 0;
    transform: translate3d(0, 60px, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }
.fadeInBottomSmall {
  animation-name: fadeInBottomSmall; }

/**
Logo de chargement pour page /validation
 */
.oct-loading {
  display: inline-block;
  width: 80px;
  height: 80px; }

.oct-loading:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border-color: #68c6b6 transparent;
  animation: oct-loading 1.2s linear infinite; }

@keyframes oct-loading {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.oct-alert {
  background-color: #f0f2f2;
  padding: 20px;
  border-top: 5px solid #BBB;
  color: #515151;
  margin-top: 0;
  margin-bottom: 22px; }

.oct-alert ul {
  margin-top: 0;
  margin-bottom: 0;
  list-style: disc;
  padding-left: 20px; }

.oct-alert_success {
  border-color: #68c6b6; }

.oct-alert_info {
  border-color: #31708f; }

.oct-alert_danger, .oct-alert_error {
  border-color: #b81c23; }

.oct-alert_warning {
  border-color: #8a6d3b; }

.oct_breadcrumb {
  font-size: 12px;
  color: #000;
  margin: 40px 0 40px;
  display: none;
  text-transform: uppercase;
  vertical-align: bottom;
  line-height: 32px; }

.oct_breadcrumb a {
  color: #000;
  transition: .3s color;
  display: inline-block;
  vertical-align: bottom;
  height: 32px; }
  .oct_breadcrumb a:hover {
    color: #ff6a00; }

.oct_breadcrumb span.breadcrumb_last {
  display: inline-block;
  vertical-align: bottom;
  height: 32px; }

.oct_breadcrumb a:after {
  display: inline-block;
  content: "";
  vertical-align: bottom;
  margin-left: 6px;
  margin-right: 8px;
  width: 8px;
  height: 32px;
  background: url(../img/Arr_Fildarianne.png) center center no-repeat;
  background-size: 6px 10px; }

.oct_breadcrumb > span > span > a {
  font-size: 0; }

.oct_breadcrumb > span > span > a:before {
  display: inline-block;
  content: "";
  vertical-align: bottom;
  height: 32px;
  background: url(../img/Picto_Home.png) left center no-repeat;
  background-size: 32px 32px;
  width: 32px;
  overflow: hidden; }

.oct_breadcrumb .breadcrumb_last {
  color: #3e97cf; }

@media (min-width: 768px) {
  .oct_breadcrumb {
    display: block; } }
.oct_blog_post_pagination {
  margin: 50px 0 0; }
  .oct_blog_post_pagination:before, .oct_blog_post_pagination:after {
    content: " ";
    display: table; }
  .oct_blog_post_pagination:after {
    clear: both; }
  .oct_blog_post_pagination {
    *zoom: 1; }

.oct_blog_post_pagination a {
  color: #000;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 300; }

.oct_blog_post_pagination_previous {
  float: left; }

.oct_blog_post_pagination_next {
  float: right; }

.oct_blog_pagination {
  list-style: none;
  padding: 0 0 20px;
  margin: 50px 0 0;
  text-align: right;
  font-weight: normal;
  font-family: "Roboto Slab", serif; }

.oct_blog_pagination--center .oct_blog_pagination {
  text-align: center; }

.oct_blog_pagination .oct_blog_pagination_to--first, .oct_blog_pagination .oct_blog_pagination_to--last {
  display: none; }

.oct_blog_pagination_to--prev a, .oct_blog_pagination_to--next a {
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 6px;
  height: 9px;
  display: inline-block; }
  .oct_blog_pagination_to--prev a span, .oct_blog_pagination_to--next a span {
    display: none; }

.oct_blog_pagination_to--prev a {
  background-image: url(../img/Picto_fleche_prev.png);
  margin-right: -2px; }

.oct_blog_pagination_to--next a {
  background-image: url(../img/Picto_fleche_next.png);
  margin-left: 2px; }

li.oct_blog_pagination_to--prev:hover a, li.oct_blog_pagination_to--prev a:hover, li.oct_blog_pagination_to--next:hover a, li.oct_blog_pagination_to--next a:hover {
  background-position: bottom; }

.oct_blog_pagination li.active, .oct_blog_pagination li:hover {
  border: 1px solid #3e97cf;
  cursor: pointer; }
  .oct_blog_pagination li.active a, .oct_blog_pagination li.active a:hover, .oct_blog_pagination li:hover a, .oct_blog_pagination li:hover a:hover {
    color: #3e97cf; }

.oct_blog_pagination li {
  display: inline-block;
  margin-left: 10px;
  border: 1px solid #7e8d9a;
  width: 30px;
  height: 30px;
  padding: 5px 0;
  position: relative; }

.oct_blog_pagination a {
  color: #7e8d9a;
  font-size: 14px; }
  .oct_blog_pagination a:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }

.oct_blog_pagination .oct_blog_pagination_depth {
  border: none; }
  .oct_blog_pagination .oct_blog_pagination_depth:hover {
    cursor: default;
    border: none; }

.oct_blog_pagination_to--first a,
.oct_blog_pagination_to--next a,
.oct_blog_pagination_to--prev a,
.oct_blog_pagination_to--last a {
  font-size: 14px; }

/*
document.getElementById('oct_s').classList = 'oct_s_fixed';
*/
#oct_s {
  height: 60px;
  width: 228px;
  margin: 20px auto; }
  #oct_s.oct_s_fixed #oct_s_container {
    position: fixed;
    background: #FFF;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); }

#oct_s_container {
  bottom: 0;
  height: 60px;
  padding: 14px 8px;
  text-align: center;
  width: 228px;
  z-index: 6; }
  #oct_s_container span {
    position: relative;
    display: block;
    height: 32px;
    width: 20px;
    float: left; }
    #oct_s_container span:after {
      content: "";
      position: absolute;
      top: 10px;
      left: 50%;
      width: 1px;
      height: 12px;
      background: #7e8d9a;
      z-index: -1; }
  #oct_s_container a {
    display: block;
    width: 32px;
    height: 32px;
    background: center center no-repeat;
    background-size: 32px 32px;
    float: left; }
    #oct_s_container a.oct_s_t {
      background-image: url(../img/icon-s-t.png); }
    #oct_s_container a.oct_s_l {
      background-image: url(../img/icon-s-l.png); }
    #oct_s_container a.oct_s_f {
      background-image: url(../img/icon-s-f.png); }
    #oct_s_container a.oct_s_g {
      background-image: url(../img/icon-s-g.png); }
    #oct_s_container a.oct_s_e {
      background-image: url(../img/icon-s-e.png); }
    #oct_s_container a.oct_s_p {
      background-image: url(../img/icon-s-p.png); }

.oct_header_spacer {
  padding-top: 60px; }

.oct_hr {
  border-color: #e7e8e8; }

.oct_btn {
  width: 350px;
  height: 50px;
  font-family: "Roboto", Helvetica, arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  line-height: 50px;
  border: 1px solid #324e5e;
  color: #324e5e;
  background-color: #FFFFFF;
  cursor: pointer;
  display: block; }

.oct_btn_small {
  width: 180px;
  height: 45px;
  line-height: 45px; }

.oct_btn_turquoise {
  border: 1px solid #68c6b6;
  color: #68c6b6; }
  .oct_btn_turquoise:hover {
    color: #3ea492;
    background-color: #fafafa; }

.oct_btn_orange {
  border: 1px solid #ff6a00;
  color: #ff6a00; }

.oct_btn_blue {
  border: 1px solid #3e97cf;
  color: #3e97cf; }

.oct_btn_turquoise_inverse {
  border: 1px solid #68c6b6;
  background-color: #68c6b6;
  color: #FFFFFF; }
  .oct_btn_turquoise_inverse:hover {
    color: #fafafa;
    background-color: #3ea492; }

.oct_btn_orange_inverse {
  border: 1px solid #ff6a00;
  background-color: #ff6a00;
  color: #FFFFFF; }
  .oct_btn_orange_inverse:hover {
    color: #fafafa;
    background-color: #e65f00; }

.oct_btn_blue_inverse {
  border: 1px solid #3e97cf;
  background-color: #3e97cf;
  color: #FFFFFF; }
  .oct_btn_blue_inverse:hover {
    color: #fafafa;
    background-color: #308ac3; }

.oct_article_subscribe {
  position: absolute;
  left: auto;
  width: 100%;
  text-align: center;
  height: 500px;
  margin-top: -350px;
  background: url(../img/Post_suscribe_gradient.png) top repeat-x;
  z-index: 5; }
  .oct_article_subscribe a {
    color: #FFF; }
  .oct_article_subscribe.oct_article_subscribe--no_overlap {
    margin-top: 60px;
    position: static;
    height: auto; }
    .oct_article_subscribe.oct_article_subscribe--no_overlap:before, .oct_article_subscribe.oct_article_subscribe--no_overlap:after {
      content: " ";
      display: table; }
    .oct_article_subscribe.oct_article_subscribe--no_overlap:after {
      clear: both; }
    .oct_article_subscribe.oct_article_subscribe--no_overlap {
      *zoom: 1; }
    .oct_article_subscribe.oct_article_subscribe--no_overlap .oct_article_content_suscribe {
      position: relative; }
      .oct_article_subscribe.oct_article_subscribe--no_overlap .oct_article_content_suscribe .oct_btn_turquoise_inverse {
        position: relative;
        transform: none;
        max-width: 200px;
        padding-right: 20px;
        padding-top: 15px;
        padding-bottom: 15px; }
      .oct_article_subscribe.oct_article_subscribe--no_overlap .oct_article_content_suscribe #oct_suscribe_compte_login_modal {
        transform: translate(-50%, -25%); }

.oct_article_content_suscribe {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  z-index: 5; }
  .oct_article_content_suscribe .oct_article_content_suscribe__button {
    width: 100%; }
    .oct_article_content_suscribe .oct_article_content_suscribe__button p {
      margin-top: 20px;
      margin-bottom: 5px;
      font-weight: 700;
      font-style: italic; }
    .oct_article_content_suscribe .oct_article_content_suscribe__button span {
      color: #68c6b6; }
  .oct_article_content_suscribe .oct_btn {
    position: relative;
    padding: 5px 10px 5px 60px;
    margin: 0 auto;
    width: 270px;
    height: auto;
    min-height: 60px;
    font-family: "Roboto Slab", serif;
    font-weight: 700;
    font-size: 17px;
    text-align: left;
    text-transform: none;
    line-height: normal;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0);
    overflow: hidden; }
    .oct_article_content_suscribe .oct_btn a:after {
      position: absolute;
      top: 0;
      left: 0;
      content: '';
      width: 100%;
      height: 100px; }
  .oct_article_content_suscribe .oct_btn_turquoise_inverse {
    margin-top: 40px; }
    .oct_article_content_suscribe .oct_btn_turquoise_inverse a {
      color: #FFF !important; }
    .oct_article_content_suscribe .oct_btn_turquoise_inverse:before {
      display: block;
      position: absolute;
      top: 50%;
      left: 10px;
      transform: translateY(-50%);
      content: '';
      background: url(../img/Picto_cadenas_blanc.png) left no-repeat;
      background-size: 100% auto;
      width: 32px;
      height: 32px; }
  .oct_article_content_suscribe .oct_btn_turquoise {
    width: 200px;
    padding: 5px 35px;
    margin-top: 40px;
    text-align: center; }
    .oct_article_content_suscribe .oct_btn_turquoise:before {
      display: none; }
    .oct_article_content_suscribe .oct_btn_turquoise a {
      color: #68c6b6 !important; }

.oct_article:hover .oct_article_content_suscribe .oct_btn {
  /*  opacity: 1;
   transform: translateY(0px); */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

#oct_suscribe_compte_login_modal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10; }

.oct_suscribe_compte_login_modal_container {
  position: relative;
  width: 270px;
  height: 100%;
  background-color: #FFFFFF;
  box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, 0.2); }

#oct_suscribe_compte_login_modal_close {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 32px;
  width: 32px;
  background: url(../img/footer-close.png) center top no-repeat;
  background-size: 32px auto;
  cursor: pointer;
  z-index: 50; }
  #oct_suscribe_compte_login_modal_close:hover {
    background-position: center bottom; }

#oct_suscribe_compte_login {
  margin: 0;
  padding: 40px 20px;
  width: 270px;
  list-style: none;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.2);
  border-top: 6px solid #3e97cf;
  z-index: 10; }
  #oct_suscribe_compte_login h2 {
    display: none; }
  #oct_suscribe_compte_login form .form-row {
    margin: 0 0 6px; }
    #oct_suscribe_compte_login form .form-row label {
      font-size: 14px;
      padding-top: 0;
      padding-left: 5px; }
    #oct_suscribe_compte_login form .form-row .required {
      color: red;
      font-weight: 700; }
    #oct_suscribe_compte_login form .form-row .input-text {
      height: 40px; }
  #oct_suscribe_compte_login button.button {
    display: block;
    margin: 10px 0;
    width: 100%;
    height: 40px;
    border-radius: 0;
    border: 1px solid #68c6b6;
    background-color: #68c6b6;
    color: #FFFFFF;
    text-transform: uppercase; }

@media (min-width: 768px) {
  .oct_header_spacer {
    padding-top: 110px; }

  #oct_suscribe_compte_login {
    width: 400px; }

  .oct_suscribe_compte_login_modal_container {
    width: 400px; } }
@media (min-width: 992px) {
  .container-reduit, .container.container-reduit {
    width: 770px;
    margin: 0 auto; }

  .oct_article_content_suscribe .oct_article_content_suscribe__button {
    float: left;
    width: 50%; }
    .oct_article_content_suscribe .oct_article_content_suscribe__button:first-child {
      border-right: 1px solid #1a171b;
      height: 140px; }
    .oct_article_content_suscribe .oct_article_content_suscribe__button.oct_article_content_suscribe__logged {
      width: 100%;
      border-right: none; }
    .oct_article_content_suscribe .oct_article_content_suscribe__button p {
      margin-top: 0;
      margin-bottom: 16px; } }
@media (min-width: 1200px) {
  .container {
    width: 1030px; } }
#oct_header {
  position: fixed;
  top: 0;
  left: 0;
  height: 110px;
  width: 100%;
  background: #FFFFFF;
  box-shadow: 2px 5px 10px 0px rgba(0, 0, 0, 0.1);
  z-index: 10;
  padding: 0 10px; }
  #oct_header:before, #oct_header:after {
    content: " ";
    display: table; }
  #oct_header:after {
    clear: both; }
  #oct_header {
    *zoom: 1; }

.oct_header_container {
  max-width: 1170px;
  margin: 0 auto; }

#oct_header a:hover, #oct_header a:focus {
  color: #3e97cf;
  outline: none; }

#oct_header_logo {
  display: block;
  height: 72px;
  width: 225px;
  background: url(../img/Logo_GEAB.png) center center no-repeat;
  background-size: 100% auto;
  position: relative;
  padding: 55px 0;
  float: left; }

#oct_header_nav_main a {
  display: block;
  position: relative;
  font-size: 18px;
  color: #324e5e; }

#oct_header_nav_tool {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  float: right;
  height: 110px; }

#oct_header_nav_tool > li {
  float: left;
  position: relative;
  padding: 42px 0 35px;
  margin: 0 10px; }

#oct_header_nav_tool > li > div:first-child {
  cursor: pointer; }

#oct_header_nav_abonnement a {
  color: #68c6b6; }

#oct_header_nav_compte_icon {
  background-image: url(../img/Picto_moncompte.png);
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100% auto;
  width: 32px;
  height: 32px;
  display: block; }
  #oct_header_nav_compte_icon:hover {
    background-position: bottom;
    background-size: 100% auto; }
  #oct_header_nav_compte_icon:after {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    width: 100px;
    height: 120px; }
  #oct_header_nav_compte_icon.oct_header_nav_compte_icon_logged {
    background-position: center;
    background-image: url(../img/Picto_moncompte_connex.png); }

#oct_header_nav_compte_tooltip {
  display: none;
  position: absolute;
  bottom: 10px;
  left: 25%;
  transform: translateX(-25%);
  width: 150px;
  font-size: 14px;
  color: #3e97cf; }

.oct_header_nav_compte_avatar {
  background-color: #EEE;
  background-image: url(../img/Picto_moncompte_connex.png);
  background-repeat: no-repeat;
  background-position: top;
  border-radius: 32px;
  background-size: 100% auto;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 20px;
  left: 20px; }

#oct_header_nav_social_icon {
  background-image: url(../img/Picto_ResSoc.png);
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100% auto;
  width: 32px;
  height: 32px; }
  #oct_header_nav_social_icon:hover {
    background-position: bottom;
    background-size: 100% auto; }
  #oct_header_nav_social_icon:after {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    width: 50px;
    height: 120px; }

#oct_header_nav_lang_icon {
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100% auto;
  width: 32px;
  height: 32px; }
  #oct_header_nav_lang_icon:hover {
    background-position: bottom;
    background-size: 100% auto; }
  #oct_header_nav_lang_icon:after {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    width: 50px;
    height: 120px; }

.oct_lang_icon_fr {
  background-image: url(../img/Picto_lang_FR.png); }

.oct_lang_icon_en {
  background-image: url(../img/Picto_lang_EN.png); }

.oct_lang_icon_de {
  background-image: url(../img/Picto_lang_DE.png); }

.oct_lang_icon_it {
  background-image: url(../img/Picto_lang_IT.png); }

.oct_lang_icon_es {
  background-image: url(../img/Picto_lang_ES.png); }

#oct_header_nav_search_icon {
  background-image: url(../img/Picto_search_menu.png);
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100% auto;
  width: 32px;
  height: 32px;
  display: block; }
  #oct_header_nav_search_icon:hover {
    background-position: bottom;
    background-size: 100% auto; }
  #oct_header_nav_search_icon:after {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    width: 50px;
    height: 120px; }

#oct_header_nav_plus_icon {
  background-image: url(../img/Picto_Global+.png);
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100% auto;
  width: 54px;
  height: 54px;
  margin-top: -10px;
  cursor: pointer; }
  #oct_header_nav_plus_icon:hover, #oct_header_nav_plus_icon.oct_active_plus {
    background-position: bottom;
    background-size: 100% auto; }
  #oct_header_nav_plus_icon:after {
    position: absolute;
    top: 0;
    content: '';
    width: 100px;
    height: 120px;
    margin-left: -20px; }

#oct_header_subnav_social > li > a {
  display: block; }

#oct_header_subnav_facebook a {
  background: url(../img/Picto_RS_gris_Facebook.png) center center no-repeat;
  background-size: 100% auto;
  width: 16px;
  height: 15px;
  margin-left: -15px; }

#oct_header_subnav_twitter a {
  background: url(../img/Picto_RS_GrisTwitter.png) center center no-repeat;
  background-size: 100% auto;
  width: 16px;
  height: 15px; }

#oct_header_subnav_linkedin a {
  background: url(../img/Picto_RS_GrisLinkedIn.png) center center no-repeat;
  background-size: 100% auto;
  width: 16px;
  height: 15px; }

#oct_header_subnav_googleplus a {
  background: url(../img/Picto_RS_GrisGoogle+.png) center center no-repeat;
  background-size: 100% auto;
  width: 16px;
  height: 15px; }

#oct_header_subnav_youtube a {
  background: url(../img/Picto_RS_GrisYouTube.png) center center no-repeat;
  background-size: 100% auto;
  width: 16px;
  height: 15px; }

#oct_header_subnav_lang {
  width: 180px;
  right: 0;
  font-size: 14px; }
  #oct_header_subnav_lang > li {
    line-height: 21px;
    padding: 5px 0; }

#oct_header_nav_main > ul > li:hover .oct_header_dropdown, #oct_header_nav_tool > li:hover .oct_header_dropdown {
  display: block; }

#oct_header_nav_main > ul > li:focus, #oct_header_nav_tool > li:focus, .oct_menu > li > ul > li:focus {
  outline: none; }

.oct_header_dropdown {
  display: none;
  position: absolute;
  top: 100%;
  list-style: none;
  margin: 0;
  padding: 20px;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2);
  border-top: 6px solid #3e97cf; }
  .oct_header_dropdown:before {
    background: #FFFFFF;
    content: '';
    display: block;
    width: 120%;
    height: 10px;
    position: absolute;
    top: -16px;
    left: -10%; }

#oct_header_nav_plus .oct_hover_plus, #oct_header_nav_tool > li:hover .oct_header_dropdown_plus {
  display: block; }

.oct_header_dropdown_plus {
  display: none;
  position: absolute;
  top: 100%;
  margin: 0;
  padding: 0; }

.oct_header_subnav_container {
  max-width: 1170px;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 20px;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2);
  border-top: 6px solid #3e97cf; }
  .oct_header_subnav_container:before {
    background: #FFFFFF;
    content: '';
    display: block;
    width: 120%;
    height: 10px;
    position: absolute;
    top: -16px;
    left: -10%; }
  .oct_header_subnav_container:before, .oct_header_subnav_container:after {
    content: " ";
    display: table; }
  .oct_header_subnav_container:after {
    clear: both; }
  .oct_header_subnav_container {
    *zoom: 1; }

.oct_menu {
  padding: 0;
  margin: 0;
  font-size: 14px; }
  .oct_menu:before, .oct_menu:after {
    content: " ";
    display: table; }
  .oct_menu:after {
    clear: both; }
  .oct_menu {
    *zoom: 1; }
  .oct_menu > li {
    float: left;
    width: 100%;
    padding: 0 10px;
    list-style: none; }
    .oct_menu > li > a {
      display: none; }
    .oct_menu > li > ul {
      list-style: none;
      padding: 0; }
      .oct_menu > li > ul > li {
        padding: 6px 0; }

#oct_header_subnav_plus {
  width: 100%;
  right: 0; }

#oct_header_nav_tool > li#oct_header_nav_plus {
  position: static; }

.oct_menu .oct_header_subnav_search_plus > a {
  display: none; }

.oct_header_subnav_search_plus form {
  position: relative; }
  .oct_header_subnav_search_plus form:before, .oct_header_subnav_search_plus form:after {
    content: " ";
    display: table; }
  .oct_header_subnav_search_plus form:after {
    clear: both; }
  .oct_header_subnav_search_plus form {
    *zoom: 1; }
.oct_header_subnav_search_plus input[type=text] {
  width: 100%;
  max-width: 100%;
  padding-right: 40px;
  height: 44px;
  border: 2px solid #7e8d9a;
  font-size: 18px;
  padding: 0 15px;
  display: block;
  float: left; }
  .oct_header_subnav_search_plus input[type=text]::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #7e8d9a;
    opacity: 1;
    /* Firefox */ }
  .oct_header_subnav_search_plus input[type=text]:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #7e8d9a; }
  .oct_header_subnav_search_plus input[type=text]::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #7e8d9a; }
  .oct_header_subnav_search_plus input[type=text]:focus {
    outline: none; }
.oct_header_subnav_search_plus input[type=submit] {
  background-image: url(../img/Picto_dearche_menu.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  background-size: 100% auto;
  padding: 0;
  vertical-align: bottom;
  cursor: pointer;
  display: block;
  float: left;
  position: absolute;
  right: 0;
  height: 100%;
  width: 44px;
  border: none; }
  .oct_header_subnav_search_plus input[type=submit]:focus {
    outline: none; }

@media (max-width: 767px) {
  #oct_header {
    height: 60px; }

  #oct_header_logo {
    width: 140px;
    height: 60px;
    background-size: 100% auto;
    padding: 0; }

  #oct_header_nav_tool {
    height: 60px; }

  #oct_header_nav_tool > li {
    padding: 20px 0; }

  .oct_header_dropdown, .oct_header_subnav_container {
    padding: 10px 20px; }

  #oct_header_nav_compte_icon {
    width: 20px;
    height: 20px;
    background-size: 100% auto; }
    #oct_header_nav_compte_icon:after {
      width: 30px;
      height: 60px; }

  #oct_header_nav_lang_icon {
    width: 20px;
    height: 20px;
    background-size: 100% auto; }
    #oct_header_nav_lang_icon:after {
      width: 30px;
      height: 60px; }

  #oct_header_nav_plus_icon {
    width: 40px;
    height: 40px;
    background-size: 100% auto; }

  .oct_header_subnav_container {
    position: fixed;
    top: 60px;
    right: 0;
    height: calc(100% - 60px);
    width: 250px;
    overflow: scroll;
    transform: translateX(250px);
    transition: transform .5s; }
    .oct_header_subnav_container:before {
      display: none; }

  .oct_header_dropdown_plus {
    display: block; }

  .oct_hover_plus .oct_header_subnav_container, #oct_header_nav_tool > li:hover .oct_header_dropdown_plus .oct_header_subnav_container {
    transform: translateX(0px); }

  .oct_header_subnav_container > ul > li > ul > li {
    padding: 10px 0; }

  .oct_header_subnav_search_plus input[type=text] {
    height: 34px;
    border: 2px solid #7e8d9a;
    font-size: 14px;
    padding: 0 10px; }
  .oct_header_subnav_search_plus input[type=submit] {
    width: 34px; }

  #oct_header_nav_tool > li:hover #oct_header_subnav_compte, #oct_header_nav_tool > li:hover #oct_header_subnav_compte_login {
    display: none; }

  #oct_header_nav_main, #oct_header_nav_social, #oct_header_nav_search {
    display: none; } }
@media (min-width: 768px) {
  #oct_header_logo {
    margin-right: 0; }

  #oct_header_nav_main {
    display: block;
    height: 110px; }

  #oct_header_nav_main > ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    #oct_header_nav_main > ul:before, #oct_header_nav_main > ul:after {
      content: " ";
      display: table; }
    #oct_header_nav_main > ul:after {
      clear: both; }
    #oct_header_nav_main > ul {
      *zoom: 1; }

  #oct_header_nav_main > ul > li {
    float: left;
    position: relative;
    padding: 50px 0 35px;
    margin: 0 10px;
    line-height: 25px; }
    #oct_header_nav_main > ul > li:nth-child(-n+3) {
      display: none; }
    #oct_header_nav_main > ul > li:last-child {
      margin-right: 0; }

  #oct_header_nav_main > ul > li > ul > li {
    font-size: 18px;
    line-height: 21px;
    padding: 10px 0; }

  #oct_header_subnav_abonnement {
    border-top: 6px solid #68c6b6;
    width: 450px;
    left: 50%;
    margin-left: -225px;
    color: #5b6166;
    text-align: center;
    font-family: "Roboto", Helvetica, arial, sans-serif;
    font-weight: 700;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 10px; }
    #oct_header_subnav_abonnement > img {
      max-width: 70px; }
    #oct_header_subnav_abonnement > a.oct_btn_turquoise {
      font-size: 16px; }
      #oct_header_subnav_abonnement > a.oct_btn_turquoise:hover {
        color: #3ea492; }
    #oct_header_subnav_abonnement .oct_hr {
      margin-top: 30px; }

  .oct_header_abonnement_title {
    font-family: "Roboto Slab", serif;
    font-size: 36px;
    margin: 10px 0 20px; }

  .oct_header_abonnement_subtitle {
    font-family: "Roboto Slab", serif;
    font-size: 29px;
    line-height: 35px;
    margin-top: 10px;
    margin-bottom: 20px; }
    .oct_header_abonnement_subtitle > span {
      font-size: 22px; }

  .oct_header_abonnement_newsletter {
    font-family: "Roboto Slab", serif;
    font-size: 23px;
    line-height: 27px;
    margin-bottom: 10px; }
    .oct_header_abonnement_newsletter > span {
      font-family: "Roboto", Helvetica, arial, sans-serif;
      font-size: 14px;
      font-weight: normal;
      color: #1a171b;
      line-height: 20px;
      margin-top: 5px;
      display: block; }

  #oct_header_form_abonnement input[type=text] {
    width: 350px;
    height: 50px;
    color: #7e8d9a;
    font-size: 14px;
    font-weight: normal;
    margin: 7px 0;
    padding: 0 10px; }

  #oct_header_form_abonnement .oct_form_checkbox {
    font-size: 12px;
    font-weight: normal;
    color: #1a171b;
    line-height: normal;
    text-align: left;
    margin-top: 10px; }
    #oct_header_form_abonnement .oct_form_checkbox:before, #oct_header_form_abonnement .oct_form_checkbox:after {
      content: " ";
      display: table; }
    #oct_header_form_abonnement .oct_form_checkbox:after {
      clear: both; }
    #oct_header_form_abonnement .oct_form_checkbox {
      *zoom: 1; }
    #oct_header_form_abonnement .oct_form_checkbox input[type=checkbox] {
      float: left; }
    #oct_header_form_abonnement .oct_form_checkbox > label {
      display: block;
      padding-left: 25px; }
      #oct_header_form_abonnement .oct_form_checkbox > label > a {
        font-size: 12px;
        color: #3e97cf; }
        #oct_header_form_abonnement .oct_form_checkbox > label > a:hover {
          text-decoration: underline; }

  #oct_header_subnav_compte {
    width: 300px;
    right: 0;
    font-size: 18px; }
    #oct_header_subnav_compte a {
      color: #324e5e; }

  .oct_header_nav_compte_info_email {
    font-size: 14px;
    color: #7e8d9a;
    margin-top: 5px; }

  .oct_header_nav_compte_info {
    padding-left: 45px;
    word-break: break-all; }

  #oct_header_subnav_compte hr {
    clear: both;
    margin: 10px 0; }

  #oct_header_nav_compte_icon:hover #oct_header_nav_compte_tooltip {
    display: block; }

  #oct_header_subnav_compte_login {
    width: 400px;
    right: 0;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 40px; }
    #oct_header_subnav_compte_login h2 {
      display: none; }
    #oct_header_subnav_compte_login form .form-row {
      margin: 0 0 6px; }
      #oct_header_subnav_compte_login form .form-row label {
        font-size: 14px;
        padding-top: 0;
        padding-left: 5px; }
      #oct_header_subnav_compte_login form .form-row .required {
        color: red;
        font-weight: 700; }
      #oct_header_subnav_compte_login form .form-row .input-text {
        height: 40px; }
    #oct_header_subnav_compte_login button.button {
      display: block;
      margin: 10px 0;
      width: 100%;
      height: 40px;
      border-radius: 0;
      border: 1px solid #68c6b6;
      background-color: #68c6b6;
      color: #FFFFFF;
      text-transform: uppercase; }

  #oct_header_subnav_social {
    width: 260px;
    right: -10px;
    font-size: 16px; }
    #oct_header_subnav_social li:first-child {
      float: none;
      padding: 0;
      margin-bottom: 15px;
      cursor: auto; }
      #oct_header_subnav_social li:first-child:hover {
        opacity: 1; }
    #oct_header_subnav_social li {
      float: left;
      padding: 0 15px;
      cursor: pointer; }
      #oct_header_subnav_social li:hover {
        opacity: 0.6; }

  #oct_header_subnav_lang {
    font-size: 18px; }
    #oct_header_subnav_lang > li {
      padding: 10px 0; }

  #oct_header_subnav_search {
    width: 380px;
    right: 0;
    font-size: 18px;
    padding: 20px 39px; }
    #oct_header_subnav_search input[type=text] {
      border: 1px solid #7e8d9a;
      border-right: none;
      width: 260px;
      height: 40px;
      padding: 0 15px;
      display: block;
      float: left; }
      #oct_header_subnav_search input[type=text]::placeholder {
        /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #7e8d9a;
        opacity: 1;
        /* Firefox */ }
      #oct_header_subnav_search input[type=text]:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #7e8d9a; }
      #oct_header_subnav_search input[type=text]::-ms-input-placeholder {
        /* Microsoft Edge */
        color: #7e8d9a; }
      #oct_header_subnav_search input[type=text]:focus {
        outline: none; }
    #oct_header_subnav_search input[type=submit] {
      background: url(../img/Picto_search_Bleu_Sousmenu.png) center center no-repeat;
      background-size: 100% auto;
      width: 40px;
      height: 40px;
      border: 1px solid #7e8d9a;
      border-left: none;
      padding: 0;
      vertical-align: bottom;
      cursor: pointer;
      display: block;
      float: left; }
      #oct_header_subnav_search input[type=submit]::placeholder {
        /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #7e8d9a;
        opacity: 1;
        /* Firefox */ }
      #oct_header_subnav_search input[type=submit]:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #7e8d9a; }
      #oct_header_subnav_search input[type=submit]::-ms-input-placeholder {
        /* Microsoft Edge */
        color: #7e8d9a; }
      #oct_header_subnav_search input[type=submit]:focus {
        outline: none; }

  .oct_header_subnav_container {
    padding-left: 40px;
    padding-right: 20px; }

  .oct_menu > li {
    float: left;
    width: 33.3333333333%;
    padding: 0; } }
@media (min-width: 992px) {
  #oct_header_nav_main > ul > li:nth-child(-n+3) {
    display: block; }

  #oct_header_subnav_abonnement {
    right: -40px;
    left: auto;
    margin: 0; }

  .oct_header_subnav_container {
    padding-left: 80px; }

  .oct_menu {
    font-size: 18px; }
    .oct_menu > li {
      padding: 10px; }
    .oct_menu > li > ul > li {
      padding: 10px 0; } }
@media (min-width: 1200px) {
  #oct_header_logo {
    margin-right: 40px; }

  #oct_header_nav_main > ul > li {
    margin: 0 25px; } }
body.home #oct_footer, body.post-type-archive-apercu #oct_footer, body.page-template-page-librairie #oct_footer {
  margin-top: 60px; }

#oct_footer {
  background: #324e5e;
  padding-top: 10px;
  padding-bottom: 10px; }

#oct_footer .oct_menu a {
  color: #FFF;
  font-family: "Roboto Slab", serif;
  font-size: 16px;
  font-weight: 700; }
#oct_footer .oct_menu > li > ul > li {
  padding: 5px 0; }
#oct_footer .oct_menu .oct_header_subnav_search_plus form {
  position: relative; }
  #oct_footer .oct_menu .oct_header_subnav_search_plus form:before, #oct_footer .oct_menu .oct_header_subnav_search_plus form:after {
    content: " ";
    display: table; }
  #oct_footer .oct_menu .oct_header_subnav_search_plus form:after {
    clear: both; }
  #oct_footer .oct_menu .oct_header_subnav_search_plus form {
    *zoom: 1; }
#oct_footer .oct_menu .oct_header_subnav_search_plus input[type=text] {
  background: transparent;
  color: #FFF;
  width: 100%;
  max-width: 100%;
  padding-right: 40px;
  height: 44px;
  border-radius: 2px;
  font-size: 18px; }
  #oct_footer .oct_menu .oct_header_subnav_search_plus input[type=text]::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #7e8d9a;
    opacity: 1;
    /* Firefox */ }
  #oct_footer .oct_menu .oct_header_subnav_search_plus input[type=text]:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #7e8d9a; }
  #oct_footer .oct_menu .oct_header_subnav_search_plus input[type=text]::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #7e8d9a; }
  #oct_footer .oct_menu .oct_header_subnav_search_plus input[type=text]:focus {
    outline: none; }
#oct_footer .oct_menu .oct_header_subnav_search_plus input[type=submit] {
  background-color: transparent;
  background-image: url(../img/Picto_search_footer.png);
  background-size: 100% auto;
  position: absolute;
  right: 0;
  height: 100%;
  width: 44px;
  border: none; }
  #oct_footer .oct_menu .oct_header_subnav_search_plus input[type=submit]:focus {
    outline: none; }

#oct_footer_bottom {
  position: relative;
  background: #1a171b;
  padding: 17px 10px 64px 10px;
  line-height: 20px;
  color: #FFFFFF;
  font-size: 11px;
  text-align: center; }
  #oct_footer_bottom:before, #oct_footer_bottom:after {
    content: " ";
    display: table; }
  #oct_footer_bottom:after {
    clear: both; }
  #oct_footer_bottom {
    *zoom: 1; }
  #oct_footer_bottom a {
    color: #FFFFFF; }

#oct_footer_leap {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  background: url(../img/Logo_LEAP-Sign.png) center center no-repeat;
  background-size: 100% auto;
  width: 174px;
  height: 54px; }

#oct_footer_sh {
  list-style: none;
  margin: 40px 0 20px;
  padding: 0;
  width: 100%;
  text-align: center; }
  #oct_footer_sh li {
    display: inline-block; }
    #oct_footer_sh li a {
      display: block;
      width: 40px;
      height: 40px;
      background-size: 16px 15px;
      background-position: center center;
      background-repeat: no-repeat; }
    #oct_footer_sh li.oct_f a {
      background-image: url(../img/sh/wf.png); }
    #oct_footer_sh li.oct_g a {
      background-image: url(../img/sh/wg.png); }
    #oct_footer_sh li.oct_l a {
      background-image: url(../img/sh/wl.png); }
    #oct_footer_sh li.oct_t a {
      background-image: url(../img/sh/wt.png); }
    #oct_footer_sh li.oct_y a {
      background-image: url(../img/sh/wy.png); }

@media (max-width: 767px) {
  #oct_footer .oct_menu > li {
    text-align: center;
    padding: 15px 10px; }

  #oct_footer .oct_menu .oct_header_subnav_search_plus > a {
    display: none; }

  #oct_footer .oct_menu .oct_header_subnav_search_plus > form {
    display: block; }

  #oct_footer form {
    max-width: 250px;
    margin: 20px auto 0; }

  #oct_footer .oct_header_subnav_search_plus input[type=text] {
    padding: 0 15px;
    display: block;
    float: left; }

  #oct_footer .oct_header_subnav_search_plus input[type=submit] {
    padding: 0;
    vertical-align: bottom;
    cursor: pointer;
    display: block;
    float: left; }

  #oct_footer_sh {
    margin: 20px 0 10px; } }
#oct_footer_newsletter {
  display: none; }

@media (min-width: 768px) {
  #oct_footer_bottom {
    padding-bottom: 17px;
    padding-right: 174px;
    font-size: 14px;
    text-align: left; }

  #oct_footer_newsletter {
    display: block;
    background: #eef0f0;
    padding: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10; }
    #oct_footer_newsletter:before, #oct_footer_newsletter:after {
      content: " ";
      display: table; }
    #oct_footer_newsletter:after {
      clear: both; }
    #oct_footer_newsletter {
      *zoom: 1; }
    #oct_footer_newsletter #oct_footer_newsletter_container {
      max-width: 1170px;
      margin: auto;
      padding: 30px 15px 20px;
      position: relative; }
      #oct_footer_newsletter #oct_footer_newsletter_container:before, #oct_footer_newsletter #oct_footer_newsletter_container:after {
        content: " ";
        display: table; }
      #oct_footer_newsletter #oct_footer_newsletter_container:after {
        clear: both; }
      #oct_footer_newsletter #oct_footer_newsletter_container {
        *zoom: 1; }
    #oct_footer_newsletter p {
      margin: 0;
      font-size: 14px;
      float: left;
      width: 50%;
      padding-right: 10px; }
    #oct_footer_newsletter .oct_footer_newsletter_form {
      float: left;
      width: 50%;
      max-width: 450px;
      padding-left: 10px; }
      #oct_footer_newsletter .oct_footer_newsletter_form .oct_footer_form_container {
        margin: 0 -10px 5px; }
        #oct_footer_newsletter .oct_footer_newsletter_form .oct_footer_form_container:before, #oct_footer_newsletter .oct_footer_newsletter_form .oct_footer_form_container:after {
          content: " ";
          display: table; }
        #oct_footer_newsletter .oct_footer_newsletter_form .oct_footer_form_container:after {
          clear: both; }
        #oct_footer_newsletter .oct_footer_newsletter_form .oct_footer_form_container {
          *zoom: 1; }
      #oct_footer_newsletter .oct_footer_newsletter_form .oct_footer_form_container_col {
        float: left;
        width: 50%;
        padding: 0 10px; }
      #oct_footer_newsletter .oct_footer_newsletter_form input[type=text] {
        display: block;
        height: 50px;
        border: 1px solid #d9dadb;
        width: 100%;
        padding: 0 0 0 10px; }
      #oct_footer_newsletter .oct_footer_newsletter_form button {
        display: block;
        height: 50px;
        border: 1px solid #ff6a00;
        background: #FFF;
        color: #ff6a00;
        text-transform: uppercase;
        width: 100%;
        font-size: 16px;
        font-weight: 500; }
      #oct_footer_newsletter .oct_footer_newsletter_form label {
        font-size: 12px; }
        #oct_footer_newsletter .oct_footer_newsletter_form label a {
          color: #3e97cf; }
    #oct_footer_newsletter .oct_footer_checkbox {
      clear: both;
      text-align: center;
      padding-top: 5px; }
      #oct_footer_newsletter .oct_footer_checkbox input[type="checkbox"] {
        vertical-align: middle; }
      #oct_footer_newsletter .oct_footer_checkbox label {
        font-size: 12px; }
        #oct_footer_newsletter .oct_footer_checkbox label a {
          color: #3e97cf; }

  #oct_footer_newsletter_close {
    position: absolute;
    top: 0px;
    right: 15px;
    height: 32px;
    width: 32px;
    background: url(../img/footer-close.png) center top no-repeat;
    background-size: 32px auto;
    cursor: pointer; }
    #oct_footer_newsletter_close:hover {
      background-position: center bottom; }

  #oct_footer_newsletter_title {
    font-family: "Roboto Slab", serif;
    font-size: 27px;
    font-weight: bold;
    line-height: 34px;
    display: block;
    color: #5b6166; } }
@media (min-width: 992px) {
  #oct_footer_bottom {
    text-align: center;
    padding-right: 10px; } }
html, body {
  text-rendering: optimizeLegibility;
  text-rendering: geometricPrecision;
  font-smooth: always;
  font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased; }

body {
  font-family: "Roboto", Helvetica, arial, sans-serif;
  font-size: 14px;
  line-height: 1.47;
  color: #1a171b; }

a:hover, a:focus {
  text-decoration: none; }

a, a:hover {
  color: inherit; }

img {
  max-width: 100%;
  height: auto; }

p {
  margin-top: 0; }

hr {
  border-color: #324e5e; }
  hr.color-hr {
    border-color: #e7e8e8; }

.h2 {
  font-family: "Roboto Slab", serif;
  font-weight: 700;
  font-size: 21px;
  line-height: 28px;
  margin: 20px 0;
  color: #324e5e; }

.h3 {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  margin: 15px 0; }

.oct_content_references {
  font-size: 13px;
  vertical-align: super;
  color: #3e97cf; }

.oct_content_sources {
  font-family: "Roboto", Helvetica, arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: #1a171b; }
  .oct_content_sources a {
    color: #3e97cf; }

.bold {
  font-weight: 700; }

.semi-bold {
  font-weight: 600; }

.oct_bleu {
  color: #3e97cf; }

.oct_turquoise {
  color: #68c6b6; }

.oct_small {
  font-size: 14px; }

.oct_page_title {
  font-family: "Roboto Slab", serif;
  font-size: 48px;
  line-height: 58px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 20px;
  color: #5b6166; }

.oct_page_title_medium, .woocommerce-customer-details h2, .woocommerce-order-details h2 {
  font-size: 24px;
  font-family: "Roboto Slab", serif;
  font-weight: 700;
  margin: 0; }

.oct_content_title_medium {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px; }

.oct_home_block_content_title {
  font-weight: 500;
  font-size: 18px;
  line-height: normal;
  margin: 10px 0; }

.oct_home_block_content_small {
  font-size: 14px;
  line-height: normal;
  margin-top: 20px; }

@media (max-width: 767px) {
  .oct_home_block_content_title {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    margin: 10px 0; }

  .oct_home_block_content_small {
    font-size: 9px;
    line-height: 13px;
    margin-top: 30px; }

  .h2 {
    /* font-size: 16px;
    line-height: normal;
    margin: 15px 0; */ }

  .h3 {
    /* font-size: 14px;
    line-height: normal; */
    margin: 5px 0; }

  .oct_page_title {
    font-size: 34px;
    line-height: 38px; } }
.oct_home_slider_librairie {
  position: relative;
  margin: 40px 0;
  padding: 20px;
  width: 100%;
  background-color: #7a706c;
  color: #FFFFFF; }
  .oct_home_slider_librairie .oct_librairie_title {
    margin: 0;
    padding-left: 50px;
    font-family: "Roboto Slab", serif;
    font-weight: 700;
    font-size: 29px;
    line-height: 40px; }
    .oct_home_slider_librairie .oct_librairie_title:before {
      top: 5px;
      width: 34px;
      height: 34px;
      background-image: url("../img/Picto_Librairie_wh.svg"); }
  .oct_home_slider_librairie .oct_home_see_all {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%); }
    .oct_home_slider_librairie .oct_home_see_all a {
      color: #FFFFFF; }

.oct_slider_librairie_container {
  padding: 40px 0; }
  .oct_slider_librairie_container .oct_slider_librairie_item {
    margin: 0 auto;
    max-width: 200px; }
  .oct_slider_librairie_container .owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%; }
    .oct_slider_librairie_container .owl-nav button {
      position: absolute;
      background: url("../img/icon-chevron.svg") center center no-repeat !important;
      width: 18px;
      height: 30px; }
      .oct_slider_librairie_container .owl-nav button.owl-prev {
        left: 0;
        transform: translateY(-50%); }
      .oct_slider_librairie_container .owl-nav button.owl-next {
        right: 0;
        transform: translateY(-50%) rotate(180deg); }
      .oct_slider_librairie_container .owl-nav button:focus {
        outline: none; }
      .oct_slider_librairie_container .owl-nav button span {
        display: none; }

@media (min-width: 768px) {
  .oct_home_slider_librairie {
    width: calc(50% - 15px); }

  .oct_slider_librairie_container {
    margin-top: 60px;
    padding: 40px 10px; } }
@media (min-width: 992px) {
  .oct_home_slider_librairie {
    width: calc(33.333333% - 15px); } }
footer .oct_block_linkedin {
  margin-top: 60px; }

.oct_block_linkedin {
  position: relative;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 30px;
  padding-top: 20px;
  min-height: 150px;
  background: url("../img/fond_linkedin.jpg") center center no-repeat;
  background-size: cover; }
  .oct_block_linkedin a {
    display: block;
    margin: 0;
    width: 100%;
    font-weight: 700;
    font-size: 29px;
    text-align: center;
    color: #FFFFFF; }
  .oct_block_linkedin img {
    align-self: center;
    margin-bottom: 10px;
    width: 60px; }

.oct_home_agenda_librairie_container {
  display: flex;
  flex-wrap: wrap;
  margin: 30px 0; }

.oct_home_agenda_container {
  position: relative;
  margin: 40px 0;
  padding: 20px 30px;
  width: 100%;
  background-color: #e4ecf2; }
  .oct_home_agenda_container .oct_agenda_title {
    position: relative;
    margin: 0 0 20px;
    padding-left: 40px;
    font-family: "Roboto Slab", serif;
    font-weight: 700;
    font-size: 29px;
    line-height: 40px;
    color: #5b6166; }
    .oct_home_agenda_container .oct_agenda_title:before {
      content: '';
      position: absolute;
      top: 3px;
      left: 0;
      width: 34px;
      height: 34px;
      background: url("../img/Picto_Agenda.svg") center center no-repeat; }
  .oct_home_agenda_container .wpem-event-listings-header {
    display: none; }
  .oct_home_agenda_container .wpem-event-listings.wpem-event-listing-box-view .wpem-event-box-col {
    flex: 0 0 100%;
    max-width: 100%; }
    .oct_home_agenda_container .wpem-event-listings.wpem-event-listing-box-view .wpem-event-box-col:nth-child(n+2) {
      display: none; }
  .oct_home_agenda_container .oct_home_see_all {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%); }
    .oct_home_agenda_container .oct_home_see_all a {
      color: #3e97cf; }

.wpem-event-listings-header .wpem-event-listing-header-title .wpem-heading-text {
  display: none; }

@media (min-width: 768px) {
  .oct_home_agenda_librairie_container {
    justify-content: space-between;
    flex-wrap: nowrap; }

  .oct_home_agenda_container {
    width: calc(50% - 5px); } }
@media (min-width: 992px) {
  .oct_home_agenda_container {
    width: calc(66.66666% - 5px); }
    .oct_home_agenda_container .wpem-event-listings.wpem-event-listing-box-view .wpem-event-box-col {
      flex: 0 0 50%;
      max-width: 50%; }
    .oct_home_agenda_container .wpem-event-listings.wpem-event-listing-box-view .wpem-event-box-col:nth-child(n+2) {
      display: block; } }
#oct_home_slogan {
  margin: 15px 0 30px; }

#oct_home_slogan_title, #oct_home_slogan_subtitle {
  font-size: 24px;
  line-height: 24px;
  color: #3e97cf;
  text-transform: uppercase;
  font-weight: 300;
  text-align: center;
  margin: 0;
  min-height: 24px; }

#oct_home_slogan_subtitle {
  font-size: 69px;
  line-height: 69px;
  font-weight: 100;
  min-height: 69px; }

.oct_home_slogan {
  font-size: 22px;
  color: #3e97cf;
  text-transform: uppercase; }

.oct_home_see_all {
  width: 100%;
  color: #3e97cf;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  padding-top: 15px; }
  .oct_home_see_all > a:hover {
    text-decoration: underline; }

.oct_home_magazine_container {
  display: flex;
  flex-wrap: wrap; }

.oct_home_magazine_communique, .oct_home_magazine_sommaire, .oct_home_magazine_cover {
  width: 100%; }

.oct_home_magazine_cover {
  order: -1;
  margin: 30px 0;
  padding: 0 10px;
  width: 100%;
  text-align: center; }
  .oct_home_magazine_cover .oct_single_magazine_suscribe .oct_magazine_block_action_lire {
    display: none; }

.oct_home_magazine_title {
  width: 100%;
  font-family: "Roboto Slab", serif;
  font-weight: bold;
  font-size: 48px;
  line-height: 48px;
  margin: 0;
  color: #5b6166; }
  .oct_home_magazine_title .oct_home_magazine_communique_title {
    margin: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px; }
    .oct_home_magazine_title .oct_home_magazine_communique_title span {
      text-transform: none; }

.oct_home_magazine_spacer {
  margin-top: 50px; }

.oct_home_magazine_communique img {
  width: 100%;
  height: auto; }

.oct_single_magazine_communique .oct_single_magazine_article_excerpt img, .oct_article .oct_article_content img {
  width: auto;
  max-width: 100%; }

.oct_home_magazine_article_title {
  font-family: "Roboto Slab", serif;
  font-weight: bold;
  font-size: 17px;
  line-height: 21px;
  margin: 0;
  display: inline;
  word-break: break-word;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }
  .oct_home_magazine_article_title a {
    color: #324e5e; }
    .oct_home_magazine_article_title a:hover {
      color: #3e97cf; }
    .oct_home_magazine_article_title a:after {
      position: absolute;
      top: 0;
      left: 0;
      content: '';
      width: 100%;
      height: 100%; }

.oct_home_magazine_article {
  position: relative;
  overflow: hidden;
  margin-bottom: 15px; }

.oct_home_magazine_date {
  color: #7e8d9a;
  font-size: 14px;
  margin: 10px 0 15px; }

.oct_home_magazine_communique_title {
  color: #3e97cf;
  font-size: 14px;
  text-transform: uppercase;
  margin: 15px 0 10px; }

.oct_home_magazine_sommaire_title {
  color: #3e97cf;
  font-size: 14px;
  text-transform: uppercase;
  margin: 10px 0 15px; }

.oct_home_magazine_article_tags {
  display: inline;
  position: relative;
  z-index: 5; }
  .oct_home_magazine_article_tags a {
    color: #7e8d9a; }
    .oct_home_magazine_article_tags a:hover {
      color: #324e5e; }

.oct_home_magazine_communique .oct_home_magazine_article_title {
  font-size: 28px;
  line-height: 32px; }

.oct_home_magazine_article_excerpt {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  color: #1a171b;
  margin-top: 10px;
  text-align: justify; }
  .oct_home_magazine_article_excerpt a {
    color: #3e97cf; }

.oct_home_blog_title {
  font-size: 48px;
  font-weight: 700;
  line-height: 48px;
  margin: 0;
  font-family: "Roboto Slab", serif;
  color: #5b6166; }
  .oct_home_blog_title a {
    color: #5b6166; }
    .oct_home_blog_title a:hover {
      color: #3e97cf; }

.oct_home_blog {
  border-top: 1px solid #e7e8e8;
  margin-top: 40px;
  padding-top: 40px; }
  .oct_home_blog.oct_home_blog_apercu {
    border: none;
    margin: 0;
    padding-top: 0; }

.oct_home_blog_articles:before, .oct_home_blog_articles:after {
  content: " ";
  display: table; }
.oct_home_blog_articles:after {
  clear: both; }
.oct_home_blog_articles {
  *zoom: 1; }

.oct_home_blog_article {
  position: relative;
  overflow: hidden;
  margin: 30px 0; }

.oct_home_blog_image {
  position: relative; }
  .oct_home_blog_image > img {
    width: 100%; }
  .oct_home_blog_image span {
    display: inline-block;
    position: absolute;
    bottom: -7px;
    right: 30px;
    max-width: 62px; }

.oct_home_blog_article_info {
  display: flex;
  align-items: center;
  margin-top: 8px;
  width: 100%; }

.oct_home_blog_article_title {
  font-family: "Roboto Slab", serif;
  word-break: break-word;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }
  .oct_home_blog_article_title h2 {
    font-size: 24px;
    line-height: 28px;
    margin: 0; }
  .oct_home_blog_article_title a {
    color: #324e5e; }
    .oct_home_blog_article_title a:hover {
      color: #3e97cf; }
    .oct_home_blog_article_title a:after {
      position: absolute;
      top: 0;
      left: 0;
      content: '';
      width: 100%;
      height: 100%; }

.oct_home_blog_article_tags {
  font-size: 14px;
  line-height: 20px;
  position: relative;
  z-index: 5; }
  .oct_home_blog_article_tags a {
    color: #7e8d9a; }
    .oct_home_blog_article_tags a:hover {
      color: #324e5e; }

.oct_home_blog_article_excerpt {
  font-size: 14px;
  line-height: 20px;
  margin-top: 10px;
  text-align: justify; }
  .oct_home_blog_article_excerpt a {
    color: #3e97cf; }

.oct_home_blog_article img {
  width: 100%;
  height: auto; }

.oct_home_blog_article_author, .oct_home_blog_article_date, .oct_home_blog_article_category {
  display: inline-block;
  margin-right: 10px;
  font-size: 14px;
  line-height: 25px;
  white-space: nowrap;
  position: relative;
  z-index: 5; }
  .oct_home_blog_article_author:hover, .oct_home_blog_article_date:hover, .oct_home_blog_article_category:hover {
    cursor: default; }

.oct_home_blog_article_category {
  text-transform: uppercase;
  color: #3e97cf; }
  .oct_home_blog_article_category a:hover {
    color: #324e5e; }

.oct_home_blog_article_author {
  color: #3e97cf; }
  .oct_home_blog_article_author a:hover {
    color: #324e5e; }

.oct_home_blog_article_date {
  color: #7e8d9a; }

.oct_home_blog_article_picto {
  width: 100%;
  text-align: right; }
  .oct_home_blog_article_picto img {
    width: auto !important;
    height: 25px !important; }

.oct_home_blog_article_author_image {
  display: inline-block;
  vertical-align: top;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #7e8d9a;
  background-position: center center;
  background-size: cover; }

.oct_home_hr {
  border-top: 1px solid #e7e8e8;
  margin-top: 30px; }

.oct_home_block:before, .oct_home_block:after {
  content: " ";
  display: table; }
.oct_home_block:after {
  clear: both; }
.oct_home_block {
  *zoom: 1; }

.oct_home_block_container {
  display: table;
  width: 100%;
  margin: 0; }

.oct_home_block_content {
  width: 100%;
  color: #1a171b;
  font-size: 16px;
  line-height: 24px;
  margin: 5px 0 10px; }

.oct_home_block_accroche_image {
  width: 100%;
  max-width: 320px;
  margin: 5px auto; }

.oct_home_block_titles {
  position: relative;
  display: table-cell;
  float: none;
  width: 50%;
  height: 200px;
  background: url(../img/fond_marketing_abonnement.jpg) center center no-repeat;
  background-size: cover; }
  .oct_home_block_titles .oct_home_block_title, .oct_home_block_titles .oct_home_block_subtitle {
    display: none; }

.oct_home_block_title {
  text-transform: uppercase;
  color: #324e5e;
  font-weight: 300;
  font-size: 52px;
  line-height: 62px;
  text-align: center;
  margin: 0;
  padding: 30px 30px 20px; }

.oct_home_block_subtitle {
  position: relative;
  color: #68c6b6;
  text-shadow: none;
  font-weight: 700;
  font-size: 29px;
  margin: 10px 0;
  padding: 0; }

.oct_home_block_abonnement {
  float: right;
  width: 50%;
  height: 200px;
  padding: 0 10px;
  position: relative;
  background-color: #68c6b6;
  color: #FFFFFF;
  font-family: "Roboto Slab", serif;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  transition: background-color .4s;
  display: table-cell;
  vertical-align: middle;
  float: none; }
  .oct_home_block_abonnement img {
    margin: 0;
    width: 32px; }
  .oct_home_block_abonnement:hover {
    background-color: #3e97cf; }

.oct_home_block_abonnement_title {
  font-size: 39px;
  margin: 5px 0 15px; }
  .oct_home_block_abonnement_title a:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 500px; }

.oct_home_block_abonnement_subtitle {
  font-size: 29px;
  line-height: 35px;
  margin: 15px 0; }
  .oct_home_block_abonnement_subtitle span {
    font-size: 22px; }

body.home .oct_home_news {
  border-top: none;
  padding-top: 0; }

.oct_home_news {
  border-top: 1px solid #e7e8e8;
  margin-top: 40px;
  padding-top: 40px; }

.oct_home_news_title {
  font-size: 48px;
  line-height: 48px;
  font-family: "Roboto Slab", serif;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 10px;
  color: #5b6166; }
  .oct_home_news_title a {
    color: #5b6166; }
    .oct_home_news_title a:hover {
      color: #3e97cf; }

.oct_home_news_newsletter {
  color: #ff6a00;
  font-size: 14px;
  font-weight: 600; }

.oct_home_news_article {
  margin-top: 30px; }

.oct_home_news_article_title {
  font-family: "Roboto Slab", serif;
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
  margin-bottom: 4px; }
  .oct_home_news_article_title a {
    color: #1a171b; }
    .oct_home_news_article_title a:hover {
      color: #3e97cf; }

.oct_home_news_article_source {
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  color: #7e8d9a; }
  .oct_home_news_article_source a {
    color: #7e8d9a; }

.oct_home_news_article_date {
  font-weight: normal;
  color: #7e8d9a;
  font-size: 14px; }

@media (max-width: 767px) {
  #oct_home_slogan_title span, #oct_home_slogan_subtitle span {
    display: block; }

  #oct_home_slogan_title {
    min-height: 22px;
    font-size: 20px;
    line-height: 20px; }

  #oct_home_slogan_subtitle {
    min-height: 58px;
    font-size: 40px;
    line-height: 40px; }

  .oct_home_magazine_spacer {
    margin-top: 30px; }

  .oct_home_magazine_title {
    font-size: 34px;
    line-height: 34px;
    text-align: center; }

  .oct_home_magazine_date {
    font-size: 11px;
    text-align: center; }

  .oct_home_magazine_communique .oct_home_magazine_article_title, .oct_home_magazine_article_title {
    /* font-size: 19px;
    line-height: 22px; */ }

  .oct_home_magazine_article_tags {
    display: block; }

  .oct_home_magazine_article_excerpt {
    /*  font-size: 11px;
    line-height: 16px; */ }

  .oct_home_blog_title {
    font-size: 34px;
    text-align: center; }

  .oct_home_blog_article:before, .oct_home_blog_article:after {
    content: " ";
    display: table; }
  .oct_home_blog_article:after {
    clear: both; }
  .oct_home_blog_article {
    *zoom: 1; }

  .oct_home_blog_image {
    float: left;
    width: 33.3333333333%;
    margin-left: -10px; }
    .oct_home_blog_image span {
      display: none; }

  .oct_home_blog_article_content {
    float: right;
    width: 66.6666666667%; }

  /*   .oct_home_blog_article_info {
        margin : 0 0 5px;
        
        .oct_home_blog_article_picto {
            text-align: left;
        }
    } */
  .oct_home_blog_article_info, .oct_home_blog_article_excerpt {
    display: none; }

  .oct_home_blog_article_title h2 {
    font-size: 14px;
    line-height: 18px; }

  .oct_home_blog_article_tags {
    font-size: 10px;
    line-height: normal; }

  .oct_home_block_title {
    font-size: 27px;
    line-height: 33px; }

  .oct_home_block_abonnement_title {
    font-size: 18px;
    margin: 10px 0; }

  .oct_home_block_abonnement_subtitle {
    font-size: 14px;
    line-height: 17px;
    margin: 10px 0; }
    .oct_home_block_abonnement_subtitle span {
      font-size: 11px; }

  .oct_home_block_content {
    font-size: 11px;
    line-height: 16px;
    margin-bottom: 10px; }
    .oct_home_block_content .oct_home_block_subtitle {
      font-size: 13px; }

  .oct_home_news_title {
    font-size: 34px; }

  .oct_home_news_article_title {
    font-size: 13px;
    line-height: 15px; }

  .oct_home_news_article_source, .oct_home_news_article_date {
    font-size: 12px; } }
@media (min-width: 768px) {
  .oct_home_magazine {
    margin: 0 -10px; }

  .oct_home_magazine_title {
    padding: 0 10px; }

  .oct_home_magazine_communique {
    width: 50%;
    padding-left: 10px;
    padding-right: 20px; }

  .oct_home_magazine_sommaire {
    width: 50%;
    padding: 0 10px; }

  .oct_home_blog_articles {
    margin: 0 -10px; }
    .oct_home_blog_articles:before, .oct_home_blog_articles:after {
      content: " ";
      display: table; }
    .oct_home_blog_articles:after {
      clear: both; }
    .oct_home_blog_articles {
      *zoom: 1; }

  .oct_home_blog_article {
    float: left;
    width: 33.3333333333%;
    padding: 0 10px; }
    .oct_home_blog_article.oct_home_blog_article_apercu:first-child {
      width: 66.6666666667%; }
      .oct_home_blog_article.oct_home_blog_article_apercu:first-child .oct_home_blog_article_info {
        margin: 15px 0; }
      .oct_home_blog_article.oct_home_blog_article_apercu:first-child .oct_home_blog_article_title h2 {
        font-size: 40px;
        line-height: 48px; }
      .oct_home_blog_article.oct_home_blog_article_apercu:first-child .oct_home_blog_article_excerpt {
        margin-top: 20px; }
    .oct_home_blog_article:nth-child(3) {
      float: right; }
    .oct_home_blog_article:nth-child(3n+1) {
      clear: both; }

  .oct_home_blog_article_apercu {
    margin: 35px 0; }

  .oct_home_news_columns {
    margin: 0 -10px 40px; }
    .oct_home_news_columns:before, .oct_home_news_columns:after {
      content: " ";
      display: table; }
    .oct_home_news_columns:after {
      clear: both; }
    .oct_home_news_columns {
      *zoom: 1; }

  .oct_home_news_column {
    float: left;
    width: 33.3333333333%;
    padding: 0 10px; }
    .oct_home_news_column:nth-child(3n+1) {
      clear: left; } }
@media (min-width: 992px) {
  .oct_home_magazine_sommaire, .oct_home_magazine_cover {
    width: 25%; }

  .oct_home_magazine_cover {
    order: 0; }

  .oct_home_block {
    background: url(../img/fond_marketing_abonnement.jpg) center center no-repeat;
    background-size: cover;
    height: 415px;
    margin: 40px 0 0; }
    .oct_home_block .oct_home_block_title {
      display: none; }

  .oct_home_block_container {
    display: block;
    margin: 0 auto;
    padding: 0 10px;
    width: 970px; }

  .oct_home_block_titles {
    display: block;
    background: none;
    float: left;
    width: 66.6666666667%;
    height: 415px; }
    .oct_home_block_titles .oct_home_block_title, .oct_home_block_titles .oct_home_block_subtitle {
      display: block; }

  .oct_home_block_title {
    text-align: left;
    margin: 60px 0 0;
    padding: 0 80px 0 0; }

  .oct_home_block_subtitle {
    position: absolute;
    bottom: 0;
    color: #FFFFFF;
    text-shadow: 1px 1px 2px #999;
    margin-bottom: 10px;
    padding-right: 20px; }

  .oct_home_block_abonnement {
    display: block;
    float: right;
    width: 33.3333333333%;
    height: 415px;
    padding: 0; }
    .oct_home_block_abonnement img {
      margin: 15px 0;
      width: 64px; }

  .oct_home_block_content {
    float: left;
    width: 66.6666666667%;
    padding-right: 20px; }
    .oct_home_block_content .oct_home_block_subtitle {
      display: none; }

  .oct_home_block_accroche_image {
    float: right;
    width: 33.3333333333%;
    max-width: 100%; } }
@media (min-width: 1200px) {
  .oct_home_block_container {
    width: 1030px; } }
.grecaptcha-badge {
  display: none; }

.oct_contact_form, .oct_newsletter_form {
  margin: 30px 0 20px;
  padding: 20px 30px;
  background: #f0f2f2;
  border-top: 5px solid #3e97cf; }

.oct_newsletter_form {
  border-top: 5px solid #ff6a00; }

.oct_contact_form_title {
  font-size: 24px;
  font-family: "Roboto Slab", serif;
  font-weight: 700;
  margin: 0;
  color: #5b6166; }

.oct_contact_form_group {
  margin-top: 14px; }
  .oct_contact_form_group a {
    color: #3e97cf; }

.oct_contact_form_group label.oct_contact_form_label {
  display: block;
  font-size: 16px;
  line-height: 24px;
  padding-top: 12px; }

.oct_contact_form_group .oct_contact_form_input {
  display: block;
  width: 100%;
  border: 1px solid #dee0e0;
  height: 48px;
  padding: 0 14px;
  font-size: 16px; }

.oct_contact_form_group textarea.oct_contact_form_input {
  height: 150px;
  padding: 10px 14px; }

.oct_contact_form_submit input, .oct_contact_form_submit button {
  display: block;
  margin: 20px auto 0;
  width: 240px; }

.oct_contact_form_mandatory {
  font-size: 12px; }

#oct_popup_newsletter {
  display: none;
  position: fixed;
  font-size: 16px;
  color: #1a171b;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 10; }
  #oct_popup_newsletter #oct_popup_form_abonnement {
    padding-top: 15px; }
    #oct_popup_newsletter #oct_popup_form_abonnement input[type=text] {
      width: 100%;
      height: 50px;
      color: #7e8d9a;
      font-size: 14px;
      font-weight: normal;
      margin: 7px 0;
      padding: 0 10px; }
  #oct_popup_newsletter .oct_form_checkbox {
    width: 100%;
    font-size: 12px;
    font-weight: normal;
    color: #1a171b;
    text-align: left;
    margin: 15px auto; }
    #oct_popup_newsletter .oct_form_checkbox input[type=checkbox] {
      float: left; }
    #oct_popup_newsletter .oct_form_checkbox > label {
      display: block;
      padding-left: 20px; }
      #oct_popup_newsletter .oct_form_checkbox > label > a {
        color: #3e97cf; }
  #oct_popup_newsletter button.oct_btn {
    width: 100%;
    margin: 10px auto; }

.oct_newsletter_form_checkbox_condition {
  display: none !important; }

.oct_popup_newsletter_container {
  position: relative;
  width: 300px;
  height: 100%;
  background-color: #FFFFFF;
  box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, 0.2);
  padding: 30px 10px 20px; }

.oct_popup_newsletter_title {
  font-family: "Roboto Slab", serif;
  font-size: 40px;
  line-height: 48px;
  font-weight: 700;
  margin: 0;
  margin-bottom: 20px;
  color: #5b6166; }

#oct_popup_newsletter_close {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 32px;
  width: 32px;
  background: url(../img/footer-close.png) center top no-repeat;
  background-size: 32px auto;
  cursor: pointer; }
  #oct_popup_newsletter_close:hover {
    background-position: center bottom; }

@media (min-width: 768px) {
  .oct_contact_form_group:before, .oct_contact_form_group:after {
    content: " ";
    display: table; }
  .oct_contact_form_group:after {
    clear: both; }
  .oct_contact_form_group {
    *zoom: 1; }

  .oct_contact_form_group label.oct_contact_form_label {
    float: left;
    width: 30%; }

  .oct_contact_form_group_content {
    float: left;
    width: 70%; }

  .oct_popup_newsletter_container {
    width: 450px;
    padding: 30px 40px 20px; } }
.oct_page_abonnement_container {
  padding-bottom: 40px; }
  .oct_page_abonnement_container:before, .oct_page_abonnement_container:after {
    content: " ";
    display: table; }
  .oct_page_abonnement_container:after {
    clear: both; }
  .oct_page_abonnement_container {
    *zoom: 1; }

.oct_page_abonnement_content {
  font-size: 16px;
  color: #1a171b;
  margin-top: 30px; }

.oct_page_abonnement_container > .oct_page_abonnement_image {
  display: none; }

.oct_page_abonnement_image_mobile {
  max-width: 320px;
  margin: 0 auto; }

h2.oct_page_title {
  margin: 40px 0; }

.oct_page_abonnement_etudiant {
  font-weight: 500;
  font-size: 16px;
  text-align: right;
  margin-bottom: 30px;
  color: #68c6b6; }

.oct_abonnement_item {
  border: 1px solid #e7e8e8;
  padding: 20px 20px 80px 20px;
  position: relative; }

.oct_abonnement_item_subscription ul {
  list-style: none;
  padding-left: 30px;
  margin: 0; }
.oct_abonnement_item_subscription li {
  position: relative;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 10px; }
  .oct_abonnement_item_subscription li strong {
    font-weight: 500; }
  .oct_abonnement_item_subscription li::before {
    content: "";
    display: block;
    position: absolute;
    width: 22px;
    height: 18px;
    background: url(../img/check-green.png);
    background-size: 22px 18px;
    left: -30px;
    top: 3px; }
  .oct_abonnement_item_subscription li a {
    color: #68c6b6; }

.oct_abonnement_item_button {
  display: block;
  margin: auto;
  width: 200px;
  padding: 10px 0;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  background: #68c6b6;
  position: relative;
  top: 30px;
  left: 50%;
  margin-left: -100px;
  font-size: 16px; }
  .oct_abonnement_item_button:hover {
    color: #FFFFFF; }

.oct_abonnement_item_monthly {
  background-color: #68c6b6; }
  .oct_abonnement_item_monthly .oct_abonnement_item_button {
    background-color: #FFFFFF;
    color: #68c6b6; }
  .oct_abonnement_item_monthly .oct_abonnement_item_price {
    color: #FFFFFF; }
  .oct_abonnement_item_monthly li::before {
    background-image: url(../img/check-white.png); }
  .oct_abonnement_item_monthly li a {
    color: #FFFFFF; }

.oct_abonnement_item_annually_remise {
  position: absolute;
  display: block;
  top: -10px;
  right: 3px;
  background: #68c6b6;
  font-family: "Roboto Slab", serif;
  font-size: 31px;
  line-height: 30px;
  padding: 15px 0;
  width: 70px;
  text-align: center;
  color: #FFF;
  font-weight: bold; }
  .oct_abonnement_item_annually_remise span {
    font-size: 20px;
    display: inline-block;
    padding-bottom: 5px;
    line-height: 25px;
    vertical-align: top; }

.oct_abonnement_item_annually_remise:before {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: -10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 10px 10px;
  border-color: transparent transparent #00998f transparent; }

.oct_abonnement_item_title {
  font-family: "Roboto Slab", serif;
  font-weight: bold;
  font-size: 22px;
  line-height: 24px;
  color: #324e5e;
  margin: 0 auto;
  text-align: center;
  max-width: 170px; }

.oct_abonnement_item_subtitle {
  font-size: 16px;
  line-height: 24px;
  color: #1a171b;
  margin: 0;
  text-align: center;
  margin-bottom: 15px; }

.oct_abonnement_item_price {
  font-family: "Roboto Slab", serif;
  font-weight: bold;
  font-size: 38px;
  line-height: 45px;
  color: #68c6b6;
  margin: 0;
  text-align: center;
  margin-bottom: 20px; }

.oct_abonnement_item_newsletter {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center; }

.oct_abonnement_item_newsletter_title {
  font-size: 22px;
  line-height: 24px;
  margin-bottom: 30px;
  color: #324e5e;
  font-family: "Roboto Slab", serif;
  font-weight: bold;
  text-align: center; }

.oct_abonnement_item_newsletter_subtitle {
  font-size: 29px;
  line-height: 35px;
  color: #5b6166;
  font-family: "Roboto Slab", serif;
  font-weight: bold;
  text-align: center; }

.oct_abonnement_item_newsletter a {
  font-size: 16px;
  color: #ff6a00;
  display: block;
  margin: auto;
  width: 200px;
  padding: 10px 0;
  text-align: center;
  text-transform: uppercase;
  border: 1px solid #ff6a00;
  position: absolute;
  bottom: 30px;
  left: 50%;
  margin-left: -100px; }

.oct_abonnement_newsletter_content {
  font-size: 14px;
  line-height: 18px; }

.oct_abonnement_gift {
  background: #282828;
  margin-top: 80px; }

.oct_abonnement_gift_container {
  padding: 20px 0; }

.oct_abonnement_gift_title, .oct_abonnement_gift_subtitle {
  color: #f3ae34;
  font-family: "Roboto Slab", serif;
  font-weight: bold;
  font-size: 28px;
  line-height: 33px;
  margin: 0; }

.oct_abonnement_gift_title {
  font-size: 48px;
  line-height: 58px; }

.oct_abonnement_gift_content {
  margin-top: 12px;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 23px; }
  .oct_abonnement_gift_content strong {
    font-size: 18px;
    line-height: 23px;
    display: block;
    margin-bottom: 6px; }
  .oct_abonnement_gift_content p {
    margin: 0; }

@media (max-width: 767px) {
  .oct_abonnement_gift_image {
    height: 556px;
    background: center center no-repeat;
    background-size: contain; } }
@media (min-width: 768px) {
  .oct_abonnement_items {
    display: flex;
    justify-content: space-between; }

  .oct_abonnement_item {
    width: calc(33.33333333% - 7px); }

  .oct_abonnement_gift_container {
    position: relative;
    padding-right: 32%; }

  .oct_abonnement_gift_image {
    position: absolute;
    top: 0;
    left: 70%;
    height: 100%;
    width: 30%;
    background: center center no-repeat;
    background-size: contain; } }
@media (min-width: 992px) {
  .oct_page_abonnement_container > .oct_page_abonnement_image {
    display: block;
    float: right;
    width: 33.3333333333%;
    margin-top: 30px; }

  .oct_page_abonnement_image_mobile {
    display: none; } }
.return-to-shop {
  display: none; }

.oct_cart_item {
  margin: 40px 0; }
  .oct_cart_item:before, .oct_cart_item:after {
    content: " ";
    display: table; }
  .oct_cart_item:after {
    clear: both; }
  .oct_cart_item {
    *zoom: 1; }

.oct_cart_item_gift {
  background: #282828;
  text-align: right; }

.oct_cart_item_gift_container {
  padding: 0 15px 15px; }

.oct_cart_item_gift_title {
  font-family: "Roboto Slab", serif;
  font-weight: 700;
  font-size: 43px;
  color: #f3ae34;
  margin-bottom: 20px;
  padding: 0 15px; }

.oct_cart_item_gift_content {
  width: 100%;
  color: #FFFFFF;
  font-weight: 500;
  font-size: 20px;
  line-height: 25px;
  padding-right: 10px; }
  .oct_cart_item_gift_content p {
    font-weight: normal;
    font-size: 15px;
    margin: 10px 0 0; }

.oct_cart_item_gift_image {
  width: 50%;
  height: 190px;
  background: center center no-repeat;
  background-size: contain; }

.oct_commande_form {
  margin: 0 0 40px;
  padding: 20px 30px;
  background: #f0f2f2;
  border-top: 5px solid #68c6b6; }
  .oct_commande_form:before, .oct_commande_form:after {
    content: " ";
    display: table; }
  .oct_commande_form:after {
    clear: both; }
  .oct_commande_form {
    *zoom: 1; }
  .oct_commande_form select {
    border: 1px solid #dde0e0;
    height: 48px;
    font-size: 16px; }

.oct_commande_form_title {
  font-size: 24px;
  font-family: "Roboto Slab", serif;
  font-weight: 700;
  margin: 0; }

.oct_commande_form_group {
  margin-top: 14px; }

.oct_commande_form_group label.oct_commande_form_label {
  display: block;
  font-size: 16px;
  line-height: 24px;
  padding-top: 12px; }

.form-row .input-text {
  display: block;
  width: 100%;
  border: 1px solid #dee0e0;
  height: 48px;
  padding: 0 14px;
  font-size: 16px; }

.form-row .select2-selection {
  display: block;
  width: 100%;
  border: 1px solid #dee0e0;
  height: 48px;
  padding: 0 14px;
  font-size: 16px;
  line-height: 20px; }
  .form-row .select2-selection .select2-selection__rendered {
    padding: 8px 0; }
  .form-row .select2-selection .select2-selection__arrow {
    height: 42px; }

.woocommerce form .form-row.form-row-first, .woocommerce form .form-row.form-row-last {
  float: none;
  width: 100%; }

.form-row {
  margin-top: 14px; }
  .form-row:before, .form-row:after {
    content: " ";
    display: table; }
  .form-row:after {
    clear: both; }
  .form-row {
    *zoom: 1; }
  .form-row label {
    float: left;
    display: block;
    font-size: 16px;
    line-height: 24px;
    padding-top: 12px; }
  .form-row .woocommerce-input-wrapper {
    float: right; }
    .form-row .woocommerce-input-wrapper select {
      border: 1px solid #dde0e0;
      height: 48px;
      font-size: 16px; }

.update-all-subscriptions-payment-method-wrap .form-row .woocommerce-input-wrapper, .update-all-subscriptions-payment-method-wrap .form-row label {
  float: none;
  width: 100%; }

.form-row .oct_woocommerce_account_login {
  width: 100%; }

.oct_commande_text_before_terms {
  margin-top: -30px;
  margin-bottom: 40px;
  font-size: 16px; }
  .oct_commande_text_before_terms a {
    color: #3e97cf; }

.woocommerce-LostPassword a, .lost_password a, .woocommerce-terms-and-conditions-checkbox-text a {
  color: #3e97cf; }

#user_newsletter_field .woocommerce-input-wrapper,
#user_offres_field .woocommerce-input-wrapper {
  float: none; }
  #user_newsletter_field .woocommerce-input-wrapper label,
  #user_offres_field .woocommerce-input-wrapper label {
    float: none;
    width: 100%; }

.oct_commande_form_group textarea.oct_commande_form_input {
  height: 150px;
  padding: 10px 14px; }

.oct_commande_form_mandatory {
  font-size: 12px; }

.woocommerce form .form-row .optional {
  display: none; }

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
  background: none;
  border-radius: 0; }

#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
  border: none;
  margin: 0;
  padding: 0; }

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
  display: block;
  margin: 20px auto 0;
  width: 240px;
  height: 48px;
  border-radius: 0;
  float: none;
  border: 1px solid #68c6b6;
  background-color: #68c6b6;
  color: #FFFFFF;
  text-transform: uppercase; }
  .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,
  .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
    color: #fafafa;
    background-color: #3ea492; }

.woocommerce #respond input#submit.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce input.button {
  width: auto; }

.woocommerce .woocommerce-ResetPassword button.button {
  width: 300px; }

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
  float: none; }

.woocommerce form .form-row .oct_commande_terms label.checkbox, .woocommerce-page form .form-row .oct_commande_terms label.checkbox {
  display: block;
  width: 100%;
  float: none;
  padding: 0; }

.woocommerce-checkout #payment div.form-row.place-order {
  padding: 0; }

.woocommerce-checkout-payment .blockUI.blockOverlay {
  background: #FFF !important; }

.woocommerce-checkout #payment ul.payment_methods li div.payment_method_paypal {
  display: none !important; }

.woocommerce-checkout #payment .payment_method_stripe label[for=payment_method_stripe] {
  padding-left: 0; }

.woocommerce-checkout #payment div.form-row {
  padding: 0; }

#stripe-payment-data .form-row label {
  float: none;
  padding-top: 0; }

.wc-stripe-elements-field {
  padding: 10px;
  margin: 0; }

.oct_cart_item_title {
  font-family: "Roboto Slab", serif;
  font-weight: bold;
  font-size: 22px;
  line-height: 24px;
  color: #5b6166;
  margin: 0; }

.oct_cart_item_subtitle {
  font-size: 16px;
  line-height: 24px;
  margin: 0; }

.oct_cart_item_price {
  font-family: "Roboto Slab", serif;
  font-weight: bold;
  font-size: 38px;
  line-height: 45px;
  color: #68c6b6;
  margin: 10px 0 20px; }

.oct_cart_item_content ul {
  margin: 0;
  padding-left: 20px; }
.oct_cart_item_content li {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 22px; }
.oct_cart_item_content a {
  color: #3e97cf; }

.woocommerce-form-login-toggle {
  margin-top: 20px; }

.woocommerce-info, .woocommerce-error, .woocommerce-info, .woocommerce-message {
  border-top-width: 5px;
  background: #f0f2f2; }

.woocommerce form.checkout_coupon, .woocommerce form.woocommerce-form-login, .woocommerce form.register {
  border: 0px;
  border-top: 5px solid #68c6b6;
  background: #f0f2f2;
  border-radius: 0;
  padding: 20px;
  text-align: left;
  margin: 2em 0; }

.woocommerce-checkout #payment ul.payment_methods {
  padding-left: 20px; }

.woocommerce-checkout #payment ul.payment_methods li {
  margin: 20px 0 0 -20px; }

.oct_woocommerce_payment_method {
  display: inline-block; }
  .oct_woocommerce_payment_method:before, .oct_woocommerce_payment_method:after {
    content: " ";
    display: table; }
  .oct_woocommerce_payment_method:after {
    clear: both; }
  .oct_woocommerce_payment_method {
    *zoom: 1; }

.woocommerce-checkout #payment input#payment_method_stripe {
  position: static; }

.oct_woocommerce_payment_label {
  /*  width: 50%;
  float: left; */
  font-size: 16px; }

.oct_woocommerce_payment_icon {
  margin-left: 20px;
  /* width: 50%;
  float: left; */ }

.woocommerce-checkout #payment ul.payment_methods li img.stripe-icon {
  float: left; }

.woocommerce-checkout #payment ul.payment_methods li img.stripe-icon {
  max-width: 40px;
  padding-left: 3px;
  margin: 0; }

.oct_woocommerce_payment_icon .about_paypal {
  display: none; }

@media (max-width: 767px) {
  .oct_cart_item_gift {
    text-align: left; }

  .oct_cart_item_gift_image {
    width: 100%;
    margin-top: 10px; }

  .form-row label {
    width: 100%; }

  .form-row .woocommerce-input-wrapper {
    float: none;
    width: 100%; }

  .form-row .input-text, .form-row .select2-selection, .form-row .woocommerce-input-wrapper select {
    height: 40px; }

  .oct_woocommerce_payment_icon {
    display: none; } }
@media (min-width: 768px) {
  .oct_cart_item_container {
    float: left;
    width: 50%; }

  .oct_cart_item_gift {
    float: right;
    width: 50%;
    max-width: 300px;
    margin-top: 30px; }

  .oct_cart_item_gift_container {
    display: flex;
    flex-flow: row wrap;
    justify-content: center; }

  .oct_cart_item_gift_content {
    width: 50%;
    align-self: flex-end; }

  .form-row label, .form-row .woocommerce-input-wrapper {
    width: 50%; } }
@media (min-width: 992px) {
  .oct_cart_item_container {
    width: 66.6666666667%; }

  .oct_cart_item_gift {
    width: 33.3333333333%;
    margin-top: 0; } }
.woocommerce-account .woocommerce-MyAccount-navigation {
  background: #f0f2f2;
  border-top: 5px solid #68c6b6;
  float: right; }
  .woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .woocommerce-account .woocommerce-MyAccount-navigation ul li a {
      display: block;
      padding: 10px 15px;
      font-weight: 500;
      border-bottom: 1px solid #DDD; }
    .woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child a {
      border-bottom: 0; }

.woocommerce-account .woocommerce-MyAccount-content {
  float: left; }

.oct_compte_dashboard_map {
  margin-top: 80px; }

.oct_compte_dashboard_map_title {
  color: #1a171b;
  font-family: "Roboto Slab", serif;
  font-size: 28px;
  font-weight: 700; }

.oct_compte_dashboard_map_dl {
  color: #3e97cf;
  font-size: 18px;
  font-weight: 500;
  margin: 0; }

.oct_compte_dashboard_map_dl_link {
  margin-top: 20px; }
  .oct_compte_dashboard_map_dl_link a {
    color: #3e97cf;
    font-size: 13px;
    display: block; }
    .oct_compte_dashboard_map_dl_link a:hover {
      text-decoration: underline; }

.oct_compte_dashboard_map_img img {
  width: 25%;
  box-shadow: 2px 2px 5px #999; }

.oct_compte_abonnement {
  background: #f0f2f2;
  border-top: 5px solid #68c6b6;
  padding: 15px; }

.oct_compte_type {
  font-family: "Roboto Slab", serif;
  font-size: 28px;
  text-align: center;
  font-weight: 600; }

.oct_compte_date {
  text-align: center; }

.oct_compte_content ul {
  list-style: none;
  padding-left: 30px;
  margin: 0;
  padding-top: 15px;
  padding-bottom: 10px; }
.oct_compte_content li {
  position: relative;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 10px; }
  .oct_compte_content li strong {
    font-weight: 500; }
  .oct_compte_content li::before {
    content: "";
    display: block;
    position: absolute;
    width: 22px;
    height: 18px;
    background: url(../img/check-green.png);
    background-size: 22px 18px;
    left: -30px;
    top: 3px; }
  .oct_compte_content li a {
    color: #68c6b6; }

.oct_compte_button {
  display: inline-block;
  margin: auto;
  padding: 10px 15px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  background: #68c6b6;
  font-size: 16px; }
  .oct_compte_button:hover {
    color: #FFFFFF; }

.woocommerce-MyAccount-content label {
  float: none;
  width: 100%; }

.woocommerce table.shop_table {
  background: #f0f2f2;
  border-top: 5px solid #68c6b6;
  border-radius: 0;
  border-right: 0;
  border-left: 0;
  border-bottom: 0; }

.woocommerce table.shop_table.my_account_orders .oct_account_button {
  background: #68c6b6;
  padding: 5px 10px;
  display: inline-block;
  color: #FFF; }

.woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th {
  font-size: 14px;
  padding: 10px;
  text-align: center;
  border-right: 0;
  border-left: 0;
  border-bottom: 0; }
  .woocommerce table.my_account_orders td.order-status, .woocommerce table.my_account_orders th.order-status {
    display: table-cell;
    margin: 0;
    border-radius: 0; }

.woocommerce-customer-details h2 {
  margin-top: 40px;
  margin-bottom: 5px !important; }

.woocommerce .woocommerce-customer-details address {
  border-radius: 0;
  border: 0;
  padding: 0;
  background: #f0f2f2;
  border: 0;
  border-top: 5px solid #68c6b6;
  border-radius: 0;
  padding: 15px; }

.woocommerce-order-details h2 {
  margin-top: 40px;
  margin-bottom: 5px !important; }

.woocommerce table.my_account_orders .order-actions .button {
  background: #68c6b6;
  padding: 5px 10px;
  display: inline-block;
  color: #FFF;
  height: auto;
  width: auto; }

.oct_magazines_history_table_numero {
  font-weight: 600;
  white-space: nowrap;
  font-size: 14px; }

.oct_magazines_history_table_links {
  font-size: 11px;
  white-space: nowrap; }

.oct_compte_form_avatar_label {
  font-size: 16px;
  padding-top: 12px; }
  .oct_compte_form_avatar_label span {
    font-size: 13px;
    color: #7e8d9a;
    font-style: italic; }

.oct_compte_form_avatar_input {
  border: 1px solid #dde0e0;
  background-color: #FFFFFF;
  height: 150px;
  display: block; }

.inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }
  .inputfile + label {
    background-image: url(../img/PictoDragDrop.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100px;
    margin: 25px 0;
    cursor: pointer;
    text-align: center;
    position: relative;
    padding: 0; }
    .inputfile + label > span {
      position: absolute;
      left: 0;
      color: #68c6b6;
      width: 100%;
      height: 100%;
      margin: 0 auto; }
      .inputfile + label > span.inputfile_focus {
        text-shadow: 1px 1px 2px #e0e0e0;
        background-color: rgba(255, 255, 255, 0.6); }

.woocommerce .subscription_details a.button {
  margin: 20px 0;
  text-align: center; }

.oct_compte_avatar {
  margin: 10px 0;
  text-align: center; }
  .oct_compte_avatar img {
    width: 100px;
    border-radius: 100%; }

#oct_subscription_cancel_modal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  border-top: 5px solid #CC0826; }
  #oct_subscription_cancel_modal .oct_subscription_cancel_modal_content {
    padding: 15px 15px 10px; }
    #oct_subscription_cancel_modal .oct_subscription_cancel_modal_content p {
      margin-bottom: 15px; }
  #oct_subscription_cancel_modal .oct_subscription_cancel_modal_buttons {
    text-align: center; }
    #oct_subscription_cancel_modal .oct_subscription_cancel_modal_buttons a {
      display: inline-block;
      margin: 0 10px; }

.oct_subscription_cancel_modal_container {
  position: relative;
  width: 800px;
  height: 100%;
  font-size: 16px;
  font-weight: 500;
  background-color: #FFFFFF;
  box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, 0.2);
  padding: 40px 20px; }

#oct_subscription_cancel_modal_close {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 32px;
  width: 32px;
  background: url(../img/footer-close.png) center top no-repeat;
  background-size: 32px auto;
  cursor: pointer; }
  #oct_subscription_cancel_modal_close:hover {
    background-position: center bottom; }

@media (max-width: 767px) {
  .oct_compte_form_avatar > .oct_compte_avatar {
    display: block; } }
@media (min-width: 768px) {
  .oct_compte_form_avatar_label {
    width: 50%;
    float: left; }

  .oct_compte_form_avatar_input {
    width: 50%;
    float: right;
    margin-top: 12px; }

  .oct_compte_avatar {
    clear: both;
    float: right;
    width: 50%; } }
.oct_page_magazine_container:before, .oct_page_magazine_container:after, .oct_magazines_container:before, .oct_magazines_container:after {
  content: " ";
  display: table; }
.oct_page_magazine_container:after, .oct_magazines_container:after {
  clear: both; }
.oct_page_magazine_container, .oct_magazines_container {
  *zoom: 1; }

.oct_page_magazine_title {
  font-family: "Roboto Slab", serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #1a171b;
  margin: 15px 0; }

.oct_page_magazine_content {
  font-size: 16px;
  color: #1a171b; }

.oct_magazine_block {
  max-width: 405px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  margin-bottom: 40px; }

.oct_magazine_link_container {
  position: relative; }

.oct_magazine_link:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; }

.oct_magazine_block_title {
  font-family: "Roboto Slab", serif;
  font-size: 20px;
  line-height: 20px;
  font-weight: bold; }

.oct_magazine_block_date {
  font-size: 14px;
  line-height: 20px;
  color: #7e8d9a;
  margin: 5px 0; }

.oct_magazines_push .oct_btn_turquoise_inverse, .oct_magazines_list .oct_btn_turquoise_inverse {
  display: none; }

.oct_magazines_push .oct_magazine_block img {
  box-shadow: 3px 4px 20px 0px #ccc; }

.oct_magazine_block img {
  box-shadow: 2px 2px 5px #999;
  display: block;
  margin-bottom: 5px; }

.oct_magazine_block_action {
  margin-top: 15px; }
  .oct_magazine_block_action:before, .oct_magazine_block_action:after {
    content: " ";
    display: table; }
  .oct_magazine_block_action:after {
    clear: both; }
  .oct_magazine_block_action {
    *zoom: 1; }

.oct_magazine_block_action_subscribe {
  background: #68c6b6;
  color: #FFF;
  text-transform: uppercase;
  display: block;
  padding: 10px;
  text-align: center; }

.oct_magazine_block_action_lire {
  float: left;
  display: block;
  line-height: 20px;
  padding: 10px;
  border: 1px solid #3e97cf;
  color: #3e97cf;
  text-transform: uppercase;
  text-align: center; }

.oct_magazine_block_action_texte {
  display: none; }

.oct_magazine_block_nofile_texte {
  float: right;
  line-height: 15px;
  font-size: 13px;
  font-weight: 500;
  color: #7e8d9a;
  text-align: right;
  margin: 5px 0; }

.oct_magazine_block_action_pdf, .oct_magazine_block_action_ep, .oct_magazine_block_action_email {
  float: right;
  display: block;
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
  margin-left: 5px;
  box-shadow: 2px 2px 5px #999; }

.oct_magazine_block_action_pdf {
  background-image: url(../img/icon-pdf.png); }

.oct_magazine_block_action_ep {
  background-image: url(../img/icon-ep.png); }

.oct_magazine_block_action_email {
  background-image: url(../img/icon-email.png); }

@media (max-width: 767px) {
  .oct_page_magazine_image {
    max-width: 320px;
    margin: 0 auto; } }
@media (min-width: 768px) {
  .oct_page_magazine_intro {
    float: left;
    width: 66.6666666667%;
    padding-right: 20px; }

  .oct_page_magazine_image {
    float: right;
    width: 33.3333333333%;
    margin: 15px 0; }

  .oct_magazines_list {
    padding: 0 15px; }

  .oct_magazines_row {
    margin: 0 -15px; }
    .oct_magazines_row:before, .oct_magazines_row:after {
      content: " ";
      display: table; }
    .oct_magazines_row:after {
      clear: both; }
    .oct_magazines_row {
      *zoom: 1; }

  .oct_magazines_item {
    float: left;
    width: 50%;
    padding: 0 15px; } }
@media (min-width: 992px) {
  .oct_magazines_push {
    width: 50%;
    float: left; }
    .oct_magazines_push .oct_magazine_block_action_lire {
      min-width: 120px; }

  .oct_magazine_block {
    margin-left: 0;
    margin-right: 0; }

  .oct_magazines_item {
    width: 25%; }

  .oct_magazines_push + .oct_magazines_list {
    float: left;
    width: 50%; }
    .oct_magazines_push + .oct_magazines_list .oct_magazines_item {
      width: 50%; } }
.container.oct_search_container {
  max-width: 700px; }

input[type="search"].oct_recherche_input {
  box-sizing: border-box;
  border-radius: 50px;
  height: 60px;
  display: block;
  width: 100%;
  border: 1px solid #d9dadb;
  padding: 0 30px 0 30px; }
  input[type="search"].oct_recherche_input:hover, input[type="search"].oct_recherche_input, input[type="search"].oct_recherche_input:active {
    outline: none; }

.oct_recherche_input_container {
  position: relative;
  max-width: 450px;
  margin: auto;
  width: 100%; }

.oct_recherche_input_container input[type=submit] {
  position: absolute;
  right: 0;
  top: 0;
  height: 60px;
  width: 60px;
  border: 0;
  background: none;
  white-space: nowrap;
  text-indent: 200%;
  overflow: hidden;
  background: url(../img/Picto_search_Bleu_Sousmenu.png) center center no-repeat;
  background-size: 40px 40px; }
  .oct_recherche_input_container input[type=submit]:hover, .oct_recherche_input_container input[type=submit], .oct_recherche_input_container input[type=submit]:active {
    outline: none; }

.oct_search_item {
  position: relative;
  overflow: hidden;
  padding-bottom: 30px;
  padding-top: 30px;
  border-top: 1px solid #d9dadb; }

.oct_search_empty {
  font-size: 18px;
  text-align: center;
  color: #7e8d9a;
  font-family: "Roboto Slab", serif;
  font-weight: 600;
  padding: 60px 0;
  border-top: 1px solid #d9dadb; }

.oct_search_item_title {
  display: inline;
  font-family: "Roboto Slab", serif;
  word-break: break-word;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }
  .oct_search_item_title h2 {
    display: inline;
    font-size: 24px;
    line-height: 28px;
    margin: 0; }
  .oct_search_item_title a {
    color: #324e5e; }
    .oct_search_item_title a:hover {
      color: #3e97cf; }
    .oct_search_item_title a:after {
      position: absolute;
      top: 0;
      left: 0;
      content: '';
      width: 100%;
      height: 100%; }

.oct_search_item_tags {
  font-size: 14px;
  line-height: 20px;
  position: relative;
  z-index: 5; }
  .oct_search_item_tags a {
    color: #7e8d9a; }
    .oct_search_item_tags a:hover {
      color: #324e5e; }

.oct_search_item_excerpt {
  font-size: 14px;
  line-height: 20px;
  margin-top: 10px;
  text-align: justify; }
  .oct_search_item_excerpt a {
    color: #3e97cf; }

.oct_home_blog_article img {
  width: 100%;
  height: auto; }

.oct_search_item_author, .oct_search_item_date {
  font-size: 14px;
  display: inline;
  line-height: 25px;
  position: relative;
  z-index: 5; }
  .oct_search_item_author:hover, .oct_search_item_date:hover {
    cursor: default; }

.oct_search_item_author {
  color: #3e97cf; }
  .oct_search_item_author a:hover {
    color: #324e5e; }

.oct_search_item_date {
  color: #7e8d9a;
  text-transform: uppercase; }
  .oct_search_item_date a:hover {
    color: #324e5e; }

.oct_search_item_author_image {
  display: inline-block;
  vertical-align: top;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #7e8d9a;
  background-position: center center;
  background-size: cover; }

.oct_search_form_cell {
  font-size: 16px;
  color: #324e5e; }

.oct_search_form_cell_criteria {
  font-size: 18px; }

.oct_search_form_table + .oct_search_form_table {
  border-left: 0;
  border-top: 1px solid #7e8d9a; }

.oct_search_form_table {
  width: 100%;
  padding: 10px;
  display: table; }

.oct_search_form_cell {
  display: table-cell; }

@media (max-width: 767px) {
  .oct_search_item:before, .oct_search_item:after {
    content: " ";
    display: table; }
  .oct_search_item:after {
    clear: both; }
  .oct_search_item {
    *zoom: 1; }

  .oct_search_item_image {
    float: left;
    width: 33.3333333333%;
    margin-left: -10px; }

  .oct_search_item_content {
    float: right;
    width: 66.6666666667%; }

  .oct_search_item_info, .oct_search_item_excerpt {
    display: none; }

  .oct_search_item_title h2 {
    font-size: 14px;
    line-height: 18px; }

  .oct_search_item_tags {
    font-size: 10px;
    line-height: normal; } }
@media (min-width: 768px) {
  .oct_search_item {
    margin: 0 -10px; }
    .oct_search_item:before, .oct_search_item:after {
      content: " ";
      display: table; }
    .oct_search_item:after {
      clear: both; }
    .oct_search_item {
      *zoom: 1; }

  .oct_search_item_image {
    float: left;
    width: 23%;
    padding: 0 10px; }

  .oct_search_item_content {
    width: 77%;
    float: left;
    padding: 0 10px; }

  .oct_search_form_filter {
    margin: 0 -10px;
    padding: 20px 0;
    text-align: center; }
    .oct_search_form_filter:before, .oct_search_form_filter:after {
      content: " ";
      display: table; }
    .oct_search_form_filter:after {
      clear: both; }
    .oct_search_form_filter {
      *zoom: 1; }
    .oct_search_form_filter .oct_search_form_table {
      float: left;
      width: 50%; }
    .oct_search_form_filter .oct_search_form_table + .oct_search_form_table {
      border-top: 0;
      border-left: 1px solid #7e8d9a; } }
.oct_blog_apercu__categories ul {
  list-style: none;
  margin: 40px 0 10px;
  padding: 0;
  text-align: center; }
  .oct_blog_apercu__categories ul li {
    display: inline-block;
    position: relative;
    margin: 5px;
    padding: 5px;
    min-width: 100px;
    height: 30px;
    border: 1px solid #7e8d9a;
    text-transform: uppercase;
    transition: all .4s; }
    .oct_blog_apercu__categories ul li a {
      font-family: "Roboto Slab", serif;
      font-size: 14px;
      color: #7e8d9a;
      transition: all .4s; }
    .oct_blog_apercu__categories ul li.active, .oct_blog_apercu__categories ul li:hover {
      border: 1px solid #3e97cf;
      color: #3e97cf; }
      .oct_blog_apercu__categories ul li.active a, .oct_blog_apercu__categories ul li:hover a {
        color: #3e97cf; }

.oct_article {
  position: relative;
  padding-bottom: 1px;
  margin-top: 30px; }

.oct_article_author, .oct_article_date, .oct_article_category {
  display: inline-block;
  font-size: 14px;
  line-height: 25px; }
  .oct_article_author:hover, .oct_article_date:hover, .oct_article_category:hover {
    cursor: default; }

.oct_article_category {
  text-transform: uppercase;
  color: #3e97cf; }
  .oct_article_category a:hover {
    color: #324e5e; }

.oct_article_author {
  color: #3e97cf; }
  .oct_article_author a:hover {
    color: #324e5e; }

.oct_article_date {
  color: #7e8d9a;
  text-transform: uppercase; }
  .oct_article_date a:hover {
    color: #324e5e; }

.oct_article_author_image {
  display: inline-block;
  vertical-align: top;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #7e8d9a;
  background-position: center center;
  background-size: cover; }

.oct_article_title {
  font-family: "Roboto Slab", serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
  margin: 5px 0;
  color: #324e5e; }
  .oct_article_title a {
    color: #324e5e; }
    .oct_article_title a:hover {
      color: #3e97cf; }

.oct_article_tags {
  font-size: 16px;
  margin-bottom: 20px; }
  .oct_article_tags a {
    color: #7e8d9a; }
    .oct_article_tags a:hover {
      color: #324e5e; }

.oct_article img {
  width: 100%;
  height: auto; }

.oct_article_content {
  font-size: 16px;
  line-height: 24px;
  margin: 30px 0;
  text-align: justify; }
  .oct_article_content a {
    color: #3e97cf; }

.oct_article_commentaires {
  border-top: 1px solid #e7e8e8;
  margin-top: 40px;
  padding-top: 40px; }
  .oct_article_commentaires:before, .oct_article_commentaires:after {
    content: " ";
    display: table; }
  .oct_article_commentaires:after {
    clear: both; }
  .oct_article_commentaires {
    *zoom: 1; }

.oct_article_form_commentaire:before, .oct_article_form_commentaire:after {
  content: " ";
  display: table; }
.oct_article_form_commentaire:after {
  clear: both; }
.oct_article_form_commentaire {
  *zoom: 1; }
.oct_article_form_commentaire label, .oct_article_form_commentaire p {
  position: relative;
  font-family: "Roboto Slab", serif;
  font-size: 28px;
  font-weight: 700;
  margin: 0;
  padding-left: 40px;
  color: #5b6166;
  display: block; }
  .oct_article_form_commentaire label:before, .oct_article_form_commentaire p:before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    content: '';
    background-image: url(../img/Picto_commentaires.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 30px;
    height: 100%;
    margin-top: 8px; }
.oct_article_form_commentaire textarea {
  width: 100%;
  border: 1px solid #e7e8e8;
  margin: 10px 0; }
.oct_article_form_commentaire input[type=submit] {
  display: block;
  float: right;
  background-color: #FFFFFF;
  border: 1px solid #3e97cf;
  color: #3e97cf;
  font-size: 16px;
  text-transform: uppercase;
  padding: 5px 40px; }

.oct_article_commentaires_title {
  position: relative;
  font-size: 28px;
  font-family: "Roboto Slab", serif;
  font-weight: 700;
  line-height: 28px;
  margin: 0;
  padding-top: 20px;
  color: #5b6166; }

.oct_article_commentaires_subtitle {
  font-size: 16px;
  font-family: "Roboto", Helvetica, arial, sans-serif;
  font-weight: 500;
  color: #1a171b;
  padding-left: 40px; }
  .oct_article_commentaires_subtitle a {
    color: #68c6b6; }

.oct_article_commentaires_items {
  padding: 20px 0; }

.oct_article_commentaires_item {
  margin-top: 20px; }

.oct_article_commentaires_item_info {
  margin-top: 8px; }

.oct_article_commentaires_item_author, .oct_article_commentaires_item_date {
  font-size: 14px;
  display: inline;
  line-height: 25px; }

.oct_article_commentaires_item_author {
  color: #3e97cf; }
  .oct_article_commentaires_item_author a:hover {
    color: #324e5e; }

.oct_article_commentaires_item_date {
  color: #7e8d9a;
  text-transform: uppercase; }
  .oct_article_commentaires_item_date a:hover {
    color: #324e5e; }

.oct_article_commentaires_item_author_image {
  display: inline-block;
  vertical-align: top;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #7e8d9a;
  background-position: center center;
  background-size: cover; }

.oct_article_commentaires_item_content {
  font-size: 14px;
  line-height: 20px;
  margin-top: 10px; }
  .oct_article_commentaires_item_content a {
    color: #3e97cf; }

.oct_article_related_title {
  font-size: 48px;
  font-weight: 700;
  line-height: 48px;
  margin: 0;
  font-family: "Roboto Slab", serif;
  color: #5b6166; }

.oct_article_related {
  border-top: 1px solid #e7e8e8;
  margin-top: 40px;
  padding-top: 80px; }

.oct_article_related_items:before, .oct_article_related_items:after {
  content: " ";
  display: table; }
.oct_article_related_items:after {
  clear: both; }
.oct_article_related_items {
  *zoom: 1; }

.oct_article_related_item {
  position: relative;
  overflow: hidden;
  margin-top: 20px; }

.oct_article_related_item_image {
  position: relative; }
  .oct_article_related_item_image span {
    display: inline-block;
    position: absolute;
    bottom: -7px;
    right: 30px;
    max-width: 62px;
    width: 100%; }

.oct_article_related_item_info {
  display: flex;
  align-items: center;
  margin-top: 8px;
  width: 100%; }

.oct_article_related_item_title {
  font-family: "Roboto Slab", serif; }
  .oct_article_related_item_title h2 {
    font-size: 24px;
    line-height: 28px;
    margin: 0; }
  .oct_article_related_item_title a {
    color: #324e5e; }
    .oct_article_related_item_title a:hover {
      color: #3e97cf; }
    .oct_article_related_item_title a:after {
      position: absolute;
      top: 0;
      left: 0;
      content: '';
      width: 100%;
      height: 100%; }

.oct_article_related_item_tags {
  font-size: 14px;
  line-height: 20px;
  position: relative;
  z-index: 5; }
  .oct_article_related_item_tags a {
    color: #7e8d9a; }
    .oct_article_related_item_tags a:hover {
      color: #324e5e; }

.oct_article_related_item_excerpt {
  font-size: 14px;
  line-height: 20px;
  margin-top: 10px;
  text-align: justify; }
  .oct_article_related_item_excerpt a {
    color: #3e97cf; }

.oct_article_related_article img {
  width: 100%;
  height: auto; }

.oct_article_related_item_author, .oct_article_related_item_date, .oct_article_related_item_category {
  display: inline-block;
  margin-right: 10px;
  font-size: 14px;
  line-height: 25px;
  position: relative;
  z-index: 5; }
  .oct_article_related_item_author:hover, .oct_article_related_item_date:hover, .oct_article_related_item_category:hover {
    cursor: default; }

.oct_article_related_item_category {
  text-transform: uppercase;
  color: #3e97cf; }
  .oct_article_related_item_category a:hover {
    color: #324e5e; }

.oct_article_related_item_author {
  color: #3e97cf; }
  .oct_article_related_item_author a:hover {
    color: #324e5e; }

.oct_article_related_item_date {
  width: 100%;
  color: #7e8d9a;
  text-transform: uppercase; }
  .oct_article_related_item_date a:hover {
    color: #324e5e; }

.oct_article_related_item_picto {
  width: 100%;
  text-align: right; }
  .oct_article_related_item_picto img {
    width: auto !important;
    height: 25px !important; }

.oct_article_related_item_author_image {
  display: inline-block;
  vertical-align: top;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #7e8d9a;
  background-position: center center;
  background-size: cover; }

@media (max-width: 767px) {
  .oct_article_info {
    display: none; }

  .oct_article_title {
    font-size: 24px;
    line-height: 28px; }

  .oct_article_tags {
    font-size: 14px;
    line-height: 16px;
    margin-top: 5px; }

  .oct_article_content {
    font-size: 14px;
    line-height: 16px;
    margin: 15px 0; }

  .oct_article_commentaires_title {
    font-size: 19px;
    line-height: 22px; }

  .oct_article_form_commentaire label {
    font-size: 19px;
    padding-left: 30px; }
    .oct_article_form_commentaire label:before {
      margin-top: 5px; }

  .oct_article_commentaires_items {
    padding: 10px 0; }

  .oct_article_related {
    margin-top: 20px;
    padding-top: 40px; }

  .oct_article_related_title {
    font-size: 34px;
    line-height: 34px;
    text-align: center; }

  .oct_article_related_item:before, .oct_article_related_item:after {
    content: " ";
    display: table; }
  .oct_article_related_item:after {
    clear: both; }
  .oct_article_related_item {
    *zoom: 1; }

  .oct_article_related_item_image {
    float: left;
    width: 33.3333333333%;
    margin-left: -10px; }
    .oct_article_related_item_image span {
      display: none; }

  .oct_article_related_item_content {
    float: right;
    width: 66.6666666667%; }

  .oct_article_related_item_info, .oct_article_related_item_excerpt {
    display: none; }

  .oct_article_related_item_title h2 {
    font-size: 14px;
    line-height: 18px; }

  .oct_article_related_item_tags {
    font-size: 10px;
    line-height: normal; } }
@media (min-width: 768px) {
  .oct_article_related_items {
    margin: 30px -10px; }
    .oct_article_related_items:before, .oct_article_related_items:after {
      content: " ";
      display: table; }
    .oct_article_related_items:after {
      clear: both; }
    .oct_article_related_items {
      *zoom: 1; }

  .oct_article_related_item {
    float: left;
    width: 33.3333333333%;
    padding: 0 10px; } }
.oct_single_magazine:before, .oct_single_magazine:after {
  content: " ";
  display: table; }
.oct_single_magazine:after {
  clear: both; }
.oct_single_magazine {
  *zoom: 1; }

.oct_single_magazine_title:after {
  position: relative;
  top: 0;
  left: 0;
  content: '';
  display: block;
  width: 100%;
  border-bottom: 4px solid #3e97cf;
  margin-bottom: 5px; }
.oct_single_magazine_title h1 {
  font-family: "Roboto Slab", serif;
  font-weight: bold;
  font-size: 48px;
  line-height: 48px;
  margin: 0;
  color: #5b6166; }

.oct_single_magazine_communique img {
  width: 100%;
  height: auto; }

.oct_single_magazine_article {
  position: relative;
  margin-bottom: 30px; }

.oct_single_magazine_date {
  color: #7e8d9a;
  font-family: "Roboto", Helvetica, arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 15px; }

.oct_single_magazine_communique_title {
  color: #3e97cf;
  font-size: 14px;
  text-transform: uppercase;
  margin: 15px 0; }
  .oct_single_magazine_communique_title img {
    width: auto;
    height: 32px;
    margin-bottom: 6px; }

.oct_single_magazine_communique .oct_single_magazine_commentaires {
  width: 100%; }

.oct_single_magazine_sommaire_title {
  color: #3e97cf;
  font-size: 14px;
  text-transform: uppercase;
  margin: 15px 0; }

.oct_single_magazine_communique .oct_single_magazine_article_title {
  font-size: 40px;
  line-height: 48px; }

.oct_single_magazine_communique .oct_single_magazine_article_tags {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 20px; }

.oct_single_magazine_communique .oct_single_magazine_article_excerpt {
  font-size: 16px;
  line-height: 24px;
  margin-top: 20px; }
  .oct_single_magazine_communique .oct_single_magazine_article_excerpt a {
    color: #3e97cf; }

.oct_single_magazine_article_space {
  margin-top: 50px; }

.oct_single_magazine_article_title {
  font-family: "Roboto Slab", serif;
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
  margin: 0;
  display: inline;
  word-break: break-word;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }
  .oct_single_magazine_article_title a {
    color: #324e5e; }
    .oct_single_magazine_article_title a:hover {
      color: #3e97cf; }

.oct_single_magazine_article_tags {
  font-size: 14px;
  margin: 10px 0; }
  .oct_single_magazine_article_tags a {
    color: #7e8d9a; }
    .oct_single_magazine_article_tags a:hover {
      color: #324e5e; }

.oct_single_magazine_article_excerpt {
  font-size: 14px;
  line-height: 20px;
  color: #1a171b;
  text-align: justify; }

.oct_single_magazine_block_mobile {
  display: none; }

.oct_single_magazine_block_desktop .oct_magazine_block_title, .oct_single_magazine_block_desktop .oct_magazine_block_date, .oct_single_magazine_block_desktop .oct_magazine_block_action_lire, .oct_single_magazine_block_mobile .oct_magazine_block_title, .oct_single_magazine_block_mobile .oct_magazine_block_date, .oct_single_magazine_block_mobile .oct_magazine_block_action_lire {
  display: none; }
.oct_single_magazine_block_desktop .oct_magazine_block, .oct_single_magazine_block_mobile .oct_magazine_block {
  margin-top: 60px; }
.oct_single_magazine_block_desktop .oct_magazine_block_action_texte, .oct_single_magazine_block_mobile .oct_magazine_block_action_texte {
  float: left;
  display: block;
  line-height: 15px;
  font-size: 13px;
  font-weight: 500;
  color: #7e8d9a;
  text-align: right;
  margin: 5px 0 5px 10px;
  max-width: 80px; }

.oct_single_magazine_suscribe .oct_btn {
  position: relative;
  font-family: "Roboto Slab", serif;
  font-weight: 700;
  font-size: 17px;
  text-transform: none;
  text-align: left;
  padding: 5px 10px 5px 45px;
  margin: 0 auto;
  line-height: normal;
  width: 100%;
  height: auto;
  overflow: hidden; }
  .oct_single_magazine_suscribe .oct_btn:before {
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
    content: '';
    background: url(../img/Picto_cadenas_blanc.png) left no-repeat;
    background-size: 100% auto;
    display: block;
    width: 32px;
    height: 32px; }
  .oct_single_magazine_suscribe .oct_btn a:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100px; }
  .oct_single_magazine_suscribe .oct_btn.oct_btn_magazine_width {
    max-width: 270px; }

.oct_single_magazine_links {
  margin-top: 200px; }

@media (max-width: 767px) {
  .oct_single_magazine_title h1 {
    font-size: 34px;
    line-height: 34px;
    text-align: center;
    margin-top: 15px; }

  .oct_single_magazine_date {
    font-size: 11px;
    text-align: center; }

  .oct_single_magazine_commentaires {
    display: none; }

  .oct_single_magazine_communique_title, .oct_single_magazine_sommaire_title {
    /* font-size: 11px;
    margin-bottom: 10px; */ }

  .oct_single_magazine_communique .oct_single_magazine_article_title, .oct_single_magazine_article_title {
    /* font-size: 19px;
    line-height: 22px; */
    font-size: 30px;
    line-height: 30px; }

  .oct_single_magazine_communique .oct_single_magazine_article_tags, .oct_single_magazine_article_tags {
    /* font-size: 14px;
    line-height: 16px;
    margin-top: 5px; */ }

  .oct_single_magazine_communique .oct_single_magazine_article_excerpt, .oct_single_magazine_article_excerpt {
    /* font-size: 11px;
    line-height: 16px; */ } }
@media (min-width: 768px) {
  .oct_single_magazine_row {
    margin: 0 -10px; }

  .oct_single_magazine_communique {
    float: left;
    width: 66.6666666667%;
    padding: 0 10px; }

  .oct_single_magazine_sommaire {
    float: right;
    width: 33.3333333333%;
    padding: 0 10px; }

  .oct_single_magazine_commentaires {
    width: 66.6666666667%;
    padding: 20px 10px; } }
@media (min-width: 992px) {
  .oct_single_magazine_block_desktop .oct_magazine_block_action_texte {
    margin-left: 5px; }

  .oct_single_magazine_communique {
    width: 75%; }

  .oct_single_magazine_sommaire {
    width: 25%; }

  .oct_single_magazine_commentaires {
    width: 75%;
    padding: 40px 10px; } }
.oct_about_title {
  font-family: "Roboto Slab", serif;
  font-size: 48px;
  font-weight: 700;
  color: #5b6166;
  line-height: 58px;
  margin: 30px 0; }

.oct_about_content, .oct_bloc_about_content {
  font-size: 16px;
  line-height: 24px;
  color: #1a171b; }

.oct_about_team_members {
  margin-bottom: 40px; }
  .oct_about_team_members:before, .oct_about_team_members:after {
    content: " ";
    display: table; }
  .oct_about_team_members:after {
    clear: both; }
  .oct_about_team_members {
    *zoom: 1; }

.oct_about_team_member {
  float: left;
  width: 50%;
  text-align: center;
  min-height: 250px; }
  .oct_about_team_member .oct_about_team_member_avatar {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 100%;
    width: 130px;
    height: 130px;
    margin: 0 auto; }
  .oct_about_team_member .oct_about_team_member_infos {
    color: #324e5e;
    font-size: 14px; }
    .oct_about_team_member .oct_about_team_member_infos .oct_about_team_member_name {
      font-size: 16px;
      margin: 10px 0 5px; }

.oct_bloc_about_item {
  margin-bottom: 40px; }
  .oct_bloc_about_item .oct_btn {
    text-transform: none;
    margin: 20px auto 0;
    max-width: 160px;
    height: 40px;
    line-height: 40px;
    text-transform: capitalize; }

.oct_bloc_about_title {
  color: #5b6166;
  font-size: 24px;
  font-family: "Roboto Slab", serif;
  font-weight: 700;
  margin-bottom: 15px; }

.oct_bloc_about_container:before, .oct_bloc_about_container:after {
  content: " ";
  display: table; }
.oct_bloc_about_container:after {
  clear: both; }
.oct_bloc_about_container {
  *zoom: 1; }

.oct_bloc_about_item:first-child > .oct_bloc_about_container > .oct_bloc_about_image img {
  max-width: 320px;
  width: 100%; }

.oct_bloc_about_content {
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  color: #1a171b; }

.oct_bloc_about_image {
  width: 100%;
  text-align: center; }
  .oct_bloc_about_image img {
    max-width: 170px; }

@media (max-width: 767px) {
  .oct_about_title {
    font-size: 34px;
    line-height: 38px; } }
@media (min-width: 768px) {
  .oct_about_content {
    margin-bottom: 40px; }

  .oct_about_team_container {
    margin: 20px 0; }

  .oct_about_team_member {
    width: 33.3333333333%;
    margin: 20px 0 10px;
    min-height: 310px; }
    .oct_about_team_member .oct_about_team_member_avatar {
      width: 210px;
      height: 210px; }

  .oct_bloc_about_item:first-child > .oct_bloc_about_container > .oct_bloc_about_content {
    width: 66.6666666667%; }

  .oct_bloc_about_item:first-child > .oct_bloc_about_container > .oct_bloc_about_image {
    width: 33.3333333333%; }

  .oct_bloc_about_container {
    padding-top: 15px; }

  .oct_bloc_about_content {
    width: 75%; }

  .oct_bloc_about_content_wide {
    width: 100%; }

  .oct_bloc_about_right {
    float: right; }

  .oct_bloc_about_left {
    float: left; }

  .oct_bloc_about_image {
    width: 25%; }
    .oct_bloc_about_image img {
      width: 100%; }

  .oct_bloc_about_image_right {
    float: right;
    padding-left: 40px;
    text-align: right; }

  .oct_bloc_about_image_left {
    float: left;
    padding-right: 40px;
    text-align: left; } }
@media (min-width: 992px) {
  .oct_about_team_member .oct_about_team_member_infos .oct_about_team_member_name {
    margin-top: 30px; } }
.oct_page_temoignages_container {
  width: 100%;
  margin-bottom: 30px; }

.oct_page_temoignage {
  margin: 20px 0 30px; }

.oct_page_temoignage_content {
  font-size: 16px;
  line-height: 24px; }
  .oct_page_temoignage_content p {
    margin-bottom: 0; }

.oct_page_temoignage_infos {
  color: #7e8d9a; }

.oct_page_temoignage_name {
  font-size: 16px;
  font-weight: 500;
  display: inline;
  margin-right: 5px; }

.oct_page_temoignage_date {
  font-size: 14px;
  text-transform: uppercase;
  display: inline; }

@media (max-width: 767px) {
  .oct_page_temoignages_image {
    display: none; } }
@media (min-width: 768px) {
  .oct_page_temoignages_image {
    float: left;
    max-width: 120px; }

  .oct_page_temoignages_container {
    float: right;
    width: 600px;
    margin-top: 10px;
    margin-bottom: 60px; } }
@media (min-width: 992px) {
  .oct_page_temoignages_image {
    max-width: 150px; }

  .oct_page_temoignages_container {
    width: 800px;
    margin-top: 20px; } }
@media (min-width: 1200px) {
  .oct_page_temoignages_image {
    max-width: 100%; } }
.oct_librairie_title {
  position: relative;
  padding-left: 75px; }
  .oct_librairie_title:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 48px;
    height: 48px;
    background: url("../img/Picto_Librairie_dark.svg") center center no-repeat; }

.oct_librairie_article {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  margin: 40px 0; }
  .oct_librairie_article:first-child {
    margin-top: 80px; }

.oct_librairie_article__image {
  width: 25%; }
  .oct_librairie_article__image img {
    box-shadow: 2px 2px 5px #999; }

.oct_librairie_article__main__content {
  padding: 0 20px;
  width: 75%; }
  .oct_librairie_article__main__content .oct_librairie_article__author {
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 14px;
    color: #7e8d9a; }
  .oct_librairie_article__main__content .oct_librairie_article__title {
    margin: 0 0 15px;
    font-family: "Roboto Slab", serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #324e5e; }
    .oct_librairie_article__main__content .oct_librairie_article__title a {
      transition: color .4s; }
      .oct_librairie_article__main__content .oct_librairie_article__title a:hover {
        color: #3e97cf; }
  .oct_librairie_article__main__content .oct_librairie_article__content {
    text-align: justify; }
    .oct_librairie_article__main__content .oct_librairie_article__content p {
      margin-bottom: 5px;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      color: #1a171b; }
      .oct_librairie_article__main__content .oct_librairie_article__content p.oct_librairie_article__format {
        margin-bottom: 0;
        font-weight: 500;
        color: #121212; }
  .oct_librairie_article__main__content .oct_librairie_article__supports p {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 14px;
    color: #324e5e; }

@media (max-width: 767px) {
  .oct_librairie_title {
    margin-top: 20px;
    margin-left: 10px;
    padding-left: 55px; }
    .oct_librairie_title:before {
      top: 5px;
      width: 34px;
      height: 34px; }

  .oct_librairie_article {
    flex-wrap: wrap;
    margin: 100px 0; }
    .oct_librairie_article:first-child {
      margin-top: 100px; }

  .oct_librairie_article__image {
    margin-bottom: 20px;
    width: 100%;
    text-align: center; }
    .oct_librairie_article__image img {
      width: 50%; }

  .oct_librairie_article__main__content {
    padding: 0 10px;
    width: 100%; } }
body.single-event_listing .oct_single_magazine_article_title {
  color: #324e5e; }
body.single-event_listing .oct_article_related_title {
  margin-bottom: 50px; }

/*# sourceMappingURL=main.css.map */
