@charset "UTF-8";
.colorC1 {
  color: #0f8ab8;
}

.colorC2 {
  color: #ffa200;
}

.colorCG1 {
  color: #000000;
}

.colorCG2 {
  color: #4d4d4d;
}

.colorCG3 {
  color: #d1d1d1;
}

.colorCG4 {
  color: #e6e6e6;
}

.colorCG5 {
  color: #ffffff;
}

.colorValid {
  color: #5cbb46;
}

.bgValid {
  background-color: #5cbb46;
}

@font-face {
  font-family: "BrandonGrotesqueRegular";
  src: url("/fonts/brandon-grotesque_regular.eot");
  src: url("/fonts/brandon-grotesque_regular.eot?#iefix") format("embedded-opentype"), url("/fonts/brandon-grotesque_regular.woff2") format("woff2"), url("/fonts/brandon-grotesque_regular.woff") format("woff"), url("/fonts/brandon-grotesque_regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "BrandonGrotesqueBold";
  src: url("/fonts/brandon-grotesque_bold.eot");
  src: url("/fonts/brandon-grotesque_bold.eot?#iefix") format("embedded-opentype"), url("/fonts/brandon-grotesque_bold.woff2") format("woff2"), url("/fonts/brandon-grotesque_bold.woff") format("woff"), url("/fonts/brandon-grotesque_bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "BrandonGrotesqueMedium";
  src: url("/fonts/brandon-grotesque_medium.eot");
  src: url("/fonts/brandon-grotesque_medium.eot?#iefix") format("embedded-opentype"), url("/fonts/brandon-grotesque_medium.woff2") format("woff2"), url("/fonts/brandon-grotesque_medium.woff") format("woff"), url("/fonts/brandon-grotesque_medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "icomoon";
  src: url("/fonts/icomoon.eot?74p4lu");
  src: url("/fonts/icomoon.eot?74p4lu#iefix") format("embedded-opentype"), url("/fonts/icomoon.ttf?74p4lu") format("truetype"), url("/fonts/icomoon.woff?74p4lu") format("woff"), url("/fonts/icomoon.svg?74p4lu#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-telephone:before {
  content: "\e944";
}

.icon-enveloppe:before {
  content: "\e945";
}

.icon-arrow-next2:before {
  content: "\e934";
}

.icon-burger-mobile:before {
  content: "\e935";
}

.icon-check-product:before {
  content: "\e936";
}

.icon-close2:before {
  content: "\e937";
}

.icon-comment-background:before {
  content: "\e938";
}

.icon-connexion-menu:before {
  content: "\e939";
}

.icon-filtre-mobile:before {
  content: "\e93a";
}

.icon-info-bulle:before {
  content: "\e93b";
}

.icon-loupe-menu:before {
  content: "\e93c";
}

.icon-moins-product:before {
  content: "\e93d";
}

.icon-panier:before {
  content: "\e93e";
}

.icon-partager:before {
  content: "\e93f";
}

.icon-plus-product:before {
  content: "\e940";
}

.icon-pourcentage:before {
  content: "\e941";
}

.icon-star:before {
  content: "\e942";
}

.icon-telechargement:before {
  content: "\e943";
}

.icon-add:before {
  content: "\e900";
}

.icon-arrow-down:before {
  content: "\e901";
}

.icon-arrow-down-fat:before {
  content: "\e902";
}

.icon-arrow-left:before {
  content: "\e903";
}

.icon-arrow-right:before {
  content: "\e904";
}

.icon-arrow-right-thin:before {
  content: "\e905";
}

.icon-arrow-up:before {
  content: "\e906";
}

.icon-basket:before {
  content: "\e907";
}

.icon-book:before {
  content: "\e908";
}

.icon-chained:before {
  content: "\e909";
}

.icon-check:before {
  content: "\e90a";
}

.icon-check-thin:before {
  content: "\e90b";
}

.icon-check-ultra-thin:before {
  content: "\e90c";
}

.icon-cheque:before {
  content: "\e90d";
}

.icon-close:before {
  content: "\e90e";
}

.icon-connect:before {
  content: "\e90f";
}

.icon-connect-plis:before {
  content: "\e910";
}

.icon-contact:before {
  content: "\e911";
}

.icon-courier:before {
  content: "\e912";
}

.icon-credit-card:before {
  content: "\e913";
}

.icon-direction:before {
  content: "\e914";
}

.icon-double-arrow:before {
  content: "\e915";
}

.icon-dowload:before {
  content: "\e916";
}

.icon-download:before {
  content: "\e917";
}

.icon-facebook:before {
  content: "\e918";
}

.icon-france-metro:before {
  content: "\e919";
}

.icon-geoloc:before {
  content: "\e91a";
}

.icon-guadeloupe:before {
  content: "\e91b";
}

.icon-guest:before {
  content: "\e91c";
}

.icon-guyane:before {
  content: "\e91d";
}

.icon-hamburger:before {
  content: "\e91e";
}

.icon-linkedin:before {
  content: "\e91f";
}

.icon-load:before {
  content: "\e920";
}

.icon-lock:before {
  content: "\e921";
}

.icon-magnifying-glass:before {
  content: "\e922";
}

.icon-martinique:before {
  content: "\e923";
}

.icon-people:before {
  content: "\e924";
}

.icon-play:before {
  content: "\e925";
}

.icon-point:before {
  content: "\e926";
}

.icon-question:before {
  content: "\e927";
}

.icon-reunion:before {
  content: "\e928";
}

.icon-schedule:before {
  content: "\e929";
}

.icon-squared:before {
  content: "\e92d";
}

.icon-squared-closed:before {
  content: "\e92a";
}

.icon-twitter:before {
  content: "\e92b";
}

.icon-trash:before {
  content: "\e92c";
}

.icon-edition:before {
  content: "\e92e";
}

.icon-credit-card-bis:before {
  content: "\e92f";
}

.icon-billing:before {
  content: "\e930";
}

.icon-partiel-circle:before {
  content: "\e931";
}

.icon-check-rounded:before {
  content: "\e932";
}

.icon-arrow-previous:before {
  content: "\e933";
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

@-moz-keyframes spin-animation {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin-animation {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin-animation {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin-animation {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@-webkit-keyframes anim-1 {
  50% {
    opacity: 0;
    -webkit-transform: translate3d(1em, 0, 0);
    transform: translate3d(1em, 0, 0);
  }
  51% {
    opacity: 0;
    -webkit-transform: translate3d(-1em, -20%, 0);
    transform: translate3d(-1em, -20%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, -40%, 0);
    transform: translate3d(0, -40%, 0);
  }
}
@keyframes anim-1 {
  50% {
    opacity: 0;
    -webkit-transform: translate3d(1em, 0, 0);
    transform: translate3d(1em, 0, 0);
  }
  51% {
    opacity: 0;
    -webkit-transform: translate3d(-1em, -40%, 0);
    transform: translate3d(-1em, -40%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, -40%, 0);
    transform: translate3d(0, -40%, 0);
  }
}
* {
  box-sizing: border-box;
}

*:focus {
  outline: none;
}

html {
  position: relative;
  margin: 0;
  padding: 0;
  min-height: 100%;
  min-height: 100vh;
}

body {
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-family: "BrandonGrotesqueRegular";
  background-color: #ffffff;
  color: #4d4d4d;
  min-height: 100%;
  min-height: 100vh;
}

img {
  max-width: 100%;
  height: auto;
}

/* Header */
.header {
  position: relative;
  width: 100%;
  min-height: 120px;
  background-color: #ffffff;
  z-index: 200;
  border-bottom: 1px solid #dddddd;
  *zoom: 1;
  /* Small Devices, Tablets */
}
.header:before, .header:after {
  content: "";
  display: table;
}
.header:after {
  clear: both;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .header {
    width: 100%;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .header {
    width: 100%;
    min-height: 61px;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .header .header__button {
    display: block;
    float: left;
    width: 25px;
    height: 25px;
    position: relative;
    margin: 22px 0 0 20px;
    z-index: 3;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
    /*// !* Small Devices, Tablets *!
    @media only screen and (max-device-width:$breakpoint-tablet), (max-width:$breakpoint-tablet) {
        margin:25px 0 0 20px;
    }
    // Extra Small Devices, Phones
    */
  }
  .header .header__button span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background-color: #000000;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
  }
  .header .header__button span:nth-child(1) {
    top: 0;
    moz-transform-origin: left center;
    -o-transform-origin: left center;
    -ms-transform-origin: left center;
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
  .header .header__button span:nth-child(2) {
    top: 8px;
    moz-transform-origin: left center;
    -o-transform-origin: left center;
    -ms-transform-origin: left center;
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
  .header .header__button span:nth-child(3) {
    top: 16px;
    moz-transform-origin: left center;
    -o-transform-origin: left center;
    -ms-transform-origin: left center;
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
  .header .header__button.open span:nth-child(1) {
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 2px;
    left: 3px;
  }
  .header .header__button.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
  }
  .header .header__button.open span:nth-child(3) {
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 19px;
    left: 3px;
  }
}
.header .header__logo {
  display: inline-block;
  text-align: center;
  margin-left: 3%;
  margin-top: 10px;
  float: left;
  width: auto;
  margin-right: 50px;
  height: 102px;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.header .header__logo h1 {
  margin: 0;
}
.header .header__logo .logo__img {
  display: table;
  height: 102px;
  margin: 0;
}
.header .header__logo .logo__img .logo__container {
  padding: 5px 0 0 0;
  display: table-cell;
  vertical-align: middle;
}
.header .header__logo .logo__img .logo__container img {
  max-height: 85px;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .header .header__logo .logo__img .logo__container img {
    height: 40px;
  }
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .header .header__logo {
    width: 103px;
    height: 45px;
    margin-left: 20px;
    padding: 14px 0 0 0;
  }
  .header .header__logo .logo__img .logo__container {
    margin: 0;
    vertical-align: top;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .header .header__logo {
    width: 103px;
    height: 45px;
    margin-top: 0;
    margin-left: 20px;
    margin-right: 0;
    padding: 8px 0 0 0;
  }
  .header .header__logo .logo__img .logo__container {
    margin: 0;
    vertical-align: top;
  }
}
.header .header__nav {
  position: absolute;
  right: 0;
  top: 54px;
  margin: 0 3.2258064516% 0 0;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .header .header__nav {
    right: unset;
    left: -100vw;
    width: 100%;
    top: 61px;
  }
}
.header .header__nav .header__logo {
  display: none;
  width: 103px;
  margin-left: 20px;
  padding: 10px 0;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .header .header__nav .header__logo {
    margin: 0 0 0 20px;
    transition-property: none;
  }
}
.header .header__nav.close {
  left: -30vw;
}
.header .header__nav.open {
  left: 0;
  background-color: #fff;
  height: 700px;
  max-height: 844px;
  width: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (max-width: 480px) {
  .header .header__nav.open {
    /*height: 100vh;
    max-height: unset;*/
    height: -webkit-fill-available;
    position: fixed;
    top: 0;
    bottom: 0;
    overflow-x: hidden;
    margin-top: 61px;
    padding-right: 0;
  }
  .header .header__nav.open:after {
    content: "";
  }
}
.header .header__nav ul {
  margin: 10px 0 0 0;
  padding: 0;
  list-style: none;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .header .header__nav ul {
    margin: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: #fff;
  }
}
.header .header__nav ul li {
  margin: 0;
  width: auto;
  float: left;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .header .header__nav ul li {
    width: 100%;
  }
}
.header .header__nav ul li.submenu {
  position: relative;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .header .header__nav ul li.submenu.submenuOpen .icon-plus-product {
    display: none !important;
  }
  .header .header__nav ul li.submenu.submenuOpen .icon-moins-product {
    display: block !important;
  }
}
.header .header__nav ul li .icon__submenu {
  position: relative;
}
.header .header__nav ul li .header__submenu {
  display: none;
  position: absolute;
  margin: 0;
  background-color: #ffffff;
  width: 300px;
  top: 56px;
  right: 0;
  z-index: 2000;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .header .header__nav ul li .header__submenu {
    display: none;
  }
}
.header .header__nav ul li .header__submenu li {
  background-color: #ffffff;
  float: none;
  width: 100%;
}
.header .header__nav ul li .header__submenu li a {
  padding: 0 0 16px 10px;
}
.header .header__nav ul li .header__submenu li:hover {
  background-color: #ffffff;
}
.header .header__nav ul li .header__submenu li:hover > a {
  color: #0f8ab8;
}
.header .header__nav ul li:hover.submenu {
  /*.header__submenu__open{
      @media only screen and (max-device-width:$breakpoint-mobile), (max-width:$breakpoint-mobile){
          height:unset;
          width:unset;
          margin: 0;
          display: block;
          background-color: $bgCG5;
      }
      li{
          @media only screen and (max-device-width:$breakpoint-mobile), (max-width:$breakpoint-mobile){
              width:100%;
          }
          a{
              font-family:$fontFamily1;
              &.partenaire{
                  font-family:$fontFamily3;
              }
              &.telecharger{
                  font-family:$fontFamily3;
                  color : $fontC1;
              }
          }
      }

  }*/
}
.header .header__nav ul li:hover.submenu.on {
  background-color: #ffffff;
}
.header .header__nav ul li:hover.submenu .header__submenu {
  display: block;
  height: auto;
  width: 300px;
  background-color: #ffffff;
  border: 1px #ddd solid;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .header .header__nav ul li:hover.submenu .header__submenu {
    display: none !important;
  }
}
.header .header__nav ul li:hover.submenu .header__submenu li {
  width: 225px;
}
.header .header__nav ul li:hover.submenu .header__submenu li a {
  font-size: 16px;
  padding: 0 0 16px 10px;
}
.header .header__nav ul li:hover.submenu .header__submenu li a.telecharger {
  font-family: "BrandonGrotesqueBold";
  color: #0f8ab8;
  border-top: 1px solid #ddd;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .header .header__nav ul li:hover.submenu .header__submenu li a.telecharger {
    border-top: none;
  }
}
.header .header__nav ul li:hover.submenu .header__submenu li a[href*="javascript:void"]:hover {
  color: #000000;
}
.header .header__nav ul li:hover.submenu .header__submenu li a:hover {
  border-bottom: none;
}
.header .header__nav ul li:hover.submenu .header__submenu li:first-of-type a {
  padding-top: 22px;
}
.header .header__nav ul li:hover.submenu .icon__submenu {
  /* .icon-arrow-right {
      color: $fontCG5;
      font-size: 40px;
  } */
}
.header .header__nav ul li.on {
  background-color: #ffffff;
}
.header .header__nav ul li.on > a {
  color: #ffffff;
  border-top: 1px #d1d1d1 solid;
}
.header .header__nav ul li.on > a.submenuMain {
  background-color: #0f8ab8;
  margin: 0;
}
.header .header__nav ul li.on .icon__submenu .icon-arrow-right {
  color: #ffffff;
  font-size: 40px;
}
.header .header__nav ul li:first-child {
  border: none;
}
.header .header__nav ul li a {
  display: block;
  margin: 0 0 0 25px;
  padding: 15px 0 7px;
  font-size: 20px;
  font-weight: 500;
  color: #000000;
  text-decoration: none;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .header .header__nav ul li a {
    padding: 22px 0 24px 10px;
    margin: 0 15px;
    font-size: 20px;
    line-height: 28px;
    border-bottom: 1px #ddd solid;
  }
  .header .header__nav ul li a.icon__submenu .icon-plus-product, .header .header__nav ul li a.icon__submenu .icon-moins-product {
    position: absolute;
    right: 7px;
    bottom: 24px;
    color: #0f8ab8;
    font-size: 15px;
    width: 15px;
    z-index: 10;
  }
  .header .header__nav ul li a.icon__submenu .icon-plus-product {
    display: block !important;
  }
  .header .header__nav ul li a.icon__submenu .icon-moins-product {
    display: none;
  }
}
.header .header__nav ul li a[href*="javascript:void"]:hover {
  cursor: default;
}
.header .header__nav ul li a:hover {
  color: #0f8ab8;
  border-bottom: 4px solid #0f8ab8;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .header .header__nav ul li a:hover {
    color: #000000;
    border-bottom: 1px solid #ddd;
  }
}
.header .header__nav ul li a.header__submenu {
  display: none;
}
.header .header__nav ul li a:last-of-type {
  padding-right: 0;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .header .header__nav ul li .header__submenu__open {
    height: unset;
    width: unset;
    margin: 0;
    display: block;
    background-color: #ffffff;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .header .header__nav ul li .header__submenu__open li {
    width: 100%;
  }
}
.header .header__nav ul li .header__submenu__open li a {
  font-size: 16px;
  font-weight: 400;
  border-bottom: none;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .header .header__nav ul li .header__submenu__open li a {
    line-height: 22px;
    padding: 0 0 16px 10px;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .header .header__nav ul li .header__submenu__open li:first-of-type a {
    padding-top: 22px;
  }
}
.header .header__nav ul li .header__submenu li a.is-lisere, .header .header__nav ul li .header__submenu__open li a.is-lisere {
  border-top: 1px solid #ddd;
  padding-top: 16px !important;
}
.header .header__nav ul li .header__submenu li a.is-bold, .header .header__nav ul li .header__submenu__open li a.is-bold {
  font-weight: 600;
}
.header .header__nav ul li .header__submenu li a.is-titleSeparateur, .header .header__nav ul li .header__submenu__open li a.is-titleSeparateur {
  margin-top: 30px;
}
.header .header__nav ul li .header__submenu li a.is-telecharger .icon-telechargement, .header .header__nav ul li .header__submenu__open li a.is-telecharger .icon-telechargement {
  padding-right: 5px;
}
.header .header__nav ul li .header__submenu li a.is-colorSite, .header .header__nav ul li .header__submenu__open li a.is-colorSite {
  color: #0f8ab8;
}
.header .header__right {
  width: 32.2580645161%;
  min-width: 680px;
  margin: 26px 3.2258064516% 0 0;
  float: right;
  text-align: right;
  *zoom: 1;
}
.header .header__right:before, .header .header__right:after {
  content: "";
  display: table;
}
.header .header__right:after {
  clear: both;
}
@media only screen and (max-device-width: 992px), (max-width: 992px) {
  .header .header__right {
    min-width: 480px;
    top: -6px;
    position: absolute;
    right: 0;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .header .header__right {
    width: 20.1612903226%;
    min-width: 180px;
    margin: 0 3.2258064516% 0 0;
    padding-top: 8px;
  }
}
.header .header__right .header__nav2 {
  margin: 5px 0 0 40px;
  display: block;
  float: right;
  transition: all 1.5s ease-in-out;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .header .header__right .header__nav2 {
    float: none;
  }
}
.header .header__right .header__nav2 li {
  margin: 0 0 0 20px;
  display: inline-block;
}
.header .header__right .header__nav2 li a {
  color: #767676;
  text-decoration: none;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .header .header__right .header__nav2.headerLang {
    margin: -5px 8px 0 0;
  }
}
.header .header__right .header__nav2.headerLang li {
  margin-left: 10px;
  vertical-align: middle;
  color: #c4c4c4;
}
.header .header__right .header__nav2.headerLang .headerLang__item {
  font-size: 14px;
}
.header .header__right .header__nav2.headerLang .headerLang__item:hover, .header .header__right .header__nav2.headerLang .headerLang__item--active {
  font-family: "BrandonGrotesqueBold";
}
.header .header__right .header__nav2.headerLang .headerLang__pipe {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.header .header__right .header__nav2.headerLang + .header__nav2 {
  margin-top: 0;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .header .header__right .header__nav2.headerLang ~ .headerTools {
    margin-top: 7px;
  }
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .header .header__right .header__nav2.headerSiteName {
    display: none;
  }
}
.header .header__right .headerTools {
  margin: 6px 0 0 0;
  float: right;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .header .header__right .headerTools {
    width: 100%;
    margin: 13px 0 0 0;
  }
}
.header .header__right .headerTools > li {
  position: relative;
  display: inline-block;
}
.header .header__right .headerTools > li .headerTools__content {
  display: none;
  padding: 0 20px;
}
.header .header__right .headerTools > li .headerTools__content.open {
  display: block;
}
.header .header__right .headerTools > li .headerTools__content.open .smallCoche {
  background-image: url("../img/commun/small-coche.png");
  background-repeat: no-repeat;
  background-position: 1px 1px;
  display: block;
  height: 18px;
  width: 31px;
  position: absolute;
  top: -7px;
  right: 62px;
}
.header .header__right .headerTools > li .headerTools__content.open .border {
  padding-top: 20px;
  border-top: 1px solid #d1d1d1;
}
.header .header__right .headerTools > li .headerTools__icon {
  margin: 0;
  font-size: 1rem;
  text-decoration: none;
  text-align: right;
  cursor: pointer;
  position: relative;
}
.header .header__right .headerTools > li .headerTools__icon .jqCartNumber {
  background-color: #0f8ab8;
  color: #ffffff;
  border-radius: 50px;
  position: absolute;
  left: 8px;
  top: -14px;
  font-size: 0.75rem;
  font-family: "BrandonGrotesqueRegular";
  width: 19px;
  height: 19px;
  padding: 2px 0;
  text-align: center;
  line-height: 15px;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .header .header__right .headerTools > li .headerTools__icon .jqCartNumber {
    right: 1px;
    top: -8px;
    width: 15px;
    height: 15px;
    padding: 1px 0;
  }
}
.header .header__right .headerTools > li .headerTools__icon.jQdisplayLoginConnected {
  margin-right: -5px;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .header .header__right .headerTools > li .headerTools__icon.jQdisplayLoginConnected {
    margin-right: 2px;
  }
}
.header .header__right .headerTools > li .headerTools__icon.jQdisplayLoginConnected .circle-green {
  position: absolute;
  right: 5px;
  top: 5px;
  background-color: #19B64E;
  border: 4px solid #19B64E;
  border-radius: 50%;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .header .header__right .headerTools > li .headerTools__icon.jQdisplayLoginConnected .circle-green {
    top: unset;
    bottom: 2px;
  }
}
.header .header__right .headerTools > li .headerTools__icon.icon-load {
  font-size: 1.8rem;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .header .header__right .headerTools > li .headerTools__icon.icon-load {
    display: none;
  }
}
.header .header__right .headerTools > li.headerTools__search {
  margin-left: 5px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .header .header__right .headerTools > li.headerTools__search .overlayOu {
    font-size: 24px;
    display: inline-block;
  }
}
.header .header__right .headerTools > li.headerTools__search .headerTools__content {
  position: fixed;
  width: 100%;
  top: 120px;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  color: #ffffff;
  z-index: 1000;
}
.header .header__right .headerTools > li.headerTools__search .headerTools__content .blockSearch__content {
  min-height: 88px;
}
.header .header__right .headerTools > li.headerTools__search .headerTools__content .icon-close {
  font-size: 40px;
}
.header .header__right .headerTools > li.headerTools__search .headerTools__content .icon-close:hover {
  cursor: pointer;
}
@media only screen and (max-device-width: 992px), (max-width: 992px) {
  .header .header__right .headerTools > li.headerTools__search .headerTools__content .blockSearch__form {
    padding: 0;
  }
  .header .header__right .headerTools > li.headerTools__search .headerTools__content .blockSearch__form .blockAutocomplete {
    max-width: 917px;
  }
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .header .header__right .headerTools > li.headerTools__search .headerTools__content {
    top: 61px;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .header .header__right .headerTools > li.headerTools__search, .header .header__right .headerTools > li.headerTools__basket, .header .header__right .headerTools > li.headerTools__user {
    font-size: 16px;
  }
}
.header .header__right .headerTools > li.headerTools__search .colorC3, .header .header__right .headerTools > li.headerTools__basket .colorC3, .header .header__right .headerTools > li.headerTools__user .colorC3 {
  color: #0f8ab8;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .header .header__right .headerTools > li.headerTools__search span.fontHeaderRight, .header .header__right .headerTools > li.headerTools__basket span.fontHeaderRight, .header .header__right .headerTools > li.headerTools__user span.fontHeaderRight {
    display: none;
  }
}
.header .header__right .headerTools > li.headerTools__search .icon-panier:before, .header .header__right .headerTools > li.headerTools__search .icon-connexion-menu:before, .header .header__right .headerTools > li.headerTools__search .icon-loupe-menu:before, .header .header__right .headerTools > li.headerTools__basket .icon-panier:before, .header .header__right .headerTools > li.headerTools__basket .icon-connexion-menu:before, .header .header__right .headerTools > li.headerTools__basket .icon-loupe-menu:before, .header .header__right .headerTools > li.headerTools__user .icon-panier:before, .header .header__right .headerTools > li.headerTools__user .icon-connexion-menu:before, .header .header__right .headerTools > li.headerTools__user .icon-loupe-menu:before {
  margin-right: 8px;
}
.header .header__right .headerTools > li.headerTools__basket .linkUser, .header .header__right .headerTools > li.headerTools__user .linkUser {
  text-decoration: none;
  display: block;
  margin-left: 5px;
}
.header .header__right .headerTools > li.headerTools__basket .headerTools__content, .header .header__right .headerTools > li.headerTools__user .headerTools__content {
  width: 321px;
  min-height: 152px;
  padding: 0 20px;
  position: absolute;
  top: 33px;
  z-index: 1;
  background-color: #ffffff;
  color: #ffffff;
  text-align: center;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .header .header__right .headerTools > li.headerTools__basket .headerTools__content, .header .header__right .headerTools > li.headerTools__user .headerTools__content {
    top: 70px;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .header .header__right .headerTools > li.headerTools__basket .headerTools__content, .header .header__right .headerTools > li.headerTools__user .headerTools__content {
    position: fixed;
    width: 100%;
    top: 59px;
    left: 0;
    z-index: 100;
  }
}
.header .header__right .headerTools > li.headerTools__basket .headerTools__content .buttonC2, .header .header__right .headerTools > li.headerTools__user .headerTools__content .buttonC2 {
  position: relative;
  display: block;
  padding: 10px;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "BrandonGrotesqueBold";
  font-size: 20px;
}
.header .header__right .headerTools > li.headerTools__basket .headerTools__content .buttonC2:nth-child(2), .header .header__right .headerTools > li.headerTools__user .headerTools__content .buttonC2:nth-child(2) {
  margin: 10px 0 0 0;
}
.header .header__right .headerTools > li.headerTools__basket .headerTools__content .buttonC2 .buttonC2__text, .header .header__right .headerTools > li.headerTools__user .headerTools__content .buttonC2 .buttonC2__text {
  display: inline-block;
}
.header .header__right .headerTools > li.headerTools__basket .headerTools__content .buttonC2 .buttonC2__doublearrow, .header .header__right .headerTools > li.headerTools__user .headerTools__content .buttonC2 .buttonC2__doublearrow {
  position: absolute;
  top: 15px;
}
@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .header .header__right .headerTools > li.headerTools__basket .headerTools__content .buttonC2 .buttonC2__doublearrow, .header .header__right .headerTools > li.headerTools__user .headerTools__content .buttonC2 .buttonC2__doublearrow {
    right: 38px;
  }
}
.header .header__right .headerTools > li.headerTools__basket .headerTools__content .buttonC2 .buttonC2__doublearrow .icon-arrow-right-thin, .header .header__right .headerTools > li.headerTools__user .headerTools__content .buttonC2 .buttonC2__doublearrow .icon-arrow-right-thin {
  display: inline-block;
  font-size: 70px;
  line-height: 20px;
  width: 5px;
}
.header .header__right .headerTools > li.headerTools__basket {
  margin-left: 24px;
}
.header .header__right .headerTools > li.headerTools__basket p, .header .header__right .headerTools > li.headerTools__basket .fontHeaderRight {
  display: inline-block;
}
.header .header__right .headerTools > li.headerTools__basket .headerTools__content {
  right: -50px;
}
.header .header__right .headerTools > li.headerTools__basket .buttonC2:nth-child(1) {
  padding: 10px 40px 10px 15px;
}
.header .header__right .headerTools > li.headerTools__basket .buttonC2:nth-child(1) .buttonC2__doublearrow .icon-arrow-right-thin {
  position: absolute;
}
.header .header__right .headerTools > li.headerTools__basket .buttonC2:nth-child(1) .buttonC2__doublearrow .icon-arrow-right-thin:nth-child(1) {
  left: -21px;
}
.header .header__right .headerTools > li.headerTools__basket .buttonC2:nth-child(1) .buttonC2__doublearrow .icon-arrow-right-thin:nth-child(2) {
  left: -12px;
}
.header .header__right .headerTools > li.headerTools__basket .buttonC2:nth-child(2) .buttonC2__doublearrow .icon-arrow-right-thin {
  position: absolute;
}
.header .header__right .headerTools > li.headerTools__basket .buttonC2:nth-child(2) .buttonC2__doublearrow .icon-arrow-right-thin:nth-child(1) {
  left: -22px;
}
.header .header__right .headerTools > li.headerTools__basket .buttonC2:nth-child(2) .buttonC2__doublearrow .icon-arrow-right-thin:nth-child(2) {
  left: -13px;
}
.header .header__right .headerTools > li.headerTools__user {
  margin-left: 24px;
}
.header .header__right .headerTools > li.headerTools__user .headerTools__content {
  right: -47px;
}
.header .header__right .headerTools > li.headerTools__user .headerTools__content.open .smallCoche {
  right: 49px;
}
.header .header__right .headerTools > li.headerTools__user .buttonC2:nth-child(1) .buttonC2__doublearrow .icon-arrow-right-thin {
  position: absolute;
}
.header .header__right .headerTools > li.headerTools__user .buttonC2:nth-child(1) .buttonC2__doublearrow .icon-arrow-right-thin:nth-child(1) {
  left: -21px;
}
.header .header__right .headerTools > li.headerTools__user .buttonC2:nth-child(1) .buttonC2__doublearrow .icon-arrow-right-thin:nth-child(2) {
  left: -12px;
}
.header .header__right .headerTools > li.headerTools__user .buttonC2:nth-child(2) .buttonC2__doublearrow .icon-arrow-right-thin {
  position: absolute;
}
.header .header__right .headerTools > li.headerTools__user .buttonC2:nth-child(2) .buttonC2__doublearrow .icon-arrow-right-thin:nth-child(1) {
  left: -23px;
}
.header .header__right .headerTools > li.headerTools__user .buttonC2:nth-child(2) .buttonC2__doublearrow .icon-arrow-right-thin:nth-child(2) {
  left: -14px;
}
.header .header__right .headerTools > li .fontHeaderRight {
  color: #767676;
  font-size: 16px;
  font-family: "BrandonGrotesqueRegular";
}
.header .titreSticky {
  display: none;
}
.header.is-sticky {
  position: fixed;
  top: 0;
  z-index: 500;
}
.header.is-sticky .titreSticky {
  position: unset;
  /*left: 0; //36%;
  top: 0; //28%;*/
  text-align: left;
  width: 500px;
  height: 85px;
  margin: 20px 0 0;
  float: left;
  color: #0f8ab8;
  font-size: 24px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
@media only screen and (max-device-width: 992px), (max-width: 992px) {
  .header.is-sticky .titreSticky {
    display: none;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .header.is-sticky .titreSticky {
    display: none;
  }
}
.header.is-sticky .header__right {
  position: absolute;
  right: 0;
  top: 0;
}
@media only screen and (max-device-width: 1024px), (max-width: 1024px) {
  .header.is-sticky .header__right {
    top: -6px;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .header.is-sticky .header__right {
    top: 0;
  }
}

@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .menuMobileOpen {
    overflow: hidden;
  }
  .menuMobileOpen .stickyBtn {
    visibility: hidden;
  }
}
/* Footer */
.footer {
  width: 100%;
}
.footer .footer__part1 {
  padding: 27px 0;
  *zoom: 1;
  text-align: center;
}
.footer .footer__part1:before, .footer .footer__part1:after {
  content: "";
  display: table;
}
.footer .footer__part1:after {
  clear: both;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .footer .footer__part1 {
    display: none;
  }
}
.footer .footer__part1 .block {
  width: -moz-calc(100% / 3);
  width: -webkit-calc(100% / 3);
  width: calc(100% / 3);
  float: left;
}
.footer .footer__part1 .block:first-of-type .logoFooter {
  display: block;
}
.footer .footer__part1 .block:first-of-type .logoFooter img {
  width: 150px;
  height: 80px;
}
.footer .footer__part1 .block .logoFooter {
  display: none;
}
.footer .footer__part1 .blockFourColumns {
  width: -moz-calc(100% / 4);
  width: -webkit-calc(100% / 4);
  width: calc(100% / 4);
  float: left;
}
.footer .footer__part1 .titleC1 {
  margin: 0;
  font-size: 16px;
  font-family: "BrandonGrotesqueMedium";
}
.footer .footer__part1 .ulBullet {
  text-align: center;
  margin: 0 0 10px 0;
}
.footer .footer__part1 .ulBullet li a {
  color: #4d4d4d;
  text-decoration: none;
}
.footer .footer__part2 {
  padding: 15px 0;
  border-top: 1px #d1d1d1 solid;
  font-family: "BrandonGrotesqueMedium";
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .footer .footer__part2 {
    padding: 20px;
  }
}
.footer .footer__part2 .ulBullet {
  text-align: center;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .footer .footer__part2 .ulBullet {
    position: relative;
  }
}
.footer .footer__part2 .ulBullet li {
  display: inline-block;
}
.footer .footer__part2 .ulBullet li a {
  padding: 0 8px;
  color: #4d4d4d;
  text-decoration: none;
  border-left: 1px #4d4d4d solid;
  font-size: 14px;
  text-align: center;
}
.footer .footer__part2 .ulBullet li a.noBorder {
  border-left: none;
  padding: 0;
}
.footer .footer__part2 .ulBullet li:first-child a {
  border-left: none;
}
.footer .footer__part2 .ulBullet li p {
  border-left: 1px #4d4d4d solid;
  padding: 0 8px;
  font-size: 14px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .footer .footer__part2 .ulBullet li p {
    border-left: none;
  }
  .footer .footer__part2 .ulBullet li p span {
    display: block;
  }
}
.footer .footer__part2 .footer_logo {
  position: relative;
  padding: 0 90px 0 0;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .footer .footer__part2 .footer_logo {
    padding: 0;
    vertical-align: top;
    margin-bottom: 60px;
    position: static;
  }
}
.footer .footer__part2 .footer_logo img {
  position: absolute;
  top: 8px;
  right: 0;
  max-width: 90px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .footer .footer__part2 .footer_logo img {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    top: inherit;
    bottom: 0;
  }
}
.footer .footer__part3 {
  padding: 20px 0;
  text-align: center;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .footer .footer__part3 {
    margin: 0;
    padding: 20px 10px;
    font-size: 14px;
  }
}
.footer .footer__part3 .mediaLink {
  text-decoration: none;
  color: inherit;
}
.footer .footer__part3.footerProduit {
  padding: 20px 3% 60px 3%;
}

/* Boutons */
.button {
  background-color: transparent;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  cursor: pointer;
  padding: 0;
}
.button:hover, .button:focus {
  outline: none;
}

.buttonCG1 {
  padding: 10px 15px;
  font-family: "BrandonGrotesqueBold";
  background-color: #000000;
  color: #ffffff;
  text-align: center;
  border: none;
}
.buttonCG1--size14 {
  font-size: 14px;
}
.buttonCG1--size20 {
  font-size: 20px;
}
.buttonCG1 .buttonCG1__arrow {
  font-size: 70px;
}
.buttonCG1--upper {
  text-transform: uppercase;
}

.buttonCG5 {
  padding: 10px 15px;
  font-family: "BrandonGrotesqueBold";
  background-color: #ffffff;
  color: #0f8ab8;
  text-align: center;
  border: none;
  text-decoration: none;
}
.buttonCG5--size14 {
  font-size: 14px;
}
.buttonCG5--size20 {
  font-size: 20px;
}
.buttonCG5--upper {
  text-transform: uppercase;
}
.buttonCG5 .icon-arrow-right {
  font-weight: normal;
  font-size: 18px;
}

.buttonCG4 {
  background-color: #e6e6e6;
  color: #4d4d4d;
  border: 1px #d1d1d1 solid;
  border-radius: 3px;
}
.buttonCG4--size18 {
  font-size: 18px;
}
.buttonCG4--upper {
  text-transform: uppercase;
}

.buttonC2 {
  background-color: #ffa200;
  font-family: "BrandonGrotesqueBold";
  color: #ffffff;
  font-size: 22px;
  border: none;
}
.buttonC2--size14 {
  font-size: 14px;
}
.buttonC2--upper {
  text-transform: uppercase;
}
.buttonC2 .buttonC2__arrow {
  font-size: 70px;
}

.buttonC1 {
  background-color: #ffffff;
  font-family: "BrandonGrotesqueBold";
  color: #0f8ab8;
  font-size: 22px;
  border: none;
  text-decoration: none;
  padding: 15px 30px;
  position: relative;
  display: inline-block;
}
.buttonC1--size14 {
  font-size: 14px;
}
.buttonC1--upper {
  text-transform: uppercase;
}
.buttonC1 .icon {
  position: absolute;
  top: 14px;
  left: 7px;
  font-size: 24px;
}

.circle--valid {
  position: relative;
  cursor: pointer;
}
.circle--valid .icon-check-thin {
  position: absolute;
  top: 7px;
  left: 8px;
  font-size: 36px;
  color: #ffffff;
}
.circle--valid .icon-close {
  position: absolute;
  left: -7px;
  top: -7px;
  font-size: 60px;
  color: #ffffff;
}

.circle--CG3 {
  position: relative;
  cursor: pointer;
}
.circle--CG3 .icon-check-thin {
  position: absolute;
  top: 7px;
  left: 8px;
  font-size: 36px;
  color: #d1d1d1;
}
.circle--CG3 .icon-close {
  position: absolute;
  left: -7px;
  top: -7px;
  font-size: 60px;
  color: #d1d1d1;
}

.circle--CG2 {
  position: relative;
}
.circle--CG2 .icon-question {
  position: absolute;
  top: 3px;
  left: 3px;
  font-size: 20px;
}

.buttonPrimary {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  background-color: #ffa200;
  border: solid 2px #ffa200;
  color: #ffffff;
  display: inline-block;
  font-family: "BrandonGrotesqueMedium";
  font-size: 15px;
  line-height: 21px;
  padding: 8px 20px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  min-width: 185px;
}
.buttonPrimary:not(:disabled):hover {
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.25);
  background-color: rgba(255, 162, 0, 0.85);
  border: solid 2px rgba(255, 162, 0, 0);
}
.buttonPrimary:disabled {
  background-color: #c4c4c4;
  border: solid 2px #c4c4c4;
  color: rgba(255, 255, 255, 0.6);
  cursor: none;
}
.buttonPrimary.is-small {
  min-width: auto;
}

.buttonSecondary {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  background-color: #ffffff;
  border: solid 2px #ffa200;
  color: #ffa200;
  display: inline-block;
  font-family: "BrandonGrotesqueMedium";
  font-size: 15px;
  line-height: 21px;
  padding: 8px 20px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  min-width: 185px;
}
.buttonSecondary:hover {
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.25);
  text-decoration: underline;
}
.buttonSecondary.is-colorError {
  border: solid 2px #C53730;
  color: #C53730;
}

.buttonTertiary {
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  font-size: 15px;
  font-family: "BrandonGrotesqueMedium";
  line-height: 21px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #ffa200;
  padding: 8px 20px;
}
.buttonTertiary:hover {
  text-decoration: underline;
}

.buttonFourth {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  background-color: #ffffff;
  border: solid 1px #ffa200;
  color: #ffa200;
  font-family: "BrandonGrotesqueRegular";
  font-size: 20px;
  line-height: 29px;
  padding: 20px;
  text-align: left;
  width: 100%;
}
.buttonFourth:not(.selected):hover {
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.25);
}
.buttonFourth:not(.selected):hover span {
  text-decoration: underline;
}
.buttonFourth.selected {
  background-color: #ffa200;
  color: #ffffff;
}
.buttonFourth [class*=icon-] {
  font-size: 48px;
  margin-right: 20px;
  vertical-align: middle;
}

.mainContent {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  /* Medium Devices, Desktops */
  /* Small Devices, Tablets */
  /* Extra Small Devices, Phones */
  /* Custom, iPhone Retina */
}
@media only screen and (max-device-width: 992px), (max-width: 992px) {
  .mainContent {
    max-width: 100%;
  }
}
.contentGeneriq {
  max-width: 1040px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .contentGeneriq {
    width: 96%;
    margin: 0 auto;
  }
}

.mainMiddle {
  max-width: 1080px;
  width: 100%;
  margin: 0 auto;
}

.contentSpecial {
  background-color: #f3f3f3;
  margin: 20px -20px;
  padding: 20px;
}

.contentGrid {
  margin-top: 20px;
  position: relative;
}
@media only screen and (max-device-width: 768px), only screen and (max-width: 768px) {
  .contentGrid [class*=is-grid]:not(:first-child) {
    margin-top: 20px;
  }
}
.contentGrid .errorMessage,
.contentGrid .errorPassword {
  position: absolute;
  width: 100%;
}
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
  .contentGrid .errorPassword {
    position: static;
  }
}
@media only screen and (min-device-width: 769px), only screen and (min-width: 769px) {
  .contentGrid .is-gutter {
    margin-left: 3.5714285714%;
  }
}
.contentGrid [class*=is-grid] {
  position: relative;
}
@media only screen and (min-device-width: 769px), only screen and (min-width: 769px) {
  .contentGrid .is-grid-400 {
    float: left;
    width: 71.4285714286%;
  }
  .contentGrid .is-grid-340 {
    float: left;
    width: 60.7142857143%;
  }
  .contentGrid .is-grid-270 {
    float: left;
    width: 48.2142857143%;
  }
  .contentGrid .is-grid-200 {
    float: left;
    width: 35.7142857143%;
  }
  .contentGrid .is-grid-140 {
    float: left;
    width: 25%;
  }
  .contentGrid .is-grid-120 {
    float: left;
    width: 21.4285714286%;
  }
}

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

.titleCG1 {
  color: #000000;
}
.titleCG1--size12 {
  font-size: 12px;
}
.titleCG1--size14 {
  font-size: 14px;
}
.titleCG1--size16 {
  font-size: 16px;
}
.titleCG1--size18 {
  font-size: 18px;
}
.titleCG1--size20 {
  font-size: 20px;
}
.titleCG1--size22 {
  font-size: 22px;
}
.titleCG1--size24 {
  font-size: 24px;
}
.titleCG1--size26 {
  font-size: 26px;
}
.titleCG1--size32 {
  font-size: 32px;
}
.titleCG1--size36 {
  font-size: 36px;
}
.titleCG1--size40 {
  font-size: 40px;
}
.titleCG1--upper {
  text-transform: uppercase;
}
.titleCG1--marginB40 {
  margin-bottom: 40px;
}

.titleCG2 {
  color: #4d4d4d;
}
.titleCG2--size14 {
  font-size: 14px;
}
.titleCG2--size16 {
  font-size: 16px;
}
.titleCG2--size18 {
  font-size: 18px;
}
.titleCG2--size20 {
  font-size: 20px;
}
.titleCG2--size22 {
  font-size: 22px;
}
.titleCG2--size24 {
  font-size: 24px;
}
.titleCG2--size28 {
  font-size: 28px;
}
.titleCG2--size30 {
  font-size: 30px;
}
.titleCG2--size32 {
  font-size: 32px;
}
.titleCG2--size36 {
  font-size: 36px;
}
.titleCG2--size40 {
  font-size: 40px;
}

.titleCG3 {
  color: #d1d1d1;
}
.titleCG3--size20 {
  font-size: 20px;
}
.titleCG3--size22 {
  font-size: 22px;
}

.titleCG4 {
  color: #e6e6e6;
}
.titleCG4--size14 {
  font-size: 14px;
}
.titleCG4--size16 {
  font-size: 16px;
}
.titleCG4--size22 {
  font-size: 22px;
}
.titleCG4--size32 {
  font-size: 32px;
}
.titleCG4--size40 {
  font-size: 40px;
}

.titleCG5 {
  color: #ffffff;
}
.titleCG5--size14 {
  font-size: 14px;
}
.titleCG5--size16 {
  font-size: 16px;
}
.titleCG5--size18 {
  font-size: 18px;
}
.titleCG5--size20 {
  font-size: 20px;
}
.titleCG5--size24 {
  font-size: 24px;
}
.titleCG5--size26 {
  font-size: 26px;
}
.titleCG5--size30 {
  font-size: 30px;
}
.titleCG5--size32 {
  font-size: 32px;
}
.titleCG5--size40 {
  font-size: 40px;
}
.titleCG5--size42 {
  font-size: 42px;
}
.titleCG5--size44 {
  font-size: 44px;
}
.titleCG5--size46 {
  font-size: 46px;
}
.titleCG5--size50 {
  font-size: 50px;
}
.titleCG5--upper {
  text-transform: uppercase;
}

.titleC1 {
  font-size: 22px;
  color: #0f8ab8;
}
.titleC1--size13 {
  font-size: 13px;
}
.titleC1--size14 {
  font-size: 14px;
}
.titleC1--size16 {
  font-size: 16px;
}
.titleC1--size18 {
  font-size: 18px;
}
.titleC1--size28 {
  font-size: 28px;
}
.titleC1--size30 {
  font-size: 30px;
}
.titleC1--upper {
  text-transform: uppercase;
}
.titleC1--colorCG1 {
  color: #000000;
}
.titleC1__linkThema {
  color: #0f8ab8;
  text-decoration: none;
}
.titleC1__linkThema:hover {
  text-decoration: underline;
}

.titleC2 {
  font-size: 22px;
  color: #ffa200;
}
.titleC2--size14 {
  font-size: 14px;
}
.titleC2--size16 {
  font-size: 16px;
}
.titleC2--size28 {
  font-size: 28px;
}
.titleC2--upper {
  text-transform: uppercase;
}

.titleFontValid {
  color: #5cbb46;
}
.titleFontValid--size26 {
  font-size: 26px;
}

.titleTwitter {
  color: #3aaae1;
}
.titleTwitter--size14 {
  font-size: 14px;
}

.titleGeneric1 {
  text-align: center;
  font-size: 40px;
  color: #000000;
  font-family: "BrandonGrotesqueRegular";
}
.titleGeneric1.borderTop {
  padding: 15px 0;
  border-top: 1px solid #d1d1d1;
}
.titleGeneric1--CG5 {
  color: #ffffff;
}

.titleStep {
  font-family: "BrandonGrotesqueMedium";
  font-size: 22px;
  color: #d1d1d1;
  text-transform: uppercase;
  text-align: center;
  border-top: 1px #d1d1d1 solid;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .titleStep {
    width: 96%;
    margin: 0 auto;
  }
}
.titleStep .number {
  display: inline-block;
  margin: 0 5px 0 0;
  width: 30px;
  height: 30px;
  color: #d1d1d1;
  font-size: 24px;
  line-height: 27px;
}
.titleStep a {
  color: #d1d1d1;
  text-decoration: none;
}
.titleStep a.titleC2 {
  color: #ffa200;
}
.titleStep a:hover {
  color: #000000;
  text-decoration: underline;
}
.titleStep__on {
  border-bottom: 1px #d1d1d1 solid;
  color: #ffa200;
}
.titleStep__on .number {
  color: #ffa200;
}
.titleStep__final {
  border-top: none;
  border-bottom: 1px #d1d1d1 solid;
  color: #0f8ab8;
}
.titleStep .linkC2 {
  color: #ffa200;
}

.titleValid {
  color: #5cbb46;
}
.titleValid--size30 {
  font-size: 30px;
}

.imgBigGeneContenair {
  height: 450px;
}
@media (max-width: 1000px) {
  .imgBigGeneContenair {
    height: auto;
  }
}
.imgBigGeneContenair .imgBigGeneContent {
  position: relative;
  text-align: center;
}
@media (max-width: 1000px) {
  .imgBigGeneContenair .imgBigGeneContent {
    background-image: none;
    height: auto;
  }
}
.imgBigGeneContenair .imgBigGeneContent .blocTitrePx {
  width: 62.0967741935%;
  display: inline-block;
  margin-top: 69px;
  padding: 30px 2.4193548387%;
  font-size: 20px;
  position: relative;
  background: #0f8ab8; /* The Fallback */
  background: rgba(15, 138, 184, 0.8);
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .imgBigGeneContenair .imgBigGeneContent .blocTitrePx {
    background-color: #0f8ab8;
    opacity: 1;
    margin-top: 0;
    width: 100%;
  }
}
.imgBigGeneContenair .imgBigGeneContent .blocTitrePx .titleCG5--size46 {
  margin: 19px 0 10px 0;
  line-height: 53px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .imgBigGeneContenair .imgBigGeneContent .blocTitrePx .titleCG5--size46 {
    font-size: 28px;
    padding: 0 2%;
    margin-top: 0;
  }
}
.imgBigGeneContenair .imgBigGeneContent .blocTitrePx .titleCG5--size32 {
  line-height: 36px;
  margin: 0;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .imgBigGeneContenair .imgBigGeneContent .blocTitrePx .titleCG5--size32 {
    font-size: 24px;
    padding: 0 4%;
  }
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .imgBigGeneContenair .imgBigGeneContent .blocTitrePx .titleCG5--size26 {
    font-size: 20px;
  }
}
.imgBigGeneContenair .imgBigGeneContent .sellingBlock {
  padding: 7px 18px;
  position: absolute;
  top: -27px;
  width: 380px;
  background-color: #000000;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 16px;
  font-family: "BrandonGrotesqueMedium"; /*medium*/
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .imgBigGeneContenair .imgBigGeneContent .sellingBlock {
    display: none;
  }
}
.imgBigGeneContenair .imgBigGeneContent .saveDate {
  position: absolute;
  left: -109px;
  bottom: -14px;
  padding: 7px 20px;
  line-height: 23px;
  font-size: 20px;
  margin: 0;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .imgBigGeneContenair .imgBigGeneContent .saveDate {
    display: none;
  }
}
.imgBigGeneContenair .imgBigGeneContent .blocPromo {
  position: absolute;
  right: 10px;
  top: 0;
  padding: 55px 18px 20px 18px;
  height: 450px;
  width: 11.6935483871%;
  background-color: #0f8ab8;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .imgBigGeneContenair .imgBigGeneContent .blocPromo {
    padding-top: 5px;
  }
}
.imgBigGeneContenair .imgBigGeneContent .blocPromo .blockIdentifier {
  color: #ffffff;
  background-color: #000000;
  padding: 5px 10px;
  display: inline-block;
  margin: 0 auto;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .imgBigGeneContenair .imgBigGeneContent .blocPromo .blockIdentifier {
    margin-bottom: 15px;
  }
}
.imgBigGeneContenair .imgBigGeneContent .blocPromo .buttonC2 {
  position: absolute;
  bottom: 50px;
  left: 0;
  display: block;
  text-decoration: none;
  padding: 15px 0 15px 6%;
  font-size: 20px;
  width: 100%;
  text-align: left;
}
.imgBigGeneContenair .imgBigGeneContent .blocPromo .buttonC2--trophee {
  font-size: 16px;
}
.imgBigGeneContenair .imgBigGeneContent .blocPromo .buttonC2--trophee .buttonC2__content .buttonC2__arrow {
  top: -20px !important;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .imgBigGeneContenair .imgBigGeneContent .blocPromo .buttonC2 {
    display: none;
  }
}
.imgBigGeneContenair .imgBigGeneContent .blocPromo .buttonC2 .buttonC2__content .buttonC2__arrow {
  font-size: 65px;
  top: -17px;
}
.imgBigGeneContenair .imgBigGeneContent .blocPromo .buttonC2 .buttonC2__content .buttonC2__arrow:nth-child(1) {
  right: -40px;
}
.imgBigGeneContenair .imgBigGeneContent .blocPromo .buttonC2 .buttonC2__content .buttonC2__arrow:nth-child(2) {
  right: -48px;
}
.imgBigGeneContenair .imgBigGeneContent .blocPromo .buttonCG5 {
  position: absolute;
  bottom: -35px;
  left: 0;
  display: block;
  text-decoration: none;
  padding: 8px 0 8px 6%;
  font-size: 16px;
  width: 100%;
  text-align: left;
  color: #ffa200;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .imgBigGeneContenair .imgBigGeneContent .blocPromo .buttonCG5 {
    display: none;
  }
}
.imgBigGeneContenair .imgBigGeneContent .blocPromo .circle--CG5 {
  margin: 49px auto 20px auto;
  line-height: 75px;
  font-size: 22px;
}
.imgBigGeneContenair .imgBigGeneContent .blocPromo .circle--CG5.dossierDateGroup {
  line-height: initial;
  width: 95px;
  height: 95px;
}
.imgBigGeneContenair .imgBigGeneContent .blocPromo .circle--CG5.dossierDateGroup span {
  display: block;
}
.imgBigGeneContenair .imgBigGeneContent .blocPromo .circle--CG5.dossierDateGroup span.dossier {
  margin-top: 10px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .imgBigGeneContenair .imgBigGeneContent .blocPromo .circle--CG5 {
    margin-top: 0;
  }
}
.imgBigGeneContenair .imgBigGeneContent .blocPromo .sepaPrice {
  border-top: 1px solid #ffffff;
  width: 55.1724137931%;
  display: inline-block;
}
.imgBigGeneContenair .imgBigGeneContent .blocPromo .flatTint--C2 {
  padding: 10px 0;
}
.imgBigGeneContenair .imgBigGeneContent .blocPromo .titleCG5.titleCG5--size18 {
  margin: 0;
}
.imgBigGeneContenair .imgBigGeneContent .blocPromo .titleCG5.titleCG5--size18 p {
  overflow: hidden;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .imgBigGeneContenair .imgBigGeneContent .blocPromo .titleCG5.titleCG5--size18 p {
    margin: 0 auto;
  }
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .imgBigGeneContenair .imgBigGeneContent .blocPromo .titleCG5.titleCG5--size18 {
    font-family: "BrandonGrotesqueRegular";
  }
}
.imgBigGeneContenair .imgBigGeneContent .blocPromo .imgMarque {
  width: 80px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .imgBigGeneContenair .imgBigGeneContent .blocPromo .imgMarque {
    display: none;
  }
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .imgBigGeneContenair .imgBigGeneContent .blocPromo {
    position: static;
    width: 100%;
    height: auto;
  }
}

.flatTint--CG1 {
  background-color: #000000;
}
.flatTint--CG4 {
  background-color: #e6e6e6;
}
.flatTint--CG5 {
  background-color: #ffffff;
}
.flatTint--C2 {
  background-color: #ffa200;
}
.flatTint--C1 {
  background-color: #0f8ab8;
}

.responsiveBackground {
  background-position: center;
  background-repeat: no-repeat;
}

.blockThreeEvents {
  width: 83.8709677419%;
  margin: 30px auto 0 auto;
  height: 360px;
  overflow: hidden;
  text-align: center;
  *zoom: 1;
}
.blockThreeEvents:before, .blockThreeEvents:after {
  content: "";
  display: table;
}
.blockThreeEvents:after {
  clear: both;
}
.blockThreeEvents li {
  position: relative;
  display: inline-block;
  width: 28.0769230769%;
  margin-right: 60px;
}
.blockThreeEvents li:nth-child(3), .blockThreeEvents li.oneOnly {
  margin-right: 0;
}
.blockThreeEvents li a {
  display: block;
  min-height: 370px;
  max-height: 370px;
}
.blockThreeEvents li .blockThreeEvents__stamp {
  position: absolute;
  padding: 15px 0 0 0;
  top: 45%;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 2;
  text-transform: uppercase;
}
.blockThreeEvents li .blockThreeEvents__stamp span {
  margin: 4px 0 0 0;
  display: block;
  font-size: 22px;
  font-family: "BrandonGrotesqueMedium";
  color: #000000;
}
.blockThreeEvents li .blockThreeEvents__stamp.stamp__twoLines span:nth-child(1) {
  margin: 2px 0 0 0;
  display: block;
  font-size: 11px;
  font-family: "BrandonGrotesqueMedium";
  color: #000000;
}
.blockThreeEvents li .blockThreeEvents__stamp.stamp__twoLines span:nth-child(2) {
  margin: -7px 0 0 0;
  font-size: 22px;
  color: #000000;
}
.blockThreeEvents li .blockThreeEvents__stampC2 {
  display: inline-block;
  position: absolute;
  margin: 0;
  padding: 5px 20px;
  top: 20px;
  left: 0;
  z-index: 2;
  background-color: #ffa200;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 20px;
  font-family: "BrandonGrotesqueMedium";
  text-align: left;
}
.blockThreeEvents li .macaronBloc {
  display: inline-block;
  position: absolute;
  margin: 0;
  top: 20px;
  left: 0;
  z-index: 2;
}
.blockThreeEvents li .blockThreeEvents__title {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 52px;
  display: inline-block;
  padding: 20px;
  text-decoration: none;
  min-height: 115px;
}
.blockThreeEvents li .blockThreeEvents__date {
  width: 288px;
  position: absolute;
  bottom: 23px;
  text-align: center;
}
.blockThreeEvents li .blockThreeEvents__hover {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 295px;
  height: 326px;
  padding: 0 0 50px 0;
  overflow: hidden;
  background-color: #ffffff;
  color: #000000;
  text-align: left;
}
.blockThreeEvents li .blockThreeEvents__hover p:nth-child(1) {
  margin: 0;
}
.blockThreeEvents li .blockThreeEvents__hover p:nth-child(2) {
  margin: 10px 0 0 0;
  padding: 2%;
}
.blockThreeEvents li .blockThreeEvents__hover p:nth-child(3) {
  margin: 10px 0 0 0;
  padding: 0 2%;
  height: 141px;
  overflow: hidden;
}
.blockThreeEvents li:hover .blockThreeEvents__hover {
  display: block;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .blockThreeEvents li:hover .blockThreeEvents__hover {
    display: none;
  }
}
.blockThreeEvents li:hover .blockThreeEvents__hover .blockThreeEvents__date {
  visibility: hidden;
}
.blockThreeEvents li.liPlusLoin .blockThreeEvents__title {
  bottom: 8px;
}

.stampC2 {
  display: inline-block;
  position: absolute;
  margin: 0;
  padding: 5px 20px;
  top: 20px;
  left: 0;
  z-index: 2;
  background-color: #ffa200;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 20px;
  font-family: "BrandonGrotesqueMedium";
  text-align: left;
}

.blockArt1 {
  padding: 40px 0 0 0;
  *zoom: 1;
}
.blockArt1:before, .blockArt1:after {
  content: "";
  display: table;
}
.blockArt1:after {
  clear: both;
}
.blockArt1 .blockArt1__img {
  width: 27.6923076923%;
  float: left;
  margin: 0 60px 40px 0;
  max-height: 228px;
  position: relative;
  background-color: #0f8ab8;
}
.blockArt1 .blockArt1__img .circle--CG5 {
  position: absolute;
  bottom: 7px;
  left: 37%;
  margin: 0;
}
.blockArt1 .blockArt1__img .circle--CG5 span {
  margin-top: 22px;
  display: block;
  text-align: center;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .blockArt1 .blockArt1__img .circle--CG5 {
    display: none;
  }
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .blockArt1 .blockArt1__img .circle--CG5 .imgMacaron {
    display: none;
  }
}
.blockArt1 .blockArt1__title {
  display: inline-block;
  margin: 0;
  padding: 15px 20px;
  color: #ffffff;
}
.blockArt1 .blockArt1__date {
  margin: 20px 0 0 0;
}
.blockArt1 .blockArt1__desc {
  margin: 15px 0 0 0;
  width: 100%;
  font-size: 18px;
  line-height: 22px;
}

.blockList {
  *zoom: 1;
  border-top: 1px solid #d1d1d1;
  padding: 30px 0;
  position: relative;
}
.blockList:before, .blockList:after {
  content: "";
  display: table;
}
.blockList:after {
  clear: both;
}
.blockList__link {
  *zoom: 1;
  display: block;
  text-decoration: none;
}
.blockList__link:before, .blockList__link:after {
  content: "";
  display: table;
}
.blockList__link:after {
  clear: both;
}
.blockList__link:hover .blockList__title {
  color: #0f8ab8;
}
.blockList__img {
  color: #000000;
  width: 144px;
  float: left;
  margin: 0 20px 0 0;
  position: relative;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .blockList__img {
    display: none;
  }
}
.blockList__img img {
  max-width: 100%;
}
.blockList__img .stamp {
  position: absolute;
  bottom: -1px;
  right: 1px;
}
.blockList__content {
  float: left;
  width: -moz-calc(100% - 340px);
  width: -webkit-calc(100% - 340px);
  width: calc(100% - 340px);
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .blockList__content {
    width: -moz-calc(100% - 160px);
    width: -webkit-calc(100% - 160px);
    width: calc(100% - 160px);
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .blockList__content {
    width: 100%;
  }
}
.blockList__desc {
  margin: 0;
  width: 100%;
  font-size: 16px;
  line-height: 22px;
  color: #4d4d4d;
}
.blockList__title {
  margin: 0;
  font-size: 24px;
  line-height: 20px;
  color: #000000;
  text-transform: uppercase;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .blockList__title {
    line-height: 24px;
    font-size: 18px;
  }
}
.blockList__title span {
  color: #4d4d4d;
  font-family: "BrandonGrotesqueMedium";
  font-size: 16px;
}
.blockList__subtitle {
  font-size: 20px;
  margin: 0 0 3px 0;
  color: #4d4d4d;
}
.blockList__date {
  margin: 0;
  padding: 0 0 5px 164px;
  color: #0f8ab8;
  cursor: pointer;
  font-family: "BrandonGrotesqueBold";
  font-size: 16px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .blockList__date {
    padding-left: 0;
  }
}
.blockList__date .headingTownDate {
  position: relative;
}
.blockList__date .headingTownDate [class*=icon-] {
  font-size: 60px;
  position: absolute;
  top: -17px;
  right: -60px;
}
.blockList__date.on {
  border-bottom: solid 1px #d1d1d1;
}
.blockList__date.on .headingTownDate [class*=icon-] {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.blockList__date.on .headingTownDate::before {
  content: "";
  background-color: #ffffff;
  display: block;
  position: absolute;
  top: 13px;
  right: -43px;
  width: 25px;
  height: 20px;
}
.blockList__date.on .headingTownDate::after {
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e906";
  color: #d1d1d1;
  display: block;
  font-size: 80px;
  position: absolute;
  top: -17px;
  right: -70px;
}
.blockList__subscription {
  position: absolute;
  right: 0;
  top: 30px;
  width: 145px;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .blockList__subscription {
    position: static;
    margin: 20px 0 0;
    width: 100%;
    *zoom: 1;
  }
  .blockList__subscription:before, .blockList__subscription:after {
    content: "";
    display: table;
  }
  .blockList__subscription:after {
    clear: both;
  }
}
.blockList__subscription .buttonC2 {
  font-size: 15px;
  padding: 10px 0;
  width: 100%;
  margin-top: 60px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .blockList__subscription .buttonC2 {
    width: 145px;
    vertical-align: middle;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .blockList__subscription .buttonC2 {
    float: right;
    margin-top: 3px;
  }
}
.blockList__subscription a.buttonC2 {
  display: inline-block;
  text-align: center;
  text-decoration: none;
}
.blockList__subscription .subscription__textPrice + .buttonC2 {
  margin-top: 0;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .blockList__subscription .subscription__textPrice {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
  }
}
.blockList__subscription .subscription__text {
  color: #4d4d4d;
  font-family: "BrandonGrotesqueMedium";
  font-size: 16px;
  text-align: center;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .blockList__subscription .subscription__text {
    text-align: left;
  }
}
.blockList__subscription .subscription__price {
  color: #0f8ab8;
  font-family: "BrandonGrotesqueMedium";
  font-size: 24px;
  text-align: center;
  text-transform: uppercase;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .blockList__subscription .subscription__price {
    text-align: left;
  }
}
.blockList .stamp {
  text-transform: uppercase;
  font-size: 13px;
  padding: 3px 5px 0;
  margin: 0 0 7px 0;
  display: inline-block;
}
.blockList .stamp--C2 {
  background-color: #ffa200;
  color: #ffffff;
}
.blockList .stamp--CG4 {
  background-color: #e6e6e6;
}
.blockList .contentDate {
  border: solid 1px #d1d1d1;
  border-top: none;
  padding: 15px 1.6129032258%;
  position: relative;
}
.blockList .contentDate__close {
  cursor: pointer;
  font-size: 30px;
  position: absolute;
  top: 10px;
  right: 20px;
}
.blockList .contentDate__duration {
  font-family: "BrandonGrotesqueMedium";
  font-size: 20px;
  margin: 0 0 10px;
}
@media only screen and (max-device-width: 992px), (max-width: 992px) {
  .blockList .contentDate__duration {
    font-size: 16px;
    margin-bottom: 5px;
  }
}
.blockList .contentDate__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.blockList .contentDate__list .list__item {
  font-size: 0;
  margin-bottom: 10px;
}
.blockList .contentDate__list .list__item span:not(:last-child) {
  padding-right: 5px;
}
.blockList .contentDate__list .list__item span:not(.list__title) {
  width: -moz-calc(100% / 6);
  width: -webkit-calc(100% / 6);
  width: calc(100% / 6);
  display: inline-block;
  cursor: pointer;
  font-family: "BrandonGrotesqueRegular";
  font-size: 14px;
}
.blockList .contentDate__list .list__item span:not(.list__title):hover {
  color: #0f8ab8;
}
@media only screen and (max-device-width: 992px), (max-width: 992px) {
  .blockList .contentDate__list .list__item span:not(.list__title) {
    width: -moz-calc(100% / 5);
    width: -webkit-calc(100% / 5);
    width: calc(100% / 5);
  }
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .blockList .contentDate__list .list__item span:not(.list__title) {
    width: -moz-calc(100% / 3);
    width: -webkit-calc(100% / 3);
    width: calc(100% / 3);
    line-height: 28px;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .blockList .contentDate__list .list__item span:not(.list__title) {
    width: -moz-calc(100% / 2);
    width: -webkit-calc(100% / 2);
    width: calc(100% / 2);
  }
}
@media only screen and (max-device-width: 320px), (max-width: 320px) {
  .blockList .contentDate__list .list__item span:not(.list__title) {
    width: -moz-calc(100%);
    width: -webkit-calc(100%);
    width: calc(100%);
  }
}
.blockList .contentDate__list .list__item span:nth-child(n+7):nth-child(-n+7) {
  display: none;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .blockList .contentDate__list .list__item span:nth-child(n+5):nth-child(-n+7) {
    display: none;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .blockList .contentDate__list .list__item span:nth-child(n+4):nth-child(-n+7) {
    display: none;
  }
}
@media only screen and (max-device-width: 320px), (max-width: 320px) {
  .blockList .contentDate__list .list__item span:nth-child(n+3):nth-child(-n+7) {
    display: none;
  }
}
.blockList .contentDate__list .list__title {
  width: -moz-calc(100% / 6);
  width: -webkit-calc(100% / 6);
  width: calc(100% / 6);
  display: inline-block;
  color: #0f8ab8;
  font-family: "BrandonGrotesqueBold";
  font-size: 20px;
}
@media only screen and (max-device-width: 992px), (max-width: 992px) {
  .blockList .contentDate__list .list__title {
    font-size: 16px;
    margin-bottom: 5px;
    width: 100%;
  }
}
.blockList .contentDate__link {
  color: #4d4d4d;
  font-family: "BrandonGrotesqueMedium";
  font-size: 16px;
  margin-top: 15px;
  text-decoration: none;
}
.blockList .contentDate__link [class*=icon-] {
  vertical-align: middle;
}
.blockList .contentDate__link:hover {
  color: #0f8ab8;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .blockList .contentDate__link {
    display: inline;
  }
}

.blockList2 {
  margin: 0 0 30px 0;
  padding: 0;
  list-style: none;
}
.blockList2__element {
  margin: 0;
  padding: 0;
}
@media (max-width: 480px) {
  .blockList2__element {
    margin: 0 0 0 10px;
  }
}
.blockList2__element__title {
  margin: 0;
  padding: 0;
}
.blockList2__element__title--thema {
  width: calc(100% - 65px);
  display: inline-block;
}
.blockList2__element a {
  text-decoration: none;
  font-size: 22px;
  color: #000000;
  font-weight: bold;
  line-height: 24px;
}
@media (max-width: 480px) {
  .blockList2__element a {
    margin: 0;
  }
}
.blockList2__element a:hover {
  color: #0f8ab8;
}
.blockList2__element .icon-squared {
  margin: 10px 10px 0 40px;
  vertical-align: top;
}
.blockList2__arrow {
  margin: 0 0 0 40px;
  padding: 0 20px 0 0;
  background-image: url("/img/commun/arrow.png");
  background-repeat: no-repeat;
  background-position: right 6px;
}

.twoColumns {
  *zoom: 1;
}
.twoColumns:before, .twoColumns:after {
  content: "";
  display: table;
}
.twoColumns:after {
  clear: both;
}
.twoColumns__col1 {
  width: 50%;
  float: left;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .twoColumns__col1 {
    width: 100%;
    float: none;
  }
}
.twoColumns__col2 {
  width: 50%;
  float: left;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .twoColumns__col2 {
    width: 100%;
    float: none;
  }
}

.error {
  color: #C53730;
}

.errorMessage {
  color: #C53730;
  font-family: "BrandonGrotesqueMedium";
  font-size: 10px;
  line-height: 14px;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
}

.errorPassword {
  margin: 0;
}
.errorLetter, .errorNumber {
  padding: 0 5px 0 20px;
}
.errorCapital {
  padding: 0 0 0 20px;
}
.errorLetter, .errorNumber, .errorCapital {
  color: #979797;
  font-size: 15px;
  line-height: 21px;
  position: relative;
}
.errorLetter::before, .errorNumber::before, .errorCapital::before {
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-color: #C53730;
  content: "\e90e";
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  padding: 1px;
  position: absolute;
  top: 3px;
  left: 0;
}
.errorLetter.is-ok::before, .errorNumber.is-ok::before, .errorCapital.is-ok::before {
  content: "\e90b";
  background-color: #5cbb46;
  padding: 3px;
  font-size: 11px;
}

.validText {
  color: #5cbb46;
}

.floatingWrapper.is-valid::after, .floatingWrapper.is-error::after {
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  color: #ffffff;
  position: absolute;
  right: 10px;
  top: 17px;
}
.floatingWrapper.is-valid::after {
  content: "\e90b";
  background-color: #5cbb46;
  padding: 2px;
}
.floatingWrapper.is-error:after {
  content: "\e90e";
  background-color: #C53730;
  font-size: 16px;
  font-weight: bold;
  padding: 1px;
}

.inputText {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  padding: 8px;
  font-size: 20px;
  border: 1px #d1d1d1 solid;
  color: #4d4d4d;
}
.inputText:focus {
  border: 2px #5690d1 solid;
}
.inputText--valid {
  border: 2px #5cbb46 solid;
}
.inputText--error {
  border: 2px #C53730 solid;
  background-color: #ffe7e7;
}

.insert__capsule {
  -moz-border-radius: 41px;
  -webkit-border-radius: 41px;
  border-radius: 41px;
  font-size: 0;
  width: 100%;
}
.insert__capsule .capsuleContent {
  position: relative;
  display: inline-block;
  font-size: 20px;
  font-family: "BrandonGrotesqueMedium";
  line-height: 29px;
  text-align: center;
  width: 50%;
}
.insert__capsule .capsuleContent .capsuleDesign {
  position: absolute;
  left: -9999em;
}
.insert__capsule .capsuleContent .capsuleDesign + .label {
  -moz-transition: -moz-all 0.3s ease-out;
  -webkit-transition: -webkit-all 0.3s ease-out;
  -o-transition: -o-all 0.3s ease-out;
  -ms-transition: -ms-all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background-color: #ffffff;
  color: #ffa200;
  cursor: pointer;
  display: block;
  padding: 9px 0;
  height: 100%;
  width: 100%;
}
.insert__capsule .capsuleContent .capsuleDesign + .label--1 {
  -moz-border-radius: 41px 0 0 41px;
  -webkit-border-radius: 41px 0 0 41px;
  border-radius: 41px 0 0 41px;
  border: solid 1px #ffa200;
}
.insert__capsule .capsuleContent .capsuleDesign + .label--2 {
  -moz-border-radius: 0 41px 41px 0;
  -webkit-border-radius: 0 41px 41px 0;
  border-radius: 0 41px 41px 0;
  border: solid 1px #ffa200;
  border-left: none;
}
.insert__capsule .capsuleContent .capsuleDesign:checked + .label {
  color: #ffffff;
  background-color: #ffa200;
}
.insert__capsule .capsuleContent .capsuleDesign:checked + .label--1 {
  border: solid 1px #ffa200;
}
.insert__capsule .capsuleContent .capsuleDesign:checked + .label--2 {
  border: solid 1px #ffa200;
  border-left: none;
}
.insert__capsule .capsuleContent .capsuleDesign:not(:checked):hover + .label {
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
  text-decoration: underline;
}
.insert__counter {
  background: #ffffff;
  border: 1px solid #d1d1d1;
  border-radius: 3px;
  font-size: 0;
  text-align: center;
  width: 160px;
}
.insert__counter.is-error {
  border: solid 1px #C53730;
}
.insert__counter .counter__incrementation {
  display: inline-block;
  background-color: #c4c4c4;
  color: #ffa200;
  font-family: "BrandonGrotesqueRegular";
  font-size: 36px;
  height: 100%;
  padding: 0;
  width: 50px;
  vertical-align: middle;
}
.insert__counter .counter__incrementation:disabled {
  color: #f3f3f3;
}
.insert__counter .counter__amount {
  display: inline-block;
  border: none;
  font-family: "BrandonGrotesqueMedium";
  font-size: 20px;
  line-height: 29px;
  text-align: center;
  padding: 11px 0;
  width: 58px;
  vertical-align: middle;
}
.insert__withBtn.is-valid .button, .insert__withBtn.is-error .button {
  display: none;
}
.insert__withBtn.is-error {
  border-color: #C53730;
}
.insert__withBtn.is-error label {
  color: #C53730;
}
.insert__withBtn.is-valid label {
  color: #5cbb46;
}
.insert__withBtn .floating__input {
  padding-right: 55px;
}
.insert__withBtn .button {
  -moz-border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  background-color: #c4c4c4;
  color: #ffa200;
  cursor: pointer;
  font-family: "BrandonGrotesqueMedium";
  font-size: 20px;
  line-height: 29px;
  height: 100%;
  padding: 0;
  width: 50px;
  text-transform: uppercase;
  position: absolute;
  top: 0;
  right: 0;
}
.insert__checkbox {
  position: relative;
}
.insert__checkbox .checkbox__input {
  position: absolute;
  left: -9999em;
}
.insert__checkbox .checkbox__input:checked + .checkbox__label::before {
  background-color: #979797;
}
.insert__checkbox .checkbox__input:checked + .checkbox__label::after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.insert__checkbox .checkbox__input:disabled + .checkbox__label::before {
  background-color: #c4c4c4;
}
.insert__checkbox .checkbox__input__type2:checked + .checkbox__label::before {
  border: 1px solid #000000;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 2px 2px 0 0 black;
  -moz-box-shadow: 2px 2px 0 0 black;
  box-shadow: 2px 2px 0 0 black;
  background-color: #ffa200;
}
.insert__checkbox .checkbox__input__type2:checked + .checkbox__label::after {
  opacity: 0;
}
.insert__checkbox .checkbox__input__type2:disabled + .checkbox__label::before {
  border: 1px solid #c4c4c4;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.5);
  background-color: #c4c4c4;
}
.insert__checkbox .checkbox__label {
  color: #4d4d4d;
  cursor: pointer;
  font-size: 20px;
  line-height: 29px;
  padding-left: 28px;
  position: relative;
}
.insert__checkbox .checkbox__label.fontSize--15 {
  font-size: 15px;
  line-height: 21px;
}
.insert__checkbox .checkbox__label.fontSize--15::before {
  top: 1px;
}
.insert__checkbox .checkbox__label.fontSize--15 a {
  color: #4d4d4d;
}
.insert__checkbox .checkbox__label::before {
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -ms-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  content: "";
  width: 18px;
  height: 18px;
  background-color: #ffffff;
  border: 2px solid #979797;
  display: block;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 4px;
}
.insert__checkbox .checkbox__label::after {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease;
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0;
  content: "\e90b";
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  display: block;
  position: absolute;
  left: 2px;
  top: 5px;
}
.insert__checkbox .checkbox__label__type2::before {
  border: 1px solid #000000;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 2px 2px 0 0 black;
  -moz-box-shadow: 2px 2px 0 0 black;
  box-shadow: 2px 2px 0 0 black;
  background-color: #ffffff;
}
.insert__checkbox.is-error .checkbox__label {
  color: #C53730;
}
.insert__checkbox.is-error .checkbox__label.fontSize--15 a {
  color: #C53730;
}
.insert__checkbox.is-error .checkbox__label::before {
  border: 2px solid #C53730;
}
.floatingWrapper {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  position: relative;
}
.floatingWrapper.fieldActive .floating__label {
  -moz-transform: translateY(-25px);
  -webkit-transform: translateY(-25px);
  -o-transform: translateY(-25px);
  -ms-transform: translateY(-25px);
  transform: translateY(-25px);
  font-size: 10px;
  text-transform: uppercase;
  color: #ffa200;
}
.floatingWrapper.fieldActive .floating__input.required + label::after {
  font-size: 13px;
}
.floatingWrapper .floating__label {
  -moz-transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
  -moz-transition: -moz-transform 0.4s ease;
  -webkit-transition: -webkit-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease;
  color: #4d4d4d;
  font-family: "BrandonGrotesqueRegular";
  font-size: 20px;
  position: absolute;
  bottom: 8px;
  left: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  z-index: 2;
}
.floatingWrapper .floating__input {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #ffffff;
  border: 1px solid #d1d1d1;
  color: #4d4d4d;
  font-family: "BrandonGrotesqueRegular";
  font-size: 20px;
  height: 51px;
  padding: 19px 30px 12px 10px;
  width: 100%;
}
.floatingWrapper .floating__input:focus {
  border: solid 1px #ffa200;
}
.floatingWrapper .floating__input.required + label::after {
  content: "*";
  font-size: 18px;
  margin-left: 5px;
}
.floatingWrapper .floating__input.is-error {
  border: solid 1px #C53730;
}
.floatingWrapper .floating__input.is-error + label {
  color: #C53730;
}
.floatingWrapper .floating__input.is-valid + label {
  color: #5cbb46;
}
.floatingWrapper .floating__input:disabled {
  color: #c4c4c4;
}
.floatingWrapper .floating__input:disabled + .floating__label {
  color: #c4c4c4;
}

.selectText,
.select2-container .select2-selection--single {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  background: #ffffff;
  border: 1px solid #d1d1d1;
  font-size: 20px;
  line-height: 29px;
  color: #4d4d4d;
  padding: 11px 10px;
  width: 100%;
}
.selectText:focus,
.select2-container .select2-selection--single:focus {
  border: solid 1px #ffa200;
}
.selectText.is-error,
.select2-container .select2-selection--single.is-error {
  border: solid 1px #C53730;
}

.select2-container {
  width: 100%;
}
.select2-container--default .select2-selection--single {
  height: auto;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 13px;
  right: 5px;
}
.select2-container--default .select2-dropdown {
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  background: #ffffff;
  border: 1px solid #d1d1d1;
  font-size: 20px;
  line-height: 29px;
  color: #4d4d4d;
  padding: 10px;
  margin-top: 5px;
  width: 100%;
}
.select2-container--default .select2-dropdown .select2-search {
  display: none;
}
.select2-container--default .select2-dropdown .select2-results__option {
  padding: 10px;
  margin: 10px 0;
}
.select2-container--default .select2-dropdown .select2-results__option--highlighted[aria-selected] {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #e6e6e6;
  color: #4d4d4d;
}
.select2-container--default .select2-dropdown .select2-results .title {
  font-family: "BrandonGrotesqueBold";
}

.select {
  padding: 7px;
  font-size: 20px;
  border: 1px #d1d1d1 solid;
  color: #4d4d4d;
  border-radius: 3px;
  height: 52px;
}
.select .valid {
  border: 1px solid #5cbb46;
}

/* Base for label styling */
.checkbox:not(:checked),
.checkbox:checked {
  position: absolute;
  left: -9999px;
}

.checkbox:not(:checked) + label,
.checkbox:checked + label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}

/* checkbox aspect */
.checkbox:not(:checked) + label:before,
.checkbox:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 17px;
  height: 17px;
  border: 1px solid #d1d1d1;
  background: #ffffff;
  border-radius: 4px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* checked mark aspect */
.checkbox:not(:checked) + label:after,
.checkbox:checked + label:after {
  font-family: "icomoon";
  content: "\e90a";
  position: absolute;
  top: 6px;
  left: 3px;
  font-size: 18px;
  line-height: 0.8;
  color: #4d4d4d;
  transition: all 0.2s;
}

.checkbox__type2 .checkbox:not(:checked) + label:before,
.checkbox__type2 .checkbox:checked + label:before {
  border: 1px solid #000000;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 2px 2px 0 0 black;
  -moz-box-shadow: 2px 2px 0 0 black;
  box-shadow: 2px 2px 0 0 black;
  background-color: #ffffff;
}
.checkbox__type2 .checkbox:not(:checked) + label:after,
.checkbox__type2 .checkbox:checked + label:after {
  border: 1px solid #000000;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 2px 2px 0 0 black;
  -moz-box-shadow: 2px 2px 0 0 black;
  box-shadow: 2px 2px 0 0 black;
  background-color: #ffa200;
  left: 1px;
  color: #ffa200;
  line-height: 1;
}

/* checked mark aspect changes */
.checkbox:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

.checkbox:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

/* disabled checkbox */
.checkbox:disabled:not(:checked) + label:before,
.checkbox:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}

.checkbox:disabled:checked + label:after {
  color: #999;
}

.checkbox:disabled + label {
  color: #aaa;
}

.input__number {
  position: relative;
  display: inline-block;
}

.input-number {
  width: 80px;
  padding: 8px 12px;
  vertical-align: top;
  text-align: center;
  outline: none;
}

.input-number,
.input-number-decrement,
.input-number-increment {
  border: 1px #d1d1d1 solid;
  height: 47px;
  user-select: none;
}

.input-number-decrement,
.input-number-increment {
  display: inline-block;
  width: 30px;
  line-height: 38px;
  background: #e6e6e6;
  color: #4d4d4d;
  text-align: center;
  font-size: 30px;
}
.input-number-decrement:active,
.input-number-increment:active {
  background: #ddd;
}

.input-number-decrement {
  position: absolute;
  top: 0;
  left: 0;
  border-right: none;
  border-radius: 4px 0 0 4px;
  cursor: pointer;
}

.input-number-increment {
  position: absolute;
  top: 0;
  right: 0;
  border-left: none;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
}

.listRadio li {
  position: relative;
  color: #4d4d4d;
  font-size: 22px;
}
.listRadio li input[type=radio] {
  position: absolute;
  visibility: hidden;
  top: 30px;
  left: 30px;
}
.listRadio li .labelRadio {
  display: inline-block;
  position: relative;
  padding: 10px 25px 10px 60px;
  margin: 10px auto;
  height: 30px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
}
.listRadio li .check {
  -webkit-box-shadow: 0 0 4px 1px #d1d1d1;
  -moz-box-shadow: 0 0 4px 1px #d1d1d1;
  box-shadow: 0 0 4px 1px #d1d1d1;
  display: block;
  position: absolute;
  border: 2px solid #d1d1d1;
  border-radius: 100%;
  height: 30px;
  width: 30px;
  top: 20px;
  left: 20px;
  z-index: 5;
  transition: border 0.25s linear;
  -webkit-transition: border 0.25s linear;
}
.listRadio li .check::before {
  display: block;
  position: absolute;
  content: "";
  border-radius: 100%;
  height: 20px;
  width: 20px;
  top: 3px;
  left: 3px;
  margin: auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
}
.listRadio li input[type=radio][checked=checked] ~ .check {
  background-color: #e6e6e6;
}
.listRadio li input[type=radio][checked=checked] ~ .check::before {
  background-color: #5cbb46;
}
.listRadio li input[checked=checked] + .labelRadio,
.listRadio li input:checked + .labelRadio {
  color: #5cbb46;
}
.listRadio li input[checked=checked] ~ .product__price,
.listRadio li input:checked ~ .product__price,
.listRadio li input[type=radio]:checked ~ .product__price {
  color: #5cbb46;
}
.listRadio li input[type=radio]:checked ~ .check {
  background-color: #e6e6e6;
}
.listRadio li input[type=radio]:checked ~ .check::before {
  background-color: #5cbb46;
}

.input {
  position: relative;
  z-index: 1;
  display: inline-block;
  margin: 0;
  width: calc(100% - 2em);
  vertical-align: top;
}

.input__field {
  position: relative;
  display: block;
  float: right;
  padding: 0.8em;
  width: 60%;
  border: none;
  border-radius: 0;
  background: #f0f0f0;
  color: #aaa;
  -webkit-appearance: none; /* for box shadows to show on iOS */
}
.input__field:focus {
  outline: none;
  border: 1px #5690d1 solid;
}
.input__label {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  float: right;
  padding: 0 1em;
  width: 40%;
  min-width: 200px;
  font-size: 70.25%;
}
.input__label-content {
  position: relative;
  display: block;
  padding: 16px 0 16px 10px;
  width: 100%;
  font-size: 20px;
  font-weight: normal;
}

.input--hoshi {
  overflow: hidden;
}

.input__field--hoshi {
  margin: 10px 0 0 0;
  font-family: "BrandonGrotesqueRegular";
  padding: 16px 10px 4px 10px;
  width: 100%;
  font-size: 20px;
  background: transparent;
  color: #4d4d4d;
  border: 1px #d1d1d1 solid;
  border-radius: 3px;
}
.input__field--hoshi.valid {
  border: 1px solid #5cbb46;
}
.input__field--hoshi.error {
  border: 1px solid #C53730;
}
.input__field--hoshi:focus {
  padding: 16px 10px 4px 10px;
  border: 1px solid #5690d1;
}
.input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi {
  font-size: 12px;
  font-family: "BrandonGrotesqueMedium";
  top: 11px;
}

.input__label--hoshi {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  width: 100%;
  height: calc(100% - 1em);
  text-align: left;
  pointer-events: none;
}
.input__label--hoshi::before, .input__label--hoshi::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 10px);
}
.input__label--hoshi::after {
  margin-top: 2px;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}
.input__label-content--hoshi {
  position: absolute;
  color: #4d4d4d;
}

.input__field--hoshi:focus + .input__label--hoshi::after,
.input__field--hoshi[value] + .input__label--hoshi::after,
.input--filled .input__label--hoshi::after {
  padding: 16px 10px 4px 10px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi,
.input--filled .input__label-content--hoshi {
  font-size: 12px;
  font-family: "BrandonGrotesqueMedium";
  color: #4d4d4d;
  top: 10px;
  -webkit-animation: anim-1 0.5s forwards;
  animation: anim-1 0.5s forwards;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi,
  .input--filled .input__label-content--hoshi {
    top: 30px;
  }
}

.input--error .input__field,
.input--error:focus .input__field {
  border: 1px #C53730 solid;
}
.input--error .input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi,
.input--error:focus .input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi {
  color: #C53730;
}

.input--valid .input__field,
.input--valid:focus .input__field {
  border: 1px #5cbb46 solid;
}
.input--valid .input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi,
.input--valid:focus .input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi {
  color: #5cbb46;
}
.input--valid.input--filled .input__label-content--hoshi,
.input--valid:focus.input--filled .input__label-content--hoshi {
  color: #5cbb46;
}

.buttonfileright input[type=file] {
  -webkit-appearance: none;
  text-align: left;
  padding: 14px 14px 14px 150px;
  -webkit-rtl-ordering: left;
  font-size: 16px;
}
.buttonfileright input[type=file]::-webkit-file-upload-button {
  -webkit-appearance: none;
  float: right;
  margin: 0 0 0 10px;
  border: 1px solid #aaaaaa;
  border-radius: 4px;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#d2d0d0), to(#f0f0f0));
  background-image: -moz-linear-gradient(90deg, #d2d0d0 0%, #f0f0f0 100%);
}

.linkC2 {
  text-decoration: none;
  display: inline-block;
  position: relative;
  padding: 0 0 0 25px;
  color: #ffa200;
  text-transform: uppercase;
  font-size: 14px;
  font-family: "BrandonGrotesqueBold";
}
.linkC2 .linkC2__arrow {
  font-size: 27px;
  position: absolute;
  height: 26px;
  top: -4px;
  left: 0;
}
.linkC2 .linkC2__arrow--right {
  font-size: 60px;
  position: absolute;
  height: 26px;
  top: -21px;
  right: -40px;
}

.containerInte {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1240px;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
}
.containerInte *,
.containerInte *:before,
.containerInte *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.titreInte {
  margin-bottom: 0;
  font-size: 30px;
  font-weight: normal;
}

.zoneInte {
  padding: 20px 0;
  border-bottom: 2px dotted DarkCyan;
}
.zoneInte:last-child {
  border-bottom: none;
}
.zoneInte__h2 {
  margin: 0 0 5px 0;
  font-size: 24px;
  font-weight: normal;
  color: #2d90bd;
}
.zoneInte__h3 {
  margin: 0.7em 0 0.2em;
}
.zoneInte .imgGrayscale {
  display: inline-block;
  width: 112px;
}
.zoneInte .imgGrayscale + .imgGrayscale {
  margin-left: 10px;
}
.zoneInte .conteneurVariables div {
  margin-bottom: 5px;
  padding: 5px;
  border: 1px solid black;
}
.zoneInte .conteneurVariables div.widthDefault {
  width: 1240px;
}
.zoneInte .conteneurVariables div.widthMediumDevice {
  width: 992px;
}
.zoneInte .conteneurVariables div.widthTablet {
  width: 769px;
}
.zoneInte .conteneurVariables div.widthMobile {
  width: 480px;
}
.zoneInte .conteneurVariables div.widthSmallDevice {
  width: 320px;
}
.zoneInte .conteneurCouleurs span {
  margin-bottom: 5px;
  padding: 5px;
  width: 380px;
  display: inline-block;
  border: 1px solid black;
}
.zoneInte .conteneurCouleurs span.inteColor1 {
  background-color: #000000;
  color: #ffffff;
}
.zoneInte .conteneurCouleurs span.inteColor2 {
  background-color: #4d4d4d;
  color: #ffffff;
}
.zoneInte .conteneurCouleurs span.inteColor3 {
  background-color: #d1d1d1;
}
.zoneInte .conteneurCouleurs span.inteColor4 {
  background-color: #e6e6e6;
}
.zoneInte .conteneurCouleurs span.inteColor5 {
  background-color: #ffffff;
}
.zoneInte .conteneurCouleurs span.inteColor6 {
  background-color: #f3f3f3;
}
.zoneInte .conteneurCouleurs span.inteColor7 {
  background-color: #c4c4c4;
}
.zoneInte .conteneurCouleurs span.inteColor8 {
  background-color: #979797;
}
.zoneInte .conteneurCouleurs span.inteColorTwitter {
  color: #3aaae1;
  background-color: #ffffff;
}
.zoneInte .conteneurCouleurs span.inteColorFocus {
  background-color: #FFFFFF;
  color: #5690d1;
  border: solid 1px #5690d1;
}
.zoneInte .conteneurCouleurs span.inteColorValid {
  background-color: #5cbb46;
  color: #ffffff;
  border: solid 1px #5cbb46;
}
.zoneInte .conteneurCouleurs span.inteColorError {
  background-color: #ffe7e7;
  color: #C53730;
  border: solid 1px #C53730;
}
.zoneInte .conteneurCouleurs span.colorCG5 {
  color: #000000;
}
.zoneInte .conteneurColorTheme {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.zoneInte .conteneurColorTheme .themeColor {
  margin: 10px 0;
  padding: 10px;
  width: 33.33%;
}
.zoneInte .conteneurColorTheme .themeColor p {
  margin-top: 0;
}
.zoneInte .conteneurColorTheme .themeColor__span {
  display: inline-block;
  padding: 10px;
  vertical-align: middle;
}
.zoneInte .conteneurColorTheme .themeColor--Argus .themeColor__span.is-color1 {
  background-color: #cc3333;
}
.zoneInte .conteneurColorTheme .themeColor--Argus .themeColor__span.is-color2 {
  background-color: #34747f;
}
.zoneInte .conteneurColorTheme .themeColor--Autoinfos .themeColor__span.is-color1 {
  background-color: #da001a;
}
.zoneInte .conteneurColorTheme .themeColor--Autoinfos .themeColor__span.is-color2 {
  background-color: #6277a2;
}
.zoneInte .conteneurColorTheme .themeColor--Autoentreprise .themeColor__span.is-color1 {
  background-color: #96161a;
}
.zoneInte .conteneurColorTheme .themeColor--Autoentreprise .themeColor__span.is-color2 {
  background-color: #81ada8;
}
.zoneInte .conteneurColorTheme .themeColor--Bipenerpresse .themeColor__span.is-color1 {
  background-color: #b1352b;
}
.zoneInte .conteneurColorTheme .themeColor--Bipenerpresse .themeColor__span.is-color2 {
  background-color: #0087c2;
}
.zoneInte .conteneurColorTheme .themeColor--Decisionatelier .themeColor__span.is-color1 {
  background-color: #007dbc;
}
.zoneInte .conteneurColorTheme .themeColor--Decisionatelier .themeColor__span.is-color2 {
  background-color: #000000;
}
.zoneInte .conteneurColorTheme .themeColor--Emballage .themeColor__span.is-color1 {
  background-color: #cc3333;
}
.zoneInte .conteneurColorTheme .themeColor--Emballage .themeColor__span.is-color2 {
  background-color: #3fbb91;
}
.zoneInte .conteneurColorTheme .themeColor--Gazcommunes .themeColor__span.is-color1 {
  background-color: #0f8ab8;
}
.zoneInte .conteneurColorTheme .themeColor--Gazcommunes .themeColor__span.is-color2 {
  background-color: #ffa200;
}
.zoneInte .conteneurColorTheme .themeColor--Infopro .themeColor__span.is-color1 {
  background-color: #cc3333;
}
.zoneInte .conteneurColorTheme .themeColor--Infopro .themeColor__span.is-color2 {
  background-color: #2a4c66;
}
.zoneInte .conteneurColorTheme .themeColor--Lme .themeColor__span.is-color1 {
  background-color: #cc3333;
}
.zoneInte .conteneurColorTheme .themeColor--Lme .themeColor__span.is-color2 {
  background-color: #89b500;
}
.zoneInte .conteneurColorTheme .themeColor--LSA .themeColor__span.is-color1 {
  background-color: #cc3333;
}
.zoneInte .conteneurColorTheme .themeColor--LSA .themeColor__span.is-color2 {
  background-color: #298d89;
}
.zoneInte .conteneurColorTheme .themeColor--Neo .themeColor__span.is-color1 {
  background-color: #d4003c;
}
.zoneInte .conteneurColorTheme .themeColor--Neo .themeColor__span.is-color2 {
  background-color: #000000;
}
.zoneInte .conteneurColorTheme .themeColor--Plantbased .themeColor__span.is-color1 {
  background-color: #9fc632;
}
.zoneInte .conteneurColorTheme .themeColor--Plantbased .themeColor__span.is-color2 {
  background-color: #d80072;
}
.zoneInte .conteneurColorTheme .themeColor--Surcar .themeColor__span.is-color1 {
  background-color: #000000;
}
.zoneInte .conteneurColorTheme .themeColor--Surcar .themeColor__span.is-color2 {
  background-color: #f29527;
}
.zoneInte .conteneurColorTheme .themeColor--Surfair .themeColor__span.is-color1 {
  background-color: #055893;
}
.zoneInte .conteneurColorTheme .themeColor--Surfair .themeColor__span.is-color2 {
  background-color: #000000;
}
.zoneInte .conteneurColorTheme .themeColor--Ud .themeColor__span.is-color1 {
  background-color: #1b9bd2;
}
.zoneInte .conteneurColorTheme .themeColor--Ud .themeColor__span.is-color2 {
  background-color: #000000;
}
.zoneInte .conteneurColorTheme .themeColor--Un .themeColor__span.is-color1 {
  background-color: #cc3333;
}
.zoneInte .conteneurColorTheme .themeColor--Un .themeColor__span.is-color2 {
  background-color: #2491c6;
}
.zoneInte.styleFont p {
  font-size: 20px;
}
.zoneInte.styleFont p.font1 {
  font-family: "BrandonGrotesqueRegular";
}
.zoneInte.styleFont p.font2 {
  font-family: "BrandonGrotesqueMedium";
}
.zoneInte.styleFont p.font3 {
  font-family: "BrandonGrotesqueBold";
}
.zoneInte.styleFontIcon span {
  margin: 5px 0;
  width: 30%;
  display: inline-block;
  font-size: 18px;
}
.zoneInte.styleFontIcon span [class*=icon-] {
  vertical-align: middle;
  font-size: 40px;
  color: black;
}
.zoneInte .conteneurTitles,
.zoneInte .conteneurButton {
  background-color: black;
  padding: 5px;
}
.zoneInte .demo__promo > div {
  display: inline-block;
  vertical-align: top;
  width: 170px;
}
.zoneInte .demo__counter > div {
  display: inline-block;
  vertical-align: top;
  width: 160px;
}

@viewport {
  width: device-width;
  zoom: 1;
}
.borderTopCG3 {
  border-top: 1px #d1d1d1 solid;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.clearLeft {
  clear: left;
}

.clearBoth {
  clear: both;
}

.clearFix {
  *zoom: 1;
}
.clearFix:before, .clearFix:after {
  content: "";
  display: table;
}
.clearFix:after {
  clear: both;
}

.ulBullet {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.ulBullet li p {
  margin: 0;
}

.displayBlock,
.show {
  display: block;
}

.displayInlineBlock {
  display: inline-block;
}

.displayNone {
  display: none;
}

.center {
  text-align: center;
}

.fontBold {
  font-family: "BrandonGrotesqueBold";
}

.fontMedium {
  font-family: "BrandonGrotesqueMedium";
}

.fontRegular {
  font-family: "BrandonGrotesqueRegular";
}

.upper {
  text-transform: uppercase;
}

.underline {
  text-decoration: underline;
}

.marginTop--0 {
  margin-top: 0;
}
.marginTop--5 {
  margin-top: 5px;
}
.marginTop--10 {
  margin-top: 10px;
}
.marginTop--20 {
  margin-top: 20px;
}
.marginTop--30 {
  margin-top: 30px;
}
.marginTop--40 {
  margin-top: 40px;
}

.marginBottom0 {
  margin-bottom: 0;
}
.marginBottom--5 {
  margin-bottom: 5px;
}
.marginBottom--15 {
  margin-bottom: 15px;
}
.marginBottom--20 {
  margin-bottom: 20px;
}
.marginBottom--64 {
  margin-bottom: 64px;
}

.marginNone {
  margin: 0;
}

.marginLeft--10 {
  margin-left: 10px;
}
.marginLeft--15 {
  margin-left: 15px;
}
.marginLeft--20 {
  margin-left: 20px;
}

/*! Gray v1.5.0 (https://github.com/karlhorky/gray) | MIT */
.grayscale {
  /* Firefox 10-34 */
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");
  /*
    Chrome 19+,
    Safari 6+,
    Safari 6+ iOS,
    Opera 15+
  */
  -webkit-filter: grayscale(1);
  /* Firefox 35+ */
  filter: grayscale(1);
  /* IE 6-9 */
  filter: gray;
}

.grayscale.grayscale-fade {
  transition: filter 0.5s;
}

/* Webkit hack until filter is unprefixed */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .grayscale.grayscale-fade {
    -webkit-transition: -webkit-filter 0.5s;
    transition: -webkit-filter 0.5s;
  }
}
.grayscale.grayscale-off,
.grayscale.grayscale-fade:hover {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

/* Background element */
.grayscale.grayscale-replaced {
  -webkit-filter: none;
  filter: none;
}

.grayscale.grayscale-replaced > svg {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 1;
}

.grayscale.grayscale-replaced.grayscale-off > svg,
.grayscale.grayscale-replaced.grayscale-fade:hover > svg {
  opacity: 0;
}

/**** pas sur tablette et mobile *****************/
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .isNoMobile {
    display: none !important;
  }
}
.isNoDesktop {
  display: none;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .isNoDesktop {
    display: block;
  }
}

.flecheDouble {
  background-image: url(/img/commun/sprite.png);
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-position: 0 -160px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 10px;
}

/* iframe */
.videoFrame {
  width: 100%;
  border: none;
}

.anchorType {
  position: absolute;
  margin-top: -180px;
}

.borderModele {
  border: 1px solid #000000;
  padding: 15px;
}

/* Stars rating */
.blocStarRating {
  float: left;
  width: 24.1935483871%;
  margin: 0 0 0 10.0806451613%;
  min-height: 70px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .blocStarRating {
    float: none;
    width: 300px;
    margin: 0 auto;
  }
}
.blocStarRating.noPicture {
  float: none;
  margin: 0 auto;
}
.blocStarRating p {
  margin-bottom: 0;
}
.blocStarRating .note, .blocStarRating .nbAvis {
  width: 94px;
  margin-top: 5px;
}
.blocStarRating .note, .blocStarRating .star-ratings-css {
  float: left;
}
.blocStarRating .nbAvis {
  float: right;
}
.blocStarRating .star-ratings-css {
  unicode-bidi: bidi-override;
  color: #c5c5c5;
  font-size: 25px;
  height: 25px;
  width: 105px;
  margin: 0 auto;
  position: relative;
  padding: 0;
  text-shadow: 0px 1px 0 #a2a2a2;
}
.blocStarRating .star-ratings-css-top {
  color: #e7711b;
  padding: 0;
  position: absolute;
  z-index: 1;
  display: block;
  top: 0;
  left: 0;
  overflow: hidden;
}
.blocStarRating .star-ratings-css-bottom {
  padding: 0;
  display: block;
  z-index: 0;
}
.blocStarRating--formation {
  margin-left: 0;
  min-height: auto;
  float: none;
  clear: both;
  width: 750px;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .blocStarRating--formation {
    width: 100%;
  }
}
.blocStarRating--formation.noPicture {
  margin: 0;
}
.blocStarRating--formation .star-ratings-css {
  width: auto;
}
.blocStarRating--formation .star-ratings-css-top {
  color: #000;
}
.blocStarRating--formation .note, .blocStarRating--formation .star-ratings-css, .blocStarRating--formation .nbAvis {
  float: left;
  display: inline-block;
}
.blocStarRating--formation .note, .blocStarRating--formation .nbAvis {
  width: auto;
  margin-top: 10px;
  margin-left: 10px;
}
.blocStarRating--formation .nbAvis {
  color: #323232;
  font-size: 14px;
  text-decoration: underline;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .blocStarRating--formation .nbAvis {
    margin-left: 0;
  }
}

/* Fin Stars rating */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: 0;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-list, .slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:after, .slick-track:before {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-loading .slick-list {
  background: #fff url(ajax-loader.gif) center center no-repeat;
}

@font-face {
  font-family: slick;
  src: url(fonts/slick.eot);
  src: url(fonts/slick.eot?#iefix) format("embedded-opentype"), url(fonts/slick.woff) format("woff"), url(fonts/slick.ttf) format("truetype"), url(fonts/slick.svg#slick) format("svg");
  font-weight: 400;
  font-style: normal;
}
.slick-next, .slick-prev {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: 0 0;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: 0;
}

.slick-next:focus .slick-next-icon:before, .slick-next:focus .slick-prev-icon:before, .slick-next:hover .slick-next-icon:before, .slick-next:hover .slick-prev-icon:before, .slick-prev:focus .slick-next-icon:before, .slick-prev:focus .slick-prev-icon:before, .slick-prev:hover .slick-next-icon:before, .slick-prev:hover .slick-prev-icon:before {
  opacity: 1;
}

.slick-next.slick-disabled, .slick-prev.slick-disabled {
  cursor: default;
}

.slick-next.slick-disabled .slick-next-icon:before, .slick-next.slick-disabled .slick-prev-icon:before, .slick-prev.slick-disabled .slick-next-icon:before, .slick-prev.slick-disabled .slick-prev-icon:before {
  opacity: 0.25;
}

.slick-next .slick-next-icon:before, .slick-next .slick-prev-icon:before, .slick-prev .slick-next-icon:before, .slick-prev .slick-prev-icon:before {
  font-family: slick;
  font-size: 20px;
  line-height: 1;
  color: #fff;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-prev .slick-prev-icon:before {
  content: "←";
}

[dir=rtl] .slick-prev .slick-prev-icon:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}

.slick-next .slick-next-icon:before {
  content: "→";
}

[dir=rtl] .slick-next .slick-next-icon:before {
  content: "←";
}

.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: 0 0;
  display: block;
  height: 20px;
  width: 20px;
  outline: 0;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:focus, .slick-dots li button:hover {
  outline: 0;
}

.slick-dots li button:focus .slick-dot-icon, .slick-dots li button:hover .slick-dot-icon {
  opacity: 1;
}

.slick-dots li button .slick-dot-icon {
  color: #000;
  opacity: 0.25;
}

.slick-dots li button .slick-dot-icon:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: slick;
  font-size: 6px;
  line-height: 20px;
  text-align: center;
}

.slick-dots li.slick-active button .slick-dot-icon {
  color: #000;
  opacity: 0.75;
}

.slick-sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.slick-autoplay-toggle-button {
  position: absolute;
  left: 5px;
  bottom: -25px;
  z-index: 10;
  opacity: 0.75;
  background: 0 0;
  border: 0;
  cursor: pointer;
}

.slick-autoplay-toggle-button:focus, .slick-autoplay-toggle-button:hover {
  outline: 0;
  opacity: 1;
}

.slick-autoplay-toggle-button .slick-pause-icon:before {
  content: "⏸";
  width: 20px;
  height: 20px;
  font-family: slick;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
}

.slick-autoplay-toggle-button .slick-play-icon:before {
  content: "▶";
  width: 20px;
  height: 20px;
  font-family: slick;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
}

.centrage {
  margin: auto;
  max-width: 1440px;
  padding-left: 80px;
  padding-right: 80px;
  position: relative;
  width: 100%;
}

@media screen and (max-width: 992px) {
  .centrage {
    padding-left: 32px;
    padding-right: 32px;
  }
}
/**

    ===================================
    Module slider (slick)
    ===================================
    Le slider se base sur le script slick
    => js (js/plugin/slick.min.js)
    => css (sass/plugin/slick.min)

 */
.slider-new-wrapper {
  overflow-x: hidden;
}

.slider-new {
  margin: 40px auto 100px auto;
  position: relative;
  /**

      ==================================
      modifieurs (module slider slick)
      ==================================

   */
}
.slider-new.slick-dotted {
  margin-bottom: 140px;
}
.slider-new .slick-list {
  margin: auto;
}
.slider-new .slick-track {
  display: flex !important;
}
.slider-new .slick-slide {
  height: inherit !important;
}
.slider-new .slick-slide > div {
  height: 100%;
  margin-right: 24px;
}
.slider-new .slick-arrow {
  background-color: #136E95;
  border-radius: 50%;
  bottom: -70px;
  height: 36px;
  left: auto;
  margin: auto;
  right: 10px;
  top: auto;
  transform: none;
  width: 36px;
  z-index: 1;
}
.slider-new .slick-arrow.slick-prev {
  right: 144px;
}
.slider-new .slick-arrow.slick-next {
  right: 100px;
}
.slider-new .slick-arrow .slick-next-icon:before, .slider-new .slick-arrow .slick-prev-icon:before {
  color: #FFFFFF;
  font-size: 14px;
  position: relative;
  top: 0;
}
.slider-new .slick-arrow.slick-disabled, .slider-new .slick-arrow.slick-disabled:hover {
  background-color: #F7F7F7;
}
.slider-new .slick-arrow.slick-disabled .slick-next-icon:before, .slider-new .slick-arrow.slick-disabled .slick-prev-icon:before, .slider-new .slick-arrow.slick-disabled:hover .slick-next-icon:before, .slider-new .slick-arrow.slick-disabled:hover .slick-prev-icon:before {
  color: #323232;
  opacity: 1;
}
.slider-new .slick-arrow:focus, .slider-new .slick-arrow:hover {
  background-color: #136E95;
}
.slider-new .slick-arrow:focus .slick-next-icon:before, .slider-new .slick-arrow:focus .slick-prev-icon:before, .slider-new .slick-arrow:hover .slick-next-icon:before, .slider-new .slick-arrow:hover .slick-prev-icon:before {
  color: #FFFFFF;
}
.slider-new .slick-dots {
  bottom: -100px;
  left: 50%;
  transform: translateX(-50%);
}
.slider-new .slick-dots li {
  margin: 0;
  padding: 6px;
  width: auto;
}
.slider-new .slick-dots li:before {
  content: none;
}
.slider-new .slick-dots li button {
  background: #DDDDDD;
  border-radius: 2px;
  height: 4px;
  margin: 0;
  padding: 0;
  transition: width 0.3s ease;
  width: 8px;
  will-change: width;
}
.slider-new .slick-dots li button .slick-dot-icon {
  display: none;
}
.slider-new .slick-dots li.slick-active button {
  background: #136E95;
  width: 32px;
}
.slider-new .slick-dots li:hover {
  cursor: pointer;
}
.slider-new--visible .slick-list {
  overflow: visible !important;
}

/**

    ==================================
    responsive (module slider slick)
    ==================================

*/
@media screen and (max-width: 992px) {
  .slider-new .slick-arrow.slick-prev {
    right: 78px;
  }
  .slider-new .slick-arrow.slick-next {
    right: 32px;
  }
}
.home .bx-wrapper {
  width: 84% !important;
  margin: 0 auto;
  border: 0;
  box-shadow: none;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .home .bx-wrapper {
    margin: 0 auto;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .home .bx-wrapper {
    margin: 0 auto;
  }
}
.home .bx-wrapper .bx-loading {
  background: url("../img/plugin/bxslider/bx_loader.gif") center center no-repeat #ffffff;
}
.home .bx-wrapper .bx-prev {
  left: -100px;
  background: url("../img/plugin/bxslider/prev.png") no-repeat 0 5px;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .home .bx-wrapper .bx-prev {
    left: -60px;
  }
}
.home .bx-wrapper .bx-next {
  right: -60px;
  background: url("../img/plugin/bxslider/next.png") no-repeat 0 5px;
}
.home .bx-wrapper .bx-controls-direction a {
  height: 42px;
  z-index: 1;
}
.home .bx-wrapper .bx-pager.bx-default-pager a {
  background-color: #ffffff;
  border: 1px #d1d1d1 solid;
}
.home .bx-wrapper .bx-pager.bx-default-pager a:hover, .home .bx-wrapper .bx-pager.bx-default-pager a.active, .home .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background-color: #4d4d4d;
}

.pageProduit .bx-wrapper, .pageAbcedaire .bx-wrapper {
  width: 100% !important;
  margin: 0 auto;
  border: 0;
  box-shadow: none;
  position: relative;
}
.pageProduit .bx-wrapper .bx-loading, .pageAbcedaire .bx-wrapper .bx-loading {
  background: url("../img/plugin/bxslider/bx_loader.gif") center center no-repeat #ffffff;
}
.pageProduit .bx-wrapper .bx-prev, .pageAbcedaire .bx-wrapper .bx-prev {
  left: -40px;
  background: url("../img/plugin/bxslider/prev.png") no-repeat 0 5px;
  z-index: 1;
}
.pageProduit .bx-wrapper .bx-next, .pageAbcedaire .bx-wrapper .bx-next {
  right: -60px;
  background: url("../img/plugin/bxslider/next.png") no-repeat 0 5px;
  z-index: 1;
}
.pageProduit .bx-wrapper .bx-controls-direction a, .pageAbcedaire .bx-wrapper .bx-controls-direction a {
  height: 40px;
}
.pageProduit .bx-wrapper .bx-viewport, .pageAbcedaire .bx-wrapper .bx-viewport {
  height: auto !important;
  padding-bottom: 20px !important;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .bx-wrapper .bx-viewport, .pageAbcedaire .bx-wrapper .bx-viewport {
    padding-bottom: 0 !important;
  }
}
.pageProduit .bx-wrapper .bx-pager, .pageAbcedaire .bx-wrapper .bx-pager {
  font-weight: normal !important;
}

.slider {
  text-align: center;
}
.slider.slider__partners + .bx-controls .bx-controls-direction .bx-prev {
  top: 14%;
}
.slider.slider__partners + .bx-controls .bx-controls-direction .bx-next {
  top: 14%;
}

.homeDefaut .bx-wrapper {
  position: relative;
}
.homeDefaut .bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  text-indent: -9999px;
}
.homeDefaut .bx-wrapper .bx-controls-direction a.bx-prev {
  left: -31px;
}
.homeDefaut .bx-wrapper .bx-controls-direction a.bx-next {
  right: -43px;
}

.blockSearch {
  position: relative;
}
.blockSearch.is-bg .blockSearch__form {
  background: #4d4d4d; /* The Fallback */
  background: rgba(77, 77, 77, 0.8);
  z-index: 10;
}
.blockSearch__content {
  display: block;
  min-height: 157px;
}
@media only screen and (max-device-width: 992px), (max-width: 992px) {
  .blockSearch__content {
    min-height: auto;
  }
}
.blockSearch__form {
  *zoom: 1;
  display: block;
  margin: auto;
  width: 100%;
  padding: 30px;
  max-width: 1025px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.blockSearch__form:before, .blockSearch__form:after {
  content: "";
  display: table;
}
.blockSearch__form:after {
  clear: both;
}
@media only screen and (max-device-width: 992px), (max-width: 992px) {
  .blockSearch__form {
    position: static;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
  }
}
.blockSearch__input {
  width: -moz-calc(100% - (170px + 10px));
  width: -webkit-calc(100% - (170px + 10px));
  width: calc(100% - (170px + 10px));
  display: inline-block;
  max-width: 780px;
}
@media only screen and (max-device-width: 992px), (max-width: 992px) {
  .blockSearch__input {
    width: -moz-calc(100% - 45px);
    width: -webkit-calc(100% - 45px);
    width: calc(100% - 45px);
    max-width: 887px;
  }
}
.blockSearch__input .selectText,
.blockSearch__input .inputText {
  width: 100%;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.blockSearch__input .selectText::-ms-expand,
.blockSearch__input .inputText::-ms-expand {
  display: none;
}
@media only screen and (max-device-width: 992px), (max-width: 992px) {
  .blockSearch__input .selectText,
  .blockSearch__input .inputText {
    border-radius: 0;
  }
}
.blockSearch__input .selectText:focus,
.blockSearch__input .inputText:focus {
  border: 1px #5690d1 solid;
}
.blockSearch__input .selectText--valid,
.blockSearch__input .inputText--valid {
  border: 1px #5cbb46 solid;
}
.blockSearch__input .selectText--error,
.blockSearch__input .inputText--error {
  border: 1px #C53730 solid;
}
.blockSearch__button {
  background-color: #ffa200;
  display: inline-block;
  width: 100%;
  max-width: 170px;
  margin: 0 0 0 10px;
  padding: 9px 5px;
  vertical-align: middle;
}
@media only screen and (max-device-width: 992px), (max-width: 992px) {
  .blockSearch__button {
    margin-left: -4px;
    padding: 4px 5px 3px;
    width: 45px;
  }
  .blockSearch__button span {
    display: none;
  }
  .blockSearch__button::before {
    font-family: "icomoon" !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e922";
    display: inline-block;
    font-size: 35px;
  }
}
.blockSearch .blockAutocomplete {
  position: relative;
  vertical-align: middle;
}
.blockSearch .blockAutocomplete__content {
  -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.5);
  background-color: #ffffff;
  padding: 20px 15px 15px 15px;
  display: none;
  position: absolute;
  top: 48px;
  left: 0;
  width: 100%;
  z-index: 10;
}
@media only screen and (max-device-width: 992px), (max-width: 992px) {
  .blockSearch .blockAutocomplete__content {
    width: -moz-calc(100% + 45px);
    width: -webkit-calc(100% + 45px);
    width: calc(100% + 45px);
    max-height: 70vh;
    overflow-y: auto;
  }
}
.blockSearch .blockAutocomplete__title {
  color: #000000;
  font-family: "BrandonGrotesqueBold";
  font-size: 20px;
  margin: 0;
  text-align: left;
}
.blockSearch .blockAutocomplete__list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.blockSearch .blockAutocomplete__list.active .listItem__product {
  color: #ffa200;
}
.blockSearch .blockAutocomplete__link {
  color: #000000;
  font-size: 15px;
  position: relative;
}
.blockSearch .blockAutocomplete__link::before {
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e904";
  font-size: 20px;
  position: absolute;
  left: -20px;
  top: 0;
}
.blockSearch .blockAutocomplete__link:hover {
  color: #ffa200;
}
.blockSearch .blockAutocomplete .listItem {
  text-align: left;
}
.blockSearch .blockAutocomplete .listItem__item {
  margin: 12px 0;
  text-align: left;
}
.blockSearch .blockAutocomplete .listItem__link {
  *zoom: 1;
  color: #000000;
  display: block;
  margin-bottom: 10px;
  text-decoration: none;
}
.blockSearch .blockAutocomplete .listItem__link:before, .blockSearch .blockAutocomplete .listItem__link:after {
  content: "";
  display: table;
}
.blockSearch .blockAutocomplete .listItem__link:after {
  clear: both;
}
.blockSearch .blockAutocomplete .listItem__link:hover .listItem__product {
  color: #ffa200;
}
.blockSearch .blockAutocomplete .listItem__label {
  display: block;
  float: left;
  font-size: 14px;
  margin: 2px 0 0 0;
  text-transform: uppercase;
  width: 150px;
}
@media only screen and (max-device-width: 992px), (max-width: 992px) {
  .blockSearch .blockAutocomplete .listItem__label {
    float: none;
    width: 100%;
  }
}
.blockSearch .blockAutocomplete .listItem__product {
  display: block;
  float: left;
  font-size: 16px;
  margin: 0 0 0 30px;
  width: -moz-calc(100% - (150px + 30px));
  width: -webkit-calc(100% - (150px + 30px));
  width: calc(100% - (150px + 30px));
}
.blockSearch .blockAutocomplete .listItem__product span {
  font-weight: bold;
}
@media only screen and (max-device-width: 992px), (max-width: 992px) {
  .blockSearch .blockAutocomplete .listItem__product {
    float: none;
    margin-left: 0;
    width: 100%;
  }
}

.ctLinkDownloadPdf {
  text-align: right;
  margin: 0;
}
.ctLinkDownloadPdf__link {
  color: #4d4d4d;
  text-decoration: none;
  vertical-align: middle;
}
.ctLinkDownloadPdf__link:hover {
  text-decoration: underline;
}
.ctLinkDownloadPdf [class*=icon-] {
  color: #C53730;
  vertical-align: middle;
}

.new-page {
  page-break-before: always;
}

.mainContent--pdf {
  font-size: 11pt;
  position: relative;
  padding-bottom: 100px;
}
.mainContent--pdf .blockToSlide .is-displayNonePDF {
  display: none;
}
.mainContent--pdf .blockToSlide .jqSlideAll {
  display: none;
}
.mainContent--pdf .blockToSlide li {
  padding: 0;
}
.mainContent--pdf .blockToSlide li .title {
  padding: 10px 0 10px;
}
.mainContent--pdf .blockToSlide li.flatTint--CG1 {
  margin-top: 20px;
  padding: 6px 15px;
}
.mainContent--pdf .blockToSlide .centralLine {
  padding: 8px 0;
  border-bottom: 1px solid #d1d1d1;
}
.mainContent--pdf .blockToSlide .centralLine__hour {
  display: none;
}
.mainContent--pdf .blockToSlide .centralLine__title {
  font-size: 22px;
  color: #000000;
  font-family: "BrandonGrotesqueMedium";
}
.mainContent--pdf .blockToSlide .beforeCentral + .blockToSlide__li .blockToSlide__li__title {
  padding-top: 0;
}
.mainContent--pdf .blockToSlide .blockToSlide__li .blockToSlide__li__title {
  padding: 15px 0 0;
}
.mainContent--pdf .blockToSlide .blockToSlide__li .blockToSlide__li__title--text {
  width: 100%;
}
.mainContent--pdf .blockToSlide .blockToSlide__li .blockToSlide__li__title--arrow, .mainContent--pdf .blockToSlide .blockToSlide__li .blockToSlide__li__title--hour {
  display: none;
}
.mainContent--pdf .blockToSlide .blockToSlide__li .blockToSlide__li__title--contenu {
  width: 100%;
}
.mainContent--pdf .blockToSlide .blockToSlide__li .slideThis {
  margin-left: 0;
  padding-bottom: 5px;
  margin-top: 0;
}
.mainContent--pdf .blockToSlide .blockToSlide__li.jqToSlide-noOpen .blockToSlide__li__title {
  padding-left: 0;
}
.mainContent--pdf .blockToSlide .blockToSlide__li:last-child {
  margin-bottom: 0;
}
.mainContent--pdf .flatTint--CG1 {
  display: inline-block;
  padding: 6px 15px;
  background-color: #4d4d4d;
}
.mainContent--pdf .portraitGene {
  display: none;
}

.logoPdf {
  text-align: center;
  margin: 30px 0;
}
.logoPdf a {
  display: block;
}
.logoPdf img {
  max-width: 230px;
  max-height: 100px;
}

.tagPdf {
  margin: 0;
  padding: 6px 15px;
  background-color: #4d4d4d;
  color: #ffffff;
  text-transform: uppercase;
}

.entetePdf {
  border-top: 1px solid #d1d1d1;
  border-bottom: 1px solid #d1d1d1;
  text-align: center;
  padding: 25px 0 15px;
  font-weight: bold;
}
.entetePdf__title {
  margin: 0;
  font-size: 20pt;
  text-transform: uppercase;
}
.entetePdf__title a {
  color: #4d4d4d;
  text-decoration: none;
}
.entetePdf__subTitle {
  margin: 0;
  font-size: 14pt;
}
.entetePdf__infos {
  margin: 15px 0 0;
}
.entetePdf__duree {
  text-transform: uppercase;
  font-size: 15pt;
}
.entetePdf__tarif {
  color: #0f8ab8;
}

.pdfColLeft {
  margin: 0;
  padding: 0;
}
.pdfColRight {
  margin: 30px 0 0 0;
  border-top: 2px solid #d1d1d1;
  padding: 0;
}
.pdfCol__session {
  float: left;
  margin-right: 3%;
  width: auto;
}
.pdfCol__session .txtCtPdf:before {
  display: none;
}

.pdfColLeft .titleCtPdf:first-child {
  border-top: 0;
  padding-top: 0;
}

.titleCtPdf {
  color: #0f8ab8;
  padding-top: 10px;
  border-top: 1px solid #d1d1d1;
  font-size: 14pt;
  font-weight: bold;
}
.titleCtPdf--marge {
  margin: 10px 0 0;
}

.modal .txtCtPdf {
  padding: 0 !important;
}
.modal .txtCtPdf .icon-squared {
  color: #cc3333;
  padding-right: 10px;
}

.txtCtPdf {
  margin: 5px 0 0;
  padding: 0 0 0 15px;
  position: relative;
}
.txtCtPdf a {
  color: #4d4d4d;
}
.txtCtPdf img {
  max-width: 30%;
}
.txtCtPdf:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 7px 0 0;
  background-color: #d1d1d1;
}
.txtCtPdf--noMarge {
  margin: 0;
}
.txtCtPdf--type2:before {
  background-color: #0f8ab8;
}
.txtCtPdf--typeNotAList:before {
  display: none;
}
.txtCtPdf--marg10 {
  margin: 10px 0 0;
}

.txtCtPdfPad {
  margin: 5px 0 0;
  padding: 0;
}

.asterisquePdf {
  color: #0f8ab8;
  text-align: center;
  margin: 20px 0 0;
}

.pdfColRight {
  margin: 15px 0 0;
  border-top: 1px solid #d1d1d1;
}
.pdfColRight p.titleCG2 {
  margin: 0;
}

.headerPdf30 {
  position: absolute;
  top: 0;
  width: 100%;
  height: 30px;
}

.footerPdf {
  position: absolute;
  width: 100%;
  padding: 0 50px;
  bottom: 0;
  text-align: center;
  font-size: 14pt;
  font-weight: bold;
}
.footerPdf:after {
  display: block;
  content: "";
  width: 250px;
  height: 25px;
  background-color: #ffa200;
  margin: 5px auto 0;
}
.footerPdf__txt {
  color: #ffa200;
  margin: 0;
}
.footerPdf__pagination {
  position: absolute;
  right: 0;
  top: 0;
  color: #0f8ab8;
  font-size: 16pt;
}

.criterion__tag {
  margin: 25px auto 15px;
  text-align: center;
}
.criterion__tag > span {
  display: inline-block;
  margin-bottom: 20px;
}
.criterion__keyword {
  background-color: #ffffff;
  border: solid 1px #e6e6e6;
  color: #000000;
  cursor: pointer;
  font-size: 15px;
  padding: 6px 35px 8px 8px;
  position: relative;
}
.criterion__keyword:not(:first-child) {
  margin-left: 20px;
}
.criterion__keyword::after {
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90e";
  color: #d1d1d1;
  font-size: 25px;
  position: absolute;
  top: 6px;
  right: 2px;
}
.criterion__reset {
  color: #0f8ab8;
  cursor: pointer;
  font-family: "BrandonGrotesqueMedium";
  font-size: 16px;
  margin-left: 20px;
}

.facet {
  *zoom: 1;
  border-bottom: solid 1px #d1d1d1;
  padding: 0 25px 3px;
  position: relative;
}
.facet:before, .facet:after {
  content: "";
  display: table;
}
.facet:after {
  clear: both;
}
.facet__content {
  float: right;
}
.facet__number {
  font-family: "BrandonGrotesqueMedium";
  font-size: 20px;
}
.facet__title {
  color: #4d4d4d;
  font-size: 16px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .facet__title {
    cursor: pointer;
    position: relative;
    padding-right: 25px;
  }
  .facet__title.on::after {
    content: "\e906";
  }
}
.facet__title::after {
  content: " :";
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .facet__title::after {
    font-family: "icomoon" !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e901";
    font-size: 60px;
    position: absolute;
    top: -17px;
    right: -20px;
  }
}
.facet__criterion {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0;
}
.facet__criterion--item {
  display: inline;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .facet__criterion--item {
    display: block;
    margin-bottom: 15px;
  }
  .facet__criterion--item.active {
    background-color: #ffffff;
    position: absolute;
    left: 0;
    top: 15px;
    width: 100%;
    z-index: 2;
  }
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .facet__criterion {
    -webkit-box-shadow: 0 8px 5px -6px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0 8px 5px -6px rgba(0, 0, 0, 0.45);
    box-shadow: 0 8px 5px -6px rgba(0, 0, 0, 0.45);
    background-color: #ffffff;
    padding: 15px 0;
    position: absolute;
    left: 0;
    top: 35px;
    width: 100%;
    z-index: 3;
  }
}
.facet__link {
  color: #4d4d4d;
  font-family: "BrandonGrotesqueBold";
  font-size: 16px;
  padding-bottom: 8px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
}
.facet__link:not(:first-child) {
  margin: 0 30px 0 40px;
}
.facet__link:first-child {
  margin: 0 30px 0 30px;
}
.facet__link::after {
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e901";
  font-size: 60px;
  position: absolute;
  top: -17px;
  right: -50px;
}
.facet__link.on {
  color: #0f8ab8;
  border-bottom: solid 2px #0f8ab8;
}
.facet__link.on::after {
  content: "\e906";
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .facet__link::after {
    content: "";
  }
  .facet__link.on {
    border: none;
  }
  .facet__link.on::after {
    content: "\e903";
    font-size: 22px;
    top: 2px;
    left: -25px;
  }
}
.facet__list {
  -webkit-box-shadow: 0 8px 5px -6px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0 8px 5px -6px rgba(0, 0, 0, 0.45);
  box-shadow: 0 8px 5px -6px rgba(0, 0, 0, 0.45);
  *zoom: 1;
  background-color: #ffffff;
  border-bottom: solid 1px #d1d1d1;
  min-height: 155px;
  padding: 20px 25px;
  position: absolute;
  left: 0;
  top: 34px;
  width: 100%;
  z-index: 3;
}
.facet__list:before, .facet__list:after {
  content: "";
  display: table;
}
.facet__list:after {
  clear: both;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .facet__list {
    height: auto;
    min-height: 100px;
    padding-top: 0;
  }
}
.facet__list--content {
  border-right: solid 1px #d1d1d1;
  float: left;
  height: 100%;
  min-height: 115px;
  width: 89.0756302521%;
  position: relative;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .facet__list--content {
    border: none;
    float: none;
    width: 100%;
  }
}
.facet__list--content.is-contentDate {
  line-height: 115px;
  text-align: center;
}
.facet__close {
  cursor: pointer;
  font-size: 45px;
  line-height: normal;
  position: absolute;
  bottom: -40px;
  right: 5px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .facet__close {
    display: none;
  }
}
.facet__checkbox {
  width: -moz-calc(100% / 4);
  width: -webkit-calc(100% / 4);
  width: calc(100% / 4);
  display: block;
  float: left;
  margin-bottom: 8px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .facet__checkbox {
    float: none;
    width: 100%;
  }
  .facet__checkbox label {
    display: block;
  }
}
.facet__checkbox input[type=checkbox]:not(:checked) + label, .facet__checkbox input[type=checkbox]:checked + label {
  padding-left: 25px;
}
.facet__checkbox input[type=checkbox]:not(:checked) + label::before, .facet__checkbox input[type=checkbox]:checked + label::before {
  top: 5px;
  height: 12px;
  width: 12px;
  border-radius: 0;
  box-shadow: none;
}
.facet__checkbox input[type=checkbox]:not(:checked) + label::after, .facet__checkbox input[type=checkbox]:checked + label::after {
  color: #ffa200;
  font-size: 18px;
  left: -2px;
  top: 5px;
}
.facet__checkbox input[type=checkbox]:checked + label, .facet__checkbox input[type=checkbox] + label:hover {
  color: #ffa200;
}
.facet__checkbox input[type=checkbox]:checked + label {
  font-weight: bold;
}
.facet__date {
  display: inline-block;
  line-height: normal;
  position: relative;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .facet__date {
    display: block;
    margin: 0 auto 15px;
    width: 265px;
  }
}
.facet__date .inputText {
  color: #ffa200;
  font-size: 20px;
  padding-left: 40px;
}
.facet__date::before {
  font-size: 20px;
  position: absolute;
  left: 10px;
  top: 9px;
}
.facet__date.dateFrom::before {
  content: "Du";
}
.facet__date.dateTo {
  margin-left: 25px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .facet__date.dateTo {
    margin-left: auto;
  }
}
.facet__date.dateTo::before {
  content: "Au";
}
.facet__date .icon-schedule {
  font-size: 40px;
  position: absolute;
  right: 5px;
  top: 5px;
}
.facet__button {
  float: right;
  height: 100%;
  line-height: 115px;
  padding-left: 30px;
  width: 10.9243697479%;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .facet__button {
    float: none;
    text-align: center;
    width: 100%;
    line-height: normal;
    padding-left: 0;
  }
}
.facet__button button {
  line-height: normal;
  padding: 5px 10px;
  vertical-align: middle;
}

.smart-popin {
  -moz-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 999;
}
@media only screen and (min-device-width: 641px), only screen and (min-width: 641px) {
  .smart-popin {
    background-color: rgba(0, 0, 0, 0.5);
    overflow: auto;
  }
}
.smart-popin .sp-body {
  background-color: #ffffff;
  position: relative;
  z-index: 2;
}
@media only screen and (max-device-width: 640px), only screen and (max-width: 640px) {
  .smart-popin .sp-body {
    width: 100%;
    height: 100vh;
  }
}
@media only screen and (min-device-width: 641px), only screen and (min-width: 641px) {
  .smart-popin .sp-body {
    -webkit-box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.25);
    box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.25);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 98%;
    min-width: 300px;
    max-width: 835px;
    margin: 0 auto;
  }
}
@media only screen and (min-device-width: 641px), only screen and (min-width: 641px) {
  .smart-popin .sp-body--fusion {
    max-width: 600px;
  }
}
.smart-popin .sp-table {
  display: table;
  height: 100%;
  width: 100%;
}
.smart-popin .sp-cell {
  display: table-cell;
  vertical-align: middle;
}
@media only screen and (min-device-width: 641px), only screen and (min-width: 641px) {
  .smart-popin .sp-cell {
    padding: 10px;
  }
}
.smart-popin .sp-back {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  z-index: 1;
}
.smart-popin .sp-close {
  position: absolute;
  top: 8px;
  right: 5px;
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  font-size: 30px;
  color: #000000;
  text-decoration: none;
  z-index: 2;
}

.popinCart__scroll {
  background-color: #ffffff;
}
@media only screen and (max-device-width: 640px), only screen and (max-width: 640px) {
  .popinCart__scroll {
    height: -moz-calc(100vh - ( 213px ));
    height: -webkit-calc(100vh - ( 213px ));
    height: calc(100vh - ( 213px ));
    overflow-y: auto;
  }
}
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
  .popinCart__scroll {
    height: -moz-calc(100vh - ( 242px ));
    height: -webkit-calc(100vh - ( 242px ));
    height: calc(100vh - ( 242px ));
  }
}
.popinCart__title {
  font-family: "BrandonGrotesqueBold";
  font-size: 20px;
  line-height: 29px;
  text-transform: uppercase;
  color: #000000;
  padding: 10px 20px;
}
@media only screen and (max-device-width: 640px), only screen and (max-width: 640px) {
  .popinCart__title {
    border-bottom: solid 1px #d1d1d1;
  }
}
.popinCart__name {
  padding: 20px;
  font-size: 20px;
  line-height: 29px;
}
@media only screen and (min-device-width: 641px), only screen and (min-width: 641px) {
  .popinCart__name {
    border-top: solid 1px #d1d1d1;
  }
}
@media only screen and (min-device-width: 641px), only screen and (min-width: 641px) {
  .popinCart__name--fusion {
    padding-top: 60px;
    padding-bottom: 70px;
  }
}
.popinCart__product {
  border-top: solid 1px #d1d1d1;
  overflow-y: auto;
}
@media only screen and (min-device-width: 641px), only screen and (min-width: 641px) {
  .popinCart__product {
    max-height: 248px;
  }
}
.popinCart__add {
  padding: 12px 0;
  border-top: solid 1px #d1d1d1;
  text-align: center;
}
.popinCart__totalPrice {
  *zoom: 1;
  border-top: solid 1px #d1d1d1;
}
.popinCart__totalPrice:before, .popinCart__totalPrice:after {
  content: "";
  display: table;
}
.popinCart__totalPrice:after {
  clear: both;
}
@media only screen and (max-device-width: 640px), only screen and (max-width: 640px) {
  .popinCart__totalPrice {
    background-color: #ffffff;
    padding: 10px 20px;
    position: fixed;
    z-index: 3;
    width: 100%;
    bottom: 113px;
    left: 0;
  }
}
@media only screen and (min-device-width: 641px), only screen and (min-width: 641px) {
  .popinCart__totalPrice {
    padding: 20px;
  }
}
.popinCart__button {
  border-top: solid 1px #d1d1d1;
  padding: 10px;
}
@media only screen and (max-device-width: 640px), only screen and (max-width: 640px) {
  .popinCart__button {
    background-color: #ffffff;
    position: fixed;
    z-index: 3;
    width: 100%;
    bottom: 0;
    left: 0;
  }
  .popinCart__button .button {
    min-width: 96%;
  }
  .popinCart__button .button + .button {
    margin-top: 10px;
    margin-left: 0;
  }
}
@media only screen and (min-device-width: 641px), only screen and (min-width: 641px) {
  .popinCart__button {
    text-align: right;
  }
}
.popinCart .cartName__title {
  color: #000000;
  font-family: "BrandonGrotesqueBold";
}
.popinCart .cartTotalPrice__total {
  float: left;
  width: 50%;
  font-family: "BrandonGrotesqueMedium";
  font-size: 20px;
  line-height: 29px;
}
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
  .popinCart .cartTotalPrice__total {
    float: none;
    width: 100%;
  }
}
.popinCart .cartTotalPrice__price {
  float: left;
  text-align: right;
  width: 50%;
  font-family: "BrandonGrotesqueBold";
  font-size: 20px;
  line-height: 29px;
}
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
  .popinCart .cartTotalPrice__price {
    float: none;
    text-align: left;
    width: 100%;
  }
}
.popinCart .product__session {
  padding: 20px;
}
.popinCart .product__session:not(:first-child) {
  border-top: solid 1px #d1d1d1;
}
.popinCart .product__session select {
  width: 100%;
}
.popinCart .session__title {
  font-family: "BrandonGrotesqueMedium";
  font-size: 20px;
  line-height: 29px;
  margin-bottom: 10px;
  position: relative;
}
.popinCart .session__delete {
  position: absolute;
  top: 5px;
  right: 0;
  color: #979797;
  font-size: 15px;
  line-height: 21px;
  text-transform: uppercase;
}
.popinCart .session__item {
  *zoom: 1;
  margin-bottom: 17px;
}
.popinCart .session__item:before, .popinCart .session__item:after {
  content: "";
  display: table;
}
.popinCart .session__item:after {
  clear: both;
}
.popinCart .session__total {
  *zoom: 1;
}
.popinCart .session__total:before, .popinCart .session__total:after {
  content: "";
  display: table;
}
.popinCart .session__total:after {
  clear: both;
}
.popinCart .item__block.is-discountCode .insert__withBtn button {
  display: inline-block;
  z-index: 2;
}
.popinCart .item__block.is-discountCode .insert__withBtn .floating__input.is-valid ~ .button, .popinCart .item__block.is-discountCode .insert__withBtn .floating__input.is-error ~ .button {
  display: none;
}
.popinCart .item__block.is-discountCode .insert__withBtn .floating__input.is-error:focus ~ .button {
  display: inline-block;
}
.popinCart .item__block.is-discountCode .floatingWrapper.is-valid::after, .popinCart .item__block.is-discountCode .floatingWrapper.is-error::after {
  z-index: 1;
}
@media only screen and (min-device-width: 641px), only screen and (min-width: 641px) {
  .popinCart .item__block {
    float: left;
  }
  .popinCart .item__block.is-place, .popinCart .item__block.is-price {
    width: -moz-calc(100% - 370px);
    width: -webkit-calc(100% - 370px);
    width: calc(100% - 370px);
  }
  .popinCart .item__block.is-date, .popinCart .item__block.is-discountCode {
    width: 170px;
    margin-left: 20px;
  }
  .popinCart .item__block.is-participant, .popinCart .item__block.is-onOffer {
    width: 160px;
    margin-left: 20px;
  }
}
@media only screen and (max-device-width: 640px), only screen and (max-width: 640px) {
  .popinCart .item__block:not(:first-child) {
    margin-top: 17px;
  }
  .popinCart .item__block .insert__counter {
    width: 100%;
  }
  .popinCart .item__block .insert__counter .counter__input {
    width: -moz-calc(100% - 100px);
    width: -webkit-calc(100% - 100px);
    width: calc(100% - 100px);
  }
  .popinCart .item__block.is-price .select2-container--default .select2-selection--single {
    max-width: -moz-calc(100vw - 40px);
    max-width: -webkit-calc(100vw - 40px);
    max-width: calc(100vw - 40px);
  }
  .popinCart .item__block.is-price .select2-container .select2-selection--single .select2-selection__rendered {
    max-width: 100%;
  }
}
.popinCart .item__block.is-datePlace {
  margin-top: 15px;
  font-family: "BrandonGrotesqueBold";
  font-size: 20px;
  line-height: 29px;
}
@media only screen and (min-device-width: 641px), only screen and (min-width: 641px) {
  .popinCart .item__block.is-datePlace {
    width: 77.358490566%;
  }
}
.popinCart .onOffer__text {
  font-family: "BrandonGrotesqueMedium";
  font-size: 15px;
  line-height: 21px;
  margin: 0;
  text-align: right;
}
.popinCart .onOffer__price {
  font-family: "BrandonGrotesqueBold";
  font-size: 20px;
  line-height: 29px;
  margin: 0;
  text-align: right;
}
.popinCart .total__unit {
  font-family: "BrandonGrotesqueMedium";
  font-size: 20px;
  line-height: 29px;
}
@media only screen and (min-device-width: 641px), only screen and (min-width: 641px) {
  .popinCart .total__unit {
    *zoom: 1;
    float: left;
    width: 77.358490566%;
  }
  .popinCart .total__unit:before, .popinCart .total__unit:after {
    content: "";
    display: table;
  }
  .popinCart .total__unit:after {
    clear: both;
  }
}
.popinCart .total__unit .price__ht {
  color: #979797;
  display: block;
}
@media only screen and (min-device-width: 641px), only screen and (min-width: 641px) {
  .popinCart .total__unit .price__ht {
    float: left;
    width: 215px;
  }
}
.popinCart .total__unit .price__discount {
  display: block;
}
@media only screen and (min-device-width: 641px), only screen and (min-width: 641px) {
  .popinCart .total__unit .price__discount {
    width: -moz-calc(100% - 225px);
    width: -webkit-calc(100% - 225px);
    width: calc(100% - 225px);
    float: left;
    margin-left: 1.6260162602%;
  }
}
.popinCart .total__all {
  font-family: "BrandonGrotesqueBold";
  font-size: 20px;
  line-height: 29px;
  text-align: right;
  color: #000000;
}
.popinCart .total__all.is-valid {
  color: #5cbb46;
}
@media only screen and (min-device-width: 641px), only screen and (min-width: 641px) {
  .popinCart .total__all {
    float: left;
    width: 20.1257861635%;
    margin-left: 2.5157232704%;
  }
}
.popinCart .select2-container.select2-container--open {
  width: auto;
}

[class*=loaderCircular] {
  margin: 0 auto;
  display: inline-block;
  border: 3px solid rgba(0, 0, 0, 0.3);
  border-top-color: Black;
  border-radius: 50%;
  -webkit-animation: spin-animation 0.8s infinite linear;
  animation: spin-animation 0.8s infinite linear;
}
.ie9 [class*=loaderCircular] {
  width: auto;
  height: auto;
  border: none;
}
[class*=loaderCircular]:before {
  content: attr(data-loader);
  display: none;
  font-size: 14px;
  text-align: center;
}
.ie9 [class*=loaderCircular]:before {
  display: block;
}

.loaderCircular--Xs {
  width: 20px;
  height: 20px;
}
.loaderCircular--Sm {
  width: 40px;
  height: 40px;
  border-width: 4px;
}
.loaderCircular--Md {
  width: 60px;
  height: 60px;
  border-width: 5px;
}
.loaderCircular--Lg {
  width: 80px;
  height: 80px;
  border-width: 6px;
}

/**

    ============================
    Témoignages
    ============================

 */
.testimonial {
  text-align: left;
}
.testimonial__header {
  margin: 32px 0 24px 0;
}
.testimonial__name {
  color: #323232;
  font-family: "BrandonGrotesqueBold";
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 4px;
}
.testimonial__society {
  color: #767676;
  font-family: "BrandonGrotesqueRegular";
  font-size: 16px;
  line-height: 22px;
  margin-top: 4px;
}
.testimonial__content {
  font-family: "BrandonGrotesqueRegular";
  font-size: 20px;
  line-height: 28px;
  margin-top: 24px;
  max-width: 530px;
  padding-left: 32px;
  position: relative;
}
.testimonial__content > i {
  color: #136E95;
  font-size: 20px;
  left: 0;
  position: absolute;
  top: -10px;
}

/**

    ============================
    Card
    ============================

 */
.card {
  background-color: #FFFFFF;
  border-radius: 12px;
  box-shadow: -6px 12px 36px rgba(0, 0, 0, 0.08);
  position: relative;
}
.card__img {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px 12px 0 0;
  height: 222px;
}
.card__wrapper-content {
  padding: 32px 32px 50px 32px;
  text-align: left;
}
.card__title {
  font-family: "BrandonGrotesqueMedium";
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 12px;
  margin-top: 0;
}
.card__content {
  color: #767676;
  font-family: "BrandonGrotesqueRegular";
  font-size: 16px;
  line-height: 24px;
  margin-top: 12px;
}
.card__link {
  bottom: 20px;
  color: #136E95;
  font-family: "BrandonGrotesqueMedium";
  font-size: 16px;
  line-height: 22px;
  position: absolute;
  text-decoration: none;
}

/**

    ============================
    Modules impactants
    ============================

 */
.slider-new .card {
  height: 100%;
}

.imgBigGeneContenair {
  background-image: url("../img/image-defaut-full.png");
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .imgBigGeneContenair {
    background-image: none !important;
  }
}

.rgpd__content {
  margin-top: 20px;
  text-align: justify;
}
.rgpd__content a {
  color: #0f8ab8;
}
.rgpd__content a:hover {
  text-decoration: none;
}
.rgpd__content > div {
  margin: 0 auto 25px;
  width: 87.8243512974%;
}

.jqSlideAll,
.titleDeployAll {
  color: #ffa200;
  text-align: left;
  position: relative;
  padding-left: 37px;
  text-transform: uppercase;
  font-family: "BrandonGrotesqueBold";
  font-size: 14px;
}
.jqSlideAll .deplier.inactif,
.titleDeployAll .deplier.inactif {
  display: none;
}
.jqSlideAll .replier,
.titleDeployAll .replier {
  display: none;
}
.jqSlideAll .replier.actif,
.titleDeployAll .replier.actif {
  display: block;
}
.jqSlideAll .icon-arrow-down-fat,
.titleDeployAll .icon-arrow-down-fat {
  left: 0;
  position: absolute;
  top: -14px;
  font-size: 45px;
}
.jqSlideAll:hover,
.titleDeployAll:hover {
  text-decoration: underline;
}

.breadAndReso {
  /*@media (max-width: 1024px){
      display:none;
  }*/
}
@media (max-width: 1024px) {
  .breadAndReso {
    display: none;
  }
}
.breadAndReso .breadcrumb {
  padding: 0;
  margin: 16px 0 0 0;
  list-style-type: none;
  float: left;
  width: 88.7096774194%;
}
.breadAndReso .breadcrumb li {
  float: left;
  padding-right: 1.7621145374%;
  position: relative;
}
.breadAndReso .breadcrumb li a {
  text-decoration: none;
  color: #4d4d4d;
}
.breadAndReso .breadcrumb li:hover a {
  text-decoration: underline;
}
.breadAndReso .breadcrumb li .icon-arrow-right-thin {
  position: absolute;
  right: -15px;
  top: -13px;
  font-size: 45px;
}
.breadAndReso .resoSociaux {
  padding: 0;
  margin: 16px 0 0 0;
  list-style-type: none;
  float: right;
}
.breadAndReso .resoSociaux li {
  float: left;
  font-size: 25px;
}
.breadAndReso .resoSociaux li a {
  text-decoration: none;
  color: #4d4d4d;
  padding: 0 10px;
}

.portraitGene {
  padding: 0;
  margin: 0;
  list-style-type: none;
  position: relative;
}
.portraitGene .contributor {
  cursor: pointer;
  display: inline-block;
  max-width: 11.2903225806%;
  margin: 0 3.2258064516% 0 0;
}
.portraitGene .contributor:last-child {
  margin-right: 0;
}
.portraitGene .contributor .contributor__pastille {
  overflow: hidden;
  width: 136px;
  height: 136px;
  -moz-border-radius: 68px;
  -webkit-border-radius: 68px;
  border-radius: 68px;
  border: 1px solid #d1d1d1;
  display: inline-block;
  padding-right: 0;
}
.portraitGene .contributor .contributor__name {
  display: inline-block;
  vertical-align: text-bottom;
  font-family: "BrandonGrotesqueMedium";
  margin-bottom: 0;
  height: 132px;
  overflow: hidden;
}
.portraitGene .contributor .contributor__name span {
  display: block;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .portraitGene .contributor .contributor__name {
    display: block;
  }
}
.portraitGene .contributor .contributor__organization {
  color: #0f8ab8;
  display: block;
  font-family: "BrandonGrotesqueBold";
  font-size: 16px;
  margin-top: 5px;
  text-transform: uppercase;
  padding-right: 0;
}
.portraitGene .contributor.noClick {
  cursor: default;
}
.portraitGene.slider {
  border-bottom: 2px solid #d1d1d1;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .portraitGene.slider {
    border: none;
  }
}

.contentGeneSlide {
  display: none;
  padding: 25px 3.2258064516% 20px 1.6129032258%;
  position: relative;
  margin-bottom: 20px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .contentGeneSlide {
    border-top: 2px solid #d1d1d1;
  }
}
.contentGeneSlide.sansBordure {
  border-top: none;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .contentGeneSlide.sansBordure {
    border-top: 2px solid #d1d1d1;
  }
}
.contentGeneSlide .icon-close {
  font-size: 40px;
  position: absolute;
  top: 7px;
  right: 0;
  cursor: pointer;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .contentGeneSlide .icon-close {
    top: -6px;
  }
}
.contentGeneSlide .contentGeneSlide__title {
  display: block;
  font-size: 22px;
  color: #0f8ab8;
  margin: 0;
}
.contentGeneSlide .contentGeneSlide__jobTitle, .contentGeneSlide contentGeneSlide__name, .contentGeneSlide p {
  margin: 0;
}
.contentGeneSlide .contentGeneSlide__jobTitle img, .contentGeneSlide contentGeneSlide__name img, .contentGeneSlide p img {
  display: block;
  margin: 0 auto;
}
.contentGeneSlide a {
  display: block;
  text-decoration: none;
  color: #4d4d4d;
}
.contentGeneSlide a:hover {
  text-decoration: underline;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .contentGeneSlide.current .cocheMobile {
    background-image: url("../img/contributor/coche.png");
    background-repeat: no-repeat;
    background-position: center -7px;
    display: block;
    width: 43px;
    height: 31px;
    position: absolute;
    top: -3px;
    left: 45%;
  }
}

.organizationGene {
  padding: 0;
  margin: 0;
  list-style-type: none;
  padding-bottom: 30px;
}
.organizationGene li {
  border: 1px solid #d1d1d1;
  display: inline-block;
  cursor: pointer;
}
.organizationGene li.withoutPic {
  height: 126px;
  vertical-align: top;
  cursor: none;
}
.organizationGene li.withoutPic p {
  vertical-align: middle;
  margin: 0;
  padding: 15px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .organizationGene.ulForSlide li.jqCurrentLi .ulForSlide__coche {
    display: none;
  }
}

.ulForSlide li {
  position: relative;
}
.ulForSlide li .ulForSlide__coche {
  display: none;
}
.ulForSlide li.jqCurrentLi .contributor__pastille {
  border: 1px solid #0f8ab8;
}
.ulForSlide li.jqCurrentLi .contributor__name {
  color: #0f8ab8;
}
.ulForSlide li.jqCurrentLi .ulForSlide__coche {
  display: block;
  position: absolute;
  bottom: -23px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 43px;
  height: 31px;
  background-image: url("../img/contributor/coche.png");
  background-repeat: no-repeat;
  background-position: 1px 0;
  z-index: 1;
}
.ulForSlide li.jqCurrentLi.noClick .contributor__pastille {
  border: 1px solid #d1d1d1;
}
.ulForSlide li.jqCurrentLi.noClick .contributor__name {
  color: #4d4d4d;
}
.ulForSlide li.jqCurrentLi.noClick .ulForSlide__coche {
  display: none;
}

.circle--CG2 {
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #4d4d4d;
  color: #ffffff;
}
.circle--CG5 {
  display: inline-block;
  width: 75px;
  height: 75px;
  border-radius: 50%;
  background-color: #ffffff;
}
.circle--C1 {
  display: inline-block;
  width: 132px;
  height: 132px;
  border-radius: 50%;
  background-color: #0f8ab8;
  color: #ffffff;
}
.circle--C2 {
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #ffa200;
  color: #ffffff;
}
.circle--CG3 {
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #ffffff;
  border: 2px #d1d1d1 solid;
}
.circle--CG3.size50 {
  width: 50px;
  height: 50px;
}
.circle--valid {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #5cbb46;
  color: #ffffff;
}

.customerService {
  padding: 0;
}
.customerService .customerService__content {
  padding: 0;
  text-align: center;
}
.customerService .customerService__content ul {
  padding: 15px 0;
  margin: 0;
  *zoom: 1;
}
.customerService .customerService__content ul:before, .customerService .customerService__content ul:after {
  content: "";
  display: table;
}
.customerService .customerService__content ul:after {
  clear: both;
}
.customerService .customerService__content ul li {
  display: inline-block;
  padding: 0 25px;
  text-align: center;
  border-left: 1px #ffffff solid;
  color: #ffffff;
}
.customerService .customerService__content ul li:first-child {
  border-left: none;
}
.customerService .customerService__content ul li .buttonC2 {
  font-size: 20px;
}
.customerService .customerService__content ul li .flecheDouble {
  margin: 0 0 0 2px;
}
.customerService .customerService__content ul li a {
  text-decoration: none;
  color: #ffffff;
}
.customerService .customerService__content ul li a :hover {
  text-decoration: underline;
}
.customerService .customerService__content ul li .titleCG5 {
  margin: 0;
  padding: 0;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .customerService .customerService__content ul li .titleCG5.customerTittle {
    padding-bottom: 0;
    padding-top: 5px;
  }
}
.customerService .customerService__content ul li.sendEmail {
  border-right: 1px #ffffff solid;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .customerService .customerService__content ul li.sendEmail {
    margin-bottom: 10px;
  }
}
.customerService .customerService__content ul li .icon-direction, .customerService .customerService__content ul li .icon-contact {
  font-size: 31px;
  vertical-align: top;
}
.customerService .customerService__content ul li.doubleNumero {
  vertical-align: middle;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .customerService .customerService__content ul li.doubleNumero {
    display: inline-block;
    text-align: center;
  }
}
.customerService .customerService__content ul li.doubleNumero span {
  float: left;
}
.customerService .customerService__content ul li.doubleNumero span.icon-contact {
  margin-top: 12px;
  width: 9%;
}
.customerService .customerService__content ul li.doubleNumero span.titleCG5.titleCG5--size26 {
  width: 90%;
  margin-left: 1%;
  font-size: 19px;
}
.customerService .customerService__content ul li.doubleNumero a {
  display: block;
  line-height: 34px;
  font-size: 23px;
}
.customerService .customerService__content ul li.doubleNumero a:last-child {
  margin-left: 5px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .customerService .customerService__content ul li {
    display: block;
    border: none;
  }
}

.icon-squared {
  font-size: 10px;
}

.pie {
  position: relative;
  width: 100px;
  line-height: 100px;
  border-radius: 50%;
  background: yellowgreen;
  background-image: linear-gradient(to right, transparent 50%, #655 0);
  color: transparent;
  text-align: center;
}

@keyframes spin {
  to {
    transform: rotate(0.5turn);
  }
}
@keyframes bg {
  50% {
    background: #655;
  }
}
.pie::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  height: 100%;
  border-radius: 0 100% 100% 0/50%;
  background-color: inherit;
  transform-origin: left;
  animation: spin 50s linear infinite, bg 100s step-end infinite;
  animation-play-state: paused;
  animation-delay: inherit;
}

.nav__step {
  display: inline-block;
  position: relative;
  height: 60px;
}
.nav__step svg {
  width: 56px;
  height: 56px;
  z-index: 1;
  transform: rotate(-90deg);
}
.nav__step svg .circle1 {
  stroke: #d1d1d1;
  stroke-width: 2;
  fill: #ffffff;
}
.nav__step svg .circle2 {
  fill: #ffffff;
  stroke: #ffa200;
  stroke-width: 20;
  stroke-dasharray: 0 158; /* 2π × 25 ≈ 158 */
}
.nav__step svg .circle3 {
  fill: #ffffff;
}
.nav__step .step__number {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 7px;
  left: 21px;
  color: #d1d1d1;
  font-size: 28px;
  z-index: 3;
}
.nav__step.step__1 .step__number {
  color: #ffa200;
}
.nav__step.step__1 .circle2 {
  stroke-dasharray: 30 158;
}
.nav__step.step__2 .step__number {
  color: #ffa200;
}
.nav__step.step__2 .circle2 {
  stroke-dasharray: 51 158;
}
.nav__step.step__3 .step__number {
  color: #ffa200;
}
.nav__step.step__3 .circle2 {
  stroke-dasharray: 158 158;
}
.nav__step.step__full .circle2 {
  stroke-dasharray: 158 158;
}
.nav__step.step__valid .circle1 {
  fill: #ffa200;
  stroke: #ffa200;
}
.nav__step.step__valid .circle2 {
  fill: #ffffff;
}
.nav__step.step__valid .circle3 {
  fill: #ffa200;
}
.nav__step.step__valid .step__number {
  color: #ffffff;
}

.jqLostPass.lostPassword__form {
  display: none;
}

.pagination {
  padding: 0;
  margin: 0 auto 60px auto;
  list-style-type: none;
  text-align: center;
}
.pagination li {
  display: inline-block;
}
.pagination li a {
  color: #000000;
  text-decoration: none;
  display: inline-block;
  padding: 5px;
  width: 34px;
  height: 34px;
  line-height: 20px;
}
.pagination li a.active {
  border-radius: 50%;
  border: 2px solid #d1d1d1;
}
.pagination li a.puce {
  font-size: 30px;
  font-family: "BrandonGrotesqueRegular";
}

.blockToSlide {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.blockToSlide li {
  padding: 15px 0;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .blockToSlide li {
    padding: 15px 1%;
  }
}
.blockToSlide li .title {
  margin: 0;
  color: #0f8ab8;
  font-size: 22px;
  font-family: "BrandonGrotesqueBold";
  padding: 0 5%;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .blockToSlide li .title {
    font-size: 20px;
    margin-top: 10px;
  }
}
.blockToSlide .blockToSlide__li {
  text-align: left;
  padding: 0;
}
.blockToSlide .blockToSlide__li.filet {
  border-bottom: 1px solid #d1d1d1;
}
.blockToSlide .blockToSlide__li.filet.noHover {
  cursor: initial;
}
.blockToSlide .blockToSlide__li:last-child {
  margin-bottom: 30px;
  border-bottom: none;
}
.blockToSlide .blockToSlide__li .blockToSlide__li__title {
  margin: 0;
  padding: 15px 0;
  cursor: pointer;
  font-size: 22px;
  font-family: "BrandonGrotesqueMedium";
  color: #000000;
  *zoom: 1;
}
.blockToSlide .blockToSlide__li .blockToSlide__li__title:before, .blockToSlide .blockToSlide__li .blockToSlide__li__title:after {
  content: "";
  display: table;
}
.blockToSlide .blockToSlide__li .blockToSlide__li__title:after {
  clear: both;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .blockToSlide .blockToSlide__li .blockToSlide__li__title {
    padding: 15px 2%;
  }
}
.blockToSlide .blockToSlide__li .blockToSlide__li__title--text {
  float: left;
  width: 89%;
}
.blockToSlide .blockToSlide__li .blockToSlide__li__title--hour {
  float: right;
  font-family: "BrandonGrotesqueRegular";
  color: #4d4d4d;
  font-size: 18px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .blockToSlide .blockToSlide__li .blockToSlide__li__title--hour {
    display: block;
    float: none;
  }
}
.blockToSlide .blockToSlide__li .blockToSlide__li__title--pin {
  padding: 5px;
  background-color: #e6e6e6;
  font-size: 14px;
  text-transform: uppercase;
  display: inline-block;
  margin-right: 5px;
  color: #4d4d4d;
  font-family: "BrandonGrotesqueBold";
}
.blockToSlide .blockToSlide__li .blockToSlide__li__title--arrow {
  background-image: url(/img/commun/sprite.png);
  width: 24px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: 1px 1px;
  display: inline-block;
  margin: 8px 13px 0 6px;
  vertical-align: top;
}
.blockToSlide .blockToSlide__li .blockToSlide__li__title--contenu {
  display: inline-block;
  margin: 0;
  width: 95%;
  font-size: 22px;
  color: #000000;
}
@media (max-width: 768px) {
  .blockToSlide .blockToSlide__li .blockToSlide__li__title--contenu {
    width: 90%;
  }
}
@media (max-width: 560px) {
  .blockToSlide .blockToSlide__li .blockToSlide__li__title--contenu {
    width: 80%;
  }
}
.blockToSlide .blockToSlide__li .blockToSlide__li__title:hover {
  background-color: #0f8ab8;
  color: #ffffff;
}
.blockToSlide .blockToSlide__li .blockToSlide__li__title:hover .blockToSlide__li__title--hour {
  color: #ffffff;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .blockToSlide .blockToSlide__li .blockToSlide__li__title:hover .blockToSlide__li__title--hour {
    display: block;
    float: none;
  }
}
.blockToSlide .blockToSlide__li .blockToSlide__li__title:hover .blockToSlide__li__title--pin {
  color: #4d4d4d;
}
.blockToSlide .blockToSlide__li .blockToSlide__li__title:hover .blockToSlide__li__title--arrow {
  background-position: 1px -70px;
}
.blockToSlide .blockToSlide__li .blockToSlide__li__title:hover .blockToSlide__li__title--contenu {
  color: #ffffff;
}
.blockToSlide .blockToSlide__li .blockToSlide__li__title:hover .slideThis {
  background-color: #ffffff;
}
.blockToSlide .blockToSlide__li .blockToSlide__li__title:hover.noHover {
  background-color: #ffffff;
  color: #000000;
}
.blockToSlide .blockToSlide__li.jqToSlide-noOpen {
  background-color: #ffffff;
  color: #000000;
}
.blockToSlide .blockToSlide__li.jqToSlide-noOpen .blockToSlide__li__title {
  padding-left: 4%;
}
.blockToSlide .blockToSlide__li.jqToSlide-noOpen .blockToSlide__li__title .blockToSlide__li__title--contenu {
  width: 99%;
}
.blockToSlide .blockToSlide__li.jqToSlide-noOpen .blockToSlide__li__title--arrow {
  display: none;
}
.blockToSlide .blockToSlide__li.jqToSlide-noOpen:hover .blockToSlide__li__title {
  background-color: #ffffff;
  color: #000000;
}
.blockToSlide .blockToSlide__li.jqToSlide-noOpen:hover .blockToSlide__li__title .blockToSlide__li__title--contenu {
  color: #000000;
}
.blockToSlide .blockToSlide__li.jqToSlide-noOpen:hover .blockToSlide__li__title .blockToSlide__li__title--contenu .blockToSlide__li__title--hour {
  color: #000000;
}
.blockToSlide .blockToSlide__li.noHover {
  background-color: #ffffff;
  color: #000000;
}
.blockToSlide .blockToSlide__li.downToUp {
  background-color: none;
}
.blockToSlide .blockToSlide__li.downToUp .portraitGene {
  border-bottom: none;
}
.blockToSlide .blockToSlide__li.downToUp .portraitGene .contributor {
  margin-bottom: 40px;
}
.blockToSlide .blockToSlide__li.downToUp .contentGeneSlide.current {
  border-top: 2px solid #d1d1d1;
}
.blockToSlide .blockToSlide__li.downToUp .ulForSlide__coche {
  position: absolute;
  bottom: -38px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 43px;
  height: 31px;
  background-image: url("../img/contributor/coche.png");
  background-repeat: no-repeat;
  background-position: 1px 0;
  z-index: 1;
  display: block;
}
.blockToSlide .blockToSlide__li.downToUp .blockToSlide__li__title--arrow {
  background-position: 1px -38px;
}
.blockToSlide .blockToSlide__li.downToUp .blockToSlide__li__title--contenu {
  color: #0f8ab8;
}
.blockToSlide .blockToSlide__li.downToUp .blockToSlide__li__title:hover {
  color: #ffffff;
}
.blockToSlide .blockToSlide__li.downToUp .blockToSlide__li__title:hover--arrow {
  background-position: 1px -120px;
}
.blockToSlide .blockToSlide__li.downToUp .slideThis {
  background-color: transparent;
}
@media (max-width: 768px) {
  .blockToSlide .blockToSlide__li.downToUp .slideThis {
    width: 95%;
  }
}
@media (max-width: 560px) {
  .blockToSlide .blockToSlide__li.downToUp .slideThis {
    width: 85%;
  }
}
.blockToSlide .blockToSlide__li.downToUp .slideThis.portraitGene {
  padding-bottom: 0;
}
.blockToSlide .blockToSlide__li ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.blockToSlide .blockToSlide__li ul li {
  padding: 0;
  border: none;
}
.blockToSlide .blockToSlide__li ul li span {
  color: #0f8ab8;
  padding-right: 10px;
  font-size: 10px;
}
.blockToSlide .blockToSlide__li ul li span.icon-point {
  color: #d1d1d1;
  font-size: 50px;
  display: block;
  line-height: 40px;
}
.blockToSlide .blockToSlide__li ul.portraitGene {
  text-align: center;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .blockToSlide .blockToSlide__li ul.portraitGene .cocheMobile {
    background-image: url("../img/contributor/coche.png");
    background-repeat: no-repeat;
    background-position: center -9px;
    display: block;
    width: 31px;
    height: 18px;
    position: absolute;
    top: -3px;
    left: 45%;
  }
}
.blockToSlide .blockToSlide__li .slideThis {
  padding-bottom: 40px;
  margin-left: 30px;
  margin-top: 10px;
}

.bubble {
  position: relative;
}
.bubble .bubble__content {
  position: absolute;
  width: auto;
  visibility: hidden;
  opacity: 0;
  z-index: 2;
  -webkit-transition: opacity 1s, visibility 1s;
  transition: opacity 1s, visibility 1s;
}
.bubble .bubble__content.left {
  border: 1px solid #E0E8ED;
  border-radius: 6px;
  background-color: #ffffff;
  margin-left: 9px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0 10px;
}
.bubble .bubble__content.left:after, .bubble .bubble__content.left:before {
  content: "";
  display: block;
  position: absolute;
}
.bubble .bubble__content.left:after {
  top: 16px;
}
.bubble .bubble__content.left:before {
  top: 14px;
}
.bubble .bubble__content.left:after {
  border: 8px solid transparent;
  border-right: 8px solid #ffffff;
  left: -8px;
  border-left: none;
}
.bubble .bubble__content.left:before {
  border: 10px solid transparent;
  border-right: 10px solid #E0E8ED;
  left: -10px;
  border-left: none;
}
.bubble .bubble__content.right {
  border: 1px solid #E0E8ED;
  border-radius: 6px;
  background-color: #ffffff;
  margin-right: 9px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
  margin-left: 4px;
  margin-bottom: 4px;
  padding: 0 10px;
}
.bubble .bubble__content.right:after, .bubble .bubble__content.right:before {
  content: "";
  display: block;
  position: absolute;
}
.bubble .bubble__content.right:after {
  top: 16px;
}
.bubble .bubble__content.right:before {
  top: 14px;
}
.bubble .bubble__content.right:after {
  border: 8px solid transparent;
  border-left: 8px solid #ffffff;
  right: -8px;
  border-right: none;
}
.bubble .bubble__content.right:before {
  border: 10px solid transparent;
  border-left: 10px solid #E0E8ED;
  right: -10px;
  border-right: none;
}
.bubble .bubble__content.top {
  border: 1px solid #E0E8ED;
  border-radius: 6px;
  background-color: #ffffff;
  margin-top: 9px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
  margin-bottom: 4px;
  margin-bottom: 4px;
  padding: 0 10px;
  clear: both;
  margin-left: 0;
  margin-top: 2ex;
}
.bubble .bubble__content.top:after, .bubble .bubble__content.top:before {
  content: "";
  display: block;
  position: absolute;
}
.bubble .bubble__content.top:after {
  left: 16px;
}
.bubble .bubble__content.top:before {
  left: 14px;
}
.bubble .bubble__content.top:after {
  border: 8px solid transparent;
  border-bottom: 8px solid #ffffff;
  top: -8px;
  border-top: none;
}
.bubble .bubble__content.top:before {
  border: 10px solid transparent;
  border-bottom: 10px solid #E0E8ED;
  top: -10px;
  border-top: none;
}
.bubble .bubble__icon:hover + .bubble__content {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 1s, visibility 1;
  transition: opacity 1s, visibility 1s;
}

.filTwitter {
  margin: 20px auto;
  width: 48.3870967742%;
  max-height: 500px;
  overflow-y: scroll;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .filTwitter {
    width: 100%;
  }
}

.addBasket {
  text-align: center;
}
.addBasket p {
  color: #5cbb46;
  font-family: "BrandonGrotesqueRegular";
  font-weight: bold;
  font-size: 18px;
  text-align: center;
}
.addBasket .buttonC2 {
  width: 90%;
  margin: 0 auto 20px auto;
  display: inline-block;
  text-align: center;
  cursor: pointer;
}

.blocRadioParticipationType .listRadio li {
  font-size: 20px;
  line-height: 29px;
}
.blocRadioParticipationType .listRadio li .labelRadio {
  padding-left: 40px;
}
.blocRadioParticipationType .listRadio li .check {
  left: 0;
}
.blocRadioParticipationType--liInlineBlock .listRadio li {
  display: inline-block;
}
.blocRadioParticipationType__text {
  font-size: 20px;
  line-height: 29px;
  color: #979797;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.blocRadioParticipationType__text a {
  color: #ffa200;
}

.home .icon-point {
  width: 100%;
  display: block;
  font-size: 55px;
  color: #d1d1d1;
  line-height: 40px;
}
.home .mainEvents {
  padding: 0 0 60px 0;
  text-align: center;
  *zoom: 1;
}
.home .mainEvents:before, .home .mainEvents:after {
  content: "";
  display: table;
}
.home .mainEvents:after {
  clear: both;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .home .mainEvents {
    padding: 30px 0;
    margin-bottom: 20px;
  }
}
.home .mainEvents .titleCG1 {
  text-align: center;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .home .mainEvents .titleCG1 {
    margin: 0;
    font-size: 32px;
  }
}
.home .mainEvents .mainEvents__more {
  display: inline-block;
  position: relative;
  margin: 37px 0 0 0;
  padding: 0 0 0 25px;
  text-decoration: none;
}
.home .mainEvents .mainEvents__more:hover {
  text-decoration: underline;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .home .mainEvents .mainEvents__more {
    margin: 55px 0 0 0;
  }
}
.home .mainEvents .mainEvents__more .icon {
  display: block;
  position: absolute;
  left: 0;
  top: -6px;
  height: 26px;
  font-size: 29px;
}
.home .mainEvents .mainCongress {
  margin: 0;
  padding: 40px 0 0 0;
  text-align: left;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .home .mainEvents .mainCongress {
    text-align: inherit;
  }
}
.home .mainEvents .mainCongress a {
  display: block;
}
.home .mainEvents .mainCongress .titleCG2 {
  text-decoration: none;
}
.home .mainEvents .mainCongress .blockArt1__desc {
  text-align: left;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .home .mainEvents .mainCongress .blockArt1__img {
    margin: 0 5%;
  }
  .home .mainEvents .mainCongress .blockArt1__desc {
    width: 90%;
    margin: 0 5%;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .home .mainEvents .mainCongress .blockArt1__title, .home .mainEvents .mainCongress .blockArt1__img {
    width: 90%;
    margin: 0 5%;
    text-align: center;
  }
  .home .mainEvents .mainCongress .blockArt1__img {
    max-height: none;
  }
  .home .mainEvents .mainCongress .blockArt1__img img {
    width: 100%;
  }
  .home .mainEvents .mainCongress .blockArt1__desc {
    width: 90%;
    margin: 20px 5% 0 5%;
    text-align: center;
  }
  .home .mainEvents .mainCongress .blockArt1__date {
    width: 90%;
    margin: 20px 5% 0 5%;
    text-align: center;
  }
}
.home .mainEvents .mainCongress .mainCongress__more {
  display: inline-block;
  margin: 60px 0 0 0;
  text-decoration: none;
  position: relative;
  padding: 0 0 0 25px;
}
.home .mainEvents .mainCongress .mainCongress__more .icon {
  display: block;
  position: absolute;
  left: 0;
  top: -6px;
  height: 26px;
  font-size: 29px;
}
.home .mainEvents .mainCongress .mainCongress__more:hover {
  text-decoration: underline;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .home .mainEvents .mainCongress .mainCongress__more {
    text-align: center;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .home .mainEvents .mainCongress .mainCongress__more {
    margin: 30px 0 0 0;
    text-align: center;
    padding: 0;
  }
  .home .mainEvents .mainCongress .mainCongress__more .icon {
    display: inline-block;
    position: static;
    vertical-align: bottom;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .home .mainEvents .bx-wrapper {
    margin: 0 auto;
  }
}
.home.home__formations .mainTraining {
  padding: 30px 0 60px 0;
  text-align: center;
  *zoom: 1;
}
.home.home__formations .mainTraining:before, .home.home__formations .mainTraining:after {
  content: "";
  display: table;
}
.home.home__formations .mainTraining:after {
  clear: both;
}
.home.home__formations .mainTraining .titleCG1 {
  text-align: center;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .home.home__formations .mainTraining .titleCG1 {
    margin: 0;
    font-size: 32px;
  }
}
.home.home__formations .mainTraining .mainTraining__more {
  display: inline-block;
  position: relative;
  margin: 37px 0 0 0;
  padding: 0 0 0 25px;
  text-decoration: none;
}
.home.home__formations .mainTraining .mainTraining__more .icon {
  display: block;
  position: absolute;
  left: 0;
  top: -4px;
  height: 26px;
  font-size: 27px;
}
.home.home__formations .curriculum {
  margin: 60px 0 0 0;
  padding: 40px 20px 0 20px;
  text-align: left;
}
.home.home__formations .curriculum .curriculum__more {
  display: block;
  margin: 40px 0 0 0;
  text-decoration: none;
}
.home .soonSpeaker {
  padding: 0 0 40px 0;
  text-align: center;
  border-top: 1px solid #d1d1d1;
}
.home .soonSpeaker .titleCG1 {
  margin: 0;
  text-align: center;
}
.home .soonSpeaker .portraitGene {
  margin: 40px 0 0 0;
}
.home .soonSpeaker .portraitGene li {
  vertical-align: top;
}
.home .soonSpeaker .portraitGene li.contributor {
  margin-bottom: 20px;
}
.home .soonSpeaker .portraitGene li.contributor .contributor__name {
  height: 147px;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .home .soonSpeaker .portraitGene li.contributor .contributor__name {
    height: auto;
  }
}
.home .soonSpeaker .portraitGene li.contributor.noClick .contributor__name {
  height: auto;
}
.home .soonSpeaker .ulForSlide li.jqCurrentLi .ulForSlide__coche {
  bottom: -43px;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .home .soonSpeaker .ulForSlide li.jqCurrentLi .ulForSlide__coche {
    display: none;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .home .soonSpeaker .titleCG1 {
    margin: 0;
    font-size: 32px;
  }
  .home .soonSpeaker .bx-wrapper .bx-viewport {
    height: 280px !important;
  }
  .home .soonSpeaker .bx-wrapper .bx-prev {
    left: -2px;
  }
  .home .soonSpeaker .bx-wrapper .bx-next {
    right: -10px;
  }
  .home .soonSpeaker .portraitGene .contributor .contributor__pastille {
    display: block;
    margin: 0 auto;
  }
}
.home .soonSpeaker .soonSpeaker__more {
  display: block;
  text-align: center;
  text-decoration: none;
}
.home .soonSpeaker .soonSpeaker__more:hover {
  text-decoration: underline;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .home .soonSpeaker .soonSpeaker__more {
    display: block;
    margin: 60px 0 0 0;
  }
}
.home .nextTrophies {
  padding: 24px 0 60px 0;
  text-align: center;
}
.home .nextTrophies .titleCG1 {
  margin: 0;
  text-align: center;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .home .nextTrophies .titleCG1 {
    font-size: 32px;
  }
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .home .nextTrophies li .blockThreeEvents__stamp {
    top: 34%;
  }
}
.home .nextTrophies .nextTrophies__more {
  display: inline-block;
  position: relative;
  margin: 37px 0 0 0;
  padding: 0 0 0 25px;
  text-decoration: none;
}
.home .nextTrophies .nextTrophies__more:hover {
  text-decoration: underline;
}
.home .nextTrophies .nextTrophies__more .icon {
  display: block;
  position: absolute;
  left: 0;
  top: -6px;
  height: 26px;
  font-size: 29px;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .home .nextTrophies .nextTrophies__more {
    margin: 60px 0 0 0;
    text-align: center;
  }
}
.home .nextTrophies .bx-wrapper {
  margin: 40px auto 0 auto;
}
.home .partnershipEvents {
  min-height: 290px;
  max-height: 290px;
  *zoom: 1;
}
.home .partnershipEvents:before, .home .partnershipEvents:after {
  content: "";
  display: table;
}
.home .partnershipEvents:after {
  clear: both;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .home .partnershipEvents {
    min-height: inherit;
    max-height: inherit;
  }
}
.home .partnershipEvents .titleCG5 {
  margin: 20px 0 20px 0;
  text-align: left;
  line-height: 40px;
}
.home .partnershipEvents .mainContent {
  position: relative;
}
.home .partnershipEvents .partnershipEvents__content {
  margin: 20px 0 0 350px;
  width: 71.6346153846%;
}
@media only screen and (max-device-width: 992px), (max-width: 992px) {
  .home .partnershipEvents .partnershipEvents__content {
    width: -moz-calc(100% - 350px);
    width: -webkit-calc(100% - 350px);
    width: calc(100% - 350px);
  }
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .home .partnershipEvents .partnershipEvents__content {
    margin: 20px 0 0 0;
    width: 100%;
    padding: 0 20px;
  }
  .home .partnershipEvents .partnershipEvents__content .titleCG5 {
    margin: 0;
    font-size: 32px;
    text-align: center;
  }
  .home .partnershipEvents .partnershipEvents__content .partnershipEvents__desc {
    font-size: 22px;
    text-align: center;
  }
  .home .partnershipEvents .partnershipEvents__content .partnershipEvents__button {
    position: static;
    margin: 20px auto;
    text-align: center;
  }
  .home .partnershipEvents .partnershipEvents__content .partnershipEvents__button .buttonCG5:nth-child(2) {
    margin: 20px 0 0 0;
  }
}
.home .partnershipEvents .partnershipEvents__img {
  width: 320px;
  position: absolute;
  top: -20px;
  margin: 0 30px 0 0;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .home .partnershipEvents .partnershipEvents__img {
    display: none;
  }
}
.home .partnershipEvents .partnershipEvents__desc {
  width: 100%;
  margin: 0 0 12px 0;
  color: #ffffff;
  font-size: 26px;
  line-height: 33px;
  text-align: left;
}
.home .partnershipEvents .partnershipEvents__desc span {
  display: block;
  font-family: "BrandonGrotesqueMedium";
}
.home .partnershipEvents .partnershipEvents__button {
  margin: 0;
  text-align: left;
}
.home .partnershipEvents .partnershipEvents__button .buttonCG5 {
  display: inline-block;
  position: relative;
  text-decoration: none;
  padding: 15px 30px;
  color: #ffa200;
}
.home .partnershipEvents .partnershipEvents__button .buttonCG5 .icon {
  position: absolute;
  top: 14px;
  left: 7px;
  font-size: 24px;
}
.home .partnershipEvents .partnershipEvents__button .buttonCG5:nth-child(2) {
  margin: 0 0 0 30px;
}
.home.home__formations .thematics {
  text-align: center;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .home.home__formations .thematics {
    margin-bottom: 30px;
  }
}
.home.home__formations .thematics .thematics__content {
  margin: 0 160px;
  padding: 40px 0;
}
.home.home__formations .thematics .titleCG5 {
  margin: 0;
  text-align: center;
}
.home.home__formations .thematics .mainContent {
  position: relative;
}
.home.home__formations .thematics .thematics__content {
  margin: 20px auto 0 auto;
  width: 100%;
}
.home.home__formations .thematics .thematics__list {
  color: #ffffff;
}
.home.home__formations .thematics .thematics__list li {
  position: relative;
  display: inline-block;
  padding: 25px 0 0 50px;
  font-size: 26px;
}
.home.home__formations .thematics .thematics__list li .icon-arrow-right-thin {
  position: absolute;
  top: 15px;
  left: 12px;
  font-size: 55px;
}
.home.home__formations .thematics .thematics__list li a {
  color: #ffffff;
  text-decoration: none;
}
.home .ourPartners {
  padding: 24px 0 60px 0;
}
.home .ourPartners .titleCG1 {
  margin: 0;
  text-align: center;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .home .ourPartners .titleCG1 {
    font-size: 32px;
  }
}
.home .ourPartners .bx-wrapper {
  margin: 25px auto 0 auto;
}
.home .ourPartners .bx-wrapper .bx-prev {
  left: -49px;
}
.home .ourPartners .slider__partners li {
  border: 1px #d1d1d1 solid;
  display: inline-block;
}
.home .ourPartners .slider__partners li img {
  width: 140px;
  vertical-align: middle;
  display: inline-block;
}
.home .chooseUs {
  *zoom: 1;
}
.home .chooseUs:before, .home .chooseUs:after {
  content: "";
  display: table;
}
.home .chooseUs:after {
  clear: both;
}
.home .chooseUs .titleCG1 {
  margin: 30px 0 0 0;
  text-align: center;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .home .chooseUs .titleCG1 {
    font-size: 32px;
  }
}
.home .chooseUs .chooseUs-content {
  margin: 0 auto;
  width: 100%;
  text-align: center;
  font-size: 20px;
}
.home .chooseUs .chooseUs-content .chooseUs__list1 {
  *zoom: 1;
}
.home .chooseUs .chooseUs-content .chooseUs__list1:before, .home .chooseUs .chooseUs-content .chooseUs__list1:after {
  content: "";
  display: table;
}
.home .chooseUs .chooseUs-content .chooseUs__list1:after {
  clear: both;
}
.home .chooseUs .chooseUs-content .chooseUs__list1 li {
  width: 33.2692307692%;
  float: left;
}
.home .chooseUs .chooseUs-content .chooseUs__list1 li.onlyTwo {
  display: inline-block;
  float: none;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .home .chooseUs .chooseUs-content .chooseUs__list1 li {
    width: 29%;
    margin: 0 2%;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .home .chooseUs .chooseUs-content .chooseUs__list1 li {
    width: 100%;
    float: none;
    text-align: center;
    font-family: "BrandonGrotesqueMedium";
  }
}
.home .chooseUs .chooseUs-content .chooseUs__list1 li .circle {
  margin: 40px 0 0 0;
  position: relative;
}
.home .chooseUs .chooseUs-content .chooseUs__list1 li .circle .titleCG5--size50 {
  display: block;
  margin-top: 30px;
}
.home .chooseUs .chooseUs-content .chooseUs__list1 li .circle .titleCG5--size40 {
  margin-top: 36px;
  display: block;
}
.home .chooseUs .chooseUs-content .chooseUs__list1 li .titleC1 {
  margin: 20px 0 0 0;
  font-family: "BrandonGrotesqueMedium";
}
.home .chooseUs .chooseUs-content .chooseUs__list2 {
  text-align: center;
  margin: 40px 0;
}
.home .chooseUs .chooseUs-content .chooseUs__list2 li {
  text-align: center;
}
.home .chooseUs .chooseUs-content .chooseUs__list2 li p {
  margin: 0;
}
.home .twitterFeed {
  padding: 24px 0 60px 0;
  text-align: center;
}
.home .twitterFeed .titleCG1 {
  margin: 0;
  text-align: center;
}
.home .twitterFeed .titleTwitter {
  display: inline-block;
  position: relative;
  padding: 0 0 0 35px;
  font-family: "BrandonGrotesqueBold";
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
}
.home .twitterFeed .titleTwitter .icon-twitter {
  position: absolute;
  top: -5px;
  left: 0;
  font-size: 30px;
}
.home .lastEditions {
  padding: 24px 0 60px 0;
}
.home .lastEditions .titleCG1 {
  margin: 0;
  text-align: center;
}
.home .lastEditions .blockThreeEvents__lastEditions {
  margin: 30px auto 0 auto;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .home .lastEditions .blockThreeEvents__lastEditions {
    width: 100%;
  }
  .home .lastEditions .blockThreeEvents__lastEditions li {
    width: 29%;
    margin: 0 0 0 20px;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .home .lastEditions {
    display: none;
  }
}

.pageProduit {
  font-size: 20px;
  text-align: center;
}
.pageProduit #articleformationproduit {
  position: relative;
  max-width: 1240px;
  margin: 0 auto;
}
.pageProduit #articleformationproduit .enteteProduct, .pageProduit #articleformationproduit .blockProgram, .pageProduit #articleformationproduit #bloc-modalite, .pageProduit #articleformationproduit .secondaryMenu {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .pageProduit #articleformationproduit .enteteProduct, .pageProduit #articleformationproduit .blockProgram, .pageProduit #articleformationproduit #bloc-modalite, .pageProduit #articleformationproduit .secondaryMenu {
    left: unset;
    right: unset;
    margin-left: unset;
    margin-right: unset;
  }
}
.pageProduit .popinCart {
  text-align: left;
}
.pageProduit .flatTint {
  text-align: center;
}
.pageProduit .flatTint.blocCriteria {
  border-bottom: 1px solid #d1d1d1;
}
.pageProduit .titleCG5--size40, .pageProduit .titleCG1--size40, .pageProduit .titleGeneric1 {
  margin: 0 auto;
  padding: 23px 0;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .titleCG5--size40, .pageProduit .titleCG1--size40, .pageProduit .titleGeneric1 {
    font-size: 32px;
    padding: 23px 5%;
  }
}
.pageProduit .borderTop {
  border-top: 1px solid #d1d1d1;
}
.pageProduit .organizationGene, .pageProduit .portraitGene {
  position: relative;
  border-bottom: 2px solid #d1d1d1;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .organizationGene, .pageProduit .portraitGene {
    border-bottom: none;
    padding: 30px 0;
  }
  .pageProduit .organizationGene .bx-wrapper .bx-controls-direction a, .pageProduit .portraitGene .bx-wrapper .bx-controls-direction a {
    top: 48%;
  }
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .organizationGene img, .pageProduit .portraitGene img {
    margin: 0 auto;
  }
}
@media only screen and (max-device-width: 992px), (max-width: 992px) {
  .pageProduit .organizationGene .contributor, .pageProduit .portraitGene .contributor {
    max-width: 100%;
    width: 200px !important;
  }
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .organizationGene .contributor.jqCurrentLi .ulForSlide__coche, .pageProduit .portraitGene .contributor.jqCurrentLi .ulForSlide__coche {
    display: none;
  }
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .imgBigGeneContenair .imgBigGeneContent .flatTint .titleCG5--size40, .pageProduit .imgBigGeneContenair .imgBigGeneContent .flatTint .titleCG1--size40 {
    font-size: 31px;
  }
  .pageProduit .imgBigGeneContenair .imgBigGeneContent .flatTint .titleCG5--size46 {
    font-size: 28px;
    line-height: 33px;
  }
  .pageProduit .imgBigGeneContenair .imgBigGeneContent .flatTint .titleCG5--size32 {
    line-height: 29px;
  }
}
.pageProduit .presentationBlock .titleCG1--size32 {
  margin: 25px 0 0 0;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .presentationBlock .titleCG1--size32 {
    margin: 25px 5% 0 5%;
    font-size: 24px;
    line-height: 38px;
  }
}
.pageProduit .presentationBlock .titleCG2--size22 {
  margin: 0;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .presentationBlock .titleCG2--size22 {
    margin: 10px 0 0 0;
    font-size: 20px;
  }
}
.pageProduit .presentationBlock .verbatim {
  padding-bottom: 55px;
  border-bottom: 1px solid #d1d1d1;
}
.pageProduit .presentationBlock .organizationGene {
  border-bottom: none;
}
.pageProduit .presentationBlock .organizationGene li {
  cursor: pointer;
  margin-right: 2%;
}
.pageProduit .presentationBlock .organizationGene li .blocImg {
  width: 160px;
  height: 120px;
  line-height: 120px;
  display: inline-block;
  vertical-align: middle;
}
.pageProduit .presentationBlock .organizationGene li .blocImg img {
  display: inline-block;
  vertical-align: middle;
}
.pageProduit .presentationBlock .organizationGene li.jqCurrentLi .blocImg {
  border: 1px solid #0f8ab8;
}
.pageProduit .presentationBlock .organizationGene .ulForSlide__coche {
  bottom: -54px;
}
.pageProduit .presentationBlock .contentGeneSlide.current {
  border-top: 2px solid #d1d1d1;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .presentationBlock .contentGeneSlide.current {
    margin-top: 30px;
  }
}
.pageProduit .sliderCoOrga {
  border-top: 1px solid #d1d1d1;
  border-bottom: 1px solid #d1d1d1;
  padding-bottom: 30px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .sliderCoOrga {
    margin: 30px 0 0 0;
    border-bottom: none;
  }
}
.pageProduit .whyParticipate {
  background-color: #0f8ab8;
  color: #ffffff;
}
.pageProduit .whyParticipate .icon-point {
  color: #ffffff;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .whyParticipate {
    background-color: #ffffff;
    color: #4d4d4d;
  }
}
.pageProduit .whyParticipate .ulBullet {
  margin: 0 auto;
  text-align: center;
}
.pageProduit .whyParticipate .ulBullet li:last-child {
  padding-bottom: 40px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .whyParticipate .ulBullet li:last-child {
    padding: 0;
  }
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .whyParticipate .ulBullet li {
    margin: 0 2%;
  }
  .pageProduit .whyParticipate .ulBullet li .icon-point {
    color: #d1d1d1;
  }
}
.pageProduit .ulBullet {
  margin: 0 auto;
  text-align: center;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .ulBullet {
    width: 96%;
  }
}
.pageProduit .ulBullet.criteria {
  padding-bottom: 30px;
}
.pageProduit .icon-point {
  font-size: 50px;
  display: block;
  line-height: 40px;
}
.pageProduit .icon-point.titleCG5 {
  color: #ffffff;
}
.pageProduit .blockPortrait .portraitGene li {
  vertical-align: top;
}
.pageProduit .blockPortrait .portraitGene li .contributor__name {
  height: 155px;
  text-overflow: ellipsis;
  line-height: 24px;
  overflow: hidden;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .blockPortrait .portraitGene li .contributor__name {
    height: 146px;
  }
}
.pageProduit .blockParticipation {
  padding: 0 0 70px 0;
  border-bottom: 1px solid #d1d1d1;
}
.pageProduit .blockParticipation .bx-wrapper {
  float: left;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .blockParticipation .bx-wrapper {
    float: none;
  }
  .pageProduit .blockParticipation .bx-wrapper .bx-pager {
    padding-top: 20px;
  }
}
.pageProduit .blockParticipation .sliderIntendee {
  float: left;
}
.pageProduit .blockParticipation .blockParticipation__description {
  float: left;
  padding: 0;
  margin: 0;
  list-style-type: none;
  width: 39.5161290323%;
  margin: 0 0 0 2.4193548387%;
}
.pageProduit .blockParticipation .blockParticipation__description li {
  text-align: center;
}
.pageProduit .blockParticipation .blockParticipation__description li .titleCG5--size40 {
  margin: 0 0 18px 0;
  padding: 0;
}
.pageProduit .blockParticipation .blockParticipation__description li p {
  margin: 0;
}
.pageProduit .blockParticipation .blockParticipation__description.noPicture {
  width: 100%;
  float: none;
  margin: 0 0 0 0;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .blockParticipation .blockParticipation__description.noPicture {
    width: 96%;
    margin: 0 auto;
  }
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .blockParticipation .blockParticipation__description {
    float: none;
    width: 94%;
    margin: 38px auto 0 auto;
  }
}
.pageProduit .googleMap {
  position: relative;
}
.pageProduit .googleMap iframe {
  width: 100%;
  border: none;
}
.pageProduit .googleMap .usefulInformation {
  background: #0f8ab8; /* The Fallback */
  background: rgba(15, 138, 184, 0.8);
  position: absolute;
  top: 0;
  right: 17.5%;
  color: #ffffff;
  width: 400px;
  height: 98%;
  padding: 1%;
}
.pageProduit .googleMap .usefulInformation--titleBlock {
  font-size: 40px;
  margin-bottom: 65px;
}
.pageProduit .googleMap .usefulInformation .usefullInformation__group {
  vertical-align: bottom;
  display: inline-block;
}
.pageProduit .googleMap .usefulInformation .usefullInformation__group p {
  margin: 0;
}
.pageProduit .googleMap .usefulInformation .usefullInformation__group p.usefulInformation__transport {
  margin-top: 25px;
}
@media only screen and (max-device-width: 992px), (max-width: 992px) {
  .pageProduit .googleMap .usefulInformation {
    right: 1%;
  }
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .googleMap .usefulInformation {
    background-color: rgb(204, 51, 51);
    position: static;
    width: 100%;
    padding-bottom: 20px;
  }
}
.pageProduit .lesTarifs {
  padding-bottom: 50px;
  border-bottom: 1px solid #d1d1d1;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .lesTarifs {
    padding-bottom: 25px;
  }
}
.pageProduit .contentLesTarifs {
  width: 83.8709677419%;
  margin: 0 auto;
}
.pageProduit .contentLesTarifs .tableTarifs {
  position: relative;
}
.pageProduit .contentLesTarifs .tableTarifs .infoBulle {
  visibility: hidden;
  opacity: 0;
  z-index: 2;
  position: absolute;
}
.pageProduit .contentLesTarifs .tableTarifs:hover .infoBulle {
  right: -36px;
  top: 61px;
  background-color: #ffffff;
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 1s, visibility 1;
  transition: opacity 1s, visibility 1s;
  color: black;
  width: 400px;
}
.pageProduit .contentLesTarifs .tableTarifs:hover .infoBulle.top {
  border: 1px solid #E0E8ED;
  border-radius: 6px;
  background-color: #ffffff;
  margin-top: 9px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
  margin-bottom: 4px;
  margin-bottom: 4px;
  padding: 0 10px;
}
.pageProduit .contentLesTarifs .tableTarifs:hover .infoBulle.top:after, .pageProduit .contentLesTarifs .tableTarifs:hover .infoBulle.top:before {
  content: "";
  display: block;
  position: absolute;
}
.pageProduit .contentLesTarifs .tableTarifs:hover .infoBulle.top:after {
  top: 16px;
}
.pageProduit .contentLesTarifs .tableTarifs:hover .infoBulle.top:before {
  top: 14px;
}
.pageProduit .contentLesTarifs .tableTarifs:hover .infoBulle.top:after {
  border: 8px solid transparent;
  border-bottom: 8px solid #ffffff;
  top: -8px;
  border-top: none;
}
.pageProduit .contentLesTarifs .tableTarifs:hover .infoBulle.top:before {
  border: 10px solid transparent;
  border-bottom: 10px solid #E0E8ED;
  top: -10px;
  border-top: none;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .contentLesTarifs .tableTarifs:hover .infoBulle {
    display: none;
  }
}
@media only screen and (max-device-width: 992px), (max-width: 992px) {
  .pageProduit .contentLesTarifs {
    width: 98%;
  }
}
.pageProduit .contentLesTarifs .priceBlock {
  margin: 0 auto;
  border-collapse: collapse;
  width: 100%;
  border-bottom: 1px solid #d1d1d1;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .contentLesTarifs .priceBlock {
    display: block;
  }
  .pageProduit .contentLesTarifs .priceBlock tbody {
    width: 100%;
    display: block;
  }
}
.pageProduit .contentLesTarifs .priceBlock tr {
  border-top: 1px solid #d1d1d1;
  border-left: 1px solid #d1d1d1;
  border-right: 1px solid #d1d1d1;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .contentLesTarifs .priceBlock tr {
    display: block;
    width: 100%;
  }
}
.pageProduit .contentLesTarifs .priceBlock tr:last-child {
  border-bottom: 1px solid #d1d1d1;
}
.pageProduit .contentLesTarifs .priceBlock tr td span {
  display: block;
  color: #4d4d4d;
  font-size: 20px;
  font-family: "BrandonGrotesqueRegular";
}
.pageProduit .contentLesTarifs .priceBlock tr td span.fontBold {
  font-family: "BrandonGrotesqueBold";
}
.pageProduit .contentLesTarifs .priceBlock p {
  margin: 0;
}
.pageProduit .contentLesTarifs .priceBlock--blockPromo {
  background-color: #ffa200;
}
.pageProduit .contentLesTarifs .priceBlock .priceBlock__description {
  float: left;
  width: 69%;
  text-align: left;
  color: #0f8ab8;
  font-size: 24px;
  font-family: "BrandonGrotesqueMedium";
  padding: 15px 20px;
}
.pageProduit .contentLesTarifs .priceBlock .priceBlock__description a {
  color: #0f8ab8;
  text-decoration: none;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .contentLesTarifs .priceBlock .priceBlock__description {
    display: block;
    width: 100%;
    text-align: center;
    float: none;
  }
}
.pageProduit .contentLesTarifs .priceBlock .priceBlock__description.blockPromo {
  border-left: 5px solid #ffa200;
}
.pageProduit .contentLesTarifs .priceBlock .priceBlock__description .promo {
  text-transform: uppercase;
  color: #ffa200;
  font-size: 18px;
  margin-top: -10px;
}
.pageProduit .contentLesTarifs .priceBlock .priceBlock__detailPrice {
  text-align: right;
  font-size: 24px;
  padding: 15px 20px;
  float: left;
  width: 30%;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .contentLesTarifs .priceBlock .priceBlock__detailPrice {
    display: block;
    width: 100%;
    text-align: center;
    float: none;
  }
}
.pageProduit .contentLesTarifs .priceBlock .priceBlock__detailPrice .previewPrice {
  text-decoration: line-through;
}
.pageProduit .contentLesTarifs .priceBlock .priceBlock__detailPrice .previewPrice--ttc {
  font-size: 16px;
  display: inline-block;
  text-decoration: line-through;
}
.pageProduit .contentLesTarifs .priceBlock .priceBlock__detailPrice .actualPrice {
  font-family: "BrandonGrotesqueMedium";
}
.pageProduit .contentLesTarifs .priceBlock .priceBlock__detailPrice .actualPrice--ttc {
  font-size: 20px;
  display: inline-block;
}
.pageProduit .contentLesTarifs .priceBlock .priceBlock__blockPromo {
  background-color: #ffa200;
  width: 5px;
}
.pageProduit .contentLesTarifs .discountPrice {
  color: #ffffff;
  *zoom: 1;
  margin: 10px auto 0 auto;
  padding: 25px 1.9230769231%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  text-decoration: none;
}
.pageProduit .contentLesTarifs .discountPrice:before, .pageProduit .contentLesTarifs .discountPrice:after {
  content: "";
  display: table;
}
.pageProduit .contentLesTarifs .discountPrice:after {
  clear: both;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .contentLesTarifs .discountPrice {
    display: block;
  }
}
.pageProduit .contentLesTarifs .discountPrice .discountPrice__block {
  float: left;
  width: 50%;
  font-size: 22px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .contentLesTarifs .discountPrice .discountPrice__block {
    width: 100%;
    float: none;
  }
}
.pageProduit .contentLesTarifs .discountPrice .discountPrice__block--description {
  text-transform: uppercase;
  text-align: left;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .contentLesTarifs .discountPrice .discountPrice__block--description {
    text-align: center;
  }
}
.pageProduit .contentLesTarifs .discountPrice .discountPrice__block--percentage {
  font-family: "BrandonGrotesqueMedium";
  text-align: right;
}
.pageProduit .contentLesTarifs .discountPrice .discountPrice__block--percentage p {
  margin: 10px 0 0 0;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .contentLesTarifs .discountPrice .discountPrice__block--percentage p span {
    display: block;
  }
}
.pageProduit .contentLesTarifs .asterix {
  text-align: left;
  margin: 0;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .contentLesTarifs .asterix {
    text-align: center;
    margin: 5px 15px;
  }
}
.pageProduit .contentLesTarifs .buttonC2 {
  display: inline-block;
  margin: 20px 0 40px 0;
  padding: 10px 15px;
  text-decoration: none;
}
.pageProduit .contentLesTarifs .buttonC2 .icon-arrow-right {
  vertical-align: initial;
}
.pageProduit .partnerGold .organizationGene {
  border-bottom: 1px solid #d1d1d1;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .partnerGold .organizationGene {
    border-bottom: none;
  }
}
.pageProduit .partnerGold .organizationGene li {
  cursor: pointer;
  height: 120px;
  line-height: 100px;
  padding: 10px;
  margin-right: 40px;
}
.pageProduit .partnerGold .organizationGene li img {
  width: 140px;
  vertical-align: middle;
}
.pageProduit .partnerGold .organizationGene li.jqCurrentLi .ulForSlide__coche {
  bottom: -54px;
}
.pageProduit .letsTalk {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 60px;
  border-bottom: 1px solid #d1d1d1;
}
.pageProduit .letsTalk .blockThreeEvents li .blockThreeEvents__title {
  padding: 14px 10px;
  line-height: 30px;
  height: 116px;
}
.pageProduit .sameThemeContent .blockThreeEvents {
  width: 100%;
  margin: 0 auto;
  display: inline-block;
}
.pageProduit .sameThemeContent .blockThreeEvents li {
  width: 23.3870967742%;
  float: none;
  display: inline-block;
}
.pageProduit .sameThemeContent .blockThreeEvents li a {
  display: block;
}
.pageProduit .sameThemeContent .blockThreeEvents li a .blockThreeEvents__title {
  width: 100%;
  bottom: 42px;
  margin: 0;
  line-height: 31px;
  padding: 20px 10px;
  min-height: 118px;
}
@media (max-width: 1024px) {
  .pageProduit .sameThemeContent .blockThreeEvents li a .blockThreeEvents__title {
    height: 156px;
  }
}
.pageProduit .sameThemeContent .blockThreeEvents li a .blockThreeEvents__img {
  width: 100%;
}
.pageProduit .sameThemeContent .bx-wrapper .bx-pager {
  bottom: 15px;
}
.pageProduit .inPicturesBlock {
  *zoom: 1;
  border-bottom: 1px solid #d1d1d1;
}
.pageProduit .inPicturesBlock:before, .pageProduit .inPicturesBlock:after {
  content: "";
  display: table;
}
.pageProduit .inPicturesBlock:after {
  clear: both;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .inPicturesBlock {
    width: 96%;
  }
}
.pageProduit .inPicturesBlock .inPicturesBlock__content {
  position: relative;
  width: 61.6935483871%;
  margin: 0 auto 90px auto;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .inPicturesBlock .inPicturesBlock__content {
    margin: 0 auto;
  }
}
.pageProduit .inPicturesBlock .inPicturesBlock__content .diaporamaImageTitle {
  font-family: "BrandonGrotesqueBold";
}
.pageProduit .inPicturesBlock .inPicturesBlock__content .diaporamaVideoTitle {
  position: absolute;
  bottom: -23px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.pageProduit .inPicturesBlock .inPicturesBlock__content .bx-wrapper:nth-child(1) {
  float: left;
  width: 84.9673202614%;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .inPicturesBlock .inPicturesBlock__content .bx-wrapper:nth-child(1) {
    float: none;
  }
}
.pageProduit .inPicturesBlock .inPicturesBlock__content .bx-wrapper:nth-child(1) .bx-viewport {
  height: auto !important;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .inPicturesBlock .inPicturesBlock__content .bx-wrapper:nth-child(1) .bx-viewport {
    margin: 0 0 40px 0;
    height: 181px !important;
  }
}
.pageProduit .inPicturesBlock .inPicturesBlock__content .bx-wrapper:nth-child(1) .bx-controls {
  display: none;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .inPicturesBlock .inPicturesBlock__content .bx-wrapper:nth-child(1) .bx-controls {
    display: block;
  }
}
.pageProduit .inPicturesBlock .inPicturesBlock__content .bx-wrapper:nth-child(1) .inPicturesBlock__slider {
  margin: 0;
}
.pageProduit .inPicturesBlock .inPicturesBlock__content .bx-wrapper:nth-child(2) {
  position: relative;
  margin: 35px 0 0 20px;
  float: left;
  width: 100px !important;
  height: 405px;
}
.pageProduit .inPicturesBlock .inPicturesBlock__content .bx-wrapper:nth-child(2) .bx-viewport {
  height: 376px !important;
}
.pageProduit .inPicturesBlock .inPicturesBlock__content .bx-wrapper:nth-child(2) a {
  display: block;
}
.pageProduit .inPicturesBlock .inPicturesBlock__content .bx-wrapper:nth-child(2) .bx-controls {
  height: 865px;
  position: absolute;
  top: 0;
}
.pageProduit .inPicturesBlock .inPicturesBlock__content .bx-wrapper:nth-child(2) .bx-controls .bx-controls-direction {
  height: 425px;
}
.pageProduit .inPicturesBlock .inPicturesBlock__content .bx-wrapper:nth-child(2) .bx-controls .bx-controls-direction .bx-prev {
  position: absolute;
  top: -10px;
  left: 29px;
  background-image: url(/img/commun/sprite.png);
  width: 30px;
  height: 15px;
  background-repeat: no-repeat;
  background-position: 1px -38px;
}
.pageProduit .inPicturesBlock .inPicturesBlock__content .bx-wrapper:nth-child(2) .bx-controls .bx-controls-direction .bx-next {
  position: absolute;
  bottom: 0;
  background-image: url(/img/commun/sprite.png);
  width: 30px;
  height: 15px;
  background-repeat: no-repeat;
  background-position: 1px 1px;
}
.pageProduit .lastReview {
  margin-top: 90px;
}
.pageProduit .lastReview a {
  text-decoration: none;
  display: block;
  text-align: center;
}
.pageProduit .lastReview .blocTitrePx {
  padding-bottom: 30px 0;
  background: #0f8ab8; /* The Fallback */
  background: rgba(15, 138, 184, 0.8);
}
.pageProduit .lastReview .blocTitrePx .lastEdition {
  background-color: #000000;
  color: #ffffff;
  margin: 0;
  font-size: 40px;
  padding: 20px 20px;
  top: -121px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .lastReview {
    display: none;
  }
}
.pageProduit .downloadAll {
  text-align: right;
  margin: 0 0 5px;
  text-decoration: none;
  display: block;
}
.pageProduit .downloadAll .icon-download {
  font-size: 18px;
  font-weight: bold;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .downloadAll {
    float: none;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .pageProduit .downloadAll {
    text-align: center;
    font-size: 15px;
  }
}
.pageProduit .downloadAll:hover {
  text-decoration: underline;
}
.pageProduit.pageFormation .imgBigGeneContenair .blocTitrePx {
  padding-bottom: 30px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit.pageFormation .imgBigGeneContenair .blocTitrePx {
    padding-bottom: 0;
    margin-top: 0;
  }
}
@media only screen and (max-device-width: 992px), (max-width: 992px) {
  .pageProduit.pageFormation .imgBigGeneContenair .imgBigGeneContent .blocPromo .flatTint--CG1 {
    padding: 20px;
    width: 40%;
    margin: 15px auto;
  }
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit.pageFormation .imgBigGeneContenair .imgBigGeneContent .blocPromo .flatTint--CG1 {
    margin: 0 auto;
    padding: 3px 18px 20px 18px;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .pageProduit.pageFormation .imgBigGeneContenair .imgBigGeneContent .blocPromo .flatTint--CG1 {
    display: none;
  }
}
.pageProduit.pageFormation .presentationBlock .organizationGene li.jqCurrentLi .blocImg {
  width: 100%;
}
.pageProduit.pageFormation .whyParticipate {
  background-color: #ffffff;
  color: #4d4d4d;
}
.pageProduit.pageFormation .sliderCoOrga {
  border-bottom: none;
}
.pageProduit.pageFormation .sliderCoOrga .organizationGene {
  border-bottom: none;
}
.pageProduit.pageFormation .sliderCoOrga .organizationGene li.jqCurrentLi .ulForSlide__coche {
  bottom: -54px;
}
.pageProduit.pageFormation .sliderCoOrga .contentGeneSlide {
  border-top: 2px solid #d1d1d1;
}
.pageProduit.pageFormation .blockProgram {
  background-color: #F7F7F7;
  width: 100%;
  padding: 50px 0 30px 0;
  position: relative;
  text-align: left;
  margin-top: 0;
  margin-bottom: 48px;
  /* personne dans programme */
}
@media only screen and (max-device-width: 1320px), (max-width: 1320px) {
  .pageProduit.pageFormation .blockProgram {
    padding-left: 60px !important;
  }
}
@media only screen and (max-device-width: 1024px), (max-width: 1024px) {
  .pageProduit.pageFormation .blockProgram {
    padding-left: 30px !important;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .pageProduit.pageFormation .blockProgram {
    padding-left: 20px !important;
  }
}
.pageProduit.pageFormation .blockProgram .titleCG1 {
  text-align: left;
  margin: 14px 0 24px;
  display: inline-block;
  color: #323232;
  font-weight: 600;
}
.pageProduit.pageFormation .blockProgram .programTitle {
  width: 735px;
  text-align: left;
}
@media only screen and (max-device-width: 1024px), (max-width: 1024px) {
  .pageProduit.pageFormation .blockProgram .programTitle {
    width: 690px;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .pageProduit.pageFormation .blockProgram .programTitle {
    width: unset;
  }
}
.pageProduit.pageFormation .blockProgram .programTitle__telecharger {
  display: inline-block;
  float: right;
  font-size: 16px;
  font-weight: 600;
  color: #323232;
  text-decoration: none;
  margin: 38px 0 0 10px;
}
.pageProduit.pageFormation .blockProgram .programTitle__telecharger .icon-telechargement {
  color: #0f8ab8;
  padding-right: 10px;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .pageProduit.pageFormation .blockProgram .programTitle__telecharger {
    display: none;
  }
}
.pageProduit.pageFormation .blockProgram .container {
  text-align: left;
  margin: 0 0 10px 0;
  width: 735px;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .pageProduit.pageFormation .blockProgram .container {
    width: 100%;
  }
}
.pageProduit.pageFormation .blockProgram .container .titleC1--size30 {
  margin: 5px 0 8px;
  color: #323232;
  font-family: "BrandonGrotesqueRegular";
}
.pageProduit.pageFormation .blockProgram .container .program__soustitre {
  font-size: 20px;
  color: #767676;
  margin: 0;
}
.pageProduit.pageFormation .blockProgram .titleCG2--size28 {
  margin: 0;
}
.pageProduit.pageFormation .blockProgram .titleCG2--size24 {
  margin: 15px 0 40px 0;
}
.pageProduit.pageFormation .blockProgram .blockProgram__label {
  display: inline-block;
  text-align: center;
  background-color: #0f8ab8;
  color: #ffffff;
  font-size: 40px;
  padding: 8px 20px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  margin: 0;
  top: -41px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit.pageFormation .blockProgram .blockProgram__label {
    font-size: 32px;
  }
}
.pageProduit.pageFormation .blockProgram .modulProgram {
  max-width: 735px;
  padding: 0;
  margin: 0;
  position: relative;
}
@media only screen and (max-device-width: 1024px), (max-width: 1024px) {
  .pageProduit.pageFormation .blockProgram .modulProgram {
    max-width: 690px;
  }
}
@media only screen and (max-device-width: 992px), (max-width: 992px) {
  .pageProduit.pageFormation .blockProgram .modulProgram {
    width: 98%;
  }
}
.pageProduit.pageFormation .blockProgram .modulProgram .flatTint--CG1 {
  display: inline-block;
  padding: 6px 1.9230769231%;
  margin: 15px 0 7px 0;
}
.pageProduit.pageFormation .blockProgram .modulProgram.flatTint--CG5 {
  background-color: unset;
}
.pageProduit.pageFormation .blockProgram .modulProgram .beforeCentral {
  border-bottom: none;
  margin-bottom: 0;
}
.pageProduit.pageFormation .blockProgram .modulProgram .beforeCentral.filet {
  border-bottom: 1px solid #d1d1d1;
}
.pageProduit.pageFormation .blockProgram .modulProgram .beforeCentral .title {
  padding: 5px 0;
}
.pageProduit.pageFormation .blockProgram .modulProgram .beforeCentral--pause {
  display: none;
}
.pageProduit.pageFormation .blockProgram .modulProgram .centralLine {
  position: relative;
  border: 1px solid #d1d1d1;
  margin: 30px 0;
  padding: 0;
}
.pageProduit.pageFormation .blockProgram .modulProgram .centralLine span {
  position: absolute;
}
.pageProduit.pageFormation .blockProgram .modulProgram .centralLine span.titleCapsule {
  font-family: "BrandonGrotesqueBold";
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit.pageFormation .blockProgram .modulProgram .centralLine span {
    position: static;
  }
}
.pageProduit.pageFormation .blockProgram .modulProgram .centralLine span.centralLine__title {
  font-size: 22px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.pageProduit.pageFormation .blockProgram .modulProgram .centralLine span.centralLine__title img {
  vertical-align: bottom;
  max-width: 15%;
  margin-left: 1%;
}
.pageProduit.pageFormation .blockProgram .modulProgram .centralLine span.centralLine__hour {
  right: -1px;
  font-size: 18px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit.pageFormation .blockProgram .modulProgram .centralLine span.centralLine__hour {
    top: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.pageProduit.pageFormation .blockProgram .modulProgram .centralLine.centralLineFormation {
  border-top: none;
  border-right: none;
  border-left: none;
  min-height: 50px;
  height: auto;
  margin: 0;
  padding: 20px 0;
  text-align: left;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .pageProduit.pageFormation .blockProgram .modulProgram .centralLine.centralLineFormation {
    min-height: 83px;
    height: auto;
  }
}
.pageProduit.pageFormation .blockProgram .modulProgram .centralLine.centralLineFormation h3.centralLine__title {
  display: flex;
  align-items: center;
  margin-top: 40px;
  font-size: 20px;
  font-family: "BrandonGrotesqueMedium";
}
.pageProduit.pageFormation .blockProgram .modulProgram .centralLine.centralLineFormation h3.centralLine__title img {
  padding-left: 15px;
}
.pageProduit.pageFormation .blockProgram .modulProgram .centralLine.centralLineFormation span {
  background-color: unset;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .pageProduit.pageFormation .blockProgram .modulProgram .centralLine.centralLineFormation span {
    position: unset;
    left: unset;
    -moz-transform: unset;
    -o-transform: unset;
    -ms-transform: unset;
    -webkit-transform: unset;
    transform: unset;
  }
}
.pageProduit.pageFormation .blockProgram .modulProgram .centralLine.centralLineFormation span.centralLine__title {
  top: 0;
  left: unset;
  -moz-transform: unset;
  -o-transform: unset;
  -ms-transform: unset;
  -webkit-transform: unset;
  transform: unset;
  font-size: 20px;
  position: inherit;
  display: inline-block;
  width: 85%;
  text-align: left;
  padding: 0;
  overflow: hidden;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .pageProduit.pageFormation .blockProgram .modulProgram .centralLine.centralLineFormation span.centralLine__title {
    width: 80%;
  }
}
.pageProduit.pageFormation .blockProgram .modulProgram .centralLine.centralLineFormation span.centralLine__hour {
  top: 20px;
  right: 2px;
  padding-right: 0;
  display: inline-block;
  width: 6%;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .pageProduit.pageFormation .blockProgram .modulProgram .centralLine.centralLineFormation span.centralLine__hour {
    padding-right: 10px;
    position: absolute;
    right: 25px;
  }
}
.pageProduit.pageFormation .blockProgram .modulProgram .titleCG2--size22 {
  margin: 0;
}
.pageProduit.pageFormation .blockProgram .modulProgram .blockToSlide .titleCapsule {
  padding: 0.4% 6px;
  border: 1px solid #0f8ab8;
  border-radius: 4px;
  margin-bottom: 14px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 12px;
  color: #0f8ab8;
  max-height: 23px;
}
.pageProduit.pageFormation .blockProgram .modulProgram .blockToSlide li:last-of-type.centralLineFormation {
  margin-bottom: 30px;
}
.pageProduit.pageFormation .blockProgram .modulProgram .blockToSlide__li.filet {
  border: none;
}
.pageProduit.pageFormation .blockProgram .modulProgram .blockToSlide__li:hover .blockToSlide__li__title--hour {
  color: #4d4d4d;
}
.pageProduit.pageFormation .blockProgram .modulProgram .blockToSlide__li.blocModule h2 {
  margin: 0;
  padding: 15px 0;
  border-bottom: 1px solid #dddddd;
  font-family: "BrandonGrotesqueMedium";
  font-size: 20px !important;
  line-height: 34px;
}
.pageProduit.pageFormation .blockProgram .modulProgram .blockToSlide__li.blocExamen h2 {
  font-size: 20px !important;
}
.pageProduit.pageFormation .blockProgram .modulProgram .blockToSlide__li .programme-cliquable {
  cursor: pointer;
}
.pageProduit.pageFormation .blockProgram .modulProgram .blockToSlide__li__title {
  font-size: 20px;
  border-bottom: 1px solid #d1d1d1;
  position: relative;
  cursor: unset;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .pageProduit.pageFormation .blockProgram .modulProgram .blockToSlide__li__title {
    padding: 15px 2% 15px 0;
  }
}
.pageProduit.pageFormation .blockProgram .modulProgram .blockToSlide__li__title:hover {
  background-color: unset;
  color: unset;
}
.pageProduit.pageFormation .blockProgram .modulProgram .blockToSlide__li__title:hover .slideThis {
  background-color: unset;
}
.pageProduit.pageFormation .blockProgram .modulProgram .blockToSlide__li__title--pin.titleCapsule {
  background-color: transparent;
  line-height: 17px;
}
.pageProduit.pageFormation .blockProgram .modulProgram .blockToSlide__li__title--text {
  color: #0f8ab8;
  font-size: 24px;
  line-height: 34px;
  width: 100%;
}
.pageProduit.pageFormation .blockProgram .modulProgram .blockToSlide__li__title .modulTitle {
  padding: 10px;
  margin-bottom: 8px;
  display: inline-block;
  background-color: #0f8ab8;
  color: #ffffff;
  font-family: "BrandonGrotesqueMedium";
  font-size: 20px !important;
}
.pageProduit.pageFormation .blockProgram .modulProgram .blockToSlide__li__title--contenu.interFormation {
  width: 100%;
  position: relative;
}
.pageProduit.pageFormation .blockProgram .modulProgram .blockToSlide__li__title--contenu.interFormation:hover {
  color: unset;
}
.pageProduit.pageFormation .blockProgram .modulProgram .blockToSlide__li__title--contenu.interFormation:hover .blockToSlide__li__title--hour {
  color: #4d4d4d !important;
}
.pageProduit.pageFormation .blockProgram .modulProgram .blockToSlide__li__title--contenu.interFormation:hover .icon-plus-product, .pageProduit.pageFormation .blockProgram .modulProgram .blockToSlide__li__title--contenu.interFormation:hover .icon-moins-product {
  color: #136E95;
}
.pageProduit.pageFormation .blockProgram .modulProgram .blockToSlide__li__title--contenu.interFormation .blockToSlide__li__title--text {
  width: 85%;
  margin-top: 0;
  font-size: 20px;
  color: #4d4d4d;
  font-family: "BrandonGrotesqueMedium";
}
.pageProduit.pageFormation .blockProgram .modulProgram .blockToSlide__li__title--contenu.interFormation .blockToSlide__li__title--hour {
  position: absolute;
  right: 28px;
  top: 6px;
}
.pageProduit.pageFormation .blockProgram .modulProgram .blockToSlide__li__title--contenu.interFormation .icon-plus-product, .pageProduit.pageFormation .blockProgram .modulProgram .blockToSlide__li__title--contenu.interFormation .icon-moins-product {
  position: absolute;
  right: 0;
  top: 12px;
  font-size: 16px;
  color: #136E95;
}
.pageProduit.pageFormation .blockProgram .modulProgram .blockToSlide__li__title .portraitGene {
  border: none;
}
.pageProduit.pageFormation .blockProgram .modulProgram .blockToSlide__li__title .jqSoloDetails {
  border-top: 2px solid #d1d1d1;
}
.pageProduit.pageFormation .blockProgram .modulProgram .blockToSlide__li__title ul li {
  font-family: "BrandonGrotesqueRegular";
  font-size: 16px;
  font-weight: normal;
  color: #323232;
}
.pageProduit.pageFormation .blockProgram .modulProgram .blockToSlide__li__title ul li span.icon-squared {
  display: none;
}
.pageProduit.pageFormation .blockProgram .modulProgram .blockToSlide .slideThis {
  padding: 0;
  margin: 0;
}
.pageProduit.pageFormation .blockProgram .modulProgram .blockToSlide .slideThis .aDay {
  font-weight: 600;
  position: relative;
}
.pageProduit.pageFormation .blockProgram .modulProgram .blockToSlide .slideThis .aDay .titleProgramStandard {
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 20px;
  font-weight: 450;
}
.pageProduit.pageFormation .blockProgram .modulProgram .blockToSlide .slideThis .aDay .titleProgramStandard .spanTitleProgram {
  display: inline-block;
  width: 91%;
  font-family: "BrandonGrotesqueMedium";
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .pageProduit.pageFormation .blockProgram .modulProgram .blockToSlide .slideThis .aDay .titleProgramStandard .spanTitleProgram {
    width: 80%;
  }
}
.pageProduit.pageFormation .blockProgram .modulProgram .blockToSlide .slideThis .aDay .titleProgramStandard .icon-plus-product, .pageProduit.pageFormation .blockProgram .modulProgram .blockToSlide .slideThis .aDay .titleProgramStandard .icon-moins-product {
  position: absolute;
  right: 0;
  top: 6px;
  font-size: 16px;
  color: #ffa200;
}
.pageProduit.pageFormation .blockProgram .modulProgram .blockToSlide .slideThis .aDay .titleProgramStandard .icon-product-label {
  top: -32px !important;
}
.pageProduit.pageFormation .blockProgram .modulProgram .blockToSlide .slideThis .aDay__title {
  padding: 16px;
  border-bottom: none;
  margin: 24px 0 0;
  background-color: #dddddd;
  font-family: "BrandonGrotesqueMedium";
  font-size: 20px !important;
}
.pageProduit.pageFormation .blockProgram .modulProgram .blockToSlide .slideThis .aDay__title span {
  color: #0f8ab8;
}
.pageProduit.pageFormation .blockProgram .modulProgram .blockToSlide .slideThis .aDay div {
  padding: 24px 0;
  border-bottom: 1px solid #dddddd;
}
.pageProduit.pageFormation .blockProgram .modulProgram .blockToSlide .slideThis .aDay div ul {
  margin-top: 24px;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .pageProduit.pageFormation .blockProgram .modulProgram .blockToSlide .slideThis .aDay div ul {
    width: 100%;
  }
}
.pageProduit.pageFormation .blockProgram .modulProgram .blockToSlide .slideThis .aDay div ul li {
  font-size: 16px;
  font-weight: normal;
  line-height: 23px;
  color: #323232;
  margin-bottom: 24px;
}
.pageProduit.pageFormation .blockProgram .modulProgram .blockToSlide .slideThis .aDay div ul li:last-of-type {
  margin-bottom: 0;
}
.pageProduit.pageFormation .blockProgram .modulProgram .blockToSlide .slideThis .aDay div ul li h3 {
  all: unset;
}
.pageProduit.pageFormation .blockProgram .modulProgram .blockToSlide .slideThis .aDay .blockToSlide__li__title--hour {
  font-weight: 400 !important;
  position: absolute !important;
  top: 26px !important;
  right: 28px !important;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .pageProduit.pageFormation .blockProgram .modulProgram .blockToSlide .slideThis.mobile {
    width: 100%;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .pageProduit.pageFormation .blockProgram .blockToSlide .blockToSlide__li ul.portraitGene {
    background-color: #F7F7F7;
  }
}
.pageProduit.pageFormation .blockProgram .blockToSlide .blockToSlide__li ul.portraitGene .contributor {
  display: flex;
  flex-direction: row;
  justify-content: center;
  max-width: unset;
  margin-bottom: 40px;
}
@media only screen and (max-device-width: 1200px), (max-width: 1200px) {
  .pageProduit.pageFormation .blockProgram .blockToSlide .blockToSlide__li ul.portraitGene .contributor {
    margin: 0 auto 40px;
  }
}
.pageProduit.pageFormation .blockProgram .blockToSlide .blockToSlide__li ul.portraitGene .contributor__pastille {
  width: 80px;
  height: 80px;
  margin-right: 8px;
}
.pageProduit.pageFormation .blockProgram .blockToSlide .blockToSlide__li ul.portraitGene .contributor__name {
  font-size: 16px;
  font-weight: 600;
  font-family: "BrandonGrotesqueRegular";
  text-align: left;
  height: unset;
}
.pageProduit.pageFormation .blockProgram .blockToSlide .blockToSlide__li ul.portraitGene .contributor__name span {
  display: none;
}
.pageProduit.pageFormation .blockProgram .blockToSlide .blockToSlide__li ul.portraitGene .contributor__name .contributor__organization {
  font-family: "BrandonGrotesqueRegular";
  color: #767676;
  display: block;
}
.pageProduit.pageFormation .blockProgram .blockToSlide .blockToSlide__li ul.portraitGene .contributor .ulForSlide__coche {
  display: none;
}
.pageProduit.pageFormation .blockProgram .blockToSlide .blockToSlide__li ul.portraitGene .contributor.jqCurrentLi .ulForSlide__coche {
  display: block;
  bottom: -63px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit.pageFormation .blockProgram .blockToSlide .blockToSlide__li ul.portraitGene .contributor.jqCurrentLi .ulForSlide__coche {
    display: none;
  }
}
.pageProduit.pageFormation .blockProgram .blockToSlide .blockToSlide__li ul.portraitGene .contributor.jqCurrentLi .ulForSlide__coche.formationCocheBottom {
  background: #F7F7F7;
  width: 30px;
  bottom: -57px;
  border: solid #d1d1d1;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .pageProduit.pageFormation .blockProgram .blockToSlide .blockToSlide__li__title--pin {
    display: table;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .pageProduit.pageFormation .blockProgram .blockToSlide .blockToSlide__li.downToUp .slideThis {
    width: 100%;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .pageProduit.pageFormation .blockProgram .blockToSlide .blockToSlide__li.downToUp .slideThis.programFormation {
    width: 100%;
  }
  .pageProduit.pageFormation .blockProgram .blockToSlide .blockToSlide__li.downToUp .slideThis.programFormation .contentGeneSlide .cocheMobileFormation {
    background: #F7F7F7;
    width: 30px;
    height: 30px;
    position: absolute;
    top: -16px;
    left: 45%;
    border: solid #d1d1d1;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
  .pageProduit.pageFormation .blockProgram .blockToSlide .blockToSlide__li.downToUp .slideThis.programFormation .formationCocheBottom {
    display: none;
  }
}
.pageProduit.pageFormation .blockProgram .blockToSlide .blockToSlide__li.downToUp .slideThis.programFormation .ulBullet.mainContent {
  margin-bottom: 10px;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .pageProduit.pageFormation .blockProgram {
    padding: 0 20px 20px;
  }
}
.pageProduit.pageFormation .blockProgram .hourProgram .blockToSlide li .title.first {
  border-top: 1px solid #d1d1d1;
  padding-top: 15px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit.pageFormation .blockProgram .hourProgram .blockToSlide li .slideThis {
    margin: 0 auto;
    padding-top: 20px;
  }
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit.pageFormation .blockProgram .hourProgram .blockToSlide li {
    max-width: inherit;
  }
}
.pageProduit.pageFormation .blockProgram .hourProgram .blockToSlide li.flatTint--CG1 {
  margin-top: 25px;
}
.pageProduit.pageFormation .blockProgram .hourProgram .blockToSlide li .ulForSlide__coche {
  display: none;
}
.pageProduit.pageFormation .blockProgram .hourProgram .blockToSlide li.jqCurrentLi .ulForSlide__coche {
  display: block;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit.pageFormation .blockProgram .downloadAll {
    text-align: center;
  }
}
.pageProduit.pageFormation .nextSession {
  min-height: 450px;
  border-bottom: 1px solid #d1d1d1;
}
@media only screen and (max-device-width: 992px), (max-width: 992px) {
  .pageProduit.pageFormation .nextSession {
    min-height: 490px;
  }
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit.pageFormation .nextSession {
    min-height: auto;
    padding: 0 0 20px 0;
  }
}
.pageProduit.pageFormation .nextSession .nextSession__content .nextSession_carte {
  position: relative;
  float: left;
  margin: 40px 0 0 8.064516129%;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit.pageFormation .nextSession .nextSession__content .nextSession_carte {
    width: 80px;
    float: none;
    margin: 15px auto;
  }
}
.pageProduit.pageFormation .nextSession .nextSession__content .nextSession_carte .icon-geoloc {
  color: #ffa200;
  font-size: 152px;
  position: absolute;
  top: 70px;
  left: 96px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit.pageFormation .nextSession .nextSession__content .nextSession_carte .icon-geoloc {
    display: none;
  }
}
.pageProduit.pageFormation .nextSession .nextSession__content .nextSession__locations {
  float: left;
  margin: 40px 0 0 0;
  width: 21.7741935484%;
  color: #ffffff;
}
.pageProduit.pageFormation .nextSession .nextSession__content .nextSession__locations p {
  margin: 0;
}
.pageProduit.pageFormation .nextSession .nextSession__content .nextSession__locations a {
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
}
.pageProduit.pageFormation .nextSession .nextSession__content .nextSession__locations a.active {
  text-decoration: underline;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit.pageFormation .nextSession .nextSession__content .nextSession__locations {
    display: none;
  }
}
.pageProduit.pageFormation .nextSession .nextSession__content .nextSession__dates {
  float: left;
  width: 32.2580645161%;
  height: 100%;
  min-height: 450px;
}
.pageProduit.pageFormation .nextSession .nextSession__content .nextSession__dates .bx-wrapper .bx-controls-direction a {
  top: 34px;
}
.pageProduit.pageFormation .nextSession .nextSession__content .nextSession__dates .bx-wrapper .bx-controls-direction a.bx-prev {
  left: 15%;
}
@media (max-width: 560px) {
  .pageProduit.pageFormation .nextSession .nextSession__content .nextSession__dates .bx-wrapper .bx-controls-direction a.bx-prev {
    left: -11%;
  }
}
.pageProduit.pageFormation .nextSession .nextSession__content .nextSession__dates .bx-wrapper .bx-controls-direction a.bx-next {
  right: 12%;
}
@media (max-width: 560px) {
  .pageProduit.pageFormation .nextSession .nextSession__content .nextSession__dates .bx-wrapper .bx-controls-direction a.bx-next {
    right: -16%;
  }
}
@media only screen and (max-device-width: 992px), (max-width: 992px) {
  .pageProduit.pageFormation .nextSession .nextSession__content .nextSession__dates {
    min-height: auto;
    width: 98%;
    margin: 0 auto;
    float: none;
  }
}
.pageProduit.pageFormation .nextSession .nextSession__content .nextSession__place {
  margin: 0 auto;
  font-size: 24px;
  max-width: 60%;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 560px) {
  .pageProduit.pageFormation .nextSession .nextSession__content .nextSession__place {
    width: 80%;
  }
}
.pageProduit.pageFormation .nextSession .nextSession__content .nextSession__slider table {
  width: 100%;
}
.pageProduit.pageFormation .nextSession .nextSession__content .nextSession__slider table tr td {
  font-size: 16px;
}
.pageProduit.pageFormation .nextSession.empty {
  min-height: auto;
}
.pageProduit.pageFormation .nextSession.empty a {
  color: #0f8ab8;
}
.pageProduit.pageFormation .nextSession.avecInfo {
  min-height: auto;
  padding-bottom: 60px;
}
.pageProduit.pageFormation .nextSession.avecInfo p {
  margin: 0;
}
.pageProduit.pageFormation .buttonCG5 {
  display: inline-block;
  margin: 20px 0 40px 0;
}
.pageProduit.pageFormation .buttonCG5 .icon-arrow-right {
  vertical-align: top;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit.pageFormation .pourAllerLoin {
    margin-bottom: 65px;
  }
}
.pageProduit.pageFormation .pourAllerLoin .blockThreeEvents {
  height: 327px;
  margin-bottom: 60px;
}
@media (max-width: 600px) {
  .pageProduit.pageFormation .pourAllerLoin .blockThreeEvents {
    margin-bottom: 0;
  }
}
.pageProduit.pageFormation .pourAllerLoin .blockThreeEvents.blockThreeEvents__nextTrophies {
  display: flex;
  justify-content: center;
}
@media (max-width: 600px) {
  .pageProduit.pageFormation .pourAllerLoin .blockThreeEvents.blockThreeEvents__nextTrophies {
    display: inline-block;
  }
  .pageProduit.pageFormation .pourAllerLoin .blockThreeEvents.blockThreeEvents__nextTrophies li {
    width: 100%;
    margin-right: 0;
  }
  .pageProduit.pageFormation .pourAllerLoin .blockThreeEvents.blockThreeEvents__nextTrophies li:last-child, .pageProduit.pageFormation .pourAllerLoin .blockThreeEvents.blockThreeEvents__nextTrophies li.oneOnly {
    margin-right: 0;
  }
  .pageProduit.pageFormation .pourAllerLoin .blockThreeEvents.blockThreeEvents__nextTrophies li a .blockThreeEvents__title {
    bottom: 8px;
  }
}
@media only screen and (max-width: 600px) and (max-device-width: 769px), (max-width: 600px) and (max-width: 769px) {
  .pageProduit.pageFormation .pourAllerLoin .blockThreeEvents.blockThreeEvents__nextTrophies li a .blockThreeEvents__title {
    bottom: 52px;
  }
}
.pageProduit.pageFormation .lesObjectifs {
  margin: 0 0 64px 0;
  max-width: 735px;
  text-align: left;
  overflow: hidden;
}
@media only screen and (max-device-width: 1320px), (max-width: 1320px) {
  .pageProduit.pageFormation .lesObjectifs {
    padding-left: 40px;
  }
}
@media only screen and (max-device-width: 1024px), (max-width: 1024px) {
  .pageProduit.pageFormation .lesObjectifs {
    padding-left: 30px;
    max-width: 690px;
  }
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit.pageFormation .lesObjectifs {
    width: 100%;
    margin: 10px 0;
    padding: 0 20px;
  }
}
.pageProduit.pageFormation .lesObjectifs h2 {
  margin-top: 19px;
  font-weight: 600;
}
.pageProduit.pageFormation .lesObjectifs h3 {
  all: unset;
  font-size: 16px;
}
.pageProduit.pageFormation .lesObjectifs .mainContent {
  margin: 0;
  text-align: left;
}
.pageProduit.pageFormation .lesObjectifs .mainContent ul {
  text-align: left;
}
.pageProduit.pageFormation .lesObjectifs .mainContent ul li {
  margin-bottom: 24px;
  display: flex;
  flex-direction: row;
}
.pageProduit.pageFormation .lesObjectifs .mainContent ul li span, .pageProduit.pageFormation .lesObjectifs .mainContent ul li p {
  display: inline-block;
}
.pageProduit.pageFormation .lesObjectifs .mainContent ul li span {
  color: #0f8ab8;
  margin-right: 12px;
}
.pageProduit.pageFormation .lesObjectifs .mainContent p {
  font-size: 16px;
}
.pageProduit.pageFormation .lesObjectifs section:first-of-type {
  margin-top: 70px;
}
.pageProduit.pageFormation .lesObjectifs section.pourqui-prerequis {
  margin-bottom: 48px;
}
.pageProduit.pageFormation .lesObjectifs section.pourqui-prerequis:last-of-type {
  margin-bottom: 0;
}
.pageProduit.pageFormation .lesObjectifs section.pourqui-prerequis .titleC1 {
  text-transform: uppercase;
  margin-bottom: 16px;
  font-weight: 600;
}
.pageProduit.pageFormation .lesObjectifs section.pourqui-prerequis .borderTitle {
  display: block;
  width: 48px;
  border-bottom: 3px solid #0f8ab8;
  margin-bottom: 44px;
}
.pageProduit.pageFormation .lesObjectifs + #bloc-modalite {
  margin-top: 20px;
}
.pageProduit.pageFormation .modalPedago {
  width: 83%;
  padding: 0;
  margin: 0 auto 50px;
  list-style-type: none;
}
.pageProduit.pageFormation.pageFormationSticky {
  /*display: flex;
  justify-content: space-between;*/
  overflow-x: clip;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .pageProduit.pageFormation.pageFormationSticky {
    display: block;
  }
}

#articleformationproduit .breadAndReso {
  margin-top: 24px;
  margin-bottom: 40px;
}
@media only screen and (max-device-width: 1320px), (max-width: 1320px) {
  #articleformationproduit .breadAndReso {
    padding-left: 40px;
  }
}
@media only screen and (max-device-width: 1024px), (max-width: 1024px) {
  #articleformationproduit .breadAndReso {
    padding-left: 30px;
    max-width: 690px;
  }
}
@media only screen and (max-device-width: 992px), (max-width: 992px) {
  #articleformationproduit .breadAndReso {
    display: block;
    margin-left: 0;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  #articleformationproduit .breadAndReso {
    padding: 0 20px;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  #articleformationproduit .breadAndReso .breadcrumb {
    width: 100%;
    text-align: left;
  }
}
#articleformationproduit .breadAndReso .breadcrumb li {
  font-size: 12px;
  color: #767676;
  font-weight: 600;
  padding-right: 8px;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  #articleformationproduit .breadAndReso .breadcrumb li {
    display: inline;
    float: none;
  }
}
#articleformationproduit .breadAndReso .breadcrumb li a {
  color: #767676;
}
#articleformationproduit .breadAndReso .breadcrumb li a span {
  font-weight: 400;
}
#articleformationproduit .breadAndReso .breadcrumb li .slash {
  font-weight: 400;
  padding-left: 8px;
}
#articleformationproduit .breadAndReso .resoSociaux {
  display: none;
}

.colorSite {
  color: #0f8ab8;
}
.colorSite--borderBottom {
  border-bottom: 4px solid #0f8ab8;
  color: #0f8ab8 !important;
}

/**** bouton sticky inscription ****/
.stickyBtn {
  position: fixed;
  bottom: 0;
  background-color: #000000;
  *zoom: 1;
  width: 100%;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.92);
  z-index: 1000;
}
.stickyBtn:before, .stickyBtn:after {
  content: "";
  display: table;
}
.stickyBtn:after {
  clear: both;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .stickyBtn {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
  }
}
.stickyBtn .stickyBtn__bouton {
  display: block;
  background-color: #ffa200;
  color: #ffffff;
  font-size: 20px;
  float: right;
  text-transform: uppercase;
  text-decoration: none;
  padding: 15px 30px 15px 15px;
  border-left: 1px solid #000000;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .stickyBtn .stickyBtn__bouton {
    height: auto;
    float: none;
  }
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .stickyBtn .stickyBtn__bouton.mobBtnLarge {
    border-top: 1px solid #000000;
    width: 100%;
    float: none;
  }
}
.stickyBtn .stickyBtn__bouton.buttonCG5 {
  margin: 0;
  padding: 16px 30px 16px 15px;
  background-color: #ffffff;
  color: #ffa200;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .stickyBtn .stickyBtn__bouton.buttonCG5 {
    padding: 16px 5px;
    font-size: 18px;
  }
}
.stickyBtn .stickyBtn__bouton .flecheDoubleIcon {
  display: inline-block;
  width: 30px;
  height: 29px;
  vertical-align: top;
}
.stickyBtn .stickyBtn__bouton .flecheDoubleIcon [class^=icon-], .stickyBtn .stickyBtn__bouton .flecheDoubleIcon [class*=" icon-"] {
  color: #ffa200;
  font-size: 33px;
  margin: 0 -13px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .stickyBtn .stickyBtn__bouton .flecheDoubleIcon {
    display: none;
  }
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .stickyBtn .stickyBtn__bouton {
    width: 50%;
    padding: 16px 5px;
    font-size: 18px;
    text-align: center;
  }
  .stickyBtn .stickyBtn__bouton .flecheDouble {
    display: none;
  }
}
.stickyBtn .separator {
  display: block;
  float: right;
  margin: 15px 0 19px 20px;
  padding: 0 20px 0 0;
  height: 28px;
  border-left: 1px #d1d1d1 solid;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .stickyBtn .separator {
    display: none;
  }
}
.stickyBtn .stickyBtn__bouton2 {
  position: relative;
  display: block;
  color: #ffffff;
  font-size: 20px;
  float: right;
  text-transform: uppercase;
  text-decoration: none;
  padding: 15px 15px 15px 30px;
}
.stickyBtn .stickyBtn__bouton2 .icon-arrow-right {
  position: absolute;
  left: -2px;
  font-size: 25px;
  top: 16px;
}
.stickyBtn .stickyBtn__bouton2 .icon-basket {
  position: absolute;
  top: 16px;
  left: -2px;
  font-size: 25px;
  top: 16px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .stickyBtn .stickyBtn__bouton2 .icon-basket {
    left: 10px;
  }
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .stickyBtn .stickyBtn__bouton2 {
    float: none;
    border: 1px solid #000000;
    text-align: center;
    font-size: 18px;
    width: 100%;
  }
}

.enteteProduct {
  background-color: #F6F8FC;
  padding: 40px 80px;
  margin-right: -80px;
  text-align: left;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .enteteProduct {
    padding: 40px 20px;
    margin-right: 0;
  }
}
.enteteProduct .listTags {
  margin: 15px 0 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  width: 735px;
}
@media only screen and (max-device-width: 1200px), (max-width: 1200px) {
  .enteteProduct .listTags {
    width: 100%;
  }
}
.enteteProduct .listTags li {
  border: 1px solid #0B4158;
  background-color: #0B4158;
  /*flex-direction: row;
  justify-content: center;
  align-items: center;*/
  border-radius: 4px;
  margin-right: 12px;
  line-height: 21px;
  margin-bottom: 12px;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .enteteProduct .listTags li {
    padding: 2px 8px;
  }
}
.enteteProduct .listTags li.categorie {
  background-color: #988370;
  border-radius: 0;
  border: 1px solid #988370;
  border-right: none;
  position: relative;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .enteteProduct .listTags li.categorie {
    padding: 0;
  }
}
.enteteProduct .listTags li.categorie::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute;
  right: 0;
  top: 0;
  border-style: solid;
  border-width: 13px 14px 13px 0;
  border-color: transparent #F6F8FC transparent transparent;
}
@media only screen and (max-device-width: 1200px), (max-width: 1200px) {
  .enteteProduct .listTags li.categorie::before {
    right: -1px;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .enteteProduct .listTags li.categorie::before {
    border-width: 15px 16px 15px 0;
  }
}
.enteteProduct .listTags li.categorie span {
  padding: 2px 22px 2px 9px;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .enteteProduct .listTags li.categorie span {
    padding: 3px 22px 3px 10px;
  }
}
.enteteProduct .listTags li span, .enteteProduct .listTags li a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 21px;
  height: auto;
  letter-spacing: 1px;
  font-family: "BrandonGrotesqueRegular";
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
}
.enteteProduct .listTags li a {
  text-decoration: none;
  padding: 1px 8px;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .enteteProduct .listTags li a {
    padding: 1px 1px;
  }
}
.enteteProduct h1, .enteteProduct h2 {
  color: #323232;
}
.enteteProduct h1 {
  margin: 8px 0 0;
}
.enteteProduct h1.titleCG5--size44 {
  line-height: 62px;
  width: 735px;
}
@media only screen and (max-device-width: 1200px), (max-width: 1200px) {
  .enteteProduct h1.titleCG5--size44 {
    width: 100%;
  }
}
.enteteProduct h2 {
  margin: 0 0 16px;
}
.enteteProduct h2.titleCG5--size32 {
  font-size: 24px;
  line-height: 34px;
  width: 735px;
}
@media only screen and (max-device-width: 1200px), (max-width: 1200px) {
  .enteteProduct h2.titleCG5--size32 {
    width: 100%;
  }
}
.enteteProduct .avisProduct {
  color: #323232;
  font-size: 14px;
  font-weight: 600;
}
.enteteProduct .avisProduct a {
  color: #323232;
}

.presentationProduct {
  width: 735px;
  margin-bottom: 66px;
}
@media only screen and (max-device-width: 1320px), (max-width: 1320px) {
  .presentationProduct {
    padding-left: 40px;
  }
}
@media only screen and (max-device-width: 1024px), (max-width: 1024px) {
  .presentationProduct {
    padding-left: 30px;
    max-width: 690px;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .presentationProduct {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }
}
.presentationProduct figure {
  margin: 0;
}
.presentationProduct figure img {
  /*height: 250px;
  width:100%;*/
  max-height: 100%;
  width: auto;
}
.presentationProduct p {
  font-size: 16px;
  text-align: left;
  line-height: 24px;
}

.secondaryMenu {
  padding-left: 0;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 64px;
  z-index: 0;
}
@media only screen and (max-device-width: 1320px), (max-width: 1320px) {
  .secondaryMenu {
    padding-left: 40px;
  }
}
@media only screen and (max-device-width: 1024px), (max-width: 1024px) {
  .secondaryMenu {
    padding-left: 30px;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .secondaryMenu {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.secondaryMenu ul {
  list-style-type: none;
  display: flex;
  flex-direction: row;
  padding-left: 0;
  height: 44px;
  margin: 0;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .secondaryMenu ul {
    overflow-y: hidden;
    overflow-x: unset;
    width: 90%;
    height: 45px;
    padding-right: 40px;
  }
}
.secondaryMenu ul li {
  margin-right: 24px;
}
.secondaryMenu ul li:last-of-type {
  margin-right: 0;
}
.secondaryMenu ul li a {
  font-size: 16px;
  line-height: 22px;
  text-decoration: none;
  white-space: nowrap;
  padding-bottom: 12px;
  color: #323232;
}
.secondaryMenu ul li a span[class^=icon-] {
  color: #0f8ab8;
  padding-right: 8px;
}
.secondaryMenu ul li:hover {
  border-bottom: 4px solid #0f8ab8;
}
.secondaryMenu ul li:hover a {
  color: #0f8ab8;
}
.secondaryMenu button {
  display: none;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .secondaryMenu button {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    border: none;
    border-left: 2px solid #dddddd;
    width: 45px;
  }
  .secondaryMenu button span {
    color: #ffa200;
    font-size: 24px;
  }
}
.secondaryMenu.is-sticky {
  position: fixed !important;
  top: 0;
  width: 100% !important;
  background: #ffffff;
  height: 55px !important;
  border-bottom: 1px solid #ddd !important;
  z-index: 999;
}
.secondaryMenu.is-sticky ul {
  padding-top: 10px;
}
.secondaryMenu.is-sticky ul li:hover {
  padding-bottom: 40px;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .secondaryMenu.is-sticky button {
    top: 10px;
  }
}
.secondaryMenu.is-sticky ~ .lesObjectifs, .secondaryMenu.is-sticky ~ #bloc-tarifs, .secondaryMenu.is-sticky ~ #bloc-formateurs, .secondaryMenu.is-sticky ~ #bloc-sessions {
  padding-top: 30px;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .secondaryMenu.is-sticky ~ #bloc-program {
    padding-top: 30px;
  }
}

/*.bloc-sessions-formation,*/
#card-sticky .select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}
#card-sticky .selectCustom {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #323232;
  top: -8px;
  width: 280px;
  height: 22px;
  border-top: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-left: 1px solid transparent;
}
#card-sticky .selectCustom .icon-arrow-down-fat {
  position: absolute;
  right: -9px;
  bottom: -2px;
  color: #ffa200;
  font-size: 38px;
}
#card-sticky .selectCustom.active {
  border-top: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid transparent;
  border-left: 1px solid #dddddd;
  /*height: 34px;
  margin-top: -10px;*/
}
#card-sticky .selectCustom.active .icon-arrow-down-fat {
  transform: rotate(180deg);
}
#card-sticky .selectCustom div {
  font-weight: 400 !important;
}
#card-sticky .select-styled {
  position: absolute;
  margin: 0;
  text-align: right;
  white-space: nowrap;
  border-bottom: none;
  top: 8px;
  right: 0;
  bottom: 0;
  left: 0;
  height: 30px;
  background-color: #ffffff;
  padding: 0 24px 0 0;
}
#card-sticky .select-styled:before {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 16px;
  right: 10px;
}
#card-sticky .select-styled:hover {
  background-color: #ffffff;
}
#card-sticky .select-styled:active, #card-sticky .select-styled.active {
  background-color: #ffffff;
  height: 30px;
  z-index: 2000;
}
#card-sticky .select-styled:active .icon-arrow-down-fat, #card-sticky .select-styled.active .icon-arrow-down-fat {
  top: -7px;
  bottom: unset;
}
#card-sticky .select-styled:active + .select-options, #card-sticky .select-styled.active + .select-options {
  padding-top: 23px;
}
#card-sticky .select-styled:active + .select-options li, #card-sticky .select-styled.active + .select-options li {
  padding: 12px 24px 12px 0;
}
#card-sticky .select-options {
  display: none;
  width: 280px;
  position: absolute;
  top: 100%;
  right: 0;
  left: -1px;
  z-index: 999;
  padding: 0 0 8px;
  margin: 0;
  list-style: none;
  background-color: #ffffff;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
#card-sticky .select-options li {
  margin: 0;
  padding: 12px 0;
  text-indent: 15px;
  font-weight: normal;
  text-align: right;
  white-space: nowrap;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
}
#card-sticky .select-options li:hover, #card-sticky .select-options li.is-selected {
  color: #0F5574;
  background: #E8F5FB;
}
#card-sticky .select-options li.selected-place, #card-sticky .select-options li.selected-date {
  color: #0F5574;
  Background-color: #f7f7f7;
  border-bottom: 1px solid #dddddd;
}
#card-sticky .select-options li[rel=hide] {
  display: none;
}
#card-sticky.posAbsolute {
  position: absolute;
  height: unset;
  bottom: 1000px;
}
#card-sticky.posAbsolute .container {
  height: 600px;
}

#bloc-program + #bloc-modalite {
  margin-top: -108px !important;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  #bloc-program + #bloc-modalite {
    margin-top: -98px !important;
  }
}

#bloc-modalite {
  text-align: left;
  background-color: #F7F7F7;
  margin-top: -60px;
  margin-left: 0;
  overflow: hidden;
  font-size: 16px;
  width: 100%;
}
@media only screen and (max-device-width: 1320px), (max-width: 1320px) {
  #bloc-modalite {
    padding-left: 60px;
  }
}
@media only screen and (max-device-width: 1024px), (max-width: 1024px) {
  #bloc-modalite {
    padding-left: 30px;
    max-width: 100%;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  #bloc-modalite {
    padding-left: 0;
  }
}
#bloc-modalite section {
  max-width: 735px;
  margin-top: 10px;
  padding-bottom: 24px;
}
@media only screen and (max-device-width: 1024px), (max-width: 1024px) {
  #bloc-modalite section {
    max-width: 690px;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  #bloc-modalite section {
    margin-left: 0;
    padding-right: 20px;
    padding-left: 20px;
  }
}
#bloc-modalite section .blockToSlide .blockToSlide__li {
  border-bottom: 1px solid #dddddd;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  #bloc-modalite section .blockToSlide .blockToSlide__li {
    border-bottom: 1px solid #dddddd;
  }
}
#bloc-modalite section .blockToSlide .blockToSlide__li__title {
  font-family: "BrandonGrotesqueRegular";
  font-weight: 600;
  padding-bottom: 24px;
  position: relative;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  #bloc-modalite section .blockToSlide .blockToSlide__li__title {
    border-bottom: none;
  }
}
#bloc-modalite section .blockToSlide .blockToSlide__li__title:hover {
  background-color: unset;
  color: unset;
}
#bloc-modalite section .blockToSlide .blockToSlide__li__title:hover .blockToSlide__li__title--contenu {
  color: unset;
}
#bloc-modalite section .blockToSlide .blockToSlide__li__title--contenu {
  width: 100%;
}
#bloc-modalite section .blockToSlide .blockToSlide__li__title--contenu .icon-plus-product, #bloc-modalite section .blockToSlide .blockToSlide__li__title--contenu .icon-moins-product {
  font-size: 16px;
  color: #ffa200 !important;
  position: absolute;
  top: 22px;
  right: 0;
}
#bloc-modalite section .blockToSlide .blockToSlide__li__title--contenu .blockToSlide__li__title--text {
  font-size: 20px !important;
  color: #323232;
}
#bloc-modalite section .blockToSlide .blockToSlide__li .ulStatiq li {
  padding-left: 24px;
  margin-bottom: 12px;
  color: #767676;
  width: 91%;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  #bloc-modalite section .blockToSlide .blockToSlide__li .ulStatiq li {
    padding-right: 24px;
  }
}
#bloc-modalite section .blockToSlide .blockToSlide__li .ulStatiq li .icon-squared {
  display: none;
}
#bloc-modalite section .blockToSlide .blockToSlide__li .ulStatiq li b {
  display: inline-block;
  margin-top: 20px;
  font-size: 20px;
  color: #323232;
}
#bloc-modalite section .blockToSlide .blockToSlide__li .ulStatiq li:first-of-type b {
  margin-top: 0;
}
#bloc-modalite section .blockToSlide .blockToSlide__li .ulStatiq li:last-of-type {
  margin-bottom: 24px;
}

#bloc-same-category, #bloc-points-forts, #bloc-temoignages, #bloc-medias, #bloc-agreements, #bloc-accessibilite {
  max-width: 735px;
  text-align: left;
  margin-top: 60px;
  overflow: hidden;
  font-size: 16px;
}
#bloc-same-category h2, #bloc-points-forts h2, #bloc-temoignages h2, #bloc-medias h2, #bloc-agreements h2, #bloc-accessibilite h2 {
  text-transform: uppercase;
  color: #0f8ab8;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 0;
}
#bloc-same-category .borderH2, #bloc-points-forts .borderH2, #bloc-temoignages .borderH2, #bloc-medias .borderH2, #bloc-agreements .borderH2, #bloc-accessibilite .borderH2 {
  width: 48px;
  height: 4px;
  display: inline-block;
  border-top: 3px solid #0f8ab8;
}
@media only screen and (max-device-width: 1320px), (max-width: 1320px) {
  #bloc-same-category, #bloc-points-forts, #bloc-temoignages, #bloc-medias, #bloc-agreements, #bloc-accessibilite {
    padding-left: 40px;
  }
}
@media only screen and (max-device-width: 1024px), (max-width: 1024px) {
  #bloc-same-category, #bloc-points-forts, #bloc-temoignages, #bloc-medias, #bloc-agreements, #bloc-accessibilite {
    padding-left: 30px;
    max-width: 690px;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  #bloc-same-category, #bloc-points-forts, #bloc-temoignages, #bloc-medias, #bloc-agreements, #bloc-accessibilite {
    padding-left: 0;
  }
}

@media only screen and (max-device-width: 480px), (max-width: 480px) {
  #bloc-same-category {
    margin-left: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
}
#bloc-same-category ul {
  padding-left: 0;
  list-style-type: none;
  margin: 16px 0 4px;
}
#bloc-same-category ul li {
  margin-bottom: 24px;
  position: relative;
}
#bloc-same-category ul li .icon-arrow-next2 {
  position: absolute;
  top: 3px;
  color: #0f8ab8;
}
#bloc-same-category ul li a {
  text-decoration: none;
  color: #0f8ab8;
  font-weight: 600;
  padding-left: 25px;
  display: inline-block;
}
#bloc-same-category ul li a h3 {
  all: unset;
}
#bloc-same-category ul li:last-of-type {
  margin-bottom: 0;
}

#bloc-points-forts {
  height: 266px;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  #bloc-points-forts {
    margin-left: 0;
    padding-right: 20px;
    padding-left: 20px;
    height: unset;
  }
}
#bloc-points-forts ul {
  padding: 0 15px 0 25px;
  margin-bottom: 0;
  display: flex;
  position: absolute;
  left: -25px;
}
@media only screen and (max-device-width: 1200px), (max-width: 1200px) {
  #bloc-points-forts ul {
    left: 0;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  #bloc-points-forts ul {
    padding: 0 0 20px 0;
    flex-direction: column;
    position: unset;
  }
}
#bloc-points-forts ul li {
  padding: 16px 16px 26px;
  width: 222px;
  height: 172px;
  display: block;
  margin-right: 24px;
  margin-bottom: 24px;
  box-shadow: -6px 12px 36px rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  float: left;
  color: #767676;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  #bloc-points-forts ul li {
    width: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    text-align: center;
  }
}
#bloc-points-forts ul li:last-of-type {
  margin-right: 0;
}
#bloc-points-forts ul li span {
  display: block;
}
#bloc-points-forts ul li span.pfTitle {
  font-size: 20px;
  color: #323232;
  font-weight: 600;
  line-height: 29px;
  margin-bottom: 12px;
}
#bloc-temoignages {
  margin-bottom: 0;
  min-height: 480px;
  max-width: 900px !important;
}
@media only screen and (max-device-width: 1200px), (max-width: 1200px) {
  #bloc-temoignages {
    max-width: 800px !important;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  #bloc-temoignages {
    margin-left: 0;
    padding-left: 20px;
    padding-right: 20px;
    min-height: 640px;
  }
}
#bloc-temoignages .slider-new {
  margin: 0 auto 20px auto;
}
#bloc-temoignages .slider-new.centrage {
  padding-left: 0;
}
#bloc-temoignages .slider-new .slick-list {
  height: auto !important;
}

#bloc-medias {
  max-width: unset;
  overflow: unset;
  margin-top: 70px;
  background: linear-gradient(to right, #f7f7f7 56%, white 44%);
  padding: 48px 0 48px 0;
  margin-left: -50vw;
  left: 50%;
  position: relative;
  width: 100vw;
}
@media only screen and (max-device-width: 1536px), (max-width: 1536px) {
  #bloc-medias {
    background: linear-gradient(to right, #f7f7f7 58%, white 42%);
  }
}
@media only screen and (max-device-width: 1200px), (max-width: 1200px) {
  #bloc-medias {
    padding: 48px 40px 48px;
    width: 100%;
    max-width: unset;
    background: #f7f7f7;
  }
}
#bloc-medias .mainContent {
  max-width: 1240px;
  margin: 0 auto;
  text-align: left;
  display: flex;
  flex-direction: row;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  #bloc-medias .mainContent {
    flex-direction: column;
  }
}
#bloc-medias .mainContent .description {
  color: #767676;
  font-size: 16px;
  line-height: 24px;
  padding-right: 32px;
  width: 320px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  #bloc-medias .mainContent .description {
    width: 100%;
  }
}
#bloc-medias .mainContent .description h2 {
  margin-top: 18px;
}
@media only screen and (max-device-width: 1200px), (max-width: 1200px) {
  #bloc-medias .mainContent .description h2 {
    margin-top: 0;
  }
}
#bloc-medias .mainContent .description .infos {
  margin-top: 44px;
  display: block;
  width: 321px;
  word-wrap: break-word;
  max-width: 100%;
}
@media only screen and (max-device-width: 1200px), (max-width: 1200px) {
  #bloc-medias .mainContent .description .infos {
    margin: 24px 0 32px;
  }
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  #bloc-medias .mainContent .description .infos {
    width: 100%;
  }
}
#bloc-medias .mainContent .media {
  max-width: 382px;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  #bloc-medias .mainContent .media {
    max-width: 90vw;
  }
}
#bloc-medias .mainContent .media iframe, #bloc-medias .mainContent .media img {
  width: 382px;
  height: 215px;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  #bloc-medias .mainContent .media iframe, #bloc-medias .mainContent .media img {
    width: 100%;
  }
}

#bloc-formateurs h2, #bloc-tarifs h2 {
  font-family: "BrandonGrotesqueRegular";
  font-size: 36px;
  font-weight: 600;
  line-height: 51px;
  color: #323232;
}

#bloc-formateurs {
  max-width: 735px;
  text-align: left;
  overflow: hidden;
  font-size: 16px;
  margin-top: 30px;
}
@media only screen and (max-device-width: 1320px), (max-width: 1320px) {
  #bloc-formateurs {
    padding-left: 40px;
  }
}
@media only screen and (max-device-width: 1024px), (max-width: 1024px) {
  #bloc-formateurs {
    padding-left: 30px;
    max-width: 690px;
  }
}
@media only screen and (max-device-width: 992px), (max-width: 992px) {
  #bloc-formateurs {
    padding-left: 30px;
    max-width: 735px;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  #bloc-formateurs {
    margin-left: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
}
#bloc-formateurs h2 {
  margin-top: 19px;
}
#bloc-formateurs .displayTrainer {
  border-radius: 4px;
  border: 1px solid #dddddd;
  padding: 16px 16px 26px;
  width: 355px;
  display: block;
  margin-bottom: 24px;
  position: relative;
  float: left;
  cursor: pointer;
}
@media only screen and (max-device-width: 1320px), (max-width: 1320px) {
  #bloc-formateurs .displayTrainer {
    width: 335px;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  #bloc-formateurs .displayTrainer {
    float: none;
    width: 100%;
  }
}
#bloc-formateurs .displayTrainer:nth-of-type(2n) {
  float: right;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  #bloc-formateurs .displayTrainer:nth-of-type(2n) {
    float: none;
  }
}
#bloc-formateurs .displayTrainer:nth-of-type(2n+3) {
  clear: both;
}
#bloc-formateurs .displayTrainer .capsuleFormateur {
  height: auto;
  min-height: 135px;
  overflow: hidden;
  width: 100%;
}
#bloc-formateurs .displayTrainer .capsuleFormateur img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: inline-block;
}
#bloc-formateurs .displayTrainer .capsuleFormateur .profile {
  width: -moz-calc(100% - 96px);
  width: -webkit-calc(100% - 96px);
  width: calc(100% - 96px);
  padding: 0 16px;
  display: block;
  margin-bottom: 26px;
  float: right;
}
#bloc-formateurs .displayTrainer .capsuleFormateur .profile span {
  display: block;
  text-align: left;
}
#bloc-formateurs .displayTrainer .capsuleFormateur .profile .name {
  line-height: 23px;
  color: #323232;
  font-weight: 600;
}
#bloc-formateurs .displayTrainer .capsuleFormateur .profile .company, #bloc-formateurs .displayTrainer .capsuleFormateur .profile .function {
  line-height: 24px;
}
#bloc-formateurs .displayTrainer .capsuleFormateur .profile .company {
  color: #323232;
}
#bloc-formateurs .displayTrainer .capsuleFormateur .profile .function {
  margin-top: 8px;
  color: #767676;
}
#bloc-formateurs .displayTrainer span.icon-plus-product, #bloc-formateurs .displayTrainer span.icon-moins-product {
  position: absolute;
  display: block;
  left: 50%;
  bottom: 10px;
  color: #ffa200;
}
#bloc-formateurs .displayTrainer div[id^=formateur-additionnal] {
  display: none;
}
#bloc-formateurs .displayTrainer div[id^=formateur-additionnal].active {
  display: block;
  margin-top: 0;
}
#bloc-formateurs .displayTrainer div[id^=formateur-additionnal].active .part span {
  line-height: 23px;
  font-weight: 600;
}
#bloc-formateurs .displayTrainer div[id^=formateur-additionnal].active .part ul {
  margin: 12px 0 24px;
  padding-left: 32px;
}
#bloc-formateurs .displayTrainer div[id^=formateur-additionnal].active .part ul li {
  line-height: 24px;
  margin-bottom: 12px;
}
#bloc-formateurs .displayTrainer div[id^=formateur-additionnal].active .part ul li:last-of-type {
  margin-bottom: 0;
}
#bloc-formateurs .displayTrainer div[id^=formateur-additionnal].active .part ul li a {
  all: unset;
}
#bloc-formateurs .displayTrainer div[id^=formateur-additionnal].active .part ul li a:hover {
  border-bottom: 1px solid #000000;
}

#bloc-tarifs {
  max-width: 735px;
  text-align: left;
}
@media only screen and (max-device-width: 1320px), (max-width: 1320px) {
  #bloc-tarifs {
    padding-left: 40px;
  }
}
@media only screen and (max-device-width: 1024px), (max-width: 1024px) {
  #bloc-tarifs {
    padding-left: 30px;
    max-width: 690px;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  #bloc-tarifs {
    margin-left: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
}
#bloc-tarifs .contentLesTarifs {
  width: 100%;
  margin: 0;
}
#bloc-tarifs .contentLesTarifs .textTarifs {
  color: #767676;
  font-size: 16px;
}
#bloc-tarifs .blocTarifsMontant {
  border-radius: 4px;
  border: 1px solid #dddddd;
  padding: 16px;
  display: flex;
  margin-bottom: 24px;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  #bloc-tarifs .blocTarifsMontant {
    display: block;
  }
}
#bloc-tarifs .blocTarifsMontant .contentTitle {
  padding-right: 16px;
  width: 60%;
  position: relative;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  #bloc-tarifs .blocTarifsMontant .contentTitle {
    width: 100%;
    padding-right: 0;
    margin-bottom: 24px;
  }
}
#bloc-tarifs .blocTarifsMontant .contentTitle span {
  display: block;
}
#bloc-tarifs .blocTarifsMontant .contentTitle .titlePrice {
  margin: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 23px;
}
#bloc-tarifs .blocTarifsMontant .contentTitle .titlePrice.promo {
  padding-left: 38px;
}
#bloc-tarifs .blocTarifsMontant .contentTitle .titlePrice.promo .icon-pourcentage {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #EB981C;
  color: #ffa200;
  width: 32px;
  height: 51px;
  padding: 17px 8px;
  margin-top: -17px;
  border-radius: 1px;
}
#bloc-tarifs .blocTarifsMontant .contentTitle .titlePrice.promo .icon-pourcentage::after {
  content: "";
  padding-bottom: 6px;
  margin-left: -34px;
  border-style: solid;
  border-width: 0 26px 18px 26px;
  border-color: transparent transparent #fff transparent;
}
#bloc-tarifs .blocTarifsMontant .contentTitle .titlePrice.onlyTitle {
  margin-top: 3px;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  #bloc-tarifs .blocTarifsMontant .contentTitle .titlePrice.onlyTitle {
    margin-top: 0;
  }
}
#bloc-tarifs .blocTarifsMontant .contentTitle .subtitlePromo, #bloc-tarifs .blocTarifsMontant .contentTitle .subtitlePrice {
  font-size: 14px;
  color: #545454;
}
#bloc-tarifs .blocTarifsMontant .contentTitle .subtitlePromo {
  margin-top: 20px;
  font-weight: 600;
}
#bloc-tarifs .blocTarifsMontant .contentTitle .subtitlePromo + .subtitlePrice {
  margin-top: 4px;
}
#bloc-tarifs .blocTarifsMontant .contentTitle .subtitlePrice {
  margin-top: 16px;
}
#bloc-tarifs .blocTarifsMontant .amounts {
  justify-content: center;
  text-align: right;
  width: 40%;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  #bloc-tarifs .blocTarifsMontant .amounts {
    width: 100%;
    text-align: left;
  }
}
#bloc-tarifs .blocTarifsMontant .amounts p {
  margin: 0;
  color: unset;
  width: 100%;
}
#bloc-tarifs .blocTarifsMontant .amounts p .priceHT {
  font-size: 20px;
  font-weight: 600;
  line-height: 29px;
  color: #ffa200;
}
#bloc-tarifs .blocTarifsMontant .amounts p .separator {
  color: #767676;
}
#bloc-tarifs .blocTarifsMontant .amounts p .priceTTC {
  font-size: 20px;
  line-height: 28px;
  color: #545454;
}
#bloc-tarifs .blocTarifsMontant .amounts p .previousPrice {
  font-size: 14px;
  line-height: 20px;
  text-decoration: line-through;
  color: #767676;
}
#bloc-tarifs .discountPrice__block--formation ul {
  list-style-type: none;
  padding: 0;
  display: flex;
  flex-direction: row;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  #bloc-tarifs .discountPrice__block--formation ul {
    flex-direction: column;
  }
}
#bloc-tarifs .discountPrice__block--formation ul li {
  padding: 16px;
  border: 1px solid #dddddd;
  border-radius: 4px;
  width: 125px;
  margin-right: 20px;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  #bloc-tarifs .discountPrice__block--formation ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
#bloc-tarifs .discountPrice__block--formation ul li:last-of-type {
  margin-right: 0;
}
#bloc-tarifs .discountPrice__block--formation ul li span {
  display: block;
  text-align: center;
}
#bloc-tarifs .discountPrice__block--formation ul li span:first-of-type {
  color: #EB981C;
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
  margin-bottom: 8px;
}
#bloc-tarifs .discountPrice__block--formation ul li span:last-of-type {
  font-size: 16px;
  line-height: 22px;
}

#bloc-agreements {
  margin-top: 0;
  margin-bottom: 64px;
  border-bottom: 1px solid #dddddd;
}
@media only screen and (max-device-width: 1320px), (max-width: 1320px) {
  #bloc-agreements {
    padding-left: 0;
    margin-left: 40px;
  }
}
@media only screen and (max-device-width: 1024px), (max-width: 1024px) {
  #bloc-agreements {
    margin-left: 30px;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  #bloc-agreements {
    margin-left: 20px;
    margin-right: 20px;
  }
}
#bloc-agreements ul {
  padding: 0;
  margin-bottom: 40px;
  list-style-type: none;
}
#bloc-agreements ul li {
  margin-bottom: 20px;
  display: flex;
}
#bloc-agreements ul li figure {
  padding: 16px;
  border: 1px solid #dddddd;
  margin: 0;
  display: inline-flex;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  #bloc-agreements ul li figure {
    max-height: 72px;
  }
}
#bloc-agreements ul li figure img {
  width: 110px;
  height: 40px;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  #bloc-agreements ul li figure img {
    max-width: unset;
    /*max-height: 24px;*/
  }
}
#bloc-agreements ul li span {
  display: inline-flex;
  align-items: center;
  width: 580px;
  color: #767676;
  margin-left: 20px;
}

.bloc-sessions-formation {
  margin-bottom: 64px;
  /*#sessions-table td:first-child, #sessions-table th:first-child {
      width: 150px!important;
  }
  #sessions-table th:nth-child(2) {
      width: 500px!important;
  }
  #sessions-table td:nth-child(2) {
      width: 450px!important;
  }
  #sessions-table td:nth-child(3) {
      width: 50px!important;
  }
  #sessions-table td:nth-child(4), #sessions-table td:nth-child(5), #sessions-table th:nth-child(3) {
      width: 150px!important;
  }*/
}
@media only screen and (max-device-width: 1320px), (max-width: 1320px) {
  .bloc-sessions-formation {
    padding-left: 40px;
  }
}
@media only screen and (max-device-width: 1024px), (max-width: 1024px) {
  .bloc-sessions-formation {
    padding-left: 30px;
    max-width: 690px;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .bloc-sessions-formation {
    margin-left: 0;
    padding-left: 0;
  }
}
.bloc-sessions-formation .mainContent {
  margin: 0;
}
.bloc-sessions-formation .mainContent h2 {
  text-align: left;
  font-size: 36px;
  font-weight: 600;
  line-height: 51px;
  color: #323232;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .bloc-sessions-formation .mainContent h2 {
    padding-left: 20px;
  }
}
.bloc-sessions-formation .filtreRecherche {
  border: 1px #D9D9D9 solid;
  padding: 20px;
  width: calc(100% - 40px);
  margin: 0 20px 10px;
  position: relative;
}
.bloc-sessions-formation .filtreRecherche p {
  font-weight: 600;
  font-size: 16px;
  text-align: left;
  margin: 0;
}
.bloc-sessions-formation .filtreRecherche p .icon-filtre-mobile {
  position: absolute;
  right: 20px;
  color: #ffa200;
}
.bloc-sessions-formation .filtreRecherche + #sessions-table thead {
  display: none;
}
.bloc-sessions-formation .filtreRecherche.filtreActif {
  border-bottom: none;
  margin: 0 20px 0;
}
.bloc-sessions-formation .filtreRecherche.filtreActif + #sessions-table thead {
  display: block;
  border-right: 1px #D9D9D9 solid;
  border-bottom: 1px #D9D9D9 solid;
  border-left: 1px #D9D9D9 solid;
  margin-bottom: 20px;
}
.bloc-sessions-formation .filtreRecherche.filtreActif + #sessions-table thead tr {
  display: table;
  width: 100%;
}
.bloc-sessions-formation .filtreRecherche.filtreActif + #sessions-table thead th {
  padding-right: 0;
}
.bloc-sessions-formation .filtreRecherche.filtreActif + #sessions-table thead th #session-location, .bloc-sessions-formation .filtreRecherche.filtreActif + #sessions-table thead th #session-guarantee {
  text-align: left;
  width: calc(100% - 40px);
  margin: 0 20px 20px 20px;
}
.bloc-sessions-formation .filtreRecherche.filtreActif + #sessions-table thead th #session-location .titleFiltre, .bloc-sessions-formation .filtreRecherche.filtreActif + #sessions-table thead th #session-guarantee .titleFiltre {
  margin: 0 0 20px;
  font-size: 16px;
}
.bloc-sessions-formation .filtreRecherche.filtreActif + #sessions-table thead th #session-location .spanRadio, .bloc-sessions-formation .filtreRecherche.filtreActif + #sessions-table thead th #session-guarantee .spanRadio {
  display: inline-block;
  position: relative;
  margin-bottom: 8px;
}
.bloc-sessions-formation .filtreRecherche.filtreActif + #sessions-table thead th #session-location .spanRadio input.radioCustom, .bloc-sessions-formation .filtreRecherche.filtreActif + #sessions-table thead th #session-guarantee .spanRadio input.radioCustom {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 1px solid;
  height: 40px;
  left: 0;
  opacity: 0.00001;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.bloc-sessions-formation .filtreRecherche.filtreActif + #sessions-table thead th #session-location .spanRadio label, .bloc-sessions-formation .filtreRecherche.filtreActif + #sessions-table thead th #session-guarantee .spanRadio label {
  border-radius: 2em;
  border: 1px solid #D9D9D9;
  color: #767676;
  display: block;
  padding: 8px 16px;
  background: #ffffff;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
}
.bloc-sessions-formation .filtreRecherche.filtreActif + #sessions-table thead th #session-location .spanRadio label.checked, .bloc-sessions-formation .filtreRecherche.filtreActif + #sessions-table thead th #session-guarantee .spanRadio label.checked {
  background: #E8F5FB;
  border-color: #E8F5FB;
  color: #ffa200;
}
.bloc-sessions-formation .filtreRecherche.filtreActif + #sessions-table thead #colDate {
  width: 100% !important;
}
.bloc-sessions-formation .filtreRecherche.filtreActif + #sessions-table thead #colDate input {
  margin: 0 !important;
}
.bloc-sessions-formation .filtreRecherche.filtreActif + #sessions-table thead #colDate #date {
  border: none !important;
}
@media only screen and (max-device-width: 420px), (max-width: 420px) {
  .bloc-sessions-formation .filtreRecherche.filtreActif + #sessions-table thead #colDate #date {
    left: -6vw;
  }
}
@media only screen and (max-device-width: 400px), (max-width: 400px) {
  .bloc-sessions-formation .filtreRecherche.filtreActif + #sessions-table thead #colDate #date {
    left: -3vw;
  }
}
@media only screen and (max-device-width: 380px), (max-width: 380px) {
  .bloc-sessions-formation .filtreRecherche.filtreActif + #sessions-table thead #colDate #date {
    left: -1vw;
  }
}
@media only screen and (max-device-width: 360px), (max-width: 360px) {
  .bloc-sessions-formation .filtreRecherche.filtreActif + #sessions-table thead #colDate #date {
    left: 0;
  }
}
.bloc-sessions-formation .filtreRecherche.filtreActif + #sessions-table thead .capsuleCalendrier {
  height: 430px !important;
  width: 280px !important;
  margin: 0 auto !important;
  border: none !important;
}
.bloc-sessions-formation .filtreRecherche.filtreActif + #sessions-table thead .capsuleCalendrier.active {
  border: none !important;
}
.bloc-sessions-formation .filtreRecherche.filtreActif + #sessions-table thead .capsuleCalendrier input {
  border: none !important;
}
.bloc-sessions-formation .filtreRecherche.filtreActif + #sessions-table thead .capsuleCalendrier .icon-arrow-down-fat {
  display: none !important;
}
.bloc-sessions-formation .filtreRecherche.filtreActif + #sessions-table thead .capsuleCalendrier .datepicker.datepicker-dropdown {
  /*left: 0 !important;
  top: 40px !important;
  &.active{
      left: 0 !important;
      top: 40px !important;
  }*/
}
.bloc-sessions-formation .filtreRecherche.filtreActif + #sessions-table thead .capsuleCalendrier .datepicker.datepicker-dropdown .datepicker-picker {
  border: none !important;
}
.bloc-sessions-formation .filtreRecherche.filtreActif + #sessions-table thead .capsuleCalendrier .datepicker.datepicker-dropdown .datepicker-picker .datepicker-controls .icon-arrow-left, .bloc-sessions-formation .filtreRecherche.filtreActif + #sessions-table thead .capsuleCalendrier .datepicker.datepicker-dropdown .datepicker-picker .datepicker-controls .icon-arrow-right {
  font-size: 28px !important;
}
.bloc-sessions-formation .filtreRecherche.filtreActif + #sessions-table thead #session-guarantee {
  margin: 20px !important;
}
.bloc-sessions-formation .filtreRecherche.filtreActif + #sessions-table .appliquerFiltre {
  width: 100%;
}
.bloc-sessions-formation .filtreRecherche.filtreActif + #sessions-table .appliquerFiltre a {
  display: inline-block;
  padding: 12px 0;
  margin-bottom: 40px;
  width: 295px;
  border-radius: 8px;
  font-family: "BrandonGrotesqueRegular";
  font-weight: 600;
  text-transform: capitalize;
  text-decoration: none;
  background-color: #ffa200;
}
.bloc-sessions-formation .select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}
.bloc-sessions-formation .selectCustom {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #323232;
  width: 177px;
  height: 39px;
  border-top: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-left: 1px solid transparent;
}
.bloc-sessions-formation .selectCustom .icon-arrow-down-fat {
  position: absolute;
  right: -9px;
  bottom: -2px;
  color: #ffa200;
  font-size: 38px;
}
.bloc-sessions-formation .selectCustom.active {
  border-top: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid transparent;
  border-left: 1px solid #dddddd;
}
.bloc-sessions-formation .selectCustom.active .icon-arrow-down-fat {
  transform: rotate(180deg);
}
.bloc-sessions-formation .select-styled {
  position: absolute;
  margin: 0 16px;
  text-align: left;
  white-space: nowrap;
  border-bottom: 1px #dddddd solid;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  padding: 8px 15px 8px 0;
}
.bloc-sessions-formation .select-styled:before {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 16px;
  right: 10px;
}
.bloc-sessions-formation .select-styled:hover {
  background-color: #ffffff;
}
.bloc-sessions-formation .select-styled:active, .bloc-sessions-formation .select-styled.active {
  background-color: #ffffff;
}
.bloc-sessions-formation .select-options {
  display: none;
  width: 177px;
  position: absolute;
  top: 100%;
  right: 0;
  left: -1px;
  z-index: 999;
  padding: 0 16px 8px;
  margin: 0;
  list-style: none;
  background-color: #ffffff;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
.bloc-sessions-formation .select-options li {
  margin: 0;
  padding: 12px 0;
  text-indent: 15px;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
}
.bloc-sessions-formation .select-options li:hover, .bloc-sessions-formation .select-options li.is-selected {
  color: #0F5574;
  background: #E8F5FB;
}
.bloc-sessions-formation .select-options li[rel=hide] {
  display: none;
}
.bloc-sessions-formation #datepicker {
  font-size: 0;
}
.bloc-sessions-formation .datepicker-input {
  visibility: hidden;
  appearance: none;
  width: 0;
  border: 0;
  padding: 0;
  height: 0;
}
.bloc-sessions-formation .datepicker-footer {
  background-color: unset;
  box-shadow: unset;
}
.bloc-sessions-formation .datepicker-footer .datepicker-controls .button.clear-btn {
  font-size: 16px;
  border-radius: 8px;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .bloc-sessions-formation #sessions-table {
    width: calc(100% - 40px);
    margin: 0 20px;
  }
}
.bloc-sessions-formation #sessions-table thead th {
  border: none;
  padding-right: 32px;
}
@media only screen and (max-device-width: 992px), (max-width: 992px) {
  .bloc-sessions-formation #sessions-table thead th {
    padding-right: 24px;
  }
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .bloc-sessions-formation #sessions-table thead th {
    padding-right: 8px;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .bloc-sessions-formation #sessions-table thead th {
    display: flex;
  }
}
.bloc-sessions-formation #sessions-table thead th#colDate {
  position: relative;
  width: 257px;
}
@media only screen and (max-device-width: 992px), (max-width: 992px) {
  .bloc-sessions-formation #sessions-table thead th#colDate {
    max-width: 247px;
  }
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .bloc-sessions-formation #sessions-table thead th#colDate {
    max-width: 230px;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .bloc-sessions-formation #sessions-table thead th#colDate {
    max-width: unset;
  }
}
.bloc-sessions-formation #sessions-table thead th#colDate .capsuleCalendrier {
  position: relative;
  display: block;
  cursor: pointer;
  width: 225px;
  height: 53px;
  border-top: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-left: 1px solid transparent;
}
.bloc-sessions-formation #sessions-table thead th#colDate .capsuleCalendrier .icon-arrow-down-fat {
  position: absolute;
  left: 188px;
  bottom: 9px;
  color: #136E95;
  font-size: 38px;
  z-index: 0;
}
.bloc-sessions-formation #sessions-table thead th#colDate .capsuleCalendrier:active, .bloc-sessions-formation #sessions-table thead th#colDate .capsuleCalendrier.active {
  background-color: #ffffff;
  border-top: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-bottom: none;
  border-left: 1px solid #dddddd;
  width: calc(100% + 76px);
  z-index: 200;
}
@media only screen and (max-device-width: 1200px), (max-width: 1200px) {
  .bloc-sessions-formation #sessions-table thead th#colDate .capsuleCalendrier:active, .bloc-sessions-formation #sessions-table thead th#colDate .capsuleCalendrier.active {
    width: 301px;
  }
}
.bloc-sessions-formation #sessions-table thead th#colDate .capsuleCalendrier:active .icon-arrow-down-fat, .bloc-sessions-formation #sessions-table thead th#colDate .capsuleCalendrier.active .icon-arrow-down-fat {
  transform: rotate(180deg);
}
.bloc-sessions-formation #sessions-table thead th#colDate .capsuleCalendrier:active:after, .bloc-sessions-formation #sessions-table thead th#colDate .capsuleCalendrier.active:after {
  border-color: transparent transparent #136E95 transparent;
}
.bloc-sessions-formation #sessions-table thead th#colDate .capsuleCalendrier:active .datepicker-dropdown, .bloc-sessions-formation #sessions-table thead th#colDate .capsuleCalendrier.active .datepicker-dropdown {
  padding-top: 8px;
}
.bloc-sessions-formation #sessions-table thead th#colDate #date {
  position: absolute;
  left: 0;
  font-size: 16px;
  font-family: "BrandonGrotesqueRegular";
  padding: 8px 0 8px 0;
  background-color: transparent;
  z-index: 1;
  width: 200px;
  margin: 0 16px;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #dddddd;
}
.bloc-sessions-formation #sessions-table thead th#colDate .datepicker-dropdown.active {
  left: -1px !important;
  top: 44px !important;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .bloc-sessions-formation #sessions-table thead th#colDate .datepicker-dropdown.active {
    top: 33px !important;
    left: -9px !important;
  }
}
.bloc-sessions-formation #sessions-table thead th#colDate .datepicker-dropdown .datepicker-picker {
  border-radius: 0;
  width: 301px;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: #dddddd;
  box-shadow: unset;
}
.bloc-sessions-formation #sessions-table thead th#colDate .datepicker-dropdown .datepicker-header .datepicker-controls {
  margin-bottom: 19px;
  position: relative;
}
.bloc-sessions-formation #sessions-table thead th#colDate .datepicker-dropdown .datepicker-header .datepicker-controls .icon-arrow-left, .bloc-sessions-formation #sessions-table thead th#colDate .datepicker-dropdown .datepicker-header .datepicker-controls .icon-arrow-right {
  width: 15px;
  top: 0;
  left: 0;
  right: unset;
  bottom: unset;
  color: #136E95;
  font-size: 38px;
}
.bloc-sessions-formation #sessions-table thead th#colDate .datepicker-dropdown .datepicker-header .datepicker-controls .icon-arrow-right {
  position: absolute;
  left: -10px;
}
.bloc-sessions-formation #sessions-table thead th#colDate .datepicker-dropdown .datepicker-header .datepicker-controls .view-switch {
  text-transform: Capitalize;
}
.bloc-sessions-formation #sessions-table thead th#colDate .datepicker-dropdown .datepicker-main .datepicker-view .days .datepicker-cell, .bloc-sessions-formation #sessions-table thead th#colDate .datepicker-dropdown .datepicker-main .datepicker-view .dow {
  flex-basis: 12%;
}
.bloc-sessions-formation #sessions-table thead th#colDate .datepicker-dropdown .datepicker-main .days {
  margin: 0 auto;
}
.bloc-sessions-formation #sessions-table thead th#colDate .datepicker-dropdown .datepicker-main .days .days-of-week {
  text-transform: Capitalize;
  margin-bottom: 24px;
}
.bloc-sessions-formation #sessions-table thead th#colDate .datepicker-dropdown .datepicker-main .days .days-of-week .dow {
  width: 39px;
  text-align: center;
}
.bloc-sessions-formation #sessions-table thead th#colDate .datepicker-dropdown .datepicker-main .datepicker-grid {
  width: 273px;
}
.bloc-sessions-formation #sessions-table thead th#colDate .datepicker-dropdown .datepicker-main .datepicker-grid .day {
  border-radius: 50%;
  font-size: 16px;
  margin-right: 4px;
  margin-bottom: 4px;
}
.bloc-sessions-formation #sessions-table thead th#colDate .datepicker-dropdown .datepicker-main .datepicker-grid .day:nth-of-type(7) {
  margin-right: 0;
}
.bloc-sessions-formation #sessions-table thead th#colDate .datepicker-dropdown .datepicker-main .datepicker-grid .day.prev, .bloc-sessions-formation #sessions-table thead th#colDate .datepicker-dropdown .datepicker-main .datepicker-grid .day.next {
  color: #323232;
  background-color: #dddddd;
  border: 1px solid #dddddd;
}
.bloc-sessions-formation #sessions-table thead th#colDate .datepicker-dropdown .datepicker-main .datepicker-grid .day.today {
  border: 1px solid #136E95;
  color: #136E95;
  background-color: #fff;
}
.bloc-sessions-formation #sessions-table thead th#colDate .datepicker-dropdown .datepicker-main .datepicker-grid .day.range-start, .bloc-sessions-formation #sessions-table thead th#colDate .datepicker-dropdown .datepicker-main .datepicker-grid .day.range, .bloc-sessions-formation #sessions-table thead th#colDate .datepicker-dropdown .datepicker-main .datepicker-grid .day.range-end {
  border: 1px solid #136E95;
  color: #ffffff;
  background-color: #136E95;
}
.bloc-sessions-formation #sessions-table thead th#colDate .datepicker-cell.focused:not(.selected) {
  background-color: unset;
}
.bloc-sessions-formation #sessions-table td, .bloc-sessions-formation #sessions-table th {
  min-width: 0;
  padding: 0;
}
.bloc-sessions-formation #sessions-table tbody tr {
  height: 75px;
}
.bloc-sessions-formation #sessions-table tbody tr.tr-session:not(.displayNone) {
  /*&:nth-child(4n+1) {
      background: $bgCG11;
  }
  &:nth-child(4n+2) {
      background: $bgCG11;
  }*/
}
.bloc-sessions-formation #sessions-table tbody tr.tr-session:not(.displayNone).odd, .bloc-sessions-formation #sessions-table tbody tr.tr-session:not(.displayNone).odd + .session-detail {
  background: #ffffff;
}
.bloc-sessions-formation #sessions-table tbody tr.tr-session:not(.displayNone).even, .bloc-sessions-formation #sessions-table tbody tr.tr-session:not(.displayNone).even + .session-detail {
  background: #F7F7F7;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .bloc-sessions-formation #sessions-table tbody tr.session-detail {
    display: none;
  }
}
.bloc-sessions-formation #sessions-table tbody tr.session-detail td, .bloc-sessions-formation #sessions-table tbody tr.session-detail td:first-of-type {
  padding-top: 24px;
  padding-bottom: 18px;
}
.bloc-sessions-formation #sessions-table tbody tr .details-formation {
  border-top: 1px solid #dddddd;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .bloc-sessions-formation #sessions-table tbody tr .details-formation {
    border-top: unset;
  }
}
.bloc-sessions-formation #sessions-table tbody tr .details-formation .detail-date {
  font-weight: 600;
  color: #4d4d4d;
}
.bloc-sessions-formation #sessions-table tbody tr .details-formation .detail-module {
  font-weight: 300;
  color: #767676;
}
.bloc-sessions-formation #sessions-table tbody tr .details-formation .detail-module:last-of-type {
  margin-bottom: 32px;
}
.bloc-sessions-formation #sessions-table tbody tr .details-formation .detail-allFormations {
  color: #ffa200;
  text-decoration: none;
}
.bloc-sessions-formation #sessions-table tbody tr td {
  font-size: 16px;
  text-align: left;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .bloc-sessions-formation #sessions-table tbody tr td {
    display: block;
  }
}
.bloc-sessions-formation #sessions-table tbody tr td:first-of-type {
  width: 130px;
  padding: 0 16px;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .bloc-sessions-formation #sessions-table tbody tr td:first-of-type {
    width: 100%;
    padding: 20px 20px 0;
    margin-bottom: 24px;
    font-weight: 600;
  }
}
.bloc-sessions-formation #sessions-table tbody tr td.tr-session-dates {
  width: 240px;
  padding: 0 16px;
  position: relative;
}
.bloc-sessions-formation #sessions-table tbody tr td.tr-session-dates span.icon-plus-product, .bloc-sessions-formation #sessions-table tbody tr td.tr-session-dates span.icon-moins-product {
  position: absolute;
  right: 10px;
  bottom: 30px;
  color: #ffa200;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .bloc-sessions-formation #sessions-table tbody tr td.tr-session-dates {
    width: 100%;
    padding: 0 40px 0 20px;
    margin-bottom: 24px;
    color: #767676;
    font-weight: 600;
  }
  .bloc-sessions-formation #sessions-table tbody tr td.tr-session-dates span.icon-plus-product, .bloc-sessions-formation #sessions-table tbody tr td.tr-session-dates span.icon-moins-product {
    right: 20px;
    top: 4px;
  }
}
.bloc-sessions-formation #sessions-table tbody tr td:nth-of-type(3) {
  width: 150px;
  padding-left: 16px;
  padding-right: 36px;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .bloc-sessions-formation #sessions-table tbody tr td:nth-of-type(3) {
    width: 100%;
    padding: 0 20px;
    margin-bottom: 24px;
  }
}
.bloc-sessions-formation #sessions-table tbody tr td.session-inscription {
  padding-right: 16px;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .bloc-sessions-formation #sessions-table tbody tr td.session-inscription {
    padding-right: 0;
    padding-bottom: 20px;
    padding-left: 0;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .bloc-sessions-formation #sessions-table tbody tr td.session-inscription div {
    text-align: center;
    width: 100%;
  }
}
.bloc-sessions-formation #sessions-table tbody tr td.session-inscription a {
  display: inline-block;
  font-size: 20px;
  line-height: 28px;
  text-transform: capitalize;
  text-decoration: none;
  color: #ffa200;
  padding: 12px;
  background-color: #ffffff;
  border: 1px solid #ffa200;
  border-radius: 4px;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .bloc-sessions-formation #sessions-table tbody tr td.session-inscription a {
    width: calc(100% - 40px);
    text-align: center;
  }
}
.bloc-sessions-formation #sessions-table .buttonSecondary {
  min-width: 0;
}
.bloc-sessions-formation .dropdown {
  position: relative;
  display: inline-block;
}
.bloc-sessions-formation .dropdown-content {
  position: absolute;
  font-weight: 300;
  background-color: #f9f9f9;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  padding: 12px 16px;
  z-index: 1;
}
.bloc-sessions-formation .dropdown-content a {
  cursor: pointer;
}
.bloc-sessions-formation .tr-session a {
  cursor: pointer;
}

#bloc-accessibilite {
  margin-top: 0;
  position: relative;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  #bloc-accessibilite {
    margin-left: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
}
#bloc-accessibilite img {
  position: absolute;
  top: 0;
  right: 0;
}
#bloc-accessibilite p {
  color: #767676;
}
#bloc-accessibilite p a {
  color: #767676;
}

/* card - sticky */
#card-sticky {
  position: fixed;
  top: 125px;
  right: calc(50% - 205px);
  margin-right: -414px;
  width: 411px;
  background: #ffffff;
  box-shadow: -8px 12px 36px rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  z-index: 1;
  font-size: 16px;
}
@media only screen and (max-device-width: 1200px), (max-width: 1200px) {
  #card-sticky {
    position: unset;
    border-radius: unset;
    width: auto;
    padding: 20px 0 50px;
    margin-right: 0;
    margin-bottom: 20px;
    height: auto;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  #card-sticky {
    position: unset;
    border-radius: unset;
    width: auto;
    height: auto;
    padding: 20px 0 50px;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
#card-sticky.displayTitle {
  top: 60px;
  z-index: 100;
}
@media only screen and (max-device-width: 1200px), (max-width: 1200px) {
  #card-sticky.displayTitle {
    height: auto;
  }
}
#card-sticky.displayTitle .container h3 {
  margin: 16px 0 0;
  padding: 0 16px;
  text-align: left;
  font-size: 16px;
  font-weight: 600;
}
#card-sticky.displayTitle .container .tab-buttons {
  margin: 18px 20px 0;
}
#card-sticky.displayTitle .container .infoBulle {
  top: 158px;
}
#card-sticky.displayTitle .container .devis-inscription {
  padding: 12px 16px;
}
#card-sticky .container {
  position: relative;
  height: 100%;
  width: inherit;
}
#card-sticky .container h3 {
  display: none;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  #card-sticky .container h3 {
    padding: 0 16px;
  }
}
#card-sticky .container .infoBulle {
  z-index: 2000;
  top: 105px;
  left: 11%;
  right: 50%;
  background-color: #E8F5FB;
  color: #0F5574;
  line-height: 24px;
  padding: 32px;
  width: 317px;
  position: absolute;
}
#card-sticky .container .tab-buttons {
  position: relative;
  height: 43px;
  margin: 20px 20px 0;
}
@media only screen and (max-device-width: 1200px), (max-width: 1200px) {
  #card-sticky .container .tab-buttons {
    width: 380px;
    display: inline-flex;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  #card-sticky .container .tab-buttons {
    width: 346px;
    margin: 0 auto;
    display: block;
  }
}
#card-sticky .container .tab-buttons button {
  position: absolute;
  height: inherit;
  background: #F7F7F7;
  border: 1px solid #dddddd;
  border-radius: 8px;
  color: #323232;
  font-weight: 600;
  width: 126.3333333333px;
  padding: 3% 0;
  line-height: 22px;
  z-index: 0;
}
#card-sticky .container .tab-buttons button.actif {
  background: #fff;
  border: 1px solid #ddd;
  color: #ffa200;
  z-index: 200;
  -webkit-box-shadow: -11px 8px 10px -4px rgba(221, 221, 221, 0.67);
  box-shadow: -11px 8px 10px -4px rgba(221, 221, 221, 0.67);
}
#card-sticky .container .tab-buttons button:nth-of-type(1) {
  left: 2px;
  border-bottom-right-radius: unset;
  border-top-right-radius: unset;
}
#card-sticky .container .tab-buttons button:nth-of-type(1):hover {
  background-color: #dddddd;
  border-radius: 8px;
  z-index: 1;
}
#card-sticky .container .tab-buttons button:nth-of-type(1).actif {
  border-radius: 8px;
}
#card-sticky .container .tab-buttons button:nth-of-type(1).actif:hover {
  background-color: #fff;
}
#card-sticky .container .tab-buttons button:nth-of-type(2) {
  left: 120px;
  border-radius: unset;
  margin: 0 -10px 0 0;
  border-left: none;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  #card-sticky .container .tab-buttons button:nth-of-type(2) {
    left: 100px;
  }
}
#card-sticky .container .tab-buttons button:nth-of-type(2):hover {
  background-color: #dddddd;
  border-radius: 8px;
  z-index: 1;
}
#card-sticky .container .tab-buttons button:nth-of-type(2).actif {
  border-radius: 8px;
  border-left: 1px solid #ddd;
}
#card-sticky .container .tab-buttons button:nth-of-type(2).actif:hover {
  background-color: #fff;
}
#card-sticky .container .tab-buttons button:nth-of-type(3) {
  left: 240px;
  border-left: none;
  border-bottom-left-radius: unset;
  border-top-left-radius: unset;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  #card-sticky .container .tab-buttons button:nth-of-type(3) {
    left: 220px;
    right: 0;
  }
}
#card-sticky .container .tab-buttons button:nth-of-type(3):hover {
  background-color: #dddddd;
  border-radius: 8px;
  z-index: 1;
}
#card-sticky .container .tab-buttons button:nth-of-type(3).actif {
  border-radius: 8px;
  border-left: 1px solid #ddd;
}
#card-sticky .container .tab-buttons button:nth-of-type(3).actif:hover {
  background-color: #fff;
}
#card-sticky .container .presentielDistance {
  background-color: #E8F5FB;
  width: fit-content;
  text-align: left;
  padding: 4px 30px 4px 16px;
  margin: 20px 0 10px;
  color: #0F5574;
  font-size: 14px;
  position: relative;
}
#card-sticky .container .presentielDistance span.icon-info-bulle {
  position: absolute;
  top: 8px;
  right: 10px;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  #card-sticky .container .presentielDistance span.icon-info-bulle {
    right: 10px;
  }
}
#card-sticky .container section {
  width: inherit;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  #card-sticky .container section {
    padding-bottom: 20px;
  }
}
#card-sticky .container section #inter-duree, #card-sticky .container section #inter-place, #card-sticky .container section .tab-intervenant {
  border-top: 1px solid #dddddd;
}
#card-sticky .container section .tab-line {
  padding: 12px 0;
  margin: 0 16px;
  height: 54px;
}
#card-sticky .container section .tab-line div:nth-of-type(1) {
  font-weight: 600;
}
#card-sticky .container section #inter-place .select-styled,
#card-sticky .container section #inter-date .select-styled {
  color: #ffa200;
}
#card-sticky .container section #inter-place .select-styled[rel=default],
#card-sticky .container section #inter-date .select-styled[rel=default] {
  color: black;
}
#card-sticky .container section #inter-place.displayNone,
#card-sticky .container section #inter-date.displayNone {
  display: none;
}
#card-sticky .container section .tab-intervenant {
  padding: 12px 0;
  margin: 0 16px;
}
#card-sticky .container section .tab-intervenant .visuel {
  width: 40px;
  height: 40px;
  margin-right: 12px;
}
#card-sticky .container section .tab-intervenant .visuel img {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
#card-sticky .container section .tab-intervenant div:nth-child(2) {
  width: calc(100% - 92px);
}
#card-sticky .container section .tab-intervenant div:nth-child(2) span {
  display: block;
  text-align: left;
}
#card-sticky .container section .tab-intervenant div:nth-child(2) .name {
  line-height: 23px;
  color: #000000;
  font-weight: 600;
}
#card-sticky .container section .tab-intervenant div:nth-child(2) .company {
  font-size: 14px;
  line-height: 20px;
  color: #767676;
}
#card-sticky .container section .description {
  text-align: left;
  margin: 32px 0;
  padding: 0 16px;
}
#card-sticky .container section .devis-inscription {
  padding: 14px 16px;
  border-top: 1px solid #dddddd;
  text-align: right;
}
@media only screen and (max-device-width: 1200px), (max-width: 1200px) {
  #card-sticky .container section .devis-inscription {
    display: none;
  }
}
#card-sticky .container section .devis-inscription span {
  display: inline-block;
  text-transform: uppercase;
}
#card-sticky .container section .devis-inscription span.from {
  color: #767676;
  font-size: 14px;
  padding-right: 5px;
}
#card-sticky .container section .devis-inscription span.amount {
  font-size: 20px;
  font-weight: 600;
}
#card-sticky .container #session-buttons {
  margin-bottom: 10px;
}
#card-sticky .container #session-buttons .Button {
  padding: 12px 20px;
  font-size: 20px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  text-transform: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
#card-sticky .container #session-buttons .Button.buttonSecondary {
  border-color: #ffa200;
  color: #ffa200;
}
#card-sticky .container #session-buttons .Button.buttonPrimary {
  background-color: #ffa200;
}
#card-sticky .container .tab-contact {
  background-color: #323232;
  padding: 20px 32px;
  position: absolute;
  width: 100%;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-device-width: 1200px), (max-width: 1200px) {
  #card-sticky .container .tab-contact {
    display: none;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  #card-sticky .container .tab-contact {
    display: none;
  }
}
#card-sticky .container .tab-contact div span[class^=icon-] {
  color: #ffffff;
  font-size: 15px;
}
#card-sticky .container .tab-contact div a {
  color: #ffffff;
  font-size: 20px;
  text-decoration: none;
  padding-left: 8px;
}
#card-sticky .container .tab-contact .separator {
  border-left: 1px solid #ffffff;
  display: inline-block;
  margin-top: 7px;
  height: 15px;
}
#card-sticky .container .askQuote {
  padding: 0 16px;
}
@media only screen and (max-device-width: 1200px), (max-width: 1200px) {
  #card-sticky .container .askQuote {
    max-width: 379px;
    margin: 0 auto;
  }
}
#card-sticky .container .askQuote .btn-devis {
  background-color: #ffa200;
  color: #ffffff;
  text-decoration: none;
  width: 100%;
  border-radius: 8px;
  padding: 12px 0;
  margin: 0 0 10px 0;
  display: inline-block;
  line-height: 28px;
  font-size: 20px;
}
#card-sticky #sticky-card-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
}
#card-sticky #title-width-element {
  position: absolute;
  visibility: hidden;
  height: auto;
  width: auto;
  white-space: nowrap;
  font-size: 16px;
  font-family: "BrandonGrotesqueRegular";
  font-weight: 600;
}
#card-sticky #title-infobulle {
  z-index: 2000;
  top: 40px;
  left: 11%;
  right: 50%;
  background-color: #ffa200;
  color: #fff;
  font-size: 16px;
  font-family: "BrandonGrotesqueRegular";
  font-weight: 600;
  line-height: 24px;
  padding: 32px;
  width: 317px;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.2s linear;
}

.tab-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tab-intervenant {
  display: flex;
  justify-content: space-between;
}

/* Fin card-sticky */
@media only screen and (max-device-width: 1320px), (max-width: 1320px) {
  #sliderCardsFormationInterest {
    padding-left: 40px;
  }
}
@media only screen and (max-device-width: 1024px), (max-width: 1024px) {
  #sliderCardsFormationInterest {
    padding-left: 30px;
    max-width: 690px;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  #sliderCardsFormationInterest {
    padding-left: 0;
  }
}
#sliderCardsFormationInterest h2.ferrageLeft {
  text-align: left;
  margin-top: 0;
  font-size: 36px;
  line-height: 51px;
  font-weight: 600;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  #sliderCardsFormationInterest h2.ferrageLeft {
    padding-left: 20px;
    padding-right: 20px;
  }
}
#sliderCardsFormationInterest .centrage {
  padding-left: 0;
  margin-bottom: 100px;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  #sliderCardsFormationInterest .centrage {
    padding-left: 20px;
  }
}

.bloc-inscription-fixed {
  display: none;
}
@media only screen and (max-device-width: 1200px), (max-width: 1200px) {
  .bloc-inscription-fixed {
    position: fixed;
    width: 100%;
    height: 55px;
    left: 0;
    bottom: 0;
    border-top: 1px solid #dddddd;
    background-color: #ffffff;
    text-align: left;
    z-index: 999;
    display: block;
  }
  .bloc-inscription-fixed.withDevis {
    height: 126px;
  }
  .bloc-inscription-fixed.withDevis p ~ footer.footer {
    margin-bottom: 126px;
  }
  .bloc-inscription-fixed .devis-inscription {
    padding: 16px 20px;
    height: 72px;
    position: relative;
  }
  .bloc-inscription-fixed .devis-inscription .buttonPrimary {
    width: 213px;
    height: 40px;
    font-size: 20px;
    font-family: "BrandonGrotesqueRegular";
    font-weight: 600;
    line-height: 28px;
    padding: 6px 70px;
    text-transform: capitalize;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
  }
  .bloc-inscription-fixed .devis-inscription .fromAmount {
    display: inline-block;
    text-align: right;
    position: absolute;
    right: 20px;
  }
  .bloc-inscription-fixed .devis-inscription .fromAmount .from {
    text-transform: lowercase;
    font-size: 12px;
    line-height: 17px;
    color: #767676;
    display: block;
  }
  .bloc-inscription-fixed .devis-inscription .fromAmount .amount {
    font-size: 16px;
    font-weight: 600;
    line-height: 23px;
    display: block;
  }
  .bloc-inscription-fixed .contact {
    background-color: #323232;
    padding: 15px;
    height: 54px;
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: space-evenly;
  }
  .bloc-inscription-fixed .contact div {
    display: inline-block;
  }
  .bloc-inscription-fixed .contact div span[class^=icon-] {
    color: #fff;
    font-size: 16px;
  }
  .bloc-inscription-fixed .contact div a {
    color: #ffffff;
    font-size: 20px;
    line-height: 23px;
    text-decoration: none;
    padding-left: 8px;
  }
  .bloc-inscription-fixed .contact .separator {
    border-left: 2px solid #ffffff;
    display: inline-block;
    margin: 7px 12px 0;
    height: 15px;
  }
}

@media only screen and (max-device-width: 480px), (max-width: 480px) {
  footer.footer {
    margin-bottom: 126px;
  }
}

.pageProduit {
  font-size: 20px;
  text-align: center;
  /*////////////////////// specifique a la page formation /////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  &.pageFormation{
      .imgBigGeneContenair{
          .blocTitrePx{
              padding-bottom:30px;

              @media only screen and (max-device-width:$breakpoint-tablet), (max-width:$breakpoint-tablet) {
                  padding-bottom: 0;
                  margin-top:0;
              }
          }
          .imgBigGeneContent{
              .blocPromo{
                  .flatTint--CG1{
                      @media only screen and (max-device-width:$breakpoint-medium-device), (max-width:$breakpoint-medium-device) {
                          padding: 20px;
                          width: 40%;
                          margin: 15px auto;
                      }
                      @media only screen and (max-device-width:$breakpoint-tablet), (max-width:$breakpoint-tablet) {
                              margin:0 auto;
                              padding:3px 18px 20px 18px;
                      }
                      @media only screen and (max-device-width:$breakpoint-mobile), (max-width:$breakpoint-mobile) {
                          display:none;
                      }
                  }
              }
          }
      }
      .presentationBlock{
          .organizationGene li.jqCurrentLi .blocImg{
              width:100%;
          }
      }
      .whyParticipate{
          background-color: $bgCG5;
          color:$fontCG2;
      }
      .sliderCoOrga {
          border-bottom:none;
          .organizationGene {
              border-bottom:none;
              li {
                  &.jqCurrentLi {
                      .ulForSlide__coche {
                          bottom: -54px;
                      }
                  }
              }
          }
          .contentGeneSlide{
              border-top:2px solid $borderCG3;
          }
      }
      .blockProgram{
          .hourProgram{
              .blockToSlide{
                  li{
                      .title{
                          &.first{
                              border-top:1px solid $borderCG3;
                              padding-top:15px;
                          }
                      }
                      .slideThis{
                          @media only screen and (max-device-width:$breakpoint-tablet), (max-width:$breakpoint-tablet) {
                              margin:0 auto;
                              padding-top:20px;
                          }
                      }
                      @media only screen and (max-device-width:$breakpoint-tablet), (max-width:$breakpoint-tablet) {
                          max-width: inherit;
                      }
                      &.flatTint--CG1{
                          margin-top:25px;
                      }
                      .ulForSlide__coche{display:none;}

                      &.jqCurrentLi{
                          .ulForSlide__coche{display:block;}
                      }

                  }
              }
          }

          .downloadAll{
              @media only screen and (max-device-width:$breakpoint-tablet), (max-width:$breakpoint-tablet) {
                  text-align:center;
              }
          }
      }
      .nextSession{
          min-height:450px;
          border-bottom: 1px solid $borderCG3;


          @media only screen and (max-device-width:$breakpoint-medium-device), (max-width:$breakpoint-medium-device) {
              min-height: 490px;
          }
          @media only screen and (max-device-width:$breakpoint-tablet), (max-width:$breakpoint-tablet) {
              min-height: auto;
              padding:0 0 20px 0;
          }

          .nextSession__content {
              .nextSession_carte{
                  position: relative;
                  float: left;
                  margin: 40px 0 0 grid-width(100, 1240);

                  @media only screen and (max-device-width:$breakpoint-tablet), (max-width:$breakpoint-tablet) {
                      width:80px;
                      float: none;
                      margin:15px auto;
                  }

                  .icon-geoloc{
                      color:$fontC2;
                      font-size:152px;
                      position:absolute;
                      top:70px;
                      left:96px;

                      @media only screen and (max-device-width:$breakpoint-tablet), (max-width:$breakpoint-tablet) {
                          display:none;
                      }
                  }
              }

              .nextSession__locations {
                  float: left;
                  margin: 40px 0 0 0;
                  width: grid-width(270, 1240);
                  color: $fontCG5;

                  p {
                      margin: 0;
                  }

                  a {
                      color: $fontCG5;
                      text-transform: uppercase;
                      text-decoration: none;

                      &.active {
                          text-decoration: underline;
                      }
                  }

                  @media only screen and (max-device-width:$breakpoint-tablet), (max-width:$breakpoint-tablet) {
                      display:none;
                  }
              }
              .nextSession__dates {
                  float: left;
                  width: grid-width(400, 1240);
                  height: 100%;
                  min-height: 450px;

                  .bx-wrapper .bx-controls-direction a {
                      top: 34px;
                      &.bx-prev {
                          left: 15%;

                          @media (max-width: 560px) {
                              left:-11%;
                          }
                      }
                      &.bx-next {
                          right: 12%;

                          @media (max-width: 560px) {
                              right:-16%;
                          }
                      }
                  }
                  @media only screen and (max-device-width:$breakpoint-medium-device), (max-width:$breakpoint-medium-device) {
                      min-height: auto;
                      width:98%;
                      margin:0 auto;
                      float:none;
                  }

              }
              .nextSession__place {
                  margin: 0 auto;
                  font-size: 24px;
                  max-width: grid-width(240,400);
                  text-align: center;
                  text-transform: uppercase;

                  @media (max-width: 560px) {
                      width:80%;
                  }
              }
              .nextSession__slider {
                  table {
                      width: 100%;
                      tr {
                          td {
                              font-size: 16px;
                          }
                      }
                  }
              }
          }
          &.empty{
              min-height:auto;
              a{
                  color:$fontC1;
              }
          }
          &.avecInfo{
              min-height:auto;
              padding-bottom:60px;
              p{
                  margin:0;
              }
          }
      }

      .buttonCG5 {
          display:inline-block;
          margin:20px 0 40px 0;

          .icon-arrow-right{
              vertical-align: top;
          }
      }


      .pourAllerLoin{
          @media only screen and (max-device-width:$breakpoint-tablet), (max-width:$breakpoint-tablet) {
              margin-bottom: 65px;
          }
          .blockThreeEvents{
              height:327px;
              margin-bottom: 60px;

              @media (max-width: 600px){
                  margin-bottom: 0;
              }

              &.blockThreeEvents__nextTrophies{
                  display:flex;
                  justify-content:center;

                  @media (max-width: 600px){
                      display:inline-block;

                      li{
                          width:100%;
                          margin-right:0;

                          &:last-child,&.oneOnly{
                              margin-right:0;
                          }
                          a{
                              .blockThreeEvents__title{
                                  bottom:8px;

                                  @media only screen and (max-device-width:$breakpoint-tablet), (max-width:$breakpoint-tablet) {
                                      bottom:52px;
                                  }

                              }
                          }
                      }
                  }

              }

          }
      }
      .blockProgram{
          margin-top:120px;
      }

      .lesObjectifs{
          margin:10px 0 30px 0;
          border-top:1px solid $borderCG3;
          border-bottom:1px solid $borderCG3;
          @media only screen and (max-device-width:$breakpoint-tablet), (max-width:$breakpoint-tablet) {
              width:96%;
              margin:10px auto;
          }

      }
      .modalPedago{
          width:83%;
          @include ulBullet(
              $marginUl: 0 auto 50px
          );
      }
  }*/
}
.pageProduit .popinCart {
  text-align: left;
}
.pageProduit .flatTint {
  text-align: center;
}
.pageProduit .flatTint.blocCriteria {
  border-bottom: 1px solid #d1d1d1;
}
.pageProduit .titleCG5--size40, .pageProduit .titleCG1--size40, .pageProduit .titleGeneric1 {
  margin: 0 auto;
  padding: 23px 0;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .titleCG5--size40, .pageProduit .titleCG1--size40, .pageProduit .titleGeneric1 {
    font-size: 32px;
    padding: 23px 5%;
  }
}
.pageProduit :target {
  padding-top: 160px;
}
.pageProduit .borderTop {
  border-top: 1px solid #d1d1d1;
}
.pageProduit .organizationGene, .pageProduit .portraitGene {
  position: relative;
  border-bottom: 2px solid #d1d1d1;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .organizationGene, .pageProduit .portraitGene {
    border-bottom: none;
    padding: 30px 0;
  }
  .pageProduit .organizationGene .bx-wrapper .bx-controls-direction a, .pageProduit .portraitGene .bx-wrapper .bx-controls-direction a {
    top: 48%;
  }
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .organizationGene img, .pageProduit .portraitGene img {
    margin: 0 auto;
  }
}
@media only screen and (max-device-width: 992px), (max-width: 992px) {
  .pageProduit .organizationGene .contributor, .pageProduit .portraitGene .contributor {
    max-width: 100%;
    width: 200px !important;
  }
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .organizationGene .contributor.jqCurrentLi .ulForSlide__coche, .pageProduit .portraitGene .contributor.jqCurrentLi .ulForSlide__coche {
    display: none;
  }
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .imgBigGeneContenair .imgBigGeneContent .flatTint .titleCG5--size40, .pageProduit .imgBigGeneContenair .imgBigGeneContent .flatTint .titleCG1--size40 {
    font-size: 31px;
  }
  .pageProduit .imgBigGeneContenair .imgBigGeneContent .flatTint .titleCG5--size46 {
    font-size: 28px;
    line-height: 33px;
  }
  .pageProduit .imgBigGeneContenair .imgBigGeneContent .flatTint .titleCG5--size32 {
    line-height: 29px;
  }
}
.pageProduit .presentationBlock .titleCG1--size32 {
  margin: 25px 0 0 0;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .presentationBlock .titleCG1--size32 {
    margin: 25px 5% 0 5%;
    font-size: 24px;
    line-height: 38px;
  }
}
.pageProduit .presentationBlock .titleCG2--size22 {
  margin: 0;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .presentationBlock .titleCG2--size22 {
    margin: 10px 0 0 0;
    font-size: 20px;
  }
}
.pageProduit .presentationBlock .verbatim {
  padding-bottom: 55px;
  border-bottom: 1px solid #d1d1d1;
}
.pageProduit .presentationBlock .organizationGene {
  border-bottom: none;
}
.pageProduit .presentationBlock .organizationGene li {
  cursor: pointer;
  margin-right: 2%;
}
.pageProduit .presentationBlock .organizationGene li .blocImg {
  width: 160px;
  height: 120px;
  line-height: 120px;
  display: inline-block;
  vertical-align: middle;
}
.pageProduit .presentationBlock .organizationGene li .blocImg img {
  max-width: 153px;
  display: inline-block;
  vertical-align: middle;
}
.pageProduit .presentationBlock .organizationGene li.jqCurrentLi .blocImg {
  border: 1px solid #0f8ab8;
}
.pageProduit .presentationBlock .organizationGene .ulForSlide__coche {
  bottom: -54px;
}
.pageProduit .presentationBlock .contentGeneSlide.current {
  border-top: 2px solid #d1d1d1;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .presentationBlock .contentGeneSlide.current {
    margin-top: 30px;
  }
}
.pageProduit .sliderCoOrga {
  border-top: 1px solid #d1d1d1;
  border-bottom: 1px solid #d1d1d1;
  padding-bottom: 30px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .sliderCoOrga {
    margin: 30px 0 0 0;
    border-bottom: none;
  }
}
.pageProduit .whyParticipate {
  background-color: #0f8ab8;
  color: #ffffff;
}
.pageProduit .whyParticipate .icon-point {
  color: #ffffff;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .whyParticipate {
    background-color: #ffffff;
    color: #4d4d4d;
  }
}
.pageProduit .whyParticipate .ulBullet {
  margin: 0 auto;
  text-align: center;
}
.pageProduit .whyParticipate .ulBullet li:last-child {
  padding-bottom: 40px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .whyParticipate .ulBullet li:last-child {
    padding: 0;
  }
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .whyParticipate .ulBullet li {
    margin: 0 2%;
  }
  .pageProduit .whyParticipate .ulBullet li .icon-point {
    color: #d1d1d1;
  }
}
.pageProduit .ulBullet {
  margin: 0 auto;
  text-align: center;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .ulBullet {
    width: 96%;
  }
}
.pageProduit .ulBullet.criteria {
  padding-bottom: 30px;
}
.pageProduit .icon-point {
  font-size: 50px;
  display: block;
  line-height: 40px;
}
.pageProduit .icon-point.titleCG5 {
  color: #ffffff;
}
.pageProduit .blockPortrait .portraitGene li {
  vertical-align: top;
}
.pageProduit .blockPortrait .portraitGene li .contributor__name {
  height: 155px;
  text-overflow: ellipsis;
  line-height: 24px;
  overflow: hidden;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .blockPortrait .portraitGene li .contributor__name {
    height: 146px;
  }
}
.pageProduit .blockParticipation {
  padding: 0 0 70px 0;
  border-bottom: 1px solid #d1d1d1;
}
.pageProduit .blockParticipation .bx-wrapper {
  float: left;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .blockParticipation .bx-wrapper {
    float: none;
  }
  .pageProduit .blockParticipation .bx-wrapper .bx-pager {
    padding-top: 20px;
  }
}
.pageProduit .blockParticipation .sliderIntendee {
  float: left;
}
.pageProduit .blockParticipation .blockParticipation__description {
  float: left;
  padding: 0;
  margin: 0;
  list-style-type: none;
  width: 39.5161290323%;
  margin: 0 0 0 2.4193548387%;
}
.pageProduit .blockParticipation .blockParticipation__description li {
  text-align: center;
}
.pageProduit .blockParticipation .blockParticipation__description li .titleCG5--size40 {
  margin: 0 0 18px 0;
  padding: 0;
}
.pageProduit .blockParticipation .blockParticipation__description li p {
  margin: 0;
}
.pageProduit .blockParticipation .blockParticipation__description.noPicture {
  width: 100%;
  float: none;
  margin: 0 0 0 0;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .blockParticipation .blockParticipation__description.noPicture {
    width: 96%;
    margin: 0 auto;
  }
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .blockParticipation .blockParticipation__description {
    float: none;
    width: 94%;
    margin: 38px auto 0 auto;
  }
}
.pageProduit .blockProgram {
  padding: 50px 0 30px 0;
  position: relative;
  /* personne dans programme */
}
@media only screen and (max-device-width: 600px), (max-width: 600px) {
  .pageProduit .blockProgram {
    padding-top: 85px;
  }
}
.pageProduit .blockProgram .titleC1--size28 {
  margin: 5px 0;
}
.pageProduit .blockProgram .titleCG2--size28 {
  margin: 0;
}
.pageProduit .blockProgram .titleCG2--size24 {
  margin: 15px 0 40px 0;
}
.pageProduit .blockProgram .blockProgram__label {
  display: inline-block;
  text-align: center;
  background-color: #0f8ab8;
  color: #ffffff;
  font-size: 40px;
  padding: 8px 20px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  margin: 0;
  top: -41px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .blockProgram .blockProgram__label {
    font-size: 32px;
  }
}
.pageProduit .blockProgram .hourProgram {
  width: 83.8709677419%;
  padding: 10px 1.6129032258% 30px 1.6129032258%;
  margin: 0 auto;
  position: relative;
}
@media only screen and (max-device-width: 992px), (max-width: 992px) {
  .pageProduit .blockProgram .hourProgram {
    width: 98%;
  }
}
.pageProduit .blockProgram .hourProgram .flatTint--CG1 {
  display: inline-block;
  padding: 6px 1.9230769231%;
  margin: 15px 0 7px 0;
}
.pageProduit .blockProgram .hourProgram .beforeCentral {
  border-bottom: none;
  margin-bottom: 0;
}
.pageProduit .blockProgram .hourProgram .beforeCentral.filet {
  border-bottom: 1px solid #d1d1d1;
}
.pageProduit .blockProgram .hourProgram .beforeCentral .title {
  padding: 5px 0;
}
.pageProduit .blockProgram .hourProgram .centralLine {
  position: relative;
  border: 1px solid #d1d1d1;
  margin: 30px 0;
  padding: 0;
}
.pageProduit .blockProgram .hourProgram .centralLine span {
  position: absolute;
  background-color: #ffffff;
  padding: 0 10px;
  top: -17px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .blockProgram .hourProgram .centralLine span {
    position: static;
  }
}
.pageProduit .blockProgram .hourProgram .centralLine span.centralLine__title {
  font-size: 22px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.pageProduit .blockProgram .hourProgram .centralLine span.centralLine__title img {
  vertical-align: bottom;
  max-width: 15%;
  margin-left: 1%;
}
.pageProduit .blockProgram .hourProgram .centralLine span.centralLine__hour {
  right: -1px;
  font-size: 18px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .blockProgram .hourProgram .centralLine span.centralLine__hour {
    top: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.pageProduit .blockProgram .hourProgram .titleCG2--size22 {
  margin: 0;
}
.pageProduit .blockProgram .blockToSlide .blockToSlide__li ul.portraitGene .contributor .ulForSlide__coche {
  display: none;
}
.pageProduit .blockProgram .blockToSlide .blockToSlide__li ul.portraitGene .contributor.jqCurrentLi .ulForSlide__coche {
  display: block;
  bottom: -63px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .blockProgram .blockToSlide .blockToSlide__li ul.portraitGene .contributor.jqCurrentLi .ulForSlide__coche {
    display: none;
  }
}
.pageProduit .googleMap {
  position: relative;
}
.pageProduit .googleMap iframe {
  width: 100%;
  border: none;
}
.pageProduit .googleMap .usefulInformation {
  background: #0f8ab8; /* The Fallback */
  background: rgba(15, 138, 184, 0.8);
  position: absolute;
  top: 0;
  right: 17.5%;
  color: #ffffff;
  width: 400px;
  height: 98%;
  padding: 1%;
}
.pageProduit .googleMap .usefulInformation--titleBlock {
  font-size: 40px;
  margin-bottom: 65px;
}
.pageProduit .googleMap .usefulInformation .usefullInformation__group {
  vertical-align: bottom;
  display: inline-block;
}
.pageProduit .googleMap .usefulInformation .usefullInformation__group p {
  margin: 0;
}
.pageProduit .googleMap .usefulInformation .usefullInformation__group p.usefulInformation__transport {
  margin-top: 25px;
}
@media only screen and (max-device-width: 992px), (max-width: 992px) {
  .pageProduit .googleMap .usefulInformation {
    right: 1%;
  }
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .googleMap .usefulInformation {
    background-color: rgb(204, 51, 51);
    position: static;
    width: 100%;
    padding-bottom: 20px;
  }
}
.pageProduit .lesTarifs {
  padding-bottom: 50px;
  border-bottom: 1px solid #d1d1d1;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .lesTarifs {
    padding-bottom: 25px;
  }
}
.pageProduit .contentLesTarifs {
  width: 83.8709677419%;
  margin: 0 auto;
}
.pageProduit .contentLesTarifs .tableTarifs {
  position: relative;
}
.pageProduit .contentLesTarifs .tableTarifs .infoBulle {
  visibility: hidden;
  opacity: 0;
  z-index: 2;
  position: absolute;
}
.pageProduit .contentLesTarifs .tableTarifs:hover .infoBulle {
  right: -36px;
  top: 61px;
  background-color: #ffffff;
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 1s, visibility 1;
  transition: opacity 1s, visibility 1s;
  color: black;
  width: 400px;
}
.pageProduit .contentLesTarifs .tableTarifs:hover .infoBulle.top {
  border: 1px solid #E0E8ED;
  border-radius: 6px;
  background-color: #ffffff;
  margin-top: 9px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
  margin-bottom: 4px;
  margin-bottom: 4px;
  padding: 0 10px;
}
.pageProduit .contentLesTarifs .tableTarifs:hover .infoBulle.top:after, .pageProduit .contentLesTarifs .tableTarifs:hover .infoBulle.top:before {
  content: "";
  display: block;
  position: absolute;
}
.pageProduit .contentLesTarifs .tableTarifs:hover .infoBulle.top:after {
  top: 16px;
}
.pageProduit .contentLesTarifs .tableTarifs:hover .infoBulle.top:before {
  top: 14px;
}
.pageProduit .contentLesTarifs .tableTarifs:hover .infoBulle.top:after {
  border: 8px solid transparent;
  border-bottom: 8px solid #ffffff;
  top: -8px;
  border-top: none;
}
.pageProduit .contentLesTarifs .tableTarifs:hover .infoBulle.top:before {
  border: 10px solid transparent;
  border-bottom: 10px solid #E0E8ED;
  top: -10px;
  border-top: none;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .contentLesTarifs .tableTarifs:hover .infoBulle {
    display: none;
  }
}
@media only screen and (max-device-width: 992px), (max-width: 992px) {
  .pageProduit .contentLesTarifs {
    width: 98%;
  }
}
.pageProduit .contentLesTarifs .priceBlock {
  margin: 0 auto;
  border-collapse: collapse;
  width: 100%;
  border-bottom: 1px solid #d1d1d1;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .contentLesTarifs .priceBlock {
    display: block;
  }
  .pageProduit .contentLesTarifs .priceBlock tbody {
    width: 100%;
    display: block;
  }
}
.pageProduit .contentLesTarifs .priceBlock tr {
  border-top: 1px solid #d1d1d1;
  border-left: 1px solid #d1d1d1;
  border-right: 1px solid #d1d1d1;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .contentLesTarifs .priceBlock tr {
    display: block;
    width: 100%;
  }
}
.pageProduit .contentLesTarifs .priceBlock tr:last-child {
  border-bottom: 1px solid #d1d1d1;
}
.pageProduit .contentLesTarifs .priceBlock tr td span {
  display: block;
  color: #4d4d4d;
  font-size: 20px;
  font-family: "BrandonGrotesqueRegular";
}
.pageProduit .contentLesTarifs .priceBlock tr td span.fontBold {
  font-family: "BrandonGrotesqueBold";
}
.pageProduit .contentLesTarifs .priceBlock p {
  margin: 0;
}
.pageProduit .contentLesTarifs .priceBlock--blockPromo {
  background-color: #ffa200;
}
.pageProduit .contentLesTarifs .priceBlock .priceBlock__description {
  float: left;
  width: 69%;
  text-align: left;
  color: #0f8ab8;
  font-size: 24px;
  font-family: "BrandonGrotesqueMedium";
  padding: 15px 20px;
}
.pageProduit .contentLesTarifs .priceBlock .priceBlock__description a {
  color: #0f8ab8;
  text-decoration: none;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .contentLesTarifs .priceBlock .priceBlock__description {
    display: block;
    width: 100%;
    text-align: center;
    float: none;
  }
}
.pageProduit .contentLesTarifs .priceBlock .priceBlock__description.blockPromo {
  border-left: 5px solid #ffa200;
}
.pageProduit .contentLesTarifs .priceBlock .priceBlock__description .promo {
  text-transform: uppercase;
  color: #ffa200;
  font-size: 18px;
  margin-top: -10px;
}
.pageProduit .contentLesTarifs .priceBlock .priceBlock__detailPrice {
  text-align: right;
  font-size: 24px;
  padding: 15px 20px;
  float: left;
  width: 30%;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .contentLesTarifs .priceBlock .priceBlock__detailPrice {
    display: block;
    width: 100%;
    text-align: center;
    float: none;
  }
}
.pageProduit .contentLesTarifs .priceBlock .priceBlock__detailPrice .previewPrice {
  text-decoration: line-through;
}
.pageProduit .contentLesTarifs .priceBlock .priceBlock__detailPrice .previewPrice--ttc {
  font-size: 16px;
  display: inline-block;
  text-decoration: line-through;
}
.pageProduit .contentLesTarifs .priceBlock .priceBlock__detailPrice .actualPrice {
  font-family: "BrandonGrotesqueMedium";
}
.pageProduit .contentLesTarifs .priceBlock .priceBlock__detailPrice .actualPrice--ttc {
  font-size: 20px;
  display: inline-block;
}
.pageProduit .contentLesTarifs .priceBlock .priceBlock__blockPromo {
  background-color: #ffa200;
  width: 5px;
}
.pageProduit .contentLesTarifs .discountPrice {
  color: #ffffff;
  *zoom: 1;
  margin: 10px auto 0 auto;
  padding: 25px 1.9230769231%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  text-decoration: none;
}
.pageProduit .contentLesTarifs .discountPrice:before, .pageProduit .contentLesTarifs .discountPrice:after {
  content: "";
  display: table;
}
.pageProduit .contentLesTarifs .discountPrice:after {
  clear: both;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .contentLesTarifs .discountPrice {
    display: block;
  }
}
.pageProduit .contentLesTarifs .discountPrice .discountPrice__block {
  float: left;
  width: 50%;
  font-size: 22px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .contentLesTarifs .discountPrice .discountPrice__block {
    width: 100%;
    float: none;
  }
}
.pageProduit .contentLesTarifs .discountPrice .discountPrice__block--description {
  text-transform: uppercase;
  text-align: left;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .contentLesTarifs .discountPrice .discountPrice__block--description {
    text-align: center;
  }
}
.pageProduit .contentLesTarifs .discountPrice .discountPrice__block--percentage {
  font-family: "BrandonGrotesqueMedium";
  text-align: right;
}
.pageProduit .contentLesTarifs .discountPrice .discountPrice__block--percentage p {
  margin: 10px 0 0 0;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .contentLesTarifs .discountPrice .discountPrice__block--percentage p span {
    display: block;
  }
}
.pageProduit .contentLesTarifs .asterix {
  text-align: left;
  margin: 0;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .contentLesTarifs .asterix {
    text-align: center;
    margin: 5px 15px;
  }
}
.pageProduit .contentLesTarifs .buttonC2 {
  display: inline-block;
  margin: 20px 0 40px 0;
  padding: 10px 15px;
  text-decoration: none;
}
.pageProduit .contentLesTarifs .buttonC2 .icon-arrow-right {
  vertical-align: initial;
}
.pageProduit .partnerGold .organizationGene {
  border-bottom: 1px solid #d1d1d1;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .partnerGold .organizationGene {
    border-bottom: none;
  }
}
.pageProduit .partnerGold .organizationGene li {
  cursor: pointer;
  height: 120px;
  line-height: 100px;
  padding: 10px;
  margin-right: 40px;
}
.pageProduit .partnerGold .organizationGene li img {
  width: 140px;
  vertical-align: middle;
}
.pageProduit .partnerGold .organizationGene li.jqCurrentLi .ulForSlide__coche {
  bottom: -54px;
}
.pageProduit .letsTalk {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 60px;
  border-bottom: 1px solid #d1d1d1;
}
.pageProduit .letsTalk .blockThreeEvents li .blockThreeEvents__title {
  padding: 14px 10px;
  line-height: 30px;
  height: 116px;
}
.pageProduit .sameThemeContent .blockThreeEvents {
  width: 100%;
  margin: 0 auto;
  display: inline-block;
}
.pageProduit .sameThemeContent .blockThreeEvents li {
  width: 23.3870967742%;
  float: none;
  display: inline-block;
}
.pageProduit .sameThemeContent .blockThreeEvents li a {
  display: block;
}
.pageProduit .sameThemeContent .blockThreeEvents li a .blockThreeEvents__title {
  width: 100%;
  bottom: 42px;
  margin: 0;
  line-height: 31px;
  padding: 20px 10px;
  min-height: 118px;
}
@media (max-width: 1024px) {
  .pageProduit .sameThemeContent .blockThreeEvents li a .blockThreeEvents__title {
    height: 156px;
  }
}
.pageProduit .sameThemeContent .blockThreeEvents li a .blockThreeEvents__img {
  width: 100%;
}
.pageProduit .sameThemeContent .bx-wrapper .bx-pager {
  bottom: 15px;
}
.pageProduit .inPicturesBlock {
  *zoom: 1;
  border-bottom: 1px solid #d1d1d1;
}
.pageProduit .inPicturesBlock:before, .pageProduit .inPicturesBlock:after {
  content: "";
  display: table;
}
.pageProduit .inPicturesBlock:after {
  clear: both;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .inPicturesBlock {
    width: 96%;
  }
}
.pageProduit .inPicturesBlock .inPicturesBlock__content {
  position: relative;
  width: 61.6935483871%;
  margin: 0 auto 90px auto;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .inPicturesBlock .inPicturesBlock__content {
    margin: 0 auto;
  }
}
.pageProduit .inPicturesBlock .inPicturesBlock__content .diaporamaImageTitle {
  font-family: "BrandonGrotesqueBold";
}
.pageProduit .inPicturesBlock .inPicturesBlock__content .diaporamaVideoTitle {
  position: absolute;
  bottom: -23px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.pageProduit .inPicturesBlock .inPicturesBlock__content .bx-wrapper:nth-child(1) {
  float: left;
  width: 84.9673202614%;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .inPicturesBlock .inPicturesBlock__content .bx-wrapper:nth-child(1) {
    float: none;
  }
}
.pageProduit .inPicturesBlock .inPicturesBlock__content .bx-wrapper:nth-child(1) .bx-viewport {
  height: auto !important;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .inPicturesBlock .inPicturesBlock__content .bx-wrapper:nth-child(1) .bx-viewport {
    margin: 0 0 40px 0;
    height: 181px !important;
  }
}
.pageProduit .inPicturesBlock .inPicturesBlock__content .bx-wrapper:nth-child(1) .bx-controls {
  display: none;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .inPicturesBlock .inPicturesBlock__content .bx-wrapper:nth-child(1) .bx-controls {
    display: block;
  }
}
.pageProduit .inPicturesBlock .inPicturesBlock__content .bx-wrapper:nth-child(1) .inPicturesBlock__slider {
  margin: 0;
}
.pageProduit .inPicturesBlock .inPicturesBlock__content .bx-wrapper:nth-child(2) {
  position: relative;
  margin: 35px 0 0 20px;
  float: left;
  width: 100px !important;
  height: 405px;
}
.pageProduit .inPicturesBlock .inPicturesBlock__content .bx-wrapper:nth-child(2) .bx-viewport {
  height: 376px !important;
}
.pageProduit .inPicturesBlock .inPicturesBlock__content .bx-wrapper:nth-child(2) a {
  display: block;
}
.pageProduit .inPicturesBlock .inPicturesBlock__content .bx-wrapper:nth-child(2) .bx-controls {
  height: 865px;
  position: absolute;
  top: 0;
}
.pageProduit .inPicturesBlock .inPicturesBlock__content .bx-wrapper:nth-child(2) .bx-controls .bx-controls-direction {
  height: 425px;
}
.pageProduit .inPicturesBlock .inPicturesBlock__content .bx-wrapper:nth-child(2) .bx-controls .bx-controls-direction .bx-prev {
  position: absolute;
  top: -10px;
  left: 29px;
  background-image: url(/img/commun/sprite.png);
  width: 30px;
  height: 15px;
  background-repeat: no-repeat;
  background-position: 1px -38px;
}
.pageProduit .inPicturesBlock .inPicturesBlock__content .bx-wrapper:nth-child(2) .bx-controls .bx-controls-direction .bx-next {
  position: absolute;
  bottom: 0;
  background-image: url(/img/commun/sprite.png);
  width: 30px;
  height: 15px;
  background-repeat: no-repeat;
  background-position: 1px 1px;
}
.pageProduit .lastReview {
  margin-top: 90px;
}
.pageProduit .lastReview a {
  text-decoration: none;
  display: block;
  text-align: center;
}
.pageProduit .lastReview .blocTitrePx {
  padding-bottom: 30px 0;
  background: #0f8ab8; /* The Fallback */
  background: rgba(15, 138, 184, 0.8);
}
.pageProduit .lastReview .blocTitrePx .lastEdition {
  background-color: #000000;
  color: #ffffff;
  margin: 0;
  font-size: 40px;
  padding: 20px 20px;
  top: -121px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .lastReview {
    display: none;
  }
}
.pageProduit .downloadAll {
  text-align: right;
  margin: 0 0 5px;
  text-decoration: none;
  display: block;
}
.pageProduit .downloadAll .icon-download {
  font-size: 18px;
  font-weight: bold;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageProduit .downloadAll {
    float: none;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .pageProduit .downloadAll {
    text-align: center;
    font-size: 15px;
  }
}
.pageProduit .downloadAll:hover {
  text-decoration: underline;
}

/***** bouton sticky inscription ******/
.stickyBtn {
  position: fixed;
  bottom: 0;
  background-color: #000000;
  *zoom: 1;
  width: 100%;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.92);
  z-index: 1000;
}
.stickyBtn:before, .stickyBtn:after {
  content: "";
  display: table;
}
.stickyBtn:after {
  clear: both;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .stickyBtn {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
  }
}
.stickyBtn .stickyBtn__bouton {
  display: block;
  background-color: #ffa200;
  color: #ffffff;
  font-size: 20px;
  float: right;
  text-transform: uppercase;
  text-decoration: none;
  padding: 15px 30px 15px 15px;
  border-left: 1px solid #000000;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .stickyBtn .stickyBtn__bouton {
    height: auto;
    float: none;
  }
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .stickyBtn .stickyBtn__bouton.mobBtnLarge {
    border-top: 1px solid #000000;
    width: 100%;
    float: none;
  }
}
.stickyBtn .stickyBtn__bouton.buttonCG5 {
  margin: 0;
  padding: 16px 30px 16px 15px;
  background-color: #ffffff;
  color: #ffa200;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .stickyBtn .stickyBtn__bouton.buttonCG5 {
    padding: 16px 5px;
    font-size: 18px;
  }
}
.stickyBtn .stickyBtn__bouton .flecheDoubleIcon {
  display: inline-block;
  width: 30px;
  height: 29px;
  vertical-align: top;
}
.stickyBtn .stickyBtn__bouton .flecheDoubleIcon [class^=icon-], .stickyBtn .stickyBtn__bouton .flecheDoubleIcon [class*=" icon-"] {
  color: #ffa200;
  font-size: 33px;
  margin: 0 -13px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .stickyBtn .stickyBtn__bouton .flecheDoubleIcon {
    display: none;
  }
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .stickyBtn .stickyBtn__bouton {
    width: 50%;
    padding: 16px 5px;
    font-size: 18px;
    text-align: center;
  }
  .stickyBtn .stickyBtn__bouton .flecheDouble {
    display: none;
  }
}
.stickyBtn .separator {
  display: block;
  float: right;
  margin: 15px 0 19px 20px;
  padding: 0 20px 0 0;
  height: 28px;
  border-left: 1px #d1d1d1 solid;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .stickyBtn .separator {
    display: none;
  }
}
.stickyBtn .stickyBtn__bouton2 {
  position: relative;
  display: block;
  color: #ffffff;
  font-size: 20px;
  float: right;
  text-transform: uppercase;
  text-decoration: none;
  padding: 15px 15px 15px 30px;
}
.stickyBtn .stickyBtn__bouton2 .icon-arrow-right {
  position: absolute;
  left: -2px;
  font-size: 25px;
  top: 16px;
}
.stickyBtn .stickyBtn__bouton2 .icon-basket {
  position: absolute;
  top: 16px;
  left: -2px;
  font-size: 25px;
  top: 16px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .stickyBtn .stickyBtn__bouton2 .icon-basket {
    left: 10px;
  }
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .stickyBtn .stickyBtn__bouton2 {
    float: none;
    border: 1px solid #000000;
    text-align: center;
    font-size: 18px;
    width: 100%;
  }
}

.glossary {
  text-align: center;
}
.glossary .titleGeneric1 {
  margin: 0;
}
.glossary .listAz {
  padding: 0;
  margin: 0;
  list-style-type: none;
  margin-bottom: 80px;
}
@media (max-width: 640px) {
  .glossary .listAz {
    margin-bottom: 45px;
  }
}
.glossary .listAz li {
  display: inline-block;
  min-width: 3.5576923077%;
  position: relative;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .glossary .listAz li {
    min-width: 7%;
  }
}
@media (max-width: 480px) {
  .glossary .listAz li {
    min-width: 14%;
  }
}
.glossary .listAz li a {
  text-transform: uppercase;
  color: #4d4d4d;
  text-decoration: none;
  display: inline-block;
  padding: 0 1.5384615385% 0 0.9615384615%;
  font-size: 22px;
}
.glossary .listAz li a.unavailable {
  color: #d1d1d1;
}
.glossary .listAz li a.active {
  color: #0f8ab8;
  font-family: "BrandonGrotesqueBold";
}
.glossary .listAz li a span {
  color: #d1d1d1;
  font-size: 18px;
  position: absolute;
  top: 1px;
  right: 1px;
}
.glossary .blockToSlide {
  margin-bottom: 30px;
}
.glossary .blockToSlide .blockToSlide__li ul li {
  font-size: 20px;
}
.glossary .blockToSlide .slideThis {
  font-size: 20px;
}
.glossary .portraitGene .contributor .contributor__name {
  height: 160px;
  line-height: 24px;
}

@media (max-width: 480px) {
  .sommaireFormation .imgBigGeneContenair {
    display: none;
  }
}
.sommaireFormation .blockToSlide .blockToSlide__li .slideThis {
  margin-top: 0;
  padding-top: 10px;
}
.sommaireFormation .blockToSlide .blockToSlide__li .slideThis a {
  color: #000000;
  text-decoration: none;
  display: block;
  padding: 25px 0;
  border-top: 1px solid #d1d1d1;
}
.sommaireFormation .blockToSlide .blockToSlide__li .slideThis a:hover {
  color: #0f8ab8;
}
.sommaireFormation .blockToSlide .blockToSlide__li .slideThis a:first-child {
  padding-top: 15px;
}
.sommaireFormation .blockToSlide .blockToSlide__li .slideThis a:last-child {
  padding-bottom: 0;
}
.sommaireFormation .blockToSlide:last-child {
  margin-bottom: 60px;
}

.page404 .btnReturn {
  text-align: center;
  display: block;
}
.page404 .btnReturn .buttonC2 {
  font-size: 20px;
  text-decoration: none;
  padding: 15px;
  margin: 50px 0 80px 0;
  display: inline-block;
}
@media (max-width: 550px) {
  .page404 .btnReturn .buttonC2 {
    margin: 0 0 20px 0;
  }
}

.pageFaq {
  font-size: 20px;
}
.pageFaq .blockToSlide__li .slideThis {
  font-size: 20px;
}
.pageFaq .blockToSlide__li .slideThis li {
  margin-bottom: 20px;
}
.pageFaq .blockToSlide__li .slideThis .sepaSecteur {
  display: block;
  margin: 20px 0 15px 20px;
  font-family: "BrandonGrotesqueBold";
}
.pageFaq .blockToSlide__li .slideThis .puce {
  margin: 5px 10px 0 0;
  background-image: url(/img/commun/sprite.png);
  width: 8px;
  height: 17px;
  background-repeat: no-repeat;
  background-position: 1px -266px;
  display: inline-block;
}
.pageFaq .blockToSlide__li .slideThis .puce.floatPuce {
  float: left;
}
.pageFaq .blockToSlide__li .slideThis .ulPuce {
  float: left;
}
.pageFaq .blockToSlide__li .slideThis .ulPuce li {
  margin-bottom: 10px;
}
@media (max-width: 550px) {
  .pageFaq .blockToSlide__li .slideThis .ulPuce {
    width: 90%;
  }
}

.pageStatiq, .pageLegalNotice, .pageFaq, .pageCgv {
  font-size: 20px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageStatiq, .pageLegalNotice, .pageFaq, .pageCgv {
    width: 96%;
    margin: 0 auto;
  }
}
.pageStatiq .mainContent, .pageLegalNotice .mainContent, .pageFaq .mainContent, .pageCgv .mainContent {
  padding-bottom: 30px;
}
.pageStatiq .mainContent.customerService__content, .pageLegalNotice .mainContent.customerService__content, .pageFaq .mainContent.customerService__content, .pageCgv .mainContent.customerService__content {
  padding-bottom: 15px;
}
.pageStatiq .icon-squared, .pageLegalNotice .icon-squared, .pageFaq .icon-squared, .pageCgv .icon-squared {
  color: #0f8ab8;
}

.pageCgv {
  font-size: 20px;
}
.pageCgv .linkStatiq {
  color: #000000;
}
.pageCgv .icon-arrow-right-thin {
  color: #0f8ab8;
  font-size: 30px;
  vertical-align: middle;
}
.pageCgv h3 {
  font-weight: bold;
}

.titleStatiq2 {
  font-size: 22px;
  font-weight: bold;
}

.titleStatiq3 {
  font-size: 19px;
  font-weight: bold;
}

.ulStatiq {
  list-style-type: none;
  padding: 0;
}
.ulStatiq--square {
  list-style-type: square;
  color: #000000;
}
.ulStatiq li {
  margin-bottom: 10px;
}
.ulStatiq li .puce {
  margin-right: 5px;
  display: inline-block;
  background-image: url(/img/commun/sprite.png);
  width: 8px;
  height: 8px;
  background-repeat: no-repeat;
  background-position: 1px -272px;
}

/* mentions legales */
.pageLegalNotice ul {
  list-style-type: none;
  padding: 0;
}
.pageLegalNotice ul li a {
  color: #4d4d4d;
}

.page404 {
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  color: #000000;
}
.page404__title {
  font-weight: normal !important;
  font-size: 22px;
  margin: 100px 0;
}
.page404__logo {
  display: table;
  margin: 0 auto;
}
.page404__logo a {
  display: table-cell;
  vertical-align: center;
  padding: 0 10px;
}

.pageTunnel .customerService {
  margin-top: 60px;
}

@media only screen and (min-device-width: 769px), only screen and (min-width: 769px) {
  .backLink {
    display: none;
  }
}
@media only screen and (max-device-width: 768px), only screen and (max-width: 768px) {
  .backLink {
    color: #000000;
    font-size: 25px;
    margin-right: 15px;
    text-decoration: none;
    vertical-align: middle;
  }
}

.cartContent {
  *zoom: 1;
  width: 100%;
  max-width: 1017px;
  margin: 0 auto;
  padding: 0 10px;
}
.cartContent:before, .cartContent:after {
  content: "";
  display: table;
}
.cartContent:after {
  clear: both;
}

.progressBar__content {
  margin: 25px 5.7171514544% 40px;
  font-size: 0;
}
.progressBar__step {
  display: inline-block;
  position: relative;
}
.progressBar__step:first-child {
  width: 43px;
}
.progressBar__step:not(:first-child) {
  width: -moz-calc((100% - 43px)/3);
  width: -webkit-calc((100% - 43px)/3);
  width: calc((100% - 43px)/3);
  text-align: right;
}
.progressBar__step::before {
  content: "";
  background-color: #c4c4c4;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  height: 2px;
  width: 100%;
}
.progressBar__step span {
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-color: #ffffff;
  border: solid 2px #c4c4c4;
  color: #c4c4c4;
  display: inline-block;
  font-family: "BrandonGrotesqueBold";
  font-size: 20px;
  line-height: 29px;
  text-align: center;
  padding: 5px 0;
  position: relative;
  width: 43px;
}
.progressBar__step.is-current::before, .progressBar__step.is-completed::before {
  background-color: #ffa200;
}
.progressBar__step.is-current span {
  border-color: #ffa200;
  color: #ffa200;
}
.progressBar__step.is-completed span {
  border-color: #ffa200;
  color: #ffffff;
  background-color: #ffa200;
}

.quotation .progressBar__content .progressBar__step:not(:first-child) {
  width: -moz-calc((100% - 43px)/2);
  width: -webkit-calc((100% - 43px)/2);
  width: calc((100% - 43px)/2);
}

@media only screen and (min-device-width: 769px), only screen and (min-width: 769px) {
  .mainForm {
    width: -moz-calc(100% - (392px + 27px));
    width: -webkit-calc(100% - (392px + 27px));
    width: calc(100% - (392px + 27px));
    float: left;
  }
}
@media only screen and (max-device-width: 768px), only screen and (max-width: 768px) {
  .mainForm {
    padding-bottom: 20px;
  }
}
.mainForm__title {
  font-size: 20px;
  line-height: 29px;
  font-family: "BrandonGrotesqueBold";
  color: #000000;
  margin: 0 0 30px;
  text-transform: uppercase;
}
.mainForm__header {
  *zoom: 1;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #f3f3f3;
  padding: 10px 10px 10px 20px;
  margin-bottom: 10px;
}
.mainForm__header:before, .mainForm__header:after {
  content: "";
  display: table;
}
.mainForm__header:after {
  clear: both;
}
.mainForm__header .header__text {
  color: #000000;
  float: left;
  font-size: 20px;
  line-height: 29px;
  width: 100%;
}
.mainForm__header .header__text.withBtn {
  width: 72.9927007299%;
}
.mainForm__header .header__text .overflow-ellipsis {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.mainForm__header [class*=button] {
  float: right;
}
.mainForm__participantType {
  color: #000000;
  font-size: 20px;
  line-height: 29px;
}
.mainForm__block {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: solid 1px #d1d1d1;
}
.mainForm__block .contentGrid .errorMessage {
  bottom: -14px;
  left: 0;
}
.mainForm__subtitle {
  font-size: 20px;
  line-height: 29px;
  font-family: "BrandonGrotesqueBold";
  color: #000000;
  margin: 0;
  position: relative;
}
.mainForm__text {
  color: #979797;
  font-size: 15px;
  line-height: 21px;
  margin-top: 20px;
}
.mainForm__text.is-icon {
  position: relative;
  padding-left: 30px;
}
.mainForm__text.is-icon .contentIcon {
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  border: solid 2px #ffa200;
  color: #ffa200;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  position: absolute;
  top: 2px;
  left: 0;
  width: 20px;
  height: 20px;
}
.mainForm__text.is-icon .is-number {
  color: #ffa200;
  font-family: "BrandonGrotesqueBold";
  font-size: 16px;
}
.mainForm__footer {
  *zoom: 1;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  border: solid 1px #d1d1d1;
  border-top: none;
  padding: 11px 11px 11px 30px;
}
.mainForm__footer:before, .mainForm__footer:after {
  content: "";
  display: table;
}
.mainForm__footer:after {
  clear: both;
}
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
  .mainForm__footer {
    padding: 11px 20px;
  }
}
.mainForm__footer .errorFooter {
  width: -moz-calc(100% - 205px);
  width: -webkit-calc(100% - 205px);
  width: calc(100% - 205px);
  float: left;
  color: #C53730;
  font-size: 15px;
}
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
  .mainForm__footer .errorFooter {
    float: none;
    margin-bottom: 20px;
    width: 100%;
  }
}
.mainForm__footer .errorFooter.is-verticalAlign {
  width: -moz-calc(100% - 240px);
  width: -webkit-calc(100% - 240px);
  width: calc(100% - 240px);
  height: 41px;
}
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
  .mainForm__footer .errorFooter.is-verticalAlign {
    width: 100%;
    height: 20px;
  }
}
.mainForm__footer .errorFooter.is-verticalAlign .errorFooter__title {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.mainForm__footer .errorFooter__title {
  font-family: "BrandonGrotesqueBold";
  position: relative;
}
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
  .mainForm__footer .errorFooter__title {
    padding-left: 20px;
  }
}
.mainForm__footer .errorFooter__title::before {
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  content: "!";
  background-color: #C53730;
  color: #ffffff;
  font-size: 10px;
  padding: 0 6px;
  position: absolute;
  left: -20px;
  top: 3px;
}
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
  .mainForm__footer .errorFooter__title::before {
    left: 0;
  }
}
.mainForm__footer .errorFooter__name .overflow-ellipsis {
  display: inline-block;
  vertical-align: middle;
  width: 265px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.mainForm__footer .errorFooter__name .overflow-ellipsis a {
  color: #C53730;
}
.mainForm__footer .errorFooter__name .ellipsis-span {
  vertical-align: middle;
}
.mainForm__footer button {
  float: right;
}
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
  .mainForm__footer button {
    float: none;
    width: 100%;
  }
}

.formItem {
  padding: 20px;
}
.formItem.is-borderTop {
  border-top: solid 1px #d1d1d1;
}
.formItem__header {
  *zoom: 1;
}
.formItem__header:before, .formItem__header:after {
  content: "";
  display: table;
}
.formItem__header:after {
  clear: both;
}
.formItem__title {
  width: 66%;
  float: left;
}
.formItem__name {
  font-size: 20px;
  line-height: 29px;
  font-family: "BrandonGrotesqueBold";
  color: #000000;
  margin: 0;
}
.formItem__service {
  font-size: 20px;
  line-height: 29px;
  color: #979797;
}
.formItem__buttons {
  float: left;
  text-align: right;
  width: 33%;
}
.formItem__buttons .button {
  font-size: 20px;
  line-height: 29px;
  color: #979797;
  margin-left: 15px;
}
.formItem__buttons .button:hover {
  color: #ffa200;
}
.formItem__placeDate {
  font-size: 20px;
  line-height: 29px;
  color: #979797;
}
.formItem__label {
  font-size: 20px;
  line-height: 29px;
}
.formItem__text {
  color: #000000;
  font-size: 20px;
  line-height: 29px;
}
.formItem__text.colorC2 {
  color: #ffa200;
}
.formItem__modify {
  color: #ffa200;
  font-size: 15px;
  line-height: 21px;
  text-align: right;
  text-transform: uppercase;
  position: absolute;
  top: 5px;
  right: 0;
}
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
  .formItem__modify {
    top: -15px;
  }
}
.formItem__modify:hover {
  text-decoration: underline;
}

.tooltipAlert {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #4d4d4d;
  color: #ffffff;
  font-size: 15px;
  line-height: 100%;
  padding: 10px 6px;
  width: 150px;
  position: absolute;
  top: 0;
  right: -160px;
}
@media only screen and (max-device-width: 768px), only screen and (max-width: 768px) {
  .tooltipAlert {
    display: none;
  }
}
.tooltipAlert::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px 8px 0;
  display: block;
  border-color: transparent #4d4d4d transparent transparent;
  position: absolute;
  top: 16px;
  left: -8px;
}

.stickyCart {
  scrollbar-base-color: #ffa200;
  scrollbar-3dlight-color: #ffa200;
  scrollbar-highlight-color: #0f8ab8;
  scrollbar-track-color: #d1d1d1;
  scrollbar-arrow-color: #ffa200;
  scrollbar-shadow-color: #ffa200;
  scrollbar-dark-shadow-color: #ffa200;
  background-color: #ffffff;
  width: 100%;
}
.stickyCart ::-webkit-scrollbar {
  width: 10px;
  height: 1em;
  background: #d1d1d1;
}
.stickyCart ::-webkit-scrollbar-thumb {
  background: #ffa200;
  box-shadow: none;
}
.stickyCart ::-webkit-scrollbar-thumb:hover {
  background: #0f8ab8;
}
.stickyCart ::-webkit-scrollbar-track {
  background: #d1d1d1;
}
@media only screen and (min-device-width: 769px), only screen and (min-width: 769px) {
  .stickyCart {
    float: right;
    max-width: 392px;
  }
}
@media only screen and (max-device-width: 768px), only screen and (max-width: 768px) {
  .stickyCart {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
    height: 100vh;
  }
}
@media only screen and (min-device-width: 769px), only screen and (min-width: 769px) {
  .stickyCart__header {
    *zoom: 1;
    margin-bottom: 30px;
  }
  .stickyCart__header:before, .stickyCart__header:after {
    content: "";
    display: table;
  }
  .stickyCart__header:after {
    clear: both;
  }
}
@media only screen and (max-device-width: 768px), only screen and (max-width: 768px) {
  .stickyCart__header {
    padding: 15px 10px;
  }
}
.stickyCart__header .stickyTitle {
  font-size: 20px;
  font-family: "BrandonGrotesqueBold";
  color: #000000;
  text-transform: uppercase;
}
@media only screen and (min-device-width: 769px), only screen and (min-width: 769px) {
  .stickyCart__header .stickyTitle {
    float: left;
    width: 50%;
  }
}
.stickyCart__header .productNumber {
  float: left;
  width: 50%;
  font-size: 15px;
  color: #979797;
  text-transform: uppercase;
  text-align: right;
}
@media only screen and (max-device-width: 768px), only screen and (max-width: 768px) {
  .stickyCart__header .productNumber {
    display: none;
  }
}
.stickyCart__body {
  overflow-y: auto;
}
@media only screen and (min-device-width: 769px), only screen and (min-width: 769px) {
  .stickyCart__body {
    max-height: -moz-calc(100vh - ( 355px ));
    max-height: -webkit-calc(100vh - ( 355px ));
    max-height: calc(100vh - ( 355px ));
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    border: solid 1px #d1d1d1;
  }
}
@media only screen and (max-device-width: 768px), only screen and (max-width: 768px) {
  .stickyCart__body {
    height: -moz-calc(100vh - ( 195px ));
    height: -webkit-calc(100vh - ( 195px ));
    height: calc(100vh - ( 195px ));
    border-top: solid 1px #d1d1d1;
    border-bottom: solid 1px #d1d1d1;
  }
}
@media only screen and (max-device-width: 768px) and (orientation: portrait), only screen and (max-width: 768px) and (orientation: portrait) {
  .stickyCart__body {
    height: -moz-calc(100vh - ( 259px ));
    height: -webkit-calc(100vh - ( 259px ));
    height: calc(100vh - ( 259px ));
  }
}
.stickyCart__footer {
  background-color: #f3f3f3;
  border-left: solid 1px #d1d1d1;
  border-right: solid 1px #d1d1d1;
  padding: 10px 12px;
}
.stickyCart__footer > div {
  *zoom: 1;
}
.stickyCart__footer > div:before, .stickyCart__footer > div:after {
  content: "";
  display: table;
}
.stickyCart__footer > div:after {
  clear: both;
}
@media only screen and (min-device-width: 769px), only screen and (min-width: 769px) {
  .stickyCart__footer {
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    border-bottom: solid 1px #d1d1d1;
  }
}
@media only screen and (max-device-width: 768px) and (orientation: portrait), only screen and (max-width: 768px) and (orientation: portrait) {
  .stickyCart__footer {
    padding-bottom: 75px;
  }
}
.stickyCart__footer .total__ht {
  color: #000000;
  width: 50%;
  float: left;
  font-size: 20px;
  line-height: 29px;
}
.stickyCart__footer .total__ttc {
  color: #979797;
  font-family: "BrandonGrotesqueBold";
  font-size: 20px;
  line-height: 29px;
  width: 50%;
  float: left;
  text-align: right;
}
.stickyCart__footer .total__price {
  font-family: "BrandonGrotesqueBold";
}
@media only screen and (min-device-width: 769px), only screen and (min-width: 769px) {
  .stickyCart__footer [class*=button] {
    display: none;
  }
}
@media only screen and (max-device-width: 768px), only screen and (max-width: 768px) {
  .stickyCart__footer [class*=button] {
    display: block;
    margin: 15px auto 0;
    max-width: 380px;
    width: 100%;
  }
}

.productContent {
  padding: 15px 10px;
  position: relative;
}
.productContent:not(:first-child) {
  border-top: solid 1px #d1d1d1;
}
.productContent__item {
  display: block;
  color: #000000;
  font-size: 20px;
  line-height: 29px;
  padding-right: 45px;
  text-decoration: none;
}
.productContent__title {
  color: #ffa200;
  font-family: "BrandonGrotesqueBold";
}
.productContent__title:hover {
  color: #0f8ab8;
}
.productContent__description {
  color: #000000;
}
.productContent__description:hover {
  text-decoration: underline;
}
.productContent__delete {
  color: #979797;
  font-size: 20px;
  position: absolute;
  top: 15px;
  right: 10px;
  text-decoration: none;
}
.productContent__delete:hover {
  color: #ffa200;
}

.productItem__list {
  margin: 15px 0 0 0;
  padding: 0;
  list-style: none;
  font-size: 15px;
  line-height: 21px;
}
.productItem__session:not(:first-child) {
  margin-top: 10px;
}
.productItem__date, .productItem__number, .productItem__ht, .productItem__ttc {
  display: inline-block;
  width: 49%;
}
.productItem__date {
  font-family: "BrandonGrotesqueBold";
  color: #979797;
}
.productItem__number {
  text-align: right;
  color: #979797;
}
.productItem__ht {
  color: #000000;
}
.productItem__ttc {
  text-align: right;
  color: #979797;
}

.confirmPage,
.emptyCartPage {
  text-align: center;
}
.confirmPage__content,
.emptyCartPage__content {
  max-width: 560px;
  margin: 120px auto 0;
}
.confirmPage .contentIcon,
.emptyCartPage .contentIcon {
  display: inline-block;
  position: relative;
}
.confirmPage .contentIcon [class*=icon-]:first-child,
.emptyCartPage .contentIcon [class*=icon-]:first-child {
  color: #ffa200;
  font-size: 85px;
}
.confirmPage .contentIcon [class*=icon-]:last-child,
.emptyCartPage .contentIcon [class*=icon-]:last-child {
  color: rgba(255, 162, 0, 0.6);
  font-size: 60px;
  position: absolute;
  right: -3px;
  top: 1px;
}
.confirmPage .textType--1,
.emptyCartPage .textType--1 {
  color: #000000;
  font-size: 30px;
  line-height: 43px;
  margin-top: 18px;
}
.confirmPage .textType--2,
.emptyCartPage .textType--2 {
  color: #000000;
  font-size: 20px;
  line-height: 29px;
  margin-top: 10px;
}
.confirmPage .textType--3,
.emptyCartPage .textType--3 {
  color: #000000;
  font-size: 15px;
  line-height: 21px;
  margin-top: 16px;
}
.confirmPage .buttonContent,
.emptyCartPage .buttonContent {
  margin-top: 45px;
}

.confirmPage .textType--2 a {
  color: #000000;
}
.confirmPage .textType--2 a:hover {
  text-decoration: none;
}

.emptyCartPage .textType--2 {
  margin-top: 55px;
}
.emptyCartPage .textType--2 a {
  color: #000000;
  cursor: pointer;
  text-decoration: underline;
}
.emptyCartPage .buttonContent {
  margin-top: 115px;
}

.connectForm {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: solid 1px #d1d1d1;
  margin: 75px auto;
  max-width: 600px;
  width: 100%;
}
.connectForm .insert__checkbox {
  float: right;
  text-align: right;
  width: 50%;
}
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
  .connectForm .insert__checkbox {
    float: none;
    text-align: left;
    width: 100%;
  }
}
.connectForm__title {
  font-family: "BrandonGrotesqueBold";
  font-size: 20px;
  line-height: 29px;
  text-transform: uppercase;
  color: #000000;
  padding: 10px 15px;
  margin: 0;
}
.connectForm__block {
  border-top: solid 1px #d1d1d1;
}
.connectForm__text {
  font-size: 20px;
  line-height: 29px;
  margin-bottom: 10px;
}
.connectForm__errorMessage {
  float: left;
  color: #C53730;
  font-family: "BrandonGrotesqueMedium";
  font-size: 15px;
  line-height: 21px;
  padding-left: 25px;
  position: relative;
  width: 50%;
}
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
  .connectForm__errorMessage {
    float: none;
    width: 100%;
  }
}
.connectForm__errorMessage::before {
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  color: #ffffff;
  content: "\e90e";
  background-color: #C53730;
  font-size: 16px;
  font-weight: bold;
  padding: 1px;
  position: absolute;
  left: 0;
  top: 2px;
}
.connectForm__question {
  font-size: 20px;
  line-height: 29px;
  padding-left: 30px;
  position: relative;
}
.connectForm__question a {
  color: #4d4d4d;
  text-decoration: none;
}
.connectForm__question a:hover {
  text-decoration: underline;
}
.connectForm__question::before {
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e927";
  background-color: #ffffff;
  border: solid 2px #4d4d4d;
  color: #4d4d4d;
  font-size: 13px;
  font-weight: bold;
  padding: 1px 2px;
  position: absolute;
  left: 0;
  top: 6px;
}
.connectForm__footer {
  *zoom: 1;
  background-color: #f3f3f3;
  padding: 10px 10px 10px 20px;
}
.connectForm__footer:before, .connectForm__footer:after {
  content: "";
  display: table;
}
.connectForm__footer:after {
  clear: both;
}
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
  .connectForm__footer {
    padding: 10px;
  }
}
.connectForm__footer .footer__link {
  width: -moz-calc(100% - 200px);
  width: -webkit-calc(100% - 200px);
  width: calc(100% - 200px);
  font-size: 20px;
  line-height: 29px;
  float: left;
}
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
  .connectForm__footer .footer__link {
    float: none;
    margin-bottom: 20px;
    width: 100%;
  }
}
.connectForm__footer .footer__link a {
  color: #4d4d4d;
}
.connectForm__footer .footer__link a:hover {
  text-decoration: none;
}
.connectForm__footer .buttonPrimary {
  float: right;
}
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
  .connectForm__footer .buttonPrimary {
    float: none;
    width: 100%;
  }
}

.pageListe .imgBigGeneContenair .imgBigGeneContent .saveDate {
  left: 124px;
}
.pageListe .headingList {
  width: 76.6129032258%;
  margin: 0 auto;
  text-align: center;
  font-size: 20px;
}
.pageListe .headingList .tagList {
  padding: 0;
  margin: 0;
  list-style-type: none;
  margin: 0 auto 40px 0;
}
.pageListe .headingList .tagList li {
  display: inline-block;
  font-family: "BrandonGrotesqueMedium";
}
.pageListe .headingList .tagList li a {
  color: #ffa200;
  text-decoration: none;
}
@media (max-width: 1024px) {
  .pageListe .mainContent {
    width: 98%;
  }
}
@media (max-width: 768px) {
  .pageListe .mainContent {
    width: 96%;
  }
}
.pageListe .resultNumber {
  float: left;
  font-size: 20px;
}
.pageListe .byDate {
  float: right;
  text-transform: uppercase;
  color: #ffa200;
  font-size: 14px;
}
.pageListe .byDate span {
  font-size: 40px;
  font-weight: bold;
  vertical-align: middle;
  padding: 25px 0;
}
.pageListe .askFor {
  text-align: center;
  padding: 25px 0;
}
.pageListe .askFor a {
  margin: 0;
  text-decoration: none;
  color: #ffffff;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pageListe .askFor a {
    font-size: 22px;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .pageListe .askFor .icon-book {
    line-height: 40px;
  }
}
.pageListe .askFor span {
  vertical-align: middle;
  font-size: 80px;
  margin-right: 15px;
}
.pageListe .blockList.first {
  border-top: none;
}
.pageListe .filtre {
  border-bottom: solid 1px #d1d1d1;
}
.pageListe .filtre p {
  margin-bottom: 0;
}

.sommaireFormation .titleDeployAll {
  cursor: pointer;
}
.sommaireFormation .titleDeployAll:hover {
  text-decoration: none;
}

.pagesFormulaires {
  min-height: 600px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesFormulaires {
    min-height: auto;
  }
}
.pagesFormulaires.signIn {
  border-bottom: 1px solid #d1d1d1;
}
.pagesFormulaires.signIn .product__form {
  padding-top: 20px;
}
.pagesFormulaires.signIn .twoColumns__col1 .accountYet {
  width: 45.1612903226%;
  margin: 0 auto;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesFormulaires.signIn .twoColumns__col1 .accountYet {
    width: 93%;
    margin: 0 auto 20px auto;
  }
}
.pagesFormulaires.signIn .twoColumns__col1 .accountYet .input.input--hoshi {
  width: 100%;
}
.pagesFormulaires.signIn .twoColumns__col1 .accountYet .blockLogin__rememberMe {
  margin: 7px 0 0 0;
}
.pagesFormulaires.signIn .twoColumns__col1 .accountYet .lostPassword__form {
  width: 100%;
}
.pagesFormulaires .titleCG2--size20 {
  margin-bottom: 60px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesFormulaires .titleCG2--size20 {
    padding: 0 4%;
    margin-bottom: 30px;
  }
}
.pagesFormulaires .demandeEnCompte {
  margin: 100px auto;
  font-size: 22px;
  text-align: center;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesFormulaires .demandeEnCompte {
    margin: 50px auto;
  }
}
.pagesFormulaires .contentForm .contenuForm {
  background-color: #ffffff;
  width: 87.0967741935%;
  margin: 0 auto;
  padding: 38px 1.6129032258% 0 1.6129032258%;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesFormulaires .contentForm .contenuForm {
    width: 90%;
  }
}
.pagesFormulaires .contentForm .contenuForm .listRadio li {
  border-top: 1px solid #d1d1d1;
  padding: 10px 0;
}
.pagesFormulaires .contentForm .contenuForm .listRadio li:last-child {
  border-bottom: 1px solid #d1d1d1;
}
.pagesFormulaires .contentForm .contenuForm .listRadio li .labelRadio {
  font-family: "BrandonGrotesqueMedium";
  padding-top: 7px;
  height: auto;
  margin: 0;
}
.pagesFormulaires .contentForm .contenuForm .listRadio li .labelRadio__pin {
  background-color: #e6e6e6;
  color: #4d4d4d;
  display: inline-block;
  font-family: "BrandonGrotesqueBold";
  font-size: 14px;
  margin-right: 5px;
  padding: 5px;
  text-transform: uppercase;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .pagesFormulaires .contentForm .contenuForm .listRadio li .labelRadio__name {
    display: block;
  }
}
.pagesFormulaires .contentForm .contenuForm .titleDate {
  color: #0f8ab8;
  font-family: "BrandonGrotesqueBold";
  font-size: 22px;
  text-align: center;
  text-transform: uppercase;
}
.pagesFormulaires .contentForm .contenuForm .hour {
  color: #4d4d4d;
  text-align: right;
  font-family: "BrandonGrotesqueRegular";
  font-size: 18px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesFormulaires .contentForm .contenuForm .hour {
    float: none;
    text-align: center;
  }
}
.pagesFormulaires .contentForm .flatTint--CG5 {
  margin-top: 40px;
}
.pagesFormulaires .contentForm .contact__form {
  width: 83.8709677419%;
}
.pagesFormulaires .contentForm .contact__form .contact__name,
.pagesFormulaires .contentForm .contact__form .contact__firstname {
  width: 31.7045454545%;
  margin-left: 22px;
}
@media only screen and (max-device-width: 992px), (max-width: 992px) {
  .pagesFormulaires .contentForm .contact__form .contact__name,
  .pagesFormulaires .contentForm .contact__form .contact__firstname {
    width: 100%;
    margin-left: 0;
  }
}
.pagesFormulaires .contentForm .contact__form .contact__civility {
  margin-left: 0;
  width: 31.5909090909%;
}
.pagesFormulaires .contentForm .contact__form .contact__civility select {
  height: 50px;
  margin: 20px 0 0 0;
}
@media only screen and (max-device-width: 992px), (max-width: 992px) {
  .pagesFormulaires .contentForm .contact__form .contact__civility {
    width: 100%;
    margin-left: 0;
  }
}
.pagesFormulaires .contentForm .contact__form .contact__job,
.pagesFormulaires .contentForm .contact__form .contact__email {
  width: 48.6363636364%;
  margin-left: 15px;
}
@media only screen and (max-device-width: 992px), (max-width: 992px) {
  .pagesFormulaires .contentForm .contact__form .contact__job,
  .pagesFormulaires .contentForm .contact__form .contact__email {
    width: 100%;
    margin-left: 0;
  }
}
.pagesFormulaires .contentForm .contact__form .contact__job.first,
.pagesFormulaires .contentForm .contact__form .contact__email.first {
  margin-left: 0;
}
.pagesFormulaires .contentForm .contact__form .contact__phone {
  margin-left: 0;
  width: 48.6363636364%;
}
@media only screen and (max-device-width: 992px), (max-width: 992px) {
  .pagesFormulaires .contentForm .contact__form .contact__phone {
    width: 100%;
    margin: 0;
  }
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesFormulaires .contentForm .contact__form .contact__phone {
    width: 100%;
    margin-left: 0;
  }
}
.pagesFormulaires .contentForm .form__submit {
  width: 83.8709677419%;
  margin: 40px auto 60px;
}
.pagesFormulaires .contentForm .form__submit .buttonC2 {
  padding: 15px 0;
}
@media only screen and (max-device-width: 992px), (max-width: 992px) {
  .pagesFormulaires .contentForm .form__submit .buttonC2 {
    padding: 10px 0;
  }
}
.pagesFormulaires .contentForm .titleStep .linkC2 {
  padding: 20px 0 20px 20px;
}
.pagesFormulaires .contentForm .titleStep .linkC2__arrow {
  top: 15px;
  left: -5px;
}
.pagesFormulaires.formulaireChoixAtelier .contentForm {
  background-color: #e6e6e6;
  padding: 40px 0 0 0;
}
.pagesFormulaires.formulaireChoixAtelier .contentForm .contact__company {
  width: 48.9772727273%;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesFormulaires.formulaireChoixAtelier .contentForm .contact__company {
    width: 100%;
  }
}
.pagesFormulaires.formulaireChoixAtelier .contentForm .contact__function {
  width: 48.9772727273%;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesFormulaires.formulaireChoixAtelier .contentForm .contact__function {
    width: 100%;
  }
}
.pagesFormulaires.formulaireChoixAtelier .contentForm .contact__function.service {
  margin-left: 1.1363636364%;
}
.pagesFormulaires.formulaireChoixAtelier .contentForm .contact__function.last {
  margin-left: 1.1363636364%;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesFormulaires.formulaireChoixAtelier .contentForm .contact__function.last {
    margin-left: 0;
  }
}
.pagesFormulaires .ulBenef li span {
  margin-right: 10px;
  background-image: url(/img/commun/sprite.png);
  width: 8px;
  height: 8px;
  background-repeat: no-repeat;
  background-position: 0 -261px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesFormulaires.formulaireContact .titleCG2--size20 {
    display: none;
  }
}
.pagesFormulaires.formulaireContact .ulStatiq {
  font-size: 20px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesFormulaires.formulaireContact .ulStatiq {
    width: 96%;
    margin: 0 auto;
  }
}
.pagesFormulaires.formulaireContact .ulStatiq li:first-child {
  color: #0f8ab8;
  font-size: 22px;
  font-family: "BrandonGrotesqueMedium";
  padding-left: 0;
}
.pagesFormulaires.formulaireContact .ulStatiq li [class^=icon-], .pagesFormulaires.formulaireContact .ulStatiq li [class*=" icon-"] {
  margin-right: 8px;
  color: #0f8ab8;
}
.pagesFormulaires.formulaireContact .contentForm {
  margin-top: 40px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesFormulaires.formulaireContact .contentForm {
    margin-top: 0;
  }
}
.pagesFormulaires.formulaireContact .contact__form .contact__function, .pagesFormulaires.formulaireContact .contact__form .contact__city, .pagesFormulaires.formulaireContact .contact__form .contact__country {
  width: 48.9772727273%;
}
@media only screen and (max-device-width: 992px), (max-width: 992px) {
  .pagesFormulaires.formulaireContact .contact__form .contact__function, .pagesFormulaires.formulaireContact .contact__form .contact__city, .pagesFormulaires.formulaireContact .contact__form .contact__country {
    width: 100%;
    margin: 0;
  }
}
.pagesFormulaires.formulaireContact .contact__form .contact__function.service, .pagesFormulaires.formulaireContact .contact__form .contact__city.service, .pagesFormulaires.formulaireContact .contact__form .contact__country.service {
  margin-left: 1.1363636364%;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesFormulaires.formulaireContact .contact__form .contact__function.service, .pagesFormulaires.formulaireContact .contact__form .contact__city.service, .pagesFormulaires.formulaireContact .contact__form .contact__country.service {
    margin-left: 0;
  }
}
.pagesFormulaires.formulaireContact .contact__form select {
  color: #4d4d4d;
}
.pagesFormulaires.formulaireContact .contact__form .contact__message {
  width: 98.8636363636%;
  height: 230px;
  font-size: 20px;
  padding: 10px 0.5681818182%;
  border: 1px solid #d1d1d1;
  margin: 22px 0 0 0;
}
.pagesFormulaires.formulaireContact .contact__form .contact__company,
.pagesFormulaires.formulaireContact .contact__form .contact__referency,
.pagesFormulaires.formulaireContact .contact__form .contact__subject,
.pagesFormulaires.formulaireContact .contact__form .contact__invitation,
.pagesFormulaires.formulaireContact .contact__form .company__address {
  width: 99.4318181818%;
  position: relative;
}
.pagesFormulaires.formulaireContact .contact__form .contact__company .icon-check,
.pagesFormulaires.formulaireContact .contact__form .contact__referency .icon-check,
.pagesFormulaires.formulaireContact .contact__form .contact__subject .icon-check,
.pagesFormulaires.formulaireContact .contact__form .contact__invitation .icon-check,
.pagesFormulaires.formulaireContact .contact__form .company__address .icon-check {
  color: #5cbb46;
  font-size: 30px;
  position: absolute;
  right: 15px;
  top: 21px;
}
.pagesFormulaires.formulaireContact .contact__form .contact__cedex,
.pagesFormulaires.formulaireContact .contact__form .contact__zipcode,
.pagesFormulaires.formulaireContact .contact__form .contact__fax {
  width: 31.8181818182%;
}
@media only screen and (max-device-width: 992px), (max-width: 992px) {
  .pagesFormulaires.formulaireContact .contact__form .contact__cedex,
  .pagesFormulaires.formulaireContact .contact__form .contact__zipcode,
  .pagesFormulaires.formulaireContact .contact__form .contact__fax {
    width: 100%;
  }
}
.pagesFormulaires.formulaireContact .contact__form .contact__cedex,
.pagesFormulaires.formulaireContact .contact__form .contact__fax {
  margin-left: 19px;
}
@media (max-width: 1024px) {
  .pagesFormulaires.formulaireContact .contact__form .contact__cedex,
  .pagesFormulaires.formulaireContact .contact__form .contact__fax {
    width: 100%;
    margin-left: 0;
  }
}
.pagesFormulaires.invit.formulaireContact .titleCG2--size20 {
  margin-bottom: 0;
}
@media only screen and (max-device-width: 992px), (max-width: 992px) {
  .pagesFormulaires.invit.formulaireContact .titleCG2--size20 {
    display: block;
  }
}
.pagesFormulaires.invit.formulaireContact .contact__city {
  width: 48.2954545455%;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesFormulaires.invit.formulaireContact .contact__city {
    width: 100%;
  }
}
.pagesFormulaires.invit.formulaireContact .inputGeneFull {
  width: 100%;
  margin: 0;
}
.pagesFormulaires.invit.formulaireContact .inputGeneFull .input--hoshi.input {
  max-width: none;
  margin: 10px 0 0 0;
  width: 100%;
}
.pagesFormulaires.invit.formulaireContact .inputGeneFull select {
  max-width: none;
  margin: 20px 0 0 0;
  width: 100%;
  padding: 5px 7px 6px 7px;
  height: 50px;
}
.pagesFormulaires.invit.formulaireContact .inputGeneHalf {
  width: 50%;
  float: left;
}
.pagesFormulaires.invit.formulaireContact .inputGeneHalf .input--hoshi.input {
  max-width: none;
  margin: 10px 0 0 0;
  width: 100%;
}
.pagesFormulaires.invit.formulaireContact .inputGeneHalf select {
  max-width: none;
  margin: 20px 0 0 0;
  width: 100%;
  padding: 5px 7px 6px 7px;
  height: 50px;
}
.pagesFormulaires.invit.formulaireContact .inputGeneHalf.right {
  float: right;
  width: 48.2954545455%;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesFormulaires.invit.formulaireContact .inputGeneHalf.right {
    width: 100%;
    float: none;
  }
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesFormulaires.invit.formulaireContact .inputGeneHalf {
    width: 100%;
    float: none;
  }
}
.pagesFormulaires.invit.formulaireContact .contact__email {
  width: 99.4318181818%;
  margin: 0;
}
.pagesFormulaires.invit.formulaireContact .titleStep {
  margin-top: 40px;
  padding-top: 10px;
  font-size: 20px;
  font-family: "BrandonGrotesqueBold";
  cursor: pointer;
  color: #4d4d4d;
}
.pagesFormulaires.invit.formulaireContact .titleStep .icon-add {
  color: #ffa200;
  font-size: 25px;
  display: inline-block;
  margin-right: 10px;
}
.pagesFormulaires.invit.formulaireContact .contact__job {
  width: 50%;
  margin-left: 0;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesFormulaires.invit.formulaireContact .contact__job {
    width: 100%;
  }
}
.pagesFormulaires.invit.formulaireContact .contact__phone {
  margin-left: 13px;
  width: 47.7272727273%;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesFormulaires.invit.formulaireContact .contact__phone {
    width: 100%;
    margin: 0;
  }
}

.formulaireRecu {
  font-size: 22px;
  text-align: center;
  margin: 200px auto;
}
.formulaireRecu .icon-check-thin {
  font-size: 100px;
  display: inline-block;
  margin-bottom: 70px;
  color: #ffa200;
}
.formulaireRecu .buttonCG1--choix {
  text-decoration: none;
  background-color: #ffa200;
  display: inline-block;
  width: 270px;
  height: 60px;
  padding: 13px 15px 10px;
  margin: 0 30px 30px;
}
@media screen and (max-width: 480px) {
  .formulaireRecu .buttonCG1--choix {
    display: block;
    margin: 0 auto 30px;
  }
}
.formulaireRecu .buttonCG1--choix .flecheDouble {
  margin: -2px 0 0 10px;
}

@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .blockLogin {
    padding-top: 20px;
  }
}
.blockLogin .blockLogin__lostPassword {
  margin: 7px 0 0 0;
  display: block;
  color: #4d4d4d;
  font-size: 16px;
  text-align: right;
  text-decoration: none;
}
.blockLogin .blockLogin__lostPassword:hover {
  text-decoration: underline;
}
.blockLogin .blockLogin__rememberMe {
  margin: 7px 0 0 141px;
  font-size: 20px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .blockLogin .blockLogin__rememberMe {
    margin: 10px 0 20px 4%;
  }
}

.lostPassword__form {
  width: 50%;
  margin: 0 auto;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .lostPassword__form {
    width: 98%;
  }
}
.lostPassword__form .check {
  display: inline-block;
}
.lostPassword__form .lostPassword__email {
  margin: 0;
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
.lostPassword__form .lostPassword__email .input--hoshi {
  width: 100%;
  margin: 0;
  z-index: 1;
}
.lostPassword__form .lostPassword__email .input--hoshi .input__label {
  font-family: "BrandonGrotesqueRegular";
}
.lostPassword__form .lostPassword__email .buttonCG4 {
  position: absolute;
  top: 10px;
  right: 0;
  height: 52px;
  z-index: 3;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.twoColumns.blockLogin {
  margin-top: 15px;
}
.twoColumns .twoColumns__col1 .accountYet {
  width: 45.1612903226%;
  margin: 0 auto;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .twoColumns .twoColumns__col1 .accountYet {
    width: 93%;
    margin: 0 auto 20px auto;
  }
}
.twoColumns .twoColumns__col1 .accountYet .floatingWrapper {
  width: 100%;
}
.twoColumns .twoColumns__col1 .accountYet .lostPassword__form {
  width: 100%;
}
.twoColumns .twoColumns__col2 {
  border-left: 1px #d1d1d1 solid;
  min-height: 300px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .twoColumns .twoColumns__col2 {
    min-height: auto;
  }
}
.twoColumns .twoColumns__col2 .listRadio {
  margin: 15px auto;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .twoColumns .twoColumns__col2 .listRadio {
    width: 100%;
  }
  .twoColumns .twoColumns__col2 .listRadio li {
    font-size: 20px;
  }
}
.twoColumns .center {
  margin: 0 auto;
  width: 50%;
}
.twoColumns .center .input--hoshi {
  width: 94%;
  margin: 0 auto;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .twoColumns .center {
    width: 94%;
    float: none;
    margin: 0 auto;
  }
}
.twoColumns .listRadio {
  margin: 0 auto;
  width: 64.2857142857%;
}
.twoColumns .listRadio li .check {
  top: 22px;
}
.twoColumns .input--hoshi {
  margin: 20px 0 0 0;
}

.contact__form {
  width: 83.8709677419%;
  margin: 0 auto;
  text-align: center;
}
.contact__form .blocRadioParticipationType {
  text-align: left;
}
.contact__form .linkCnil {
  color: #4d4d4d;
  display: block;
  margin-top: 15px;
}
.contact__form > div[class^=contact__], .contact__form > div[class^=company__] {
  display: inline-block;
  vertical-align: top;
}
.contact__form > div[class^=contact__] .input--hoshi, .contact__form > div[class^=company__] .input--hoshi {
  width: 100%;
  margin: 10px 0 0 0;
}
.contact__form > div[class^=contact__] .input--hoshi.input, .contact__form > div[class^=company__] .input--hoshi.input {
  max-width: none;
}
.contact__form > div[class^=contact__] select, .contact__form > div[class^=company__] select {
  width: 100%;
  margin: 20px 0 0 0;
}
.contact__form .compteCree {
  font-family: "BrandonGrotesqueRegular";
  margin: 30px 0;
  font-size: 20px;
}
.contact__form .contact__civility,
.contact__form .contact__zipcode {
  width: 27.9441117764%;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .contact__form .contact__civility,
  .contact__form .contact__zipcode {
    width: 87.8243512974%;
  }
}
.contact__form .contact__name,
.contact__form .contact__firstname,
.contact__form .contact__cedex,
.contact__form .contact__fax {
  width: 27.9441117764%;
  margin: 0 0 0 20px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .contact__form .contact__name,
  .contact__form .contact__firstname,
  .contact__form .contact__cedex,
  .contact__form .contact__fax {
    width: 87.8243512974%;
    margin: 0;
  }
}
.contact__form .contact__function,
.contact__form .contact__phone,
.contact__form .contact__city,
.contact__form .contact__activity {
  width: 42.7145708583%;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .contact__form .contact__function,
  .contact__form .contact__phone,
  .contact__form .contact__city,
  .contact__form .contact__activity {
    width: 87.8243512974%;
  }
}
.contact__form .contact__job,
.contact__form .contact__email,
.contact__form .contact__country,
.contact__form .contact__employees {
  margin: 0 0 0 20px;
  width: 43.3133732535%;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .contact__form .contact__job,
  .contact__form .contact__email,
  .contact__form .contact__country,
  .contact__form .contact__employees {
    width: 87.8243512974%;
    margin: 0;
  }
}
.contact__form .contact__sector {
  width: 55.8882235529%;
}
.contact__form .contact__sector .listRadio {
  margin: 30px auto 20px auto;
  width: 100%;
  height: 53px;
  *zoom: 1;
}
.contact__form .contact__sector .listRadio:before, .contact__form .contact__sector .listRadio:after {
  content: "";
  display: table;
}
.contact__form .contact__sector .listRadio:after {
  clear: both;
}
.contact__form .contact__sector .listRadio li {
  width: 50%;
  float: left;
}
.contact__form .contact__sector .listRadio li .labelRadio {
  padding: 10px 25px 10px 21%;
  float: left;
}
.contact__form .contact__sector .listRadio li .check {
  left: 30px;
}
.contact__form .contact__company,
.contact__form .company__address,
.contact__form .company__address2,
.contact__form .contact__referency,
.contact__form .contact__subject {
  width: 87.8243512974%;
}

.form__submit {
  margin: 40px 0 10px 0;
}
.form__submit .buttonC2 {
  display: block;
  padding: 15px 0;
  width: 75%;
  margin: 0 auto;
  text-align: center;
  text-decoration: none;
}
.form__submit .buttonC2--thin {
  padding: 10px 0;
}
.form__submit .buttonC2__content {
  position: relative;
}
.form__submit .buttonC2__arrow {
  position: absolute;
  top: -19px;
}
.form__submit .buttonC2__arrow:nth-child(1) {
  right: -47px;
}
.form__submit .buttonC2__arrow:nth-child(2) {
  right: -56px;
  border: 0;
}

.blocConnnect {
  background-color: #0f8ab8;
  padding: 15px 0;
  font-size: 30px;
  color: #ffffff;
  text-transform: uppercase;
  font-family: "BrandonGrotesqueBold";
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .blocConnnect {
    padding: 5px 0;
  }
}
.blocConnnect span {
  float: left;
}
.blocConnnect .icon-guest {
  margin: 7px 16px 0 -7px;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .blocConnnect .mainMiddle span:nth-child(2) {
    padding: 6px 0 0 0;
    font-size: 20px;
  }
}

.pagesMiddle {
  min-height: 600px;
}
.pagesMiddle .particularsPerso__title {
  margin: 10px 0 0 0;
}
.pagesMiddle .contentTabs {
  margin: 0 0 30px 0;
  font-size: 22px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .contentTabs {
    width: 96%;
    margin: 0 auto;
  }
}
.pagesMiddle .contentTabs .bill__adress {
  border-top: 1px solid #d1d1d1;
  border-bottom: 1px solid #d1d1d1;
  padding: 5px 0 32px 0;
  margin: 35px 0;
}
.pagesMiddle .contentTabs .particularsOrga p {
  margin: 0;
}
.pagesMiddle .center .linkC2 {
  margin: 10px 0;
}
.pagesMiddle .center .linkC2.particularsPerso__link {
  margin: 0 0 10px 0;
}
.pagesMiddle .twoColumns {
  margin: 40px 0;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .twoColumns .center {
    width: 96%;
  }
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .twoColumns .twoColumns__col1 {
    width: 100%;
  }
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .twoColumns .twoColumns__col2 {
    width: 100%;
  }
}
.pagesMiddle .twoColumns .twoColumns__col2 .form__submit {
  margin-top: 60px;
}
.pagesMiddle.creationId .contentCreation {
  width: 39.8148148148%;
  margin: 0 auto;
  position: relative;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle.creationId .contentCreation {
    width: 96%;
  }
}
.pagesMiddle.creationId .input--hoshi {
  width: 100%;
}
.pagesMiddle.creationId .bubble {
  position: absolute;
  right: -30px;
  top: 8px;
}
.pagesMiddle.creationId .bubble .bubble__content.top {
  width: 250px;
  margin: 0;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle.creationId .bubble {
    display: none;
  }
}
.pagesMiddle .blockLogin .blockLogin__rememberMe {
  margin-bottom: 20px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .blockLogin .blockLogin__rememberMe {
    margin-left: 20%;
  }
}
.pagesMiddle.preInscrit .blocConnnect .icon-basket {
  float: left;
  font-size: 40px;
  margin: 0;
  position: relative;
  margin-right: 3.7037037037%;
}
.pagesMiddle.preInscrit .blocConnnect .icon-basket .purchaseProcessHeader__selection__number {
  position: absolute;
  left: 24px;
  top: 0;
  font-size: 22px;
  text-align: center;
  font-family: "BrandonGrotesqueMedium";
}
.pagesMiddle.preInscrit .blocConnnect .purchaseProcessHeader__selection__title {
  float: left;
}
.pagesMiddle.preInscrit .blocCommandes {
  border-bottom: 1px solid #d1d1d1;
  padding: 40px 0;
}
.pagesMiddle.preInscrit .blocCommandes.last {
  border-bottom: none;
  padding: 40px 0 20px 0;
}
.pagesMiddle.preInscrit .titreCommande1 {
  font-size: 26px;
  margin: 0;
  padding: 30px 0;
  border-bottom: 1px solid #d1d1d1;
}
.pagesMiddle.preInscrit .titreCommande2 {
  font-size: 20px;
  text-transform: uppercase;
  margin: 0;
}
.pagesMiddle.preInscrit .titreCommande3 {
  font-size: 22px;
  margin: 0;
}
.pagesMiddle.preInscrit .form__submit {
  margin: 10px auto;
}
.pagesMiddle.preInscrit .form__submit .buttonC2 {
  text-decoration: none;
}
.pagesMiddle.preInscrit .groupBlocCommande {
  border-bottom: 1px solid #d1d1d1;
  padding-bottom: 10px;
}
.pagesMiddle .portraitGene {
  margin: 60px 0 35px 0;
}
.pagesMiddle .portraitGene.menuActif {
  border-bottom: 2px solid #d1d1d1;
}
.pagesMiddle .portraitGene .contributor {
  text-align: center;
  font-size: 16px;
  width: 24%;
  margin-right: inherit;
  max-width: inherit;
}
.pagesMiddle .portraitGene .contributor a {
  display: block;
  position: relative;
  text-decoration: none;
}
.pagesMiddle .portraitGene .contributor:hover .contributor__pastille, .pagesMiddle .portraitGene .contributor.active .contributor__pastille {
  background-color: #ffa200;
  border: 1px #ffa200 solid;
}
.pagesMiddle .portraitGene .contributor:hover .contributor__pastille .icon, .pagesMiddle .portraitGene .contributor.active .contributor__pastille .icon {
  color: #ffffff;
}
.pagesMiddle .portraitGene .contributor:hover .contributor__name, .pagesMiddle .portraitGene .contributor.active .contributor__name {
  color: #ffa200;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .portraitGene .contributor {
    display: block;
    width: 100%;
  }
}
.pagesMiddle .portraitGene .contributor .icon {
  color: #ffa200;
  font-size: 80px;
  display: inline-block;
  vertical-align: middle;
}
.pagesMiddle .portraitGene .contributor .contributor__pastille {
  text-align: center;
  line-height: 136px;
}
.pagesMiddle .portraitGene .contributor .contributor__name {
  margin-bottom: 25px;
  font-family: "BrandonGrotesqueBold";
  color: #4d4d4d;
  height: 30px;
  text-transform: uppercase;
  display: block;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .portraitGene .contributor .contributor__name {
    display: block;
  }
}
.pagesMiddle .portraitGene .contributor.active .ulForSlide__coche {
  display: block;
  position: absolute;
  top: 212px;
  left: 43%;
  width: 43px;
  height: 31px;
  background-image: url("../img/contributor/coche.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  z-index: 100;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .pagesMiddle .portraitGene .contributor.active .ulForSlide__coche {
    display: none;
  }
}
.pagesMiddle .contentGeneSlide {
  width: 92.7777777778%;
  z-index: 1;
  text-align: center;
  border-top: 2px solid #d1d1d1;
  font-size: 22px;
  margin-bottom: 0;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .contentGeneSlide {
    width: 100%;
  }
}
.pagesMiddle .contentGeneSlide.current {
  width: 100%;
}
.pagesMiddle .contentGeneSlide .particularsPerso {
  margin: 30px 0;
}
.pagesMiddle .contentGeneSlide .receiveBill {
  margin-top: 30px;
}
.pagesMiddle .contentGeneSlide .bill__adress {
  padding: 30px 0;
  margin: 27px 0;
  border-top: 1px solid #d1d1d1;
  border-bottom: 1px solid #d1d1d1;
}
.pagesMiddle .contentGeneSlide .linkC2 {
  color: #ffa200;
  display: inline-block;
}
.pagesMiddle .contentGeneSlide .form__changeMdp {
  width: 39.8148148148%;
  margin: 30px auto 65px auto;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .contentGeneSlide .form__changeMdp {
    width: 100%;
  }
}
.pagesMiddle .contentGeneSlide .buttonC2.buttonC2--thin {
  color: #ffffff;
  text-decoration: none;
  width: 87.8243512974%;
  margin: 0 auto;
}
.pagesMiddle .addContributor {
  color: #ffa200;
  text-transform: uppercase;
  font-family: "BrandonGrotesqueBold";
  font-size: 20px;
  display: block;
  margin-top: 20px;
}
.pagesMiddle .addContributor .icon-add {
  font-size: 30px;
  margin-right: 5px;
  display: inline-block;
}
.pagesMiddle .title__entity {
  text-align: center;
  text-transform: uppercase;
  font-size: 20px;
  color: #000000;
  margin: 35px 0;
}
.pagesMiddle .form__middle {
  width: 92.7777777778%;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .form__middle {
    width: 100%;
  }
}
.pagesMiddle .form__middle .addContributor {
  margin: 25px 0;
}
.pagesMiddle .form__middle .listRadio.bill__entity {
  padding-bottom: 35px;
  border-bottom: 1px solid #d1d1d1;
}
.pagesMiddle .form__middle .contact__form {
  width: 87.8243512974%;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .form__middle .contact__form {
    width: 100%;
  }
}
.pagesMiddle .form__middle .contact__form .contact__company, .pagesMiddle .form__middle .contact__form .company__address, .pagesMiddle .form__middle .contact__form .company__address2, .pagesMiddle .form__middle .contact__form .contact__referency, .pagesMiddle .form__middle .contact__form .contact__subject {
  width: 100%;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .form__middle .contact__form .contact__company, .pagesMiddle .form__middle .contact__form .company__address, .pagesMiddle .form__middle .contact__form .company__address2, .pagesMiddle .form__middle .contact__form .contact__referency, .pagesMiddle .form__middle .contact__form .contact__subject {
    width: 96%;
  }
}
.pagesMiddle .form__middle .contact__form .contact__sector {
  width: 49.4318181818%;
  margin: 15px 0;
  float: left;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .form__middle .contact__form .contact__sector {
    width: 96%;
    margin: 20px auto 0 auto;
    float: none;
  }
}
.pagesMiddle .form__middle .contact__form .contact__sector select {
  width: 100%;
}
.pagesMiddle .form__middle .contact__form .contact__nbsalaries {
  width: 48.6363636364%;
  float: left;
  margin: 15px 0 15px 15px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .form__middle .contact__form .contact__nbsalaries {
    margin: 20px auto 0 auto;
    width: 96%;
    float: none;
  }
}
.pagesMiddle .form__middle .contact__form .contact__nbsalaries select {
  width: 100%;
}
.pagesMiddle .form__middle .contact__civility, .pagesMiddle .form__middle .contact__zipcode, .pagesMiddle .form__middle .contact__name, .pagesMiddle .form__middle .contact__firstname {
  width: 31.5909090909%;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .form__middle .contact__civility, .pagesMiddle .form__middle .contact__zipcode, .pagesMiddle .form__middle .contact__name, .pagesMiddle .form__middle .contact__firstname {
    width: 96%;
  }
}
.pagesMiddle .form__middle .contact__firstname {
  margin-left: 16px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .form__middle .contact__firstname {
    margin: 0;
  }
}
.pagesMiddle .form__middle .contact__cedex, .pagesMiddle .form__middle .contact__fax {
  width: 31.5909090909%;
  margin-left: 16px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .form__middle .contact__cedex, .pagesMiddle .form__middle .contact__fax {
    width: 96%;
    margin: 0;
  }
}
.pagesMiddle .form__middle .contact__function, .pagesMiddle .form__middle .contact__phone, .pagesMiddle .form__middle .contact__city, .pagesMiddle .form__middle .contact__activity {
  width: 48.8636363636%;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .form__middle .contact__function, .pagesMiddle .form__middle .contact__phone, .pagesMiddle .form__middle .contact__city, .pagesMiddle .form__middle .contact__activity {
    width: 96%;
    margin: 0 auto;
    float: none;
  }
}
.pagesMiddle .form__middle .contact__email {
  width: 48.8636363636%;
  margin-left: 15px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .form__middle .contact__email {
    width: 96%;
    margin: 0;
  }
}
.pagesMiddle .form__middle .contact__job {
  width: 48.8636363636%;
  margin-left: 15px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .form__middle .contact__job {
    width: 96%;
    margin: 0;
  }
}
.pagesMiddle .form__middle .contact__country {
  width: 48.6363636364%;
  margin-left: 15px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .form__middle .contact__country {
    width: 96%;
    margin: 0;
  }
}
.pagesMiddle .form__middle .contact__country select {
  width: 100%;
}
.pagesMiddle .form__middle .contact__nbsalaries {
  width: 48.6363636364%;
  float: left;
  margin: 15px 0;
}
.pagesMiddle .form__middle .contact__other {
  width: 48.6363636364%;
  float: left;
  margin: 15px 0;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .form__middle .contact__other {
    margin: 20px auto 0 auto;
    width: 96%;
    float: none;
  }
}
.pagesMiddle .form__middle .contact__other.last {
  margin-left: 2.7272727273%;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .form__middle .contact__other.last {
    margin: 20px auto 0 auto;
  }
}
.pagesMiddle .form__middle .contact__other select {
  width: 100%;
}
.pagesMiddle .form__middle .linkCnil {
  color: #4d4d4d;
}
.pagesMiddle .form__middle .company__form {
  margin: 20px auto;
  width: 91.8163672655%;
  text-align: center;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .form__middle .company__form {
    width: 100%;
  }
}
.pagesMiddle .form__middle .company__form .bill__city, .pagesMiddle .form__middle .company__form .bill__siret, .pagesMiddle .form__middle .company__form .bill__naf, .pagesMiddle .form__middle .company__form .bill__phone, .pagesMiddle .form__middle .company__form .bill__function {
  width: 50%;
  display: inline-block;
}
.pagesMiddle .form__middle .company__form .bill__city span, .pagesMiddle .form__middle .company__form .bill__siret span, .pagesMiddle .form__middle .company__form .bill__naf span, .pagesMiddle .form__middle .company__form .bill__phone span, .pagesMiddle .form__middle .company__form .bill__function span {
  width: 100%;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .form__middle .company__form .bill__city, .pagesMiddle .form__middle .company__form .bill__siret, .pagesMiddle .form__middle .company__form .bill__naf, .pagesMiddle .form__middle .company__form .bill__phone, .pagesMiddle .form__middle .company__form .bill__function {
    width: 96%;
  }
}
.pagesMiddle .form__middle .company__form .bill__city select, .pagesMiddle .form__middle .company__form .bill__siret select, .pagesMiddle .form__middle .company__form .bill__naf select, .pagesMiddle .form__middle .company__form .bill__phone select, .pagesMiddle .form__middle .company__form .bill__function select {
  width: 100%;
}
.pagesMiddle .form__middle .company__form .bill__ref, .pagesMiddle .form__middle .company__form .bill__tva, .pagesMiddle .form__middle .company__form .bill__job, .pagesMiddle .form__middle .company__form .bill__email {
  margin: 0 0 0 20px;
  width: 42.7145708583%;
  display: inline-block;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .form__middle .company__form .bill__ref, .pagesMiddle .form__middle .company__form .bill__tva, .pagesMiddle .form__middle .company__form .bill__job, .pagesMiddle .form__middle .company__form .bill__email {
    width: 100%;
    margin: 0;
  }
}
.pagesMiddle .form__middle .company__form .bill__tva, .pagesMiddle .form__middle .company__form .bill__ref {
  position: relative;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .form__middle .company__form .bill__tva .input, .pagesMiddle .form__middle .company__form .bill__ref .input {
    width: 96%;
  }
}
.pagesMiddle .form__middle .company__form .bill__tva .bubble, .pagesMiddle .form__middle .company__form .bill__ref .bubble {
  width: 30px;
  position: absolute;
  top: 7px;
  right: -40px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .form__middle .company__form .bill__tva .bubble, .pagesMiddle .form__middle .company__form .bill__ref .bubble {
    display: none;
  }
}
.pagesMiddle .form__middle .company__form .bill__tva .bubble .bubble__content.left, .pagesMiddle .form__middle .company__form .bill__ref .bubble .bubble__content.left {
  top: 0;
  left: 35px;
}
.pagesMiddle .form__middle .company__form .bill__tva .bubble .bubble__content.right, .pagesMiddle .form__middle .company__form .bill__ref .bubble .bubble__content.right {
  top: 0;
  right: 35px;
}
.pagesMiddle .form__middle .company__form .bill__tva .bubble__content, .pagesMiddle .form__middle .company__form .bill__ref .bubble__content {
  position: absolute;
  width: auto;
  min-width: 200px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .form__middle .company__form .bill__tva .bubble__content, .pagesMiddle .form__middle .company__form .bill__ref .bubble__content {
    display: none;
  }
}
.pagesMiddle .form__middle .company__form .bill__tva .bubble__content {
  width: 800px;
}
.pagesMiddle .form__middle.form__changeMdp {
  width: 44.4444444444%;
  margin: 0 auto;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .form__middle.form__changeMdp {
    width: 100%;
  }
}
.pagesMiddle .form__middle.form__changeMdp .contact__email {
  width: 100%;
  margin-left: 0;
}
.pagesMiddle .form__middle.form__changeMdp .buttonC2 {
  width: 91.6666666667%;
  height: 80px;
}
.pagesMiddle .purchaseProcess.lastConfirm {
  margin: 0 auto 150px auto;
}
.pagesMiddle .purchaseProcess .titreRecap {
  margin: 0;
  text-align: center;
  font-size: 22px;
}
.pagesMiddle .purchaseProcess .titreRecap.fontMedium {
  margin-top: 15px;
}
.pagesMiddle .purchaseProcess .titleStep {
  margin: 0;
  padding: 20px 0;
}
.pagesMiddle .purchaseProcess .titleStep.lastLink {
  border-bottom: 1px solid #d1d1d1;
}
.pagesMiddle .purchaseProcess .titleStep .linkC2 {
  color: #ffa200;
}
.pagesMiddle .purchaseProcess .titleStep.valider {
  border-bottom: 1px solid #d1d1d1;
}
.pagesMiddle .purchaseProcess .form__submit {
  margin: 40px auto 10px auto;
}
.pagesMiddle .purchaseProcess .margeNav {
  padding-top: 158px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .purchaseProcess .margeNav {
    padding-top: 130px;
  }
}
.pagesMiddle .purchaseProcess .product, .pagesMiddle .purchaseProcess .participant {
  margin: 0 auto;
  width: 80.8064516129%;
  padding: 0 0 30px 0;
  border-bottom: 1px solid #d1d1d1;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .purchaseProcess .product, .pagesMiddle .purchaseProcess .participant {
    width: 100%;
    padding: 30px 10px;
  }
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .purchaseProcess .product .titleCG1--size22, .pagesMiddle .purchaseProcess .participant .titleCG1--size22 {
    font-size: 18px;
  }
}
.pagesMiddle .purchaseProcess .product.mainContent.last, .pagesMiddle .purchaseProcess .participant.mainContent.last {
  border: none;
}
.pagesMiddle .purchaseProcess .product .product__type, .pagesMiddle .purchaseProcess .participant .product__type {
  margin: 10px 0 0 0;
  font-size: 20px;
  color: #000000;
  text-transform: uppercase;
  text-align: center;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .purchaseProcess .product .product__type, .pagesMiddle .purchaseProcess .participant .product__type {
    font-size: 16px;
  }
}
.pagesMiddle .purchaseProcess .product .product__title, .pagesMiddle .purchaseProcess .participant .product__title {
  margin: 0;
  color: #000000;
  font-size: 22px;
  text-align: center;
}
.pagesMiddle .purchaseProcess .product .product__title a, .pagesMiddle .purchaseProcess .participant .product__title a {
  color: #000000;
  text-decoration: none;
}
.pagesMiddle .purchaseProcess .product .product__title span, .pagesMiddle .purchaseProcess .participant .product__title span {
  font-family: "BrandonGrotesqueBold";
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .pagesMiddle .purchaseProcess .product .product__title, .pagesMiddle .purchaseProcess .participant .product__title {
    font-size: 16px;
  }
}
.pagesMiddle .purchaseProcess .product .product__participant, .pagesMiddle .purchaseProcess .participant .product__participant {
  margin: 0;
  font-size: 22px;
  text-align: center;
  color: #000000;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .pagesMiddle .purchaseProcess .product .product__participant, .pagesMiddle .purchaseProcess .participant .product__participant {
    font-size: 16px;
  }
}
.pagesMiddle .purchaseProcess .product .product__date, .pagesMiddle .purchaseProcess .participant .product__date {
  margin: 0;
  font-size: 22px;
  text-align: center;
  color: #000000;
  font-family: "BrandonGrotesqueRegular";
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .pagesMiddle .purchaseProcess .product .product__date, .pagesMiddle .purchaseProcess .participant .product__date {
    font-size: 16px;
  }
}
.pagesMiddle .purchaseProcess .product .product__price, .pagesMiddle .purchaseProcess .participant .product__price {
  display: inline-block;
  padding: 20px 0 0 0;
  font-family: "BrandonGrotesqueRegular";
  font-size: 22px;
  text-align: center;
}
.pagesMiddle .purchaseProcess .product .product__modify, .pagesMiddle .purchaseProcess .participant .product__modify {
  display: inline-block;
  cursor: pointer;
}
.pagesMiddle .purchaseProcess .product .product__amount, .pagesMiddle .purchaseProcess .participant .product__amount {
  text-align: right;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .purchaseProcess .product .product__amount, .pagesMiddle .purchaseProcess .participant .product__amount {
    text-align: left;
    width: 100%;
  }
  .pagesMiddle .purchaseProcess .product .product__amount .colorValid, .pagesMiddle .purchaseProcess .participant .product__amount .colorValid {
    float: right;
  }
}
.pagesMiddle .purchaseProcess .product .product__amount .product__amountHT, .pagesMiddle .purchaseProcess .participant .product__amount .product__amountHT {
  margin: 0;
  font-size: 24px;
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .pagesMiddle .purchaseProcess .product .product__amount .product__amountHT, .pagesMiddle .purchaseProcess .participant .product__amount .product__amountHT {
    font-size: 18px;
    padding-top: 0;
  }
}
.pagesMiddle .purchaseProcess .product .product__amount .product__amountTTC, .pagesMiddle .purchaseProcess .participant .product__amount .product__amountTTC {
  margin: 0;
  font-family: "BrandonGrotesqueMedium";
  font-size: 20px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .purchaseProcess .product .product__amount .product__amountTTC, .pagesMiddle .purchaseProcess .participant .product__amount .product__amountTTC {
    float: right;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .pagesMiddle .purchaseProcess .product .product__amount .product__amountTTC, .pagesMiddle .purchaseProcess .participant .product__amount .product__amountTTC {
    font-size: 18px;
  }
}
.pagesMiddle .purchaseProcess .product .product__participantList, .pagesMiddle .purchaseProcess .participant .product__participantList {
  text-align: center;
}
.pagesMiddle .purchaseProcess .product .product__participantList .titleCG2, .pagesMiddle .purchaseProcess .participant .product__participantList .titleCG2 {
  margin: 30px 0 0 0;
}
.pagesMiddle .purchaseProcess .product .product__participantList .ulBullet, .pagesMiddle .purchaseProcess .participant .product__participantList .ulBullet {
  margin: 0;
}
.pagesMiddle .purchaseProcess .product .product__listSessions, .pagesMiddle .purchaseProcess .participant .product__listSessions {
  margin: 20px 0 0 0;
}
.pagesMiddle .purchaseProcess .product .product__listSessions li, .pagesMiddle .purchaseProcess .participant .product__listSessions li {
  margin: 20px 0 0 0;
  display: flex;
  justify-content: space-between;
  vertical-align: top;
  font-family: "BrandonGrotesqueBold";
}
.pagesMiddle .purchaseProcess .product .product__listSessions li p, .pagesMiddle .purchaseProcess .participant .product__listSessions li p {
  margin: 0;
}
.pagesMiddle .purchaseProcess .product .product__listSessions li.on, .pagesMiddle .purchaseProcess .participant .product__listSessions li.on {
  color: #5cbb46;
}
.pagesMiddle .purchaseProcess .product .product__listSessions li.flexEnd, .pagesMiddle .purchaseProcess .participant .product__listSessions li.flexEnd {
  justify-content: flex-end;
}
.pagesMiddle .purchaseProcess .product .product__listSessions li .prixValid, .pagesMiddle .purchaseProcess .participant .product__listSessions li .prixValid {
  width: 100%;
  position: relative;
}
.pagesMiddle .purchaseProcess .product .product__listSessions li .prixValid .infobulleMarketing, .pagesMiddle .purchaseProcess .participant .product__listSessions li .prixValid .infobulleMarketing {
  display: none;
}
.pagesMiddle .purchaseProcess .product .product__listSessions li .prixValid:hover .infobulleMarketing, .pagesMiddle .purchaseProcess .participant .product__listSessions li .prixValid:hover .infobulleMarketing {
  display: block;
  border: 1px solid #E0E8ED;
  border-radius: 6px;
  background-color: #ffffff;
  margin-top: 9px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
  margin-bottom: 4px;
  margin-bottom: 4px;
  padding: 0 10px;
  position: absolute;
  top: 56px;
  left: 45px;
  font-family: "BrandonGrotesqueRegular";
  color: #4d4d4d;
  font-size: 20px;
  z-index: 20;
  background-color: #ffffff;
  width: 400px;
}
.pagesMiddle .purchaseProcess .product .product__listSessions li .prixValid:hover .infobulleMarketing:after, .pagesMiddle .purchaseProcess .product .product__listSessions li .prixValid:hover .infobulleMarketing:before, .pagesMiddle .purchaseProcess .participant .product__listSessions li .prixValid:hover .infobulleMarketing:after, .pagesMiddle .purchaseProcess .participant .product__listSessions li .prixValid:hover .infobulleMarketing:before {
  content: "";
  display: block;
  position: absolute;
}
.pagesMiddle .purchaseProcess .product .product__listSessions li .prixValid:hover .infobulleMarketing:after, .pagesMiddle .purchaseProcess .participant .product__listSessions li .prixValid:hover .infobulleMarketing:after {
  top: 16px;
}
.pagesMiddle .purchaseProcess .product .product__listSessions li .prixValid:hover .infobulleMarketing:before, .pagesMiddle .purchaseProcess .participant .product__listSessions li .prixValid:hover .infobulleMarketing:before {
  top: 14px;
}
.pagesMiddle .purchaseProcess .product .product__listSessions li .prixValid:hover .infobulleMarketing:after, .pagesMiddle .purchaseProcess .participant .product__listSessions li .prixValid:hover .infobulleMarketing:after {
  border: 8px solid transparent;
  border-bottom: 8px solid #ffffff;
  top: -8px;
  border-top: none;
}
.pagesMiddle .purchaseProcess .product .product__listSessions li .prixValid:hover .infobulleMarketing:before, .pagesMiddle .purchaseProcess .participant .product__listSessions li .prixValid:hover .infobulleMarketing:before {
  border: 10px solid transparent;
  border-bottom: 10px solid #E0E8ED;
  top: -10px;
  border-top: none;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .purchaseProcess .product .product__listSessions li .prixValid:hover .infobulleMarketing, .pagesMiddle .purchaseProcess .participant .product__listSessions li .prixValid:hover .infobulleMarketing {
    display: none;
  }
}
.pagesMiddle .purchaseProcess .product .product__listSessions li .prixValid .labelRadio, .pagesMiddle .purchaseProcess .participant .product__listSessions li .prixValid .labelRadio {
  max-width: 65%;
  float: left;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .purchaseProcess .product .product__listSessions li .prixValid .labelRadio, .pagesMiddle .purchaseProcess .participant .product__listSessions li .prixValid .labelRadio {
    max-width: 100%;
    float: none;
    font-size: 20px;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .pagesMiddle .purchaseProcess .product .product__listSessions li .prixValid .labelRadio, .pagesMiddle .purchaseProcess .participant .product__listSessions li .prixValid .labelRadio {
    font-size: 18px;
  }
}
.pagesMiddle .purchaseProcess .product .product__listSessions li .prixValid .product__price, .pagesMiddle .purchaseProcess .participant .product__listSessions li .prixValid .product__price {
  float: right;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .purchaseProcess .product .product__listSessions li .prixValid .product__price, .pagesMiddle .purchaseProcess .participant .product__listSessions li .prixValid .product__price {
    width: 100%;
    padding-left: 19%;
    text-align: left;
    float: none;
  }
}
@media only screen and (max-device-width: 480px), (max-width: 480px) {
  .pagesMiddle .purchaseProcess .product .product__listSessions li .prixValid .product__price, .pagesMiddle .purchaseProcess .participant .product__listSessions li .prixValid .product__price {
    font-size: 18px;
    padding-top: 0;
  }
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .purchaseProcess .product .product__listSessions li .amountByPerson, .pagesMiddle .purchaseProcess .participant .product__listSessions li .amountByPerson {
    display: none;
  }
}
.pagesMiddle .purchaseProcess .product .product__listSessions li .product__code, .pagesMiddle .purchaseProcess .participant .product__listSessions li .product__code {
  width: 49.9001996008%;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .purchaseProcess .product .product__listSessions li .product__code, .pagesMiddle .purchaseProcess .participant .product__listSessions li .product__code {
    width: 100%;
  }
}
.pagesMiddle .purchaseProcess .product .product__listSessions li .product__code .check, .pagesMiddle .purchaseProcess .participant .product__listSessions li .product__code .check {
  display: inline-block;
}
.pagesMiddle .purchaseProcess .product .product__listSessions li .product__code .input__code, .pagesMiddle .purchaseProcess .participant .product__listSessions li .product__code .input__code {
  margin: 0 0 0 -27px;
  position: relative;
  display: inline-block;
  width: 56%;
  vertical-align: top;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .purchaseProcess .product .product__listSessions li .product__code .input__code, .pagesMiddle .purchaseProcess .participant .product__listSessions li .product__code .input__code {
    width: 75%;
  }
}
.pagesMiddle .purchaseProcess .product .product__listSessions li .product__code .input__code .input--hoshi, .pagesMiddle .purchaseProcess .participant .product__listSessions li .product__code .input__code .input--hoshi {
  width: 100%;
  margin: 0;
  z-index: 1;
}
.pagesMiddle .purchaseProcess .product .product__listSessions li .product__code .input__code .input--hoshi .input__label, .pagesMiddle .purchaseProcess .participant .product__listSessions li .product__code .input__code .input--hoshi .input__label {
  font-family: "BrandonGrotesqueRegular";
  top: -9px;
}
.pagesMiddle .purchaseProcess .product .product__listSessions li .product__code .input__code .input--hoshi.input--valid, .pagesMiddle .purchaseProcess .participant .product__listSessions li .product__code .input__code .input--hoshi.input--valid {
  position: relative;
}
.pagesMiddle .purchaseProcess .product .product__listSessions li .product__code .input__code .input--hoshi.input--valid .icon-check, .pagesMiddle .purchaseProcess .participant .product__listSessions li .product__code .input__code .input--hoshi.input--valid .icon-check {
  position: absolute;
  top: 25px;
  right: 15px;
  color: #5cbb46;
  font-size: 30px;
}
.pagesMiddle .purchaseProcess .product .product__listSessions li .product__code .input__code .buttonCG4, .pagesMiddle .purchaseProcess .participant .product__listSessions li .product__code .input__code .buttonCG4 {
  position: absolute;
  top: 10px;
  right: 0;
  height: 47px;
  z-index: 3;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .pagesMiddle .purchaseProcess .product .product__listSessions li .product__code .input__code .buttonCG4, .pagesMiddle .purchaseProcess .participant .product__listSessions li .product__code .input__code .buttonCG4 {
    height: 45px;
  }
}
.pagesMiddle .purchaseProcess .product .product__listSessions li .product__code .input__code .input__field--hoshi, .pagesMiddle .purchaseProcess .participant .product__listSessions li .product__code .input__code .input__field--hoshi {
  padding: 7px 10px 8px 10px;
}
.pagesMiddle .purchaseProcess .stepBlock {
  margin: 0 auto;
  width: 80.8064516129%;
  padding: 30px 0;
  border-bottom: 1px #d1d1d1 solid;
}
.pagesMiddle .purchaseProcess .stepBlock p {
  margin: 0;
  line-height: 18px;
}
.pagesMiddle .purchaseProcess .stepBlock .titleCG2 {
  margin: 20px 0 0 0;
}
.pagesMiddle .purchaseProcess .product__chooseSession {
  width: 87.8243512974%;
  margin: 0 auto;
}
.pagesMiddle .purchaseProcess .product__chooseSession .product__session {
  margin: 20px 0 0 0;
  justify-content: center;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .purchaseProcess .product__chooseSession .product__session {
    display: block;
  }
}
.pagesMiddle .purchaseProcess .product__chooseSession .product__session .input__number {
  width: 31.8181818182%;
  float: left;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .purchaseProcess .product__chooseSession .product__session .input__number {
    width: 96%;
    display: block;
    margin: 0 auto 15px auto;
  }
}
.pagesMiddle .purchaseProcess .product__chooseSession .product__session .input__number .input-number {
  width: 100%;
  display: inline-block;
}
.pagesMiddle .purchaseProcess .product__chooseSession .product__session select {
  display: inline-block;
  margin: 0 0 0 20px;
  width: 31.8181818182%;
  float: left;
  height: 47px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .purchaseProcess .product__chooseSession .product__session select {
    width: 96%;
    display: block;
    margin: 0 auto 15px auto;
  }
}
.pagesMiddle .purchaseProcess .product__chooseSession .product__session select:disabled {
  background-color: transparent;
}
.pagesMiddle .purchaseProcess .product__chooseSession.cityLibre {
  width: auto;
}
.pagesMiddle .purchaseProcess .product__chooseSession.cityLibre .product__session .input__number {
  float: none;
  margin: 0 auto 15px auto;
  display: block;
}
.pagesMiddle .purchaseProcess .product__buttons {
  margin: 13px 0 0 0;
  text-align: center;
}
.pagesMiddle .purchaseProcess .product__buttons > span {
  margin: 0 3px;
}
.pagesMiddle .purchaseProcess .product__past {
  margin: 20px 0;
  color: #C53730;
  font-size: 20px;
  text-align: center;
}
.pagesMiddle .purchaseProcess .product__addSession {
  cursor: pointer;
  position: relative;
  font-family: "BrandonGrotesqueBold";
  font-size: 20px;
  color: #4d4d4d;
  text-transform: uppercase;
  text-align: center;
}
.pagesMiddle .purchaseProcess .product__addSession .icon-connect-plis {
  position: absolute;
  margin-left: 50%;
  display: block;
  top: 1px;
  left: -145px;
  color: #ffa200;
  font-size: 30px;
}
.pagesMiddle .purchaseProcess .product__addSession .addSession__text {
  margin: -10px 0 0 0;
  font-size: 20px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .purchaseProcess .listRadio li {
    font-size: 18px;
  }
}
.pagesMiddle .purchaseProcess .purchaseConnexion__form .input {
  margin: 10px auto 0 auto;
}
.pagesMiddle .purchaseProcess .purchaseConnexion__form .error {
  display: block;
}
.pagesMiddle .purchaseProcess.step4 .bill__form {
  display: block;
  margin: 30px auto;
  width: 80.8064516129%;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .purchaseProcess.step4 .bill__form {
    width: 100%;
    padding: 0 10px;
    font-size: 18px;
  }
}
.pagesMiddle .purchaseProcess.step4 .bill__form .listRadio {
  width: 50%;
  float: left;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .purchaseProcess.step4 .bill__form .listRadio {
    width: 100%;
    float: none;
  }
}
.pagesMiddle .purchaseProcess.step4 .bill__form .listRadio.ulSector {
  width: 50%;
  float: none;
  margin: 0 auto;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .purchaseProcess.step4 .bill__form .listRadio.ulSector {
    width: 100%;
    float: none;
  }
}
.pagesMiddle .purchaseProcess.step4 .bill__form .listRadio.ulSector li {
  float: left;
  width: 50%;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .purchaseProcess.step4 .bill__form .listRadio.ulSector li {
    width: 100%;
    float: none;
  }
}
.pagesMiddle .purchaseProcess.step4 .bill__form .company__informations {
  width: 50%;
  float: left;
  border-left: 1px #d1d1d1 solid;
  padding: 0 0 0 30px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .purchaseProcess.step4 .bill__form .company__informations {
    margin: 20px 0 0 0;
    width: 100%;
    border: none;
    float: none;
    text-align: center;
  }
}
.pagesMiddle .purchaseProcess.step4 .bill__form .company__informations .titleCG2 {
  margin: 0;
}
.pagesMiddle .purchaseProcess.step4 .bill__form .company__informations .linkC2 {
  display: inline-block;
  margin: 10px 0 0 0;
  padding-left: 0;
}
.pagesMiddle .purchaseProcess.step4 .bill__form .form__content {
  margin: 20px auto;
  width: 87.8243512974%;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .purchaseProcess.step4 .bill__form .form__content {
    width: 100%;
  }
}
.pagesMiddle .purchaseProcess.step4 .bill__form .form__content > div {
  width: 100%;
}
.pagesMiddle .purchaseProcess.step4 .bill__form .form__content > div .input--hoshi {
  width: 100%;
}
.pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__zipcode, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__fax, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__civility, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__firstname {
  width: 31.8181818182%;
  float: left;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__zipcode, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__fax, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__civility, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__firstname {
    margin: 10px 0 0 0;
    width: 100%;
    float: none;
  }
}
.pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__zipcode .input--hoshi, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__fax .input--hoshi, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__civility .input--hoshi, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__firstname .input--hoshi {
  width: 100%;
}
.pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__zipcode select, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__fax select, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__civility select, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__firstname select {
  width: 100%;
}
.pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__cedex, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__name {
  margin: 0 20px;
  width: 31.8181818182%;
  float: left;
}
.pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__cedex .input--hoshi, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__name .input--hoshi {
  width: 100%;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__cedex, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__name {
    margin: 10px 0 0 0;
    width: 100%;
    float: none;
  }
}
.pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__country {
  margin: 10px 0 0 20px;
  width: 48.8636363636%;
  float: left;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__country {
    margin: 10px 0 0 0;
    width: 100%;
    float: none;
  }
}
.pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__city, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__siret, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__naf, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__phone, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__function, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill_code_service {
  width: 48.8636363636%;
  float: left;
  position: relative;
}
.pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__city select, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__siret select, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__naf select, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__phone select, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__function select, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill_code_service select {
  width: 100%;
}
.pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__city .btnChorus, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__siret .btnChorus, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__naf .btnChorus, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__phone .btnChorus, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__function .btnChorus, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill_code_service .btnChorus {
  background-color: #e6e6e6;
  position: absolute;
  right: 0;
  top: 10px;
  height: 82%;
  border: none;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__city, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__siret, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__naf, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__phone, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__function, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill_code_service {
    margin: 10px 0 0 0;
    width: 100%;
    float: none;
  }
}
.pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__ref, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__tva, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__job, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__email {
  margin: 0 0 0 20px;
  width: 48.8636363636%;
  float: left;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__ref, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__tva, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__job, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__email {
    margin: 10px 0 0 0;
    width: 100%;
    float: none;
  }
}
.pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__ref .btnChorus, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__tva .btnChorus, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__job .btnChorus, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__email .btnChorus {
  background-color: #e6e6e6;
  position: absolute;
  right: 0;
  top: 10px;
  height: 82%;
  border: none;
}
.pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill_numero_engagement {
  margin: 0 0 0 20px;
  width: 48.8636363636%;
  float: left;
  position: relative;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill_numero_engagement {
    margin: 10px 0 0 0;
    width: 100%;
    float: none;
  }
}
.pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill_numero_engagement .btnChorus {
  background-color: #e6e6e6;
  position: absolute;
  right: 0;
  top: 10px;
  height: 82%;
  border: none;
}
.pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__tva, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__ref {
  position: relative;
}
.pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__tva .bubble, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__ref .bubble {
  width: 30px;
  position: absolute;
  top: 7px;
  right: -40px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__tva .bubble, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__ref .bubble {
    display: none;
    position: static;
  }
}
.pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__tva .bubble .bubble__content.left, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__ref .bubble .bubble__content.left {
  top: 0;
  left: 35px;
}
.pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__tva .bubble .bubble__content.right, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__ref .bubble .bubble__content.right {
  top: 0;
  right: 35px;
}
.pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__tva .bubble__content, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__ref .bubble__content {
  position: absolute;
  width: auto;
  min-width: 200px;
}
.pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__tva .bubble__content {
  width: 800px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__address, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__address2 {
    margin: 10px 0 0 0;
  }
}
.pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__country .select, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__function .select {
  width: 100%;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__country .select, .pagesMiddle .purchaseProcess.step4 .bill__form .form__content .bill__function .select {
    margin-top: 10px;
  }
}
.pagesMiddle .purchaseProcess.step4 .bill__form .otherAddress {
  margin: 40px 0 0 0;
}
.pagesMiddle .purchaseProcess.step4 .bill__form .otherAddress .titleCG1 {
  padding: 40px 0 0 0;
  border-top: 1px #d1d1d1 solid;
}
.pagesMiddle .purchaseProcess.step4 .bill__form .addAdmin__link {
  position: relative;
}
.pagesMiddle .purchaseProcess.step4 .bill__form .addAdmin__link a {
  color: #4d4d4d;
}
.pagesMiddle .purchaseProcess.step4 .bill__form .addAdmin__link a:hover {
  color: #ffa200;
}
.pagesMiddle .purchaseProcess.step4 .bill__form .addAdmin__link a:hover .link__text {
  text-decoration: underline;
}
.pagesMiddle .purchaseProcess.step4 .bill__form .addAdmin__link .icon-connect-plis {
  position: absolute;
  top: -4px;
  left: -7px;
  font-size: 30px;
  color: #ffa200;
}
.pagesMiddle .purchaseProcess.step4 .thirdParty, .pagesMiddle .purchaseProcess.step4 .addAdmin__form, .pagesMiddle .purchaseProcess.step4 .thirdParty__form, .pagesMiddle .purchaseProcess.step4 .otherEntity__form, .pagesMiddle .purchaseProcess.step4 .otherAddress {
  display: none;
}
.pagesMiddle .titleStep {
  padding: 20px 0;
  margin: 0;
}
.pagesMiddle.coordonnees .listRadio {
  width: 49.9001996008%;
  margin: 40px auto;
  *zoom: 1;
}
.pagesMiddle.coordonnees .listRadio:before, .pagesMiddle.coordonnees .listRadio:after {
  content: "";
  display: table;
}
.pagesMiddle.coordonnees .listRadio:after {
  clear: both;
}
.pagesMiddle.coordonnees .listRadio li {
  float: left;
  font-size: 22px;
  width: 50%;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle.coordonnees .listRadio li {
    float: none;
    display: block;
    width: 100%;
  }
}
.pagesMiddle.coordonnees .contact__phone {
  float: left;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle.coordonnees .contact__phone {
    width: 96%;
    margin: 0 auto;
    float: none;
  }
}
.pagesMiddle.coordonnees .contact__service {
  width: 48.9021956088%;
  margin-left: 1.497005988%;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle.coordonnees .contact__service {
    width: 96%;
  }
}
.pagesMiddle.coordonnees .contact__function {
  width: 48.9021956088%;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle.coordonnees .contact__function {
    width: 96%;
  }
}
.pagesMiddle.coordonnees .contact__fax {
  width: 31.8181818182%;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle.coordonnees .contact__fax {
    width: 96%;
  }
}
.pagesMiddle.pageErreur {
  min-height: 600px;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle.pageErreur {
    min-height: auto;
  }
}
.pagesMiddle.pageErreur .mainMiddle p {
  font-size: 20px;
  text-align: center;
  margin: 100px 0 200px 0;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle.pageErreur .mainMiddle p {
    margin: 50px 0 100px 0;
  }
}
.pagesMiddle.pageErreur .mainMiddle .btnRetour {
  text-decoration: none;
}
.pagesMiddle.pageErreur.reinitialiserMdp .center.titleCG1 {
  margin: 50px 0 50px 0;
}
.pagesMiddle.pageErreur.reinitialiserMdp .input {
  width: 60.4838709677%;
  margin: 0 auto;
  display: block;
}
@media only screen and (max-device-width: 769px), (max-width: 769px) {
  .pagesMiddle .mainMiddle {
    width: 96%;
    margin: 0 auto;
  }
}

.pageSommaire .titleC1 {
  margin-bottom: 0;
}
.pageSommaire .titleGeneric1 {
  color: #0f8ab8;
}
.pageSommaire .icon-squared {
  color: #0f8ab8;
  display: inline-block;
}
@media (max-width: 480px) {
  .pageSommaire .blockList2__element .icon-squared {
    margin-left: 10px;
  }
}
.pageSommaire .icon-arrow-left {
  color: #ffa200;
  position: relative;
  margin-right: 5px;
  font-weight: bold;
}
.pageSommaire .icon-arrow-left .icon-arrow-left {
  margin: 0;
  position: absolute;
  top: 0;
  left: 5px;
  font-weight: bold;
}
.pageSommaire .titleC1 + .titleGeneric1 {
  margin-top: 0;
}

.navSommaire {
  color: #ffa200;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
}
.navSommaire--top {
  margin: 0;
  padding: 0;
}
.navSommaire--prev {
  display: inline-block;
  margin: 0 0 40px;
  padding: 0;
}
.navSommaire--next {
  display: inline-block;
  margin: 0 0 0 40px;
  padding: 0 0 40px;
}

.varianteThema .blockList2 .blockList2__element__title {
  font-weight: normal;
  vertical-align: middle;
  display: inline-block;
  width: 80%;
}
.varianteThema .blockList2 .blockList2__element__title a:hover {
  color: #0f8ab8;
}
.varianteThema .blockList2 a {
  font-weight: normal;
}
.varianteThema .titleCG1 {
  text-transform: none;
}
.varianteThema .titleCG1.hasAnchor {
  color: #0f8ab8;
}
.varianteThema .hasAnchor + .titleCG1 {
  margin-top: -5px;
}
.varianteThema .icon-arrow-left {
  color: #ffa200;
  margin-right: 5px;
  font-weight: bold;
}
.varianteThema .icon-arrow-right {
  color: #ffa200;
  margin-right: 5px;
  font-weight: bold;
}

.homeDefaut {
  text-align: center;
}
.homeDefaut__title1 {
  margin: 40px 0 0 0;
  font-size: 40px;
  color: #000000;
}
@media screen and (max-width: 800px) {
  .homeDefaut__title1 {
    margin: 20px 0 0 0;
  }
}
.homeDefaut__title2 {
  margin: 0;
  font-size: 26px;
  color: #000000;
}
.homeDefaut .header {
  margin: 0 auto;
  text-align: center;
}
.homeDefaut .responsiveBackground {
  background-size: cover;
  height: 450px;
}
@media screen and (max-width: 800px) {
  .homeDefaut .responsiveBackground {
    height: 225px;
  }
}
.homeDefaut .responsiveBackground .contentText {
  display: block;
  margin: 0 auto;
  padding-top: 145px;
}
@media screen and (max-width: 800px) {
  .homeDefaut .responsiveBackground .contentText {
    max-width: 96%;
    padding-top: 75px;
  }
}
.homeDefaut .borderBot {
  border-bottom: 1px solid #d1d1d1;
}
.homeDefaut .bulletHome {
  font-size: 24px;
  width: 74.5967741935%;
  margin: 0 auto;
  padding: 60px 0 50px 0;
}
@media screen and (max-width: 800px) {
  .homeDefaut .bulletHome {
    width: 90%;
    padding: 25px 0;
  }
}
.homeDefaut .bulletHome li {
  float: left;
  margin-right: 10.8108108108%;
}
@media screen and (max-width: 800px) {
  .homeDefaut .bulletHome li {
    float: none;
    margin: 0;
  }
}
.homeDefaut .bulletHome li:nth-child(3) {
  margin-right: 0;
}
.homeDefaut .blocLogoContent {
  padding: 50px 0;
  border-bottom: 1px solid #d1d1d1;
}
.homeDefaut .blocLogo {
  margin: 0 auto;
  padding: 0;
}
@media screen and (max-width: 800px) {
  .homeDefaut .blocLogo {
    padding: 0;
  }
}
.homeDefaut .blocLogo li {
  min-height: 87px;
  position: relative;
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
@media all and (-ms-high-contrast: none) {
  .homeDefaut .blocLogo li {
    flex-direction: column;
    align-items: stretch;
    max-height: 85px;
  }
}
@media screen and (max-width: 800px) {
  .homeDefaut .blocLogo li {
    margin: 0 20px 0 0;
  }
}
.homeDefaut .blocLogo li a {
  display: block;
  margin: 0 auto;
  *zoom: 1;
}
.homeDefaut .blocLogo li a:before, .homeDefaut .blocLogo li a:after {
  content: "";
  display: table;
}
.homeDefaut .blocLogo li a:after {
  clear: both;
}
@media screen and (max-width: 800px) {
  .homeDefaut .blocLogo li a {
    width: 100%;
  }
}
@media all and (-ms-high-contrast: none) {
  .homeDefaut .blocLogo li a {
    display: table;
    height: 90px;
  }
}
@media all and (-ms-high-contrast: none) {
  .homeDefaut .blocLogo li a span {
    display: table-cell;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
    max-width: 85px;
  }
}
.homeDefaut .blocLogo li a img {
  max-width: 90%;
  margin: 0 auto;
}
.homeDefaut .blockTwoEvents {
  margin: 40px 0 0 0;
  padding: 0;
}
.homeDefaut .blockTwoEvents li {
  float: left;
  width: 50%;
  padding: 0 2.4193548387%;
  list-style-type: none;
  margin-bottom: 75px;
}
@media screen and (max-width: 800px) {
  .homeDefaut .blockTwoEvents li {
    width: 100%;
    float: none;
  }
}
.homeDefaut .blockTwoEvents li:nth-child(odd) {
  border-right: 1px solid #d1d1d1;
}
@media screen and (max-width: 800px) {
  .homeDefaut .blockTwoEvents li:nth-child(odd) {
    border: none;
  }
}
.homeDefaut .blockTwoEvents li a {
  text-decoration: none;
  color: #000000;
  display: block;
}
.homeDefaut .blockTwoEvents li .ulShadow {
  margin: 0;
}
@media screen and (max-width: 480px) {
  .homeDefaut .blockTwoEvents li .ulShadow {
    padding: 0;
  }
}
.homeDefaut .blockTwoEvents li .ulShadow li {
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #d1d1d1;
  width: 25.3225806452%;
  padding: 0;
  margin: 0;
  min-height: 92px;
}
.homeDefaut .blockTwoEvents li .ulShadow li:nth-child(4), .homeDefaut .blockTwoEvents li .ulShadow li:nth-child(5), .homeDefaut .blockTwoEvents li .ulShadow li:nth-child(6) {
  margin-top: 30px;
}
@media screen and (max-width: 800px) {
  .homeDefaut .blockTwoEvents li .ulShadow li:nth-child(4), .homeDefaut .blockTwoEvents li .ulShadow li:nth-child(5), .homeDefaut .blockTwoEvents li .ulShadow li:nth-child(6) {
    margin: 0;
  }
}
.homeDefaut .blockTwoEvents li .ulShadow li:nth-child(4).margin, .homeDefaut .blockTwoEvents li .ulShadow li:nth-child(5).margin, .homeDefaut .blockTwoEvents li .ulShadow li:nth-child(6).margin {
  margin: 30px 39px 0 39px;
}
@media screen and (max-width: 800px) {
  .homeDefaut .blockTwoEvents li .ulShadow li:nth-child(4).margin, .homeDefaut .blockTwoEvents li .ulShadow li:nth-child(5).margin, .homeDefaut .blockTwoEvents li .ulShadow li:nth-child(6).margin {
    margin: 0;
  }
}
.homeDefaut .blockTwoEvents li .ulShadow li.margin {
  margin: 0 39px;
}
@media screen and (max-width: 800px) {
  .homeDefaut .blockTwoEvents li .ulShadow li.margin {
    margin: 0;
  }
}
.homeDefaut .blockTwoEvents li .ulShadow li.focus {
  box-shadow: 0 0 15px rgb(119, 119, 119);
  border: 1px solid rgb(208, 208, 208);
}
@media screen and (max-width: 800px) {
  .homeDefaut .blockTwoEvents li .ulShadow li.focus {
    width: 150px !important;
    margin: 2px 0 0 3px;
  }
}
@media all and (-ms-high-contrast: none) {
  .homeDefaut .blockTwoEvents li .ulShadow li a {
    display: table;
    height: 90px;
  }
}
@media all and (-ms-high-contrast: none) {
  .homeDefaut .blockTwoEvents li .ulShadow li a span {
    display: table-cell;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
    max-width: 115px;
    max-height: 90px;
  }
}
.homeDefaut .blockTwoEvents li .ulShadow li img {
  max-width: 90%;
}
@media screen and (max-width: 800px) {
  .homeDefaut .blockTwoEvents li .ulShadow li img {
    width: 80%;
    margin: 0 auto;
  }
}
@media all and (-ms-high-contrast: none) {
  .homeDefaut .blockTwoEvents li .ulShadow li img {
    max-height: 90px;
  }
}
.homeDefaut .blockTwoEvents__main {
  position: relative;
}
.homeDefaut .blockTwoEvents__category {
  font-size: 32px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0 0 5px 0;
}
.homeDefaut .blockTwoEvents__img {
  max-width: 100%;
  width: 100%;
}
.homeDefaut .blockTwoEvents__stamp {
  background-color: #0f8ab8;
  color: #ffffff;
  font-size: 18px;
  position: absolute;
  left: 0;
  top: 40px;
  margin: 0;
  padding: 10px 15px;
  text-align: left;
}
@media screen and (max-width: 800px) {
  .homeDefaut .blockTwoEvents__stamp {
    top: 0;
    font-size: 15px;
    padding: 5px;
  }
}
.homeDefaut .blockTwoEvents__title {
  background: #ffa200; /* The Fallback */
  background: rgba(255, 162, 0, 0.8);
  text-transform: uppercase;
  position: absolute;
  bottom: 30px;
  margin: 0;
  text-align: center;
  padding: 10px 25px;
  left: 0;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .homeDefaut .blockTwoEvents__title {
    bottom: 7px;
    font-size: 18px;
    padding: 10px;
  }
}
.homeDefaut .blockTwoEvents__title span {
  text-transform: none;
  display: block;
}
.homeDefaut .blockTwoEvents__descrip {
  font-size: 20px;
  text-align: left;
  color: #4d4d4d;
  margin: 15px 0 25px 0;
  height: 90px;
}
@media screen and (max-width: 800px) {
  .homeDefaut .blockTwoEvents__descrip {
    height: auto;
  }
}
.homeDefaut .ourJob {
  margin-bottom: 80px;
}
@media screen and (max-width: 800px) {
  .homeDefaut .ourJob {
    margin-bottom: 0;
  }
}
.homeDefaut .ourJob hr {
  width: 68.5483870968%;
  color: #d1d1d1;
}
.homeDefaut .partnershipEvents {
  margin-bottom: 65px;
}
@media screen and (max-width: 800px) {
  .homeDefaut .partnershipEvents {
    margin: 0;
  }
}
.homeDefaut .partnershipEvents .buttonC1 {
  margin-top: 10px;
}
.homeDefaut .agrementBlock {
  margin-bottom: 70px;
  text-align: center;
}
.homeDefaut .agrementBlock .titleCG1 {
  width: 100%;
}
@media screen and (max-width: 800px) {
  .homeDefaut .agrementBlock {
    margin: 0 auto 60px auto;
  }
}
@media all and (-ms-high-contrast: none) {
  .homeDefaut .agrementBlock li {
    display: table;
    height: 90px;
  }
}
@media all and (-ms-high-contrast: none) {
  .homeDefaut .agrementBlock .logo__container {
    display: table-cell;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
    max-width: 115px;
    max-height: 90px;
    text-align: center;
  }
}
.homeDefaut .jqOrganizer {
  width: 500px;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .homeDefaut .jqOrganizer {
    margin: 0 auto 60px auto;
  }
}
.homeDefaut .jqOrganizer li {
  margin-right: 2%;
  width: 158px;
  height: 118px;
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
}
@media screen and (max-width: 800px) {
  .homeDefaut .jqOrganizer li {
    margin-bottom: 50px;
  }
}
.homeDefaut .jqOrganizer li.jqCurrentLi {
  border: 1px solid #0f8ab8;
}
@media screen and (max-width: 800px) {
  .homeDefaut .jqOrganizer li.jqCurrentLi {
    border: 1px solid #d1d1d1;
  }
}
.homeDefaut .jqOrganizer li.jqCurrentLi .ulForSlide__coche {
  bottom: -54px;
}
.homeDefaut .jqOrganizer li:last-child {
  margin-right: 0;
}
.homeDefaut .jqOrganizer li img {
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .homeDefaut .contentGeneSlide {
    margin-top: 50px;
  }
}
.homeDefaut .contentGeneSlide.current {
  border-top: 2px solid #d1d1d1;
}
.homeDefaut .contentGeneSlide__title {
  margin-bottom: 36px;
  text-transform: uppercase;
}
.homeDefaut .contentGeneSlide p {
  font-size: 20px;
}
.homeDefaut .footer .footer__part3.footerProduit {
  padding-bottom: 20px;
  margin-bottom: 50px;
}
@media screen and (max-width: 800px) {
  .homeDefaut .footer .footer__part3.footerProduit {
    margin: 0;
  }
}

.aplat01 {
  margin: 50px 10%;
  padding: 10px 15px;
  background-color: #e6e6e6;
}
.aplat01 .smaller {
  padding: 0;
  font-size: 12px;
}
.aplat01.titleOrder {
  margin: 20px 10%;
  font-weight: bold;
  text-transform: uppercase;
}

.is-bold {
  font-weight: bold;
}

.interline {
  margin-bottom: 10px;
}

.encartRight {
  margin-top: 50px;
  float: right;
  font-size: 12px;
  text-align: right;
}

.simple__checkbox {
  position: relative;
  z-index: 1;
  /* Aspect de la case */
  /* Aspect de la coche */
  /* Aspect cochée */
}
.simple__checkbox .chbxType01:not(:checked),
.simple__checkbox .chbxType01:checked {
  /* Cache la checkbox sans
     la rendre invisible aux
     lecteurs d'écran */
  position: absolute;
  left: 0;
  opacity: 0.01;
}
.simple__checkbox .chbxType01:not(:checked) + label,
.simple__checkbox .chbxType01:checked + label {
  position: relative; /* permet de positionner la checkbox */
  padding-left: 1.3em; /* place pour la box */
  font-size: 1em;
  line-height: 1.7;
  cursor: pointer;
}
.simple__checkbox .chbxType01 {
  position: absolute;
  left: 0;
  opacity: 0.01;
}
.simple__checkbox .chbxType01 + label {
  position: relative;
  padding-left: 5px;
  padding-right: 15px;
  font-size: 1em;
  line-height: 1.7;
  cursor: pointer;
}
.simple__checkbox .chbxType01:not(:checked) + label::before,
.simple__checkbox .chbxType01:checked + label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0.8em;
  height: 0.8em;
  border: 1px solid #000000;
  background: #FFF;
  border-radius: 0;
  box-shadow: none;
  transition: all 0.275s;
}
.simple__checkbox .chbxType01:not(:checked) + label::after,
.simple__checkbox .chbxType01:checked + label::after {
  content: "";
  speak: never; /* Pour être sûr que le lecteur d'écran ne lira pas "fois" */
  position: absolute;
  top: 0.48em;
  left: -0.1em;
  font-size: 1.2em;
  color: #5cbb46;
  line-height: 0;
  transition: all 0.2s;
}
.simple__checkbox [type=checkbox]:checked + label::after {
  font-family: "icomoon";
  content: "\e90a";
  opacity: 1;
  transform: scale(1) rotate(0);
}

.imgLogo {
  display: table;
  height: 102px;
  margin: 0;
}
.imgLogo .logo__container {
  padding: 5px 0 0 0;
  display: table-cell;
  vertical-align: middle;
}
.imgLogo .logo__container img {
  max-height: 85px;
}
.imgLogo__center {
  margin: 0 auto;
}

.quotationPage {
  margin: 30px 5%;
  width: 90%;
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
}
.quotationPage--link {
  text-decoration: none;
  color: #000000;
}
.quotationPage--table {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  border: 1px solid #000000;
  background-color: #ffffff;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
.quotationPage--table tbody td {
  color: #000000;
}
.quotationPage--table tr {
  border: 0;
}
.quotationPage--table tr.smallCell {
  width: 120px;
}
.quotationPage--table td {
  border: 1px solid #000000;
  padding: 5px;
}
.quotationPage--table td:nth-child(odd) {
  background-color: #e6e6e6;
}
.quotationPage--table tfoot {
  font-size: 14px;
  color: #000000;
}
.quotationPage--table tfoot td:nth-child(odd) {
  font-weight: bold;
}
.quotationPage__lineheight {
  line-height: 2em;
}

.purchaseOrder_table {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #ffffff;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
.purchaseOrder_table td {
  border: 1px solid #000000;
  padding: 3px 5px;
}
.purchaseOrder_table thead th {
  padding: 3px 5px;
  font-size: 13px;
  font-weight: bold;
  color: #C53730;
}
.purchaseOrder_table thead th.noBorder {
  border: 0;
}
.purchaseOrder_table .noBorder {
  border: 0;
}
.purchaseOrder_table tbody tr td {
  font-size: 13px;
  color: #000000;
}
.purchaseOrder_table tbody tr td.tdTitleColor {
  font-weight: bold;
  color: #C53730;
}
.purchaseOrder_table tbody tr td.w50pc {
  width: 50%;
}
.purchaseOrder_table tbody tr td.w33pc {
  width: 33%;
}
.purchaseOrder_table tbody tr td.w34pc {
  width: 34%;
}
.purchaseOrder_table tbody tr td .includedTable {
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
.purchaseOrder_table tbody tr td .includedTable tr {
  margin: 0;
  padding: 0;
  border: 0;
}
.purchaseOrder_table tbody tr td .includedTable td {
  margin: 0;
  border: 0;
}
.purchaseOrder_table tbody tr td .includedTable .borderRight {
  border-right: 1px solid #000000;
}
.purchaseOrder_table tfoot td {
  font-size: 13px;
}

.infoUnderTable {
  width: 90%;
  margin: 3px 5% 70px;
  font-size: 12px;
}
.infoUnderTable .interline {
  margin: 5px 0;
}
.infoUnderTable .declareTxt {
  font-size: 12px;
}

.pageProduit.pageFormation .nextSession__slider {
  color: #4d4d4d;
}
.pageProduit.pageFormation .nextSession__slider .titleCG1.titleCG1--size40 {
  color: #4d4d4d;
}

/*# sourceMappingURL=commun_gazette-des-communes.css.map */