@charset "UTF-8";
/* @AUTHOR : Mohamed ATATOUSSE, Mustapha Elouafi, ONYZIS */
/* @Created by Atatos - 02/2015 */
/* ------------------------------------------------------------------------------------------------------ */
/* == COMPASS ------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------ */
/* == RESET & COMPASS COMPLEMENTARIES ------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------ */
/* == VARIABLES + MIXINS -------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------ */
/* ------------------ */
/* == Fonts           */
/* ------------------ */
@font-face {
  font-family: 'fatfrank';
  src: url("../fonts/fatfrank-webfont.eot");
  src: url("../fonts/fatfrank-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/fatfrank-webfont.woff") format("woff"), url("../fonts/fatfrank-webfont.ttf") format("truetype"), url("../fonts/fatfrank-webfont.svg#fatfrank") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'helveticaneue';
  src: url("../fonts/helveticaneue-webfont.eot");
  src: url("../fonts/helveticaneue-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/helveticaneue-webfont.woff") format("woff"), url("../fonts/helveticaneue-webfont.ttf") format("truetype"), url("../fonts/helveticaneue-webfont.svg#helveticaneue") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'helveticaneuebold';
  src: url("../fonts/helveticaneuebold-webfont.eot");
  src: url("../fonts/helveticaneuebold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/helveticaneuebold-webfont.woff") format("woff"), url("../fonts/helveticaneuebold-webfont.ttf") format("truetype"), url("../fonts/helveticaneuebold-webfont.svg#helveticaneuebold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'helveticaneueroman';
  src: url("../fonts/helveticaneue-roman-webfont.eot");
  src: url("../fonts/helveticaneue-roman-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/helveticaneue-roman-webfont.woff") format("woff"), url("../fonts/helveticaneue-roman-webfont.ttf") format("truetype"), url("../fonts/helveticaneue-roman-webfont.svg#helveticaneueroman") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'helveticabold';
  src: url("../fonts/helvetica-bold.eot");
  src: url("../fonts/helvetica-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/helvetica-bold.woff") format("woff"), url("../fonts/helvetica-bold.ttf") format("truetype"), url("../fonts/helvetica-bold.svg#helveticabold") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*** FONT ICON ***/
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?4ncry3");
  src: url("../fonts/icomoon.eot?#iefix4ncry3") format("embedded-opentype"), url("../fonts/icomoon.woff?4ncry3") format("woff"), url("../fonts/icomoon.ttf?4ncry3") format("truetype"), url("../fonts/icomoon.svg?4ncry3#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-gplus:before {
  content: "\e60e";
}

.icon-user:before {
  content: "\e60d";
}

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

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

.icon-local:before {
  content: "\e60a";
}

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

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

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

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

.icon-fb:before {
  content: "\e601";
}

.icon-gr:before {
  content: "\e602";
}

.icon-ld:before {
  content: "\e603";
}

.icon-man:before {
  content: "\e604";
}

.icon-tw:before {
  content: "\e605";
}

.icon-yt:before {
  content: "\e606";
}

/* ------------------ */
/* == Variables       */
/* ------------------ */
/* Primary Colors */
/* Secondary Colors */
/* Formations Colors */
/* others sections Colors */
/* Fonts */
/* Defaulrt value of helpers */
/* Background opacity */
/* ------------------ */
/* == Mixins          */
/* ------------------ */
/* ---------------------------------------------------------------------------------------------------- */
/* == SPRITE ------------------------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------------- */
.header .top-bar nav > ul > li.la-salle-dans-le-monde > a:after, .header .top-bar .search input[type="checkbox"]:hover + a, .header .top-bar .social-network ul > li > a span.icon-vd, .header .top-bar .social-network ul > li > a span.icon-pin, .icons, .contact .infos:before, .icons {
  background-image: url("../images/sprites/sprites@1.png?356330");
  background-repeat: no-repeat;
}

.icon-favicon {
  background-position: -4px -4px;
  width: 240px;
  height: 224px;
}

.icon-sport {
  background-position: -252px -4px;
  width: 100px;
  height: 56px;
}

.icon-forum {
  background-position: -252px -68px;
  width: 82px;
  height: 58px;
}

.contact .infos:before, .icon-marker {
  background-position: -252px -134px;
  width: 38px;
  height: 66px;
}

.icon-document-big {
  background-position: -298px -134px;
  width: 46px;
  height: 62px;
}

.icon-blog {
  background-position: -4px -236px;
  width: 44px;
  height: 50px;
}

.icon-document {
  background-position: -56px -236px;
  width: 32px;
  height: 42px;
}

.icon-doc, .icon-docs {
  background-position: -96px -236px;
  width: 36px;
  height: 30px;
}

.header .top-bar .social-network ul > li > a span.icon-vd, .icon-viadeo {
  background-position: -4px -294px;
  width: 26px;
  height: 32px;
}

.icon-agenda, .icon-agenda {
  background-position: -140px -236px;
  width: 32px;
  height: 26px;
}

.header .top-bar .social-network ul > li > a:hover .icon-vd, .icon-viadeo-hr {
  background-position: -38px -294px;
  width: 26px;
  height: 32px;
}

.header .top-bar .social-network ul > li > a:hover .icon-pin, .icon-pinterest-hr {
  background-position: -72px -294px;
  width: 26px;
  height: 32px;
}

.header .top-bar .social-network ul > li > a span.icon-pin, .icon-pinterest {
  background-position: -106px -294px;
  width: 26px;
  height: 32px;
}

.header-min header .icon-doc, .icon-docs-min {
  background-position: -180px -236px;
  width: 30px;
  height: 26px;
}

.header .top-bar nav > ul > li.la-salle-dans-le-monde > a:after, .icon-map-world, .icon-map-hedaer {
  background-position: -252px -208px;
  width: 28px;
  height: 16px;
}

.header-min header .icon-agenda, .icon-agenda-min {
  background-position: -218px -236px;
  width: 28px;
  height: 20px;
}

.header .top-bar .search form input[type="submit"]:hover, .header .top-bar .search input[type="checkbox"]:hover + a, .icon-loupe_active {
  background-position: -140px -294px;
  width: 22px;
  height: 22px;
}

.icon-enveloppe, .icon-enveloppe {
  background-position: -288px -208px;
  width: 22px;
  height: 14px;
}

.icon-loupe {
  background-position: -170px -294px;
  width: 22px;
  height: 22px;
}

.icon-socials-network {
  background-position: -254px -236px;
  width: 14px;
  height: 16px;
}

.header .top-bar .social-network:hover > a i, .header .top-bar .social-network.active > a i, .header .top-bar .social-network > a:hover i, .icon-socials-network_active {
  background-position: -276px -236px;
  width: 14px;
  height: 16px;
}

/* -------------------------------------------------------------------------------------------------- */
/* == PAGE STRUCTURE -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* ------------------ */
/* == Global          */
/* ------------------ */
html, body {
  width: 100%;
  min-height: 100%;
}

body {
  background: #f6f6f6;
  font-family: Arial, sans-serif;
  font-size: 14px;
  -webkit-text-size-adjust: none;
}

p {
  font-size: 14px;
  line-height: 17px;
  color: #000000;
}

a {
  color: #000000;
  outline: none;
}
a:hover, a:focus {
  outline: none;
  text-decoration: none;
  color: #000000;
}

b, strong {
  font-weight: bold;
}

small, .small {
  font-size: 12px;
}

em {
  font-size: 14px;
  font-style: italic;
  color: #919191;
  display: block;
  margin-bottom: 20px;
}

img {
  max-width: 100%;
  vertical-align: middle;
}

ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul li {
  font-size: 14px;
}

#wrapper {
  min-width: 960px;
  margin: 0 auto;
  -moz-box-shadow: 0 0 30px #c4c4c4;
  -webkit-box-shadow: 0 0 30px #c4c4c4;
  box-shadow: 0 0 30px #c4c4c4;
  overflow: hidden;
  position: relative;
}

.container {
  width: 960px !important;
  max-width: inherit !important;
  padding-left: 5px;
  padding-right: 5px;
}

.row {
  margin-left: -5px;
  margin-right: -5px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  padding-left: 5px;
  padding-right: 5px;
}

.clearfix {
  *zoom: 1;
}
.clearfix:before, .clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}

.no-padding-top {
  padding-top: 0 !important;
}

.no-padding-bottom {
  padding-bottom: 0 !important;
}

.no-margin {
  margin: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

.no-bg {
  background: none !important;
}

.no-border {
  border: 0 !important;
}

figure {
  margin-bottom: 45px;
}

/** HELPERS CONTENT **/
.txt-color {
  color: #8bcf26 !important;
}

.bg-default {
  background-color: #ffffff;
}

.bg-base {
  background-color: #8bcf26;
}

.bg-red {
  background-color: #ff534e;
}

.lead {
  font-size: 20px;
  line-height: 24px;
}

.lead-40 {
  font-size: 40px;
  line-height: 44px;
}

.lead-25 {
  font-size: 25px;
  line-height: 29px;
}

.v-center {
  height: 100% !important;
}
.v-center > *:not(.no-center):before {
  content: "";
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.v-center > *:not(.no-center) > * {
  vertical-align: middle;
  display: inline-block;
}

.equal-column {
  display: -webkit-flex;
  display: flex;
  width: 100%;
}
.equal-column.align-center {
  -webkit-align-items: center;
  align-items: center;
}

/* IE9 hack */
:root .equal-column {
  text-align: left\9;
  font-size: 0\9;
}

:root .equal-column > div {
  display: inline-block\9;
  vertical-align: middle\9;
  float: none\9;
  margin-right: -3px\9;
}

.has-short-border {
  position: relative;
  padding-bottom: 25px;
  margin-bottom: 25px;
  margin-top: 0;
}
.has-short-border:before {
  content: "";
  background-color: #8bcf26;
  width: 35px;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.has-short-border.neutral:before {
  background-color: #000;
}

.has-date {
  font-weight: bold;
  display: block;
  width: 100%;
  margin: 10px 0 0;
}
.has-date .date {
  color: #7f7f7f;
  font-size: 15px;
}

.has-v-bdr + .has-v-bdr:after {
  bottom: 0;
  content: "";
  background: #4b4b4b;
  height: 100%;
  left: 0;
  padding-top: 100%;
  position: absolute;
  top: 0;
  width: 1px;
}

.overlay-box {
  position: relative;
}
.overlay-box > figure + * {
  background-color: rgba(75, 75, 75, 0.6);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.overlay-box > figure + * > *,
.overlay-box > figure + * p,
.overlay-box > figure + * a {
  color: #fff;
}
.overlay-box > figure + * .link.link-default {
  border-color: #fff;
}
.overlay-box .content ul li:before {
  background-color: #ffffff;
}
.overlay-box .overlay-content {
  margin-top: 5px;
  padding: 47px 31px 40px;
}

.has-bg-white {
  background-color: #fff;
}
.has-bg-white > h3,
.has-bg-white > .stag-h2,
.has-bg-white > .stag-h3,
.has-bg-white > .stag-h4,
.has-bg-white > h2,
.has-bg-white > h4,
.has-bg-white > p,
.has-bg-white > a,
.has-bg-white > ul li {
  color: #000000 !important;
}
.has-bg-white ul li:before {
  background: #000000 !important;
}
.has-bg-white ul li a {
  color: #000000 !important;
}
.has-bg-white ul li a:hover {
  color: #8bcf26 !important;
}
.has-bg-white p > a {
  color: #000000 !important;
}
.has-bg-white .link.link-default {
  border-color: #000000 !important;
}
.has-bg-white .link.link-primary:hover {
  color: #8bcf26 !important;
}

iframe {
  border: 0;
}

/* padding and margin helpers */
.pad-left-5, .pad-5 {
  padding-left: 5px !important;
}

.pad-right-5, .pad-5 {
  padding-right: 5px !important;
}

.pad-h-5 {
  padding-right: 5px !important;
  padding-left: 5px !important;
}

.pad-top-5, .pad-5 {
  padding-top: 5px !important;
}

.pad-bottom-5, .pad-5 {
  padding-bottom: 5px !important;
}

.pad-v-5 {
  padding-bottom: 5px !important;
  padding-top: 5px !important;
}

.mar-top-5, .mar-5 {
  margin-top: 5px !important;
}

.mar-bottom-5, .mar-5 {
  margin-bottom: 5px !important;
}

.mar-v-5 {
  margin-bottom: 5px !important;
  margin-top: 5px !important;
}

.mar-left-5, .mar-5 {
  margin-left: 5px !important;
}

.mar-right-5, .mar-5 {
  margin-right: 5px !important;
}

.mar-h-5 {
  margin-right: 5px !important;
  margin-left: 5px !important;
}

.pad-left-10, .pad-10 {
  padding-left: 10px !important;
}

.pad-right-10, .pad-10 {
  padding-right: 10px !important;
}

.pad-h-10 {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.pad-top-10, .pad-10 {
  padding-top: 10px !important;
}

.pad-bottom-10, .pad-10 {
  padding-bottom: 10px !important;
}

.pad-v-10 {
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}

.mar-top-10, .mar-10 {
  margin-top: 10px !important;
}

.mar-bottom-10, .mar-10 {
  margin-bottom: 10px !important;
}

.mar-v-10 {
  margin-bottom: 10px !important;
  margin-top: 10px !important;
}

.mar-left-10, .mar-10 {
  margin-left: 10px !important;
}

.mar-right-10, .mar-10 {
  margin-right: 10px !important;
}

.mar-h-10 {
  margin-right: 10px !important;
  margin-left: 10px !important;
}

.pad-left-15, .pad-15 {
  padding-left: 15px !important;
}

.pad-right-15, .pad-15 {
  padding-right: 15px !important;
}

.pad-h-15 {
  padding-right: 15px !important;
  padding-left: 15px !important;
}

.pad-top-15, .pad-15 {
  padding-top: 15px !important;
}

.pad-bottom-15, .pad-15 {
  padding-bottom: 15px !important;
}

.pad-v-15 {
  padding-bottom: 15px !important;
  padding-top: 15px !important;
}

.mar-top-15, .mar-15 {
  margin-top: 15px !important;
}

.mar-bottom-15, .mar-15 {
  margin-bottom: 15px !important;
}

.mar-v-15 {
  margin-bottom: 15px !important;
  margin-top: 15px !important;
}

.mar-left-15, .mar-15 {
  margin-left: 15px !important;
}

.mar-right-15, .mar-15 {
  margin-right: 15px !important;
}

.mar-h-15 {
  margin-right: 15px !important;
  margin-left: 15px !important;
}

.pad-left-20, .pad-20 {
  padding-left: 20px !important;
}

.pad-right-20, .pad-20 {
  padding-right: 20px !important;
}

.pad-h-20 {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

.pad-top-20, .pad-20 {
  padding-top: 20px !important;
}

.pad-bottom-20, .pad-20 {
  padding-bottom: 20px !important;
}

.pad-v-20 {
  padding-bottom: 20px !important;
  padding-top: 20px !important;
}

.mar-top-20, .mar-20 {
  margin-top: 20px !important;
}

.mar-bottom-20, .mar-20 {
  margin-bottom: 20px !important;
}

.mar-v-20 {
  margin-bottom: 20px !important;
  margin-top: 20px !important;
}

.mar-left-20, .mar-20 {
  margin-left: 20px !important;
}

.mar-right-20, .mar-20 {
  margin-right: 20px !important;
}

.mar-h-20 {
  margin-right: 20px !important;
  margin-left: 20px !important;
}

.pad-left-25, .pad-25 {
  padding-left: 25px !important;
}

.pad-right-25, .pad-25 {
  padding-right: 25px !important;
}

.pad-h-25 {
  padding-right: 25px !important;
  padding-left: 25px !important;
}

.pad-top-25, .pad-25 {
  padding-top: 25px !important;
}

.pad-bottom-25, .pad-25 {
  padding-bottom: 25px !important;
}

.pad-v-25 {
  padding-bottom: 25px !important;
  padding-top: 25px !important;
}

.mar-top-25, .mar-25 {
  margin-top: 25px !important;
}

.mar-bottom-25, .mar-25 {
  margin-bottom: 25px !important;
}

.mar-v-25 {
  margin-bottom: 25px !important;
  margin-top: 25px !important;
}

.mar-left-25, .mar-25 {
  margin-left: 25px !important;
}

.mar-right-25, .mar-25 {
  margin-right: 25px !important;
}

.mar-h-25 {
  margin-right: 25px !important;
  margin-left: 25px !important;
}

.pad-left-30, .pad-30 {
  padding-left: 30px !important;
}

.pad-right-30, .pad-30 {
  padding-right: 30px !important;
}

.pad-h-30 {
  padding-right: 30px !important;
  padding-left: 30px !important;
}

.pad-top-30, .pad-30 {
  padding-top: 30px !important;
}

.pad-bottom-30, .pad-30 {
  padding-bottom: 30px !important;
}

.pad-v-30 {
  padding-bottom: 30px !important;
  padding-top: 30px !important;
}

.mar-top-30, .mar-30 {
  margin-top: 30px !important;
}

.mar-bottom-30, .mar-30 {
  margin-bottom: 30px !important;
}

.mar-v-30 {
  margin-bottom: 30px !important;
  margin-top: 30px !important;
}

.mar-left-30, .mar-30 {
  margin-left: 30px !important;
}

.mar-right-30, .mar-30 {
  margin-right: 30px !important;
}

.mar-h-30 {
  margin-right: 30px !important;
  margin-left: 30px !important;
}

.pad-left-35, .pad-35 {
  padding-left: 35px !important;
}

.pad-right-35, .pad-35 {
  padding-right: 35px !important;
}

.pad-h-35 {
  padding-right: 35px !important;
  padding-left: 35px !important;
}

.pad-top-35, .pad-35 {
  padding-top: 35px !important;
}

.pad-bottom-35, .pad-35 {
  padding-bottom: 35px !important;
}

.pad-v-35 {
  padding-bottom: 35px !important;
  padding-top: 35px !important;
}

.mar-top-35, .mar-35 {
  margin-top: 35px !important;
}

.mar-bottom-35, .mar-35 {
  margin-bottom: 35px !important;
}

.mar-v-35 {
  margin-bottom: 35px !important;
  margin-top: 35px !important;
}

.mar-left-35, .mar-35 {
  margin-left: 35px !important;
}

.mar-right-35, .mar-35 {
  margin-right: 35px !important;
}

.mar-h-35 {
  margin-right: 35px !important;
  margin-left: 35px !important;
}

.pad-left-40, .pad-40 {
  padding-left: 40px !important;
}

.pad-right-40, .pad-40 {
  padding-right: 40px !important;
}

.pad-h-40 {
  padding-right: 40px !important;
  padding-left: 40px !important;
}

.pad-top-40, .pad-40 {
  padding-top: 40px !important;
}

.pad-bottom-40, .pad-40 {
  padding-bottom: 40px !important;
}

.pad-v-40 {
  padding-bottom: 40px !important;
  padding-top: 40px !important;
}

.mar-top-40, .mar-40 {
  margin-top: 40px !important;
}

.mar-bottom-40, .mar-40 {
  margin-bottom: 40px !important;
}

.mar-v-40 {
  margin-bottom: 40px !important;
  margin-top: 40px !important;
}

.mar-left-40, .mar-40 {
  margin-left: 40px !important;
}

.mar-right-40, .mar-40 {
  margin-right: 40px !important;
}

.mar-h-40 {
  margin-right: 40px !important;
  margin-left: 40px !important;
}

.pad-left-45, .pad-45 {
  padding-left: 45px !important;
}

.pad-right-45, .pad-45 {
  padding-right: 45px !important;
}

.pad-h-45 {
  padding-right: 45px !important;
  padding-left: 45px !important;
}

.pad-top-45, .pad-45 {
  padding-top: 45px !important;
}

.pad-bottom-45, .pad-45 {
  padding-bottom: 45px !important;
}

.pad-v-45 {
  padding-bottom: 45px !important;
  padding-top: 45px !important;
}

.mar-top-45, .mar-45 {
  margin-top: 45px !important;
}

.mar-bottom-45, .mar-45 {
  margin-bottom: 45px !important;
}

.mar-v-45 {
  margin-bottom: 45px !important;
  margin-top: 45px !important;
}

.mar-left-45, .mar-45 {
  margin-left: 45px !important;
}

.mar-right-45, .mar-45 {
  margin-right: 45px !important;
}

.mar-h-45 {
  margin-right: 45px !important;
  margin-left: 45px !important;
}

.pad-left-50, .pad-50 {
  padding-left: 50px !important;
}

.pad-right-50, .pad-50 {
  padding-right: 50px !important;
}

.pad-h-50 {
  padding-right: 50px !important;
  padding-left: 50px !important;
}

.pad-top-50, .pad-50 {
  padding-top: 50px !important;
}

.pad-bottom-50, .pad-50 {
  padding-bottom: 50px !important;
}

.pad-v-50 {
  padding-bottom: 50px !important;
  padding-top: 50px !important;
}

.mar-top-50, .mar-50 {
  margin-top: 50px !important;
}

.mar-bottom-50, .mar-50 {
  margin-bottom: 50px !important;
}

.mar-v-50 {
  margin-bottom: 50px !important;
  margin-top: 50px !important;
}

.mar-left-50, .mar-50 {
  margin-left: 50px !important;
}

.mar-right-50, .mar-50 {
  margin-right: 50px !important;
}

.mar-h-50 {
  margin-right: 50px !important;
  margin-left: 50px !important;
}

.pad-left-55, .pad-55 {
  padding-left: 55px !important;
}

.pad-right-55, .pad-55 {
  padding-right: 55px !important;
}

.pad-h-55 {
  padding-right: 55px !important;
  padding-left: 55px !important;
}

.pad-top-55, .pad-55 {
  padding-top: 55px !important;
}

.pad-bottom-55, .pad-55 {
  padding-bottom: 55px !important;
}

.pad-v-55 {
  padding-bottom: 55px !important;
  padding-top: 55px !important;
}

.mar-top-55, .mar-55 {
  margin-top: 55px !important;
}

.mar-bottom-55, .mar-55 {
  margin-bottom: 55px !important;
}

.mar-v-55 {
  margin-bottom: 55px !important;
  margin-top: 55px !important;
}

.mar-left-55, .mar-55 {
  margin-left: 55px !important;
}

.mar-right-55, .mar-55 {
  margin-right: 55px !important;
}

.mar-h-55 {
  margin-right: 55px !important;
  margin-left: 55px !important;
}

.pad-left-60, .pad-60 {
  padding-left: 60px !important;
}

.pad-right-60, .pad-60 {
  padding-right: 60px !important;
}

.pad-h-60 {
  padding-right: 60px !important;
  padding-left: 60px !important;
}

.pad-top-60, .pad-60 {
  padding-top: 60px !important;
}

.pad-bottom-60, .pad-60 {
  padding-bottom: 60px !important;
}

.pad-v-60 {
  padding-bottom: 60px !important;
  padding-top: 60px !important;
}

.mar-top-60, .mar-60 {
  margin-top: 60px !important;
}

.mar-bottom-60, .mar-60 {
  margin-bottom: 60px !important;
}

.mar-v-60 {
  margin-bottom: 60px !important;
  margin-top: 60px !important;
}

.mar-left-60, .mar-60 {
  margin-left: 60px !important;
}

.mar-right-60, .mar-60 {
  margin-right: 60px !important;
}

.mar-h-60 {
  margin-right: 60px !important;
  margin-left: 60px !important;
}

.is-table {
  display: table;
  width: 100%;
  overflow: hidden;
}
.is-table > * {
  display: table-cell;
  float: none !important;
  height: 100%;
}

.centered-content {
  padding: 0 40px;
}

.btn-popup, .testimony .desc .action-icon,
.fancybox-close,
.testimony article.active .desc .action-icon {
  width: 43px;
  height: 43px;
  border: 3px solid #000000;
  -moz-border-radius: 60px;
  -webkit-border-radius: 60px;
  border-radius: 60px;
  font: 0/0 serif;
  text-shadow: none;
  color: transparent;
  position: relative;
  display: block;
}
.has-white-bg.btn-popup, .testimony .desc .has-white-bg.action-icon,
.has-white-bg.fancybox-close,
.testimony article.active .desc .has-white-bg.action-icon {
  height: 52px;
  width: 52px;
  border-color: #fff;
  background-color: #fff;
}
.has-white-bg.btn-popup:before, .testimony .desc .has-white-bg.action-icon:before, .has-white-bg.btn-popup:after, .testimony .desc .has-white-bg.action-icon:after,
.has-white-bg.fancybox-close:before,
.testimony article.active .desc .has-white-bg.action-icon:before,
.has-white-bg.fancybox-close:after,
.testimony article.active .desc .has-white-bg.action-icon:after {
  background-color: #8bcf26;
}
.has-white-bg.btn-popup:before, .testimony .desc .has-white-bg.action-icon:before,
.has-white-bg.fancybox-close:before,
.testimony article.active .desc .has-white-bg.action-icon:before {
  width: 3px;
  height: 30px;
}
.has-white-bg.btn-popup:after, .testimony .desc .has-white-bg.action-icon:after,
.has-white-bg.fancybox-close:after,
.testimony article.active .desc .has-white-bg.action-icon:after {
  width: 30px;
  height: 3px;
}
.btn-popup:before, .testimony .desc .action-icon:before, .btn-popup:after, .testimony .desc .action-icon:after,
.fancybox-close:before,
.testimony article.active .desc .action-icon:before,
.fancybox-close:after,
.testimony article.active .desc .action-icon:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: #000000;
}
.btn-popup:before, .testimony .desc .action-icon:before,
.fancybox-close:before,
.testimony article.active .desc .action-icon:before {
  width: 3px;
  height: 21px;
}
.btn-popup:after, .testimony .desc .action-icon:after,
.fancybox-close:after,
.testimony article.active .desc .action-icon:after {
  width: 21px;
  height: 3px;
}
.btn-popup:hover, .testimony .desc .action-icon:hover,
.fancybox-close:hover,
.testimony article.active .desc .action-icon:hover {
  border-color: #8bcf26;
}
.btn-popup:hover:before, .testimony .desc .action-icon:hover:before, .btn-popup:hover:after, .testimony .desc .action-icon:hover:after,
.fancybox-close:hover:before,
.testimony article.active .desc .action-icon:hover:before,
.fancybox-close:hover:after,
.testimony article.active .desc .action-icon:hover:after {
  background: #8bcf26;
}

.fancybox-close, .testimony article.active .desc .action-icon {
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.nicescroll-rails {
  width: 12px !important;
  margin-left: 72px;
  cursor: pointer !important;
}
.nicescroll-rails:before {
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid #000000;
  bottom: 10px;
  content: "";
  height: 0;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 0;
}
.nicescroll-rails:after {
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 3px solid #000000;
  top: 10px;
  content: "";
  height: 0;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 0;
}
.nicescroll-rails > div {
  border-left: 0 !important;
  border-right: 0 !important;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.loading {
  position: relative;
}
.loading:before {
  content: "";
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.loading:after {
  content: "";
  background: url('../images/common/loader.gif?1450254284') no-repeat center center;
  width: 32px;
  height: 32px;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin: auto;
  margin-top: -16px;
  z-index: 2;
}

.stag-h1,
.stag-h2,
.stag-h3,
.stag-h4,
.stag-h5 {
  display: block;
}

.pd-30 {
  padding: 30px !important;
}

/* ------------------ */
/* == Typography      */
/* ------------------ */
h1, .title-lvl-1, .numbers.layer .layer-sub-title, .h1, .stag-h1 {
  font-family: "helveticaneuebold", sans-serif;
  font-size: 40px;
  color: #000000;
}

h2, .title-lvl-2, .h2, .stag-h2 {
  font-family: "helveticaneuebold", sans-serif;
  font-size: 25px;
  margin-top: 10px;
  margin-bottom: 25px;
}

h3, .title-lvl-3, .h3, .stag-h3 {
  font-family: "helveticaneuebold", sans-serif;
  font-size: 19px;
}

h4, .title-lvl-4, .h4, .stag-h4 {
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 15px;
}

h5, .title-lvl-5, .h5, .stag-h5 {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
}

/* ------------------- */
/* == Buttons          */
/* ------------------- */
.btn {
  background: #8bcf26;
  color: #ffffff;
  font-family: "helveticaneuebold", sans-serif;
  font-size: 25px;
  border: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 12px 30px;
}
.btn-small {
  font-size: 16px;
}

a.btn {
  text-decoration: none !important;
}

button.link.link-default {
  background: none;
  border-top: none;
  border-left: none;
  border-right: none;
  padding: 0;
}

.btn-popup {
  position: absolute;
  left: 50%;
  bottom: 52px;
  margin-left: -26px;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.btn-popup:hover {
  background: #8bcf26;
}
.btn-popup:hover:before, .btn-popup:hover:after {
  background: #ffffff;
}

.link {
  font-family: "helveticaneuebold", sans-serif;
  font-size: 16px;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.link.link-default {
  border-bottom: 3px solid #000000;
}
.link.link-primary {
  font-family: Arial, sans-serif;
  font-weight: bold;
  color: #ffffff;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.link.link-primary:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #ffffff;
  height: 3px;
  -moz-transition-property: left, right;
  -o-transition-property: left, right;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.link.link-primary:hover:before, .link.link-primary:focus:before, .link.link-primary:active:before {
  left: 0;
  right: 0;
  z-index: 1;
}
.link.link-primary:hover {
  color: #8bcf26;
}
.link.link-primary:hover:before {
  background: #8bcf26;
}
.link.link-normal {
  font-family: Arial, sans-serif;
  font-weight: bold;
  line-height: 20px;
}
.link.link-normal:hover {
  border-bottom: 3px solid #000000;
}
.link.link-animate {
  color: #000000;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.link.link-animate:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #000000;
  height: 3px;
  -moz-transition-property: left, right;
  -o-transition-property: left, right;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.link.link-animate:hover:before, .link.link-animate:focus:before, .link.link-animate:active:before {
  left: 0;
  right: 0;
  z-index: 1;
}
.link.link-bgcolor {
  background: #8bcf26;
  padding: 0 2px;
  margin: 0 5px;
}
.link.link-bgcolor:hover {
  background: #6db700;
}
.link.special-link {
  font-size: 12px;
  text-decoration: underline;
}
.link.special-link:hover {
  text-decoration: underline;
}

/* ------------------ */
/* == Pictos          */
/* ------------------ */
/* ------------------ */
/* == Scrollspy       */
/* ------------------ */
.nav-dots:before {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3);
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  z-index: 10;
}
.nav-dots .nav {
  list-style: outside none none;
  margin-bottom: 0;
  margin-left: 65px;
  padding-top: 0;
  top: 50%;
  right: 0;
  z-index: 99;
}
.nav-dots .nav > li {
  margin-bottom: 1px;
}
.nav-dots .nav > li:hover a > div {
  background-color: #8ccc20;
}
.nav-dots .nav > li:hover a > div + span {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
}
.nav-dots .nav > li.showen div {
  background-color: #8ccc20;
}
.nav-dots .nav > li.showen div + span {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
}
.nav-dots .nav > li.showen a > span {
  width: 215px;
}
.nav-dots .nav > li.active div {
  background-color: #8ccc20;
}
.nav-dots .nav > li:hover {
  background-color: transparent;
}
.nav-dots .nav > li:hover a > span {
  width: 215px;
}
.nav-dots .nav > li > a {
  padding: 0;
}
.nav-dots .nav > li > a:focus {
  background: none;
}
.nav-dots .nav > li > a > div {
  background-color: #000000;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  padding: 0;
  bottom: 0;
  height: 14px;
  margin: auto;
  position: absolute;
  right: 8px;
  top: 0;
  width: 14px;
  z-index: 99;
  cursor: pointer;
}
.nav-dots .nav > li > a > span {
  background-color: #292929;
  color: #fff;
  font-size: 12px;
  height: 32px;
  width: 30px;
  display: block;
  padding: 9px 30px 10px 10px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
  white-space: nowrap;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

/* -------------- */
/* == Header      */
/* ---------------*/
.header {
  background-color: #292929;
  position: relative;
  width: 100%;
  z-index: 100;
}
.header a:hover {
  text-decoration: none;
}
.header > div {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.header .top-bar {
  background-color: #1e1e1e;
}
.header .top-bar + div {
  clear: both;
}
.header .top-bar nav {
  float: left;
}
.header .top-bar nav > ul {
  *zoom: 1;
}
.header .top-bar nav > ul:before, .header .top-bar nav > ul:after {
  display: table;
  content: "";
  line-height: 0;
}
.header .top-bar nav > ul:after {
  clear: both;
}
.header .top-bar nav > ul > li {
  float: left;
  position: relative;
}
.header .top-bar nav > ul > li.la-salle-dans-le-monde > a {
  padding-left: 46px !important;
  position: relative;
}
.header .top-bar nav > ul > li.la-salle-dans-le-monde > a:after {
  content: "";
  position: absolute;
  left: 10px;
  top: 14px;
}
.header .top-bar nav > ul > li.menu-item-has-children > a:before {
  content: "";
  position: absolute;
  right: 10px;
  bottom: 17px;
  width: 0;
  height: 0;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-top: 3px solid #8c8c8c;
}
.header .top-bar nav > ul > li.menu-item-has-children > a:hover:before {
  border-top-color: #fff;
}
.header .top-bar nav > ul > li > a {
  color: rgba(255, 255, 255, 0.7);
  font-size: 12px;
  line-height: 41px;
  font-family: Arial, sans-serif;
  padding: 0 25px 0 10px;
  position: relative;
  display: inline-block;
}
.header .top-bar nav > ul > li > a i {
  vertical-align: middle;
  margin-right: 8px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.header .top-bar nav > ul > li > a:hover {
  color: #8bcf26;
}
.header .top-bar nav > ul > li > a:hover i {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.header .top-bar nav > ul > li > a:hover.has-arrow:before {
  border-top-color: #fff;
}
.header .top-bar nav > ul > li > a.has-arrow:before {
  content: "";
  position: absolute;
  right: 10px;
  bottom: 17px;
  width: 0;
  height: 0;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-top: 3px solid #8c8c8c;
}
.header .top-bar nav > ul > li:hover a.has-arrow, .header .top-bar nav > ul > li.active a.has-arrow {
  background-color: #000;
  color: #fff;
}
.header .top-bar nav > ul > li:hover a.has-arrow:before, .header .top-bar nav > ul > li.active a.has-arrow:before {
  border-top-color: #fff;
}
.header .top-bar nav > ul > li:hover.menu-item-has-children > a, .header .top-bar nav > ul > li.active.menu-item-has-children > a {
  background-color: #000;
  color: #fff;
}
.header .top-bar nav > ul > li:hover.menu-item-has-children > a:before, .header .top-bar nav > ul > li.active.menu-item-has-children > a:before {
  border-top-color: #fff;
}
.header .top-bar nav > ul > li:hover ul, .header .top-bar nav > ul > li.active ul {
  height: auto;
  display: block;
}
.header .top-bar nav > ul > li > ul {
  display: none;
  background-color: #000;
  padding: 24px 10px 14px;
  position: absolute;
  top: 41px;
  left: 0;
  z-index: 80;
  min-width: 160px;
  width: 100%;
}
.header .top-bar nav > ul > li > ul > li {
  margin-bottom: 5px;
}
.header .top-bar nav > ul > li > ul > li a {
  font-size: 12px;
  line-height: 14px;
  font-family: Arial,sans-serif;
  color: #fff;
}
.header .top-bar nav > ul > li > ul > li a:hover {
  color: #8bcf26;
}
.header .top-bar nav > ul > li:first-child > a {
  padding-left: 10px;
}
.header .top-bar .action-links {
  *zoom: 1;
  float: left;
}
.header .top-bar .action-links:before, .header .top-bar .action-links:after {
  display: table;
  content: "";
  line-height: 0;
}
.header .top-bar .action-links:after {
  clear: both;
}
.header .top-bar .action-links > li {
  float: left;
  border-left: 1px solid #545454;
}
.header .top-bar .search {
  position: relative;
}
.header .top-bar .search form {
  background-color: #000000;
  padding: 9px 10px 9px 11px;
  margin-right: -500px;
  float: left;
  position: relative;
  z-index: 10;
  visibility: hidden;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.header .top-bar .search form > * {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.header .top-bar .search form input[type="text"] {
  color: #fff;
  font-size: 12px;
  font-family: Arial, sans-serif;
  background: transparent;
  border: none;
}
.header .top-bar .search form input[type="submit"] {
  border: none;
  background-color: transparent;
}
.header .top-bar .search form input[type="submit"] {
  font: 0/0 serif;
  text-shadow: none;
  color: transparent;
}
.header .top-bar .search input[type="checkbox"] {
  position: absolute;
  right: 0;
  top: 0;
  width: 72px;
  height: 40px;
  z-index: 5;
  margin: 0;
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.header .top-bar .search input[type="checkbox"]:checked + a {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  display: none;
}
.header .top-bar .search input[type="checkbox"]:checked + a + form {
  visibility: visible;
  margin-right: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.header .top-bar .search input[type="checkbox"]:checked + a + form > * {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.header .top-bar .search a {
  display: block;
  margin: 9px 25px 9px 25px;
  font: 0/0 serif;
  text-shadow: none;
  color: transparent;
  float: right;
  position: relative;
  z-index: 2;
}
.header .top-bar .social-network {
  width: 148px;
  position: relative;
}
.header .top-bar .social-network:hover > a, .header .top-bar .social-network.active > a {
  background-color: #000;
  color: #8bcf26;
}
.header .top-bar .social-network:hover ul, .header .top-bar .social-network.active ul {
  visibility: visible;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.header .top-bar .social-network > a {
  padding-left: 14px;
  font-size: 12px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  color: #fff;
  line-height: 41px;
  display: block;
  width: 100%;
}
.header .top-bar .social-network > a:hover {
  color: #8bcf26;
}
.header .top-bar .social-network > a i {
  margin-right: 11px;
}
.header .top-bar .social-network ul {
  visibility: hidden;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: all 0.2s ease-in-out-in;
  -o-transition: all 0.2s ease-in-out-in;
  -webkit-transition: all 0.2s ease-in-out-in;
  transition: all 0.2s ease-in-out-in;
  background-color: #000;
  width: 100%;
  padding: 3px 25px 30px;
  overflow: hidden;
  position: absolute;
  top: 35px;
  left: 0;
  font-size: 0;
  z-index: 10;
}
.header .top-bar .social-network ul > li {
  display: inline-block;
  width: 47px;
  text-align: center;
  margin-top: 26px;
}
.header .top-bar .social-network ul > li > a {
  font: 0/0 serif;
  text-shadow: none;
  color: transparent;
  color: #fff;
}
.header .top-bar .social-network ul > li > a span {
  font-size: 31px;
  display: inline-block;
}
.header .top-bar .social-network ul > li > a:hover .icon-fb {
  color: #375999;
}
.header .top-bar .social-network ul > li > a:hover .icon-tw {
  color: #3aa8db;
}
.header .top-bar .social-network ul > li > a:hover .icon-yt {
  color: #e3272a;
}
.header .top-bar .social-network ul > li > a:hover .icon-ld {
  color: #0077b5;
}
.header .top-bar .social-network ul > li > a:hover .icon-gr {
  color: #2a5b83;
}
.header .top-bar .social-network,
.header .top-bar .contact {
  float: left;
}
.header .top-bar .contact {
  width: 150px;
  color: #000000;
  background-color: #8bcf26;
  line-height: 41px;
  font-size: 12px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  padding: 0 16px;
  display: block;
}
.header .top-bar .contact i {
  vertical-align: middle;
  margin-right: 8px;
}
.header .logo {
  background: url('../images/common/logo.png?1450254284') no-repeat center;
  width: 246px;
  height: 105px;
  margin: 0;
  float: left;
  border-right: 1px solid #545454;
  position: relative;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.header .logo > a {
  display: block;
  width: 100%;
  height: 100%;
}
.header .logo:before, .header .logo:after {
  background-color: #292929;
  content: "";
  position: absolute;
  width: 1px;
  z-index: 55;
  right: -1px;
}
.header .logo:before {
  height: 14px;
  top: 0;
}
.header .logo:after {
  height: 13px;
  bottom: 0;
}
.header .links {
  float: left;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.header .links > li {
  float: left;
}
.header .links > li > a {
  text-align: center;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  font-family: Arial, sans-serif;
  display: inline-block;
  line-height: 105px;
  position: relative;
  width: 100%;
  border-right: 1px solid #545454;
}
.header .links > li > a:before, .header .links > li > a:after {
  background-color: #292929;
  content: "";
  position: absolute;
  width: 1px;
  z-index: 55;
  right: -1px;
}
.header .links > li > a:before {
  height: 14px;
  top: 0;
}
.header .links > li > a:after {
  height: 13px;
  bottom: 0;
}
.header .links > li > a > span {
  position: relative;
  display: block;
  width: 100%;
  /*padding: 0 42px;*/
  padding: 0 20px;
}
.header .links > li > a > span:before {
  right: 0;
}
.header .links > li > a > span:after {
  content: "";
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 3px solid #bfbfbf;
}
.header .links > li > a:hover {
  color: #8bcf26;
}
.header .links > li > a:hover:after {
  border-top-color: #8bcf26;
}
.header .menu {
  float: left;
}
.header .menu input[type="checkbox"] {
  cursor: pointer;
  height: 105px;
  left: 0;
  margin: 0;
  position: absolute;
  top: 41px;
  width: 70px;
  z-index: 99;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  display: none;
}
.header .menu input[type="checkbox"]:checked + button + .meganav {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
}
.header .menu input[type="checkbox"]:checked + button + .meganav > ul:first-child {
  left: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.header .menu.active > button, .header .menu input[type="checkbox"]:checked + button, .no-touch .header .menu > button:hover, .no-touch .header .menu > button.active {
  background-color: #fff;
  color: #8bcf26;
}
.header .menu.active > button span:first-child ~ span, .header .menu input[type="checkbox"]:checked + button span:first-child ~ span, .no-touch .header .menu > button:hover span:first-child ~ span, .no-touch .header .menu > button.active span:first-child ~ span {
  background-color: #8bcf26;
}
.header .menu > button {
  font-size: 18px;
  color: white;
  display: block;
  float: left;
  width: 70px;
  height: 105px;
  background-color: #8bcf26;
  text-align: center;
  border: none;
  padding: 0;
}
.no-touch .header .menu > button:hover, .no-touch .header .menu > button.active {
  outline: none;
}
.header .menu > button span {
  display: block;
}
.header .menu > button span:first-child {
  margin-bottom: 12px;
}
.header .menu > button span:first-child ~ span {
  background-color: white;
  height: 2px;
  width: 10px;
  margin: 2px auto 0;
}
.header .menu .meganav {
  position: absolute;
  top: 146px;
  left: -400px;
  width: auto;
  z-index: 10;
}
.header .menu .meganav ul:before {
  content: "";
  background: url('../images/common/menu-ombre.png?1450254284') repeat-x;
  height: 10px;
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
}
.header .menu .meganav > ul:first-child {
  background-color: #fff;
  /*min-height: 536px;*/
  min-height: 632px;
  left: 0;
  padding: 39px 31px;
  width: 316px;
  position: relative;
  z-index: 2;
}
.header .menu .meganav > ul:first-child > li {
  margin-bottom: 22px;
  position: relative;
}
.header .menu .meganav > ul:first-child > li.active a {
  color: #8bcf26;
  border-bottom: 3px solid #8bcf26;
}
.header .menu .meganav > ul:first-child > li.active a:before, .header .menu .meganav > ul:first-child > li.active a:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 16px solid #8bcf26;
  border-bottom: 16px solid transparent;
  border-top: 16px solid transparent;
}
.header .menu .meganav > ul:first-child > li.active a:after {
  border-left: 9px solid  #fff;
  border-bottom-width: 9px;
  border-top-width: 9px;
  right: 4px;
  top: 7px;
}
.header .menu .meganav > ul:first-child > li a {
  color: #292929;
  font-family: "helveticaneueroman", sans-serif;
  /*font-size: 25px;*/
  font-size: 20px;
  line-height: 25px;
}
.header .menu .meganav > ul:first-child > li a:hover, .header .menu .meganav > ul:first-child > li a.active {
  color: #8bcf26;
  border-bottom: 3px solid #8bcf26;
}
.header .menu .meganav > ul:first-child > li a:hover:before, .header .menu .meganav > ul:first-child > li a:hover:after, .header .menu .meganav > ul:first-child > li a.active:before, .header .menu .meganav > ul:first-child > li a.active:after {
  content: "";
  position: absolute;
  /*right: 0;*/
  right: -16px;
  top: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 16px solid #8bcf26;
  border-bottom: 16px solid transparent;
  border-top: 16px solid transparent;
}

.header .menu .meganav > ul:first-child > li.active a:before {
  content: "";
  position: absolute;
  /*right: 0;*/
  right: -16px;
  top: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 16px solid #8bcf26;
  border-bottom: 16px solid transparent;
  border-top: 16px solid transparent;
}

.header .menu .meganav > ul:first-child > li.active a:after {
    right: -12px;
}

.header .menu .meganav > ul:first-child > li a:hover:after, .header .menu .meganav > ul:first-child > li a.active:after {
  border-left: 9px solid  #fff;
  border-bottom-width: 9px;
  border-top-width: 9px;
  /*right: 4px;*/
  right: -12px;
  top: 7px;
}

.header .menu .meganav .subnav {
  left: 0;
  position: absolute;
  padding-left: 316px;
  top: 0;
  width: 100%;
  z-index: 1;
}
.header .menu .meganav .subnav:before {
  left: 316px;
}
.header .menu .meganav .subnav > li {
  display: none;
  width: 100%;
  min-height: 632px;
  padding: 36px 0 40px 38px;
  background: #fff;
}
.header .menu .meganav .subnav > li > div {
  display: table-cell;
  height: 460px;
  float: none;
  border-left: 1px solid #7b7b7b;
  padding: 7px 5px 4px 14px;
}
.header .menu .meganav .subnav > li > div h2, .header .menu .meganav .subnav > li > div .stag-h2 {
  font-size: 20px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  color: #292929;
  margin: 0 0 13px;
}
.header .menu .meganav .subnav > li > div ol > li {
  margin-bottom: 16px;
}
.header .menu .meganav .subnav > li > div ol > li a {
  color: #292929;
  font-size: 13px;
  font-family: Arial, sans-serif;
}
.header .menu .meganav .subnav > li > div ol > li a:hover {
  color: #8bcf26;
  border-bottom: 2px solid #8bcf26;
}
.header .single-nav:hover {
  background-color: #fff;
}
.header .single-nav:hover > ul {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
}
.header .single-nav:hover > a {
  color: #000;
}
.header .single-nav:hover > a:after {
  border-top-color: #000;
}
.header .single-nav.no-full {
  position: relative;
}
.header .single-nav.no-full > ul {
  padding: 2px 0 0;
  width: 390px;
  top: 105px;
  left: 50%;
  margin-left: -195px;
}
.header .single-nav.no-full > ul:before {
  display: none;
}
.header .single-nav.no-full > ul > li {
  height: 75px;
  text-align: center;
  padding: 0 10px;
  display: table;
  width: 100%;
}
.header .single-nav.no-full > ul > li:last-child {
  border-bottom-width: 0;
}
.header .single-nav.no-full > ul > li:before {
  content: "";
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.header .single-nav.no-full > ul > li > a {
  display: table-cell;
  vertical-align: middle;
  float: none;
  margin-top: 0;
}
.header .single-nav.no-full > ul > li > a:hover span {
  color: #8bcf26;
}
.header .single-nav.no-full > ul > li > a:hover span:before {
  left: 0;
  right: 0;
}
.header .single-nav > ul {
  padding: 30px 0 26px;
  background: none repeat scroll 0 0 #fff;
  left: 0;
  position: absolute;
  top: 146px;
  width: 100%;
  z-index: 10;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: opacity 0.5s 0;
  -o-transition: opacity 0.5s 0;
  -webkit-transition: opacity 0.5s 0;
  transition: opacity 0.5s 0;
  visibility: hidden;
}
.header .single-nav > ul:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  width: 10px;
  height: 100%;
  top: 0;
  bottom: 0;
  background-color: #fff;
  margin: 0 auto;
  z-index: 22;
}
.header .single-nav > ul:after {
  content: "";
  background: url('../images/common/menu-ombre.png?1450254284') repeat-x;
  width: 100%;
  height: 10px;
  position: absolute;
  bottom: -10px;
  left: 0;
}
.header .single-nav > ul > li {
  border-bottom: 1px solid #7b7b7b;
}
.header .single-nav > ul > li > a {
  display: block;
}
.header .single-nav > ul > li > a:hover a {
  color: #8bcf26 !important;
}
.header .single-nav > ul > li > a:hover a span {
  color: #8bcf26;
}
.header .single-nav > ul > li > a:hover a span:before {
  left: 0;
  right: 0;
}
.header .single-nav > ul > li div {
  padding-left: 26px;
  float: left;
  width: 34.92537%;
}
.header .single-nav > ul > li div a {
  font-size: 16px;
  line-height: 20px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  margin-top: 20px;
  color: #292929;
  display: block;
}
.header .single-nav > ul > li div a:hover {
  color: #8bcf26;
}
.header .single-nav > ul > li figure {
  float: right;
  padding: 5px 0 4px;
  width: 65.07463%;
  margin-bottom: 0;
}

.header-min header {
  width: 100%;
}
.header-min header .top-bar {
  height: 35px;
  padding-left: 70px;
}
.header-min header .top-bar nav > ul > li > a {
  line-height: 35px;
}
.header-min header .top-bar nav > ul > li > ul {
  top: 35px;
}
.header-min header .top-bar .contact {
  line-height: 35px;
}
.header-min header .top-bar .search a {
  margin-bottom: 6px;
  margin-top: 7px;
}
.header-min header .top-bar .search form {
  padding-bottom: 6px;
  padding-top: 7px;
}
.header-min header .top-bar .social-network > a {
  line-height: 35px;
}
.header-min header .menu > button {
  left: 0;
  top: 0;
  height: 35px;
}
.header-min header .menu > button span:first-child {
  display: none;
}
.header-min header .menu input[type="checkbox"] {
  top: 0;
  height: 70px;
}
.header-min header .menu .meganav {
  top: 70px;
}
.header-min header .logo {
  height: 35px;
  width: 95px;
  background-image: url('../images/common/logo-mini.png?1450254284');
}
.header-min header .logo:after, .header-min header .logo:before {
  height: 11px;
}
.header-min header .links > li > a {
  line-height: 35px;
}
.header-min header .links > li > a:after, .header-min header .links > li > a:before {
  height: 11px;
}
.header-min header .helpful-links {
  margin: 0 10px;
}
.header-min header .helpful-links > li > a {
  border-width: 0;
  height: 26px;
  padding-top: 10px;
  width: auto;
}
.header-min header .helpful-links > li > a i {
  display: inline-block;
  float: right;
  margin: -3px 0 0 7px;
  position: static;
}
.header-min header .helpful-links > li:first-child > a i {
  margin-top: -4px;
}
.header-min header .links > li > a > span:after {
  display: none;
}
.header-min header .single-nav.no-full > ul {
  top: 35px;
}
.header-min header .single-nav > ul {
  top: 70px;
}

.underline-green-animated {
  padding-bottom: 2px;
  color: #000000;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.underline-green-animated:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #8bcf26;
  height: 3px;
  -moz-transition-property: left, right;
  -o-transition-property: left, right;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.underline-green-animated:hover:before, .underline-green-animated:focus:before, .underline-green-animated:active:before {
  left: 0;
  right: 0;
  z-index: 1;
}

.helpful-links {
  margin: 12px 10px 13px 0;
  clear: right;
}
.helpful-links > li {
  float: left;
  margin-left: 19px;
}
.helpful-links > li:first-child {
  margin-left: 0;
}
.helpful-links > li > a {
  padding-top: 49px;
  position: relative;
  width: 80px;
  height: 80px;
  display: block;
  border: 2px solid #8bcf26;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  color: #fff;
  text-align: center;
  font-size: 12px;
  font-family: Arial, sans-serif;
}
.helpful-links > li > a:hover {
  color: #8bcf26;
}
.helpful-links > li > a i {
  display: block;
  margin: 17px auto 6px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

/* Icons */
.icons {
  display: inline-block;
  vertical-align: middle;
}

.sticky-wrapper {
  background-color: #292929;
}

/* End */
.small-screen .header .single-nav.no-full > ul {
  width: 675px;
  margin-left: -339px;
}
.small-screen .header .single-nav.no-full > ul > li {
  width: 50%;
  float: left;
}
.small-screen .header .single-nav.no-full > ul > li:nth-child(2n+2) {
  border-left: 1px solid #7b7b7b;
}
.small-screen .header .single-nav.no-full > ul > li:last-child {
  border-bottom-width: 1px;
}

/* ------------------ */
/* == Popins          */
/* ------------------ */
.fancybox-overlay {
  background: rgba(0, 0, 0, 0.3);
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background: none;
}

.fancybox-close {
  position: absolute;
  top: 8px;
  right: 8px;
}

.fancybox-skin {
  background: #ffffff;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.fancybox-skin .popin {
  padding-top: 60px;
}
.fancybox-skin .popin .detail-popin {
  padding: 35px 30px 25px;
}

.fancybox-margin .header {
  right: 0;
  left: 0;
  width: auto;
}

.pop-wrap {
  display: none;
}

/* ----------------- */
/* == Forms          */
/* ----------------- */
label {
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 16px;
  color: #000000;
  vertical-align: middle;
}
label span {
  font-size: 14px;
  font-weight: normal;
  margin-left: 5px;
}

.form-control {
  -webkit-appearance: none;
}

.form-control {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #fff;
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #000000;
  padding: 6px 15px;
  height: 48px;
  width: 100%;
  max-width: 100%;
}
.form-control:focus {
  -moz-box-shadow: 0 0 3px #f6f6f6;
  -webkit-box-shadow: 0 0 3px #f6f6f6;
  box-shadow: 0 0 3px #f6f6f6;
  border-color: #8bcf26;
}
.form-control.input-sm {
  width: 50px;
  text-align: center;
  padding: 6px 12px;
}
.form-control.input-md {
  width: 70px;
}
.form-control.error {
  border-color: red;
}

textarea.form-control {
  resize: none;
  height: 130px;
}

/** RADIO & CHECKBOX **/
.checkbox.inside-input label:before, .radio.inside-input label:before {
  top: 7px;
}
.checkbox.inside-input label:after, .radio.inside-input label:after {
  top: 18px;
}
.checkbox.on label:after, .radio.on label:after {
  display: block;
}
.checkbox label, .radio label {
  position: relative;
  font-size: 16px;
  font-weight: bold;
  text-transform: none;
  padding-left: 45px;
  line-height: 33px;
}
.checkbox label:before, .radio label:before {
  content: "";
  background: #ffffff;
  border: 2px solid #000000;
  height: 33px;
  width: 33px;
  -moz-border-radius: 33px;
  -webkit-border-radius: 33px;
  border-radius: 33px;
  position: absolute;
  left: 0;
  top: 0;
}
.checkbox label:after, .radio label:after {
  content: "";
  background: #8bcf26;
  width: 11px;
  height: 11px;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  border-radius: 11px;
  position: absolute;
  top: 11px;
  left: 11px;
  display: none;
}
.checkbox label input[type="radio"], .checkbox label input[type="checkbox"], .radio label input[type="radio"], .radio label input[type="checkbox"] {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  left: -9999em;
}
.checkbox label .form-control, .radio label .form-control {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.checkbox label {
  font-size: 14px;
  font-weight: normal;
  line-height: 30px;
}
.checkbox label:before {
  width: 30px;
  height: 30px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.checkbox label:after {
  background: url('../images/common/check-on.png?1450254284') no-repeat 0 0;
  width: 16px;
  height: 17px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  left: 7px;
  top: 7px;
}

/** DATE **/
.date .error ~ input {
  border-color: red;
}
.date > input:first-child {
  visibility: hidden;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  position: absolute;
}

/** GROUPS **/
.radio-group, .checkbox-group {
  margin-bottom: 5px;
}
.radio-group > label, .checkbox-group > label {
  display: block;
  margin-bottom: 15px;
}
.radio-group .radio, .radio-group .checkbox, .checkbox-group .radio, .checkbox-group .checkbox {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 50px;
}
.radio-group .radio.btn-block, .radio-group .checkbox.btn-block, .checkbox-group .radio.btn-block, .checkbox-group .checkbox.btn-block {
  margin-left: 0;
  margin-bottom: 10px;
}
.radio-group.error .checkbox label:before,
.radio-group.error .radio label:before, .checkbox-group.error .checkbox label:before,
.checkbox-group.error .radio label:before {
  border-color: red;
}
.radio-group.error label, .checkbox-group.error label {
  color: red;
}

.actions {
  padding-top: 30px;
  border-top: 3px solid #000000;
}

/** SELECT **/
select.select2 {
  display: inline !important;
  width: 1px;
  height: 1px;
  position: absolute;
  left: -9999px;
}

select.select2 {
  display: block !important;
}

select.input-lg .select2-choice,
.select2-container.input-lg .select2-choice {
  height: 50px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.select2-container .select2-choice {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.select2-container.error .select2-choice {
  border: 1px solid red;
}

.select2-container-active .select2-choice {
  border-color: #8bcf26 !important;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.select2-container.select2-container-active .select2-choice, .select2-container.select2-container-multi.select2-container-active .select2-choices {
  border-color: transparent;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.select2-container.select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
  border-color: transparent;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0;
  border-radius: 0 !important;
}
.select2-container.select2-dropdown-open .select2-choice .select2-arrow:before {
  border-color: transparent;
  border-bottom-color: #000;
  margin-top: -7px;
}
.select2-container.big {
  height: 83px;
}
.select2-container.big .select2-choice {
  height: 83px;
}
.select2-container.big .select2-choice > span:first-child,
.select2-container.big .select2-chosen,
.select2-container.big .select2-choices .select2-search-field input {
  background: url('../images/common/check-on.png?1450254284') no-repeat 10px 15px;
  padding: 15px 15px 15px 40px;
  white-space: normal;
}
.select2-container .select2-choice > span:first-child,
.select2-container .select2-chosen,
.select2-container .select2-choices .select2-search-field input {
  padding: 13px;
}
.select2-container .select2-choice {
  height: 48px;
}
.select2-container .select2-choice abbr {
  background-image: none;
}
.select2-container .select2-choice .select2-arrow {
  width: 24px;
}
.select2-container .select2-choice .select2-arrow:before {
  left: 0;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-top-color: #000;
  border-width: 5px;
  margin-top: -3px;
}
.select2-container .select2-choice .select2-arrow b {
  display: none;
}
.select2-container .select2-choice,
.select2-container .select2-choices,
.select2-container .select2-choices .select2-search-field input {
  font-size: 14px;
  border-color: transparent;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.select2-search input {
  background-image: none !important;
}

.select2-drop {
  border-color: transparent;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.select2-drop.select2-drop-above {
  border-color: transparent !important;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.select2-drop.select2-drop-active {
  border-color: #8bcf26 !important;
}

.select2-results {
  max-height: 176px;
}
.select2-results .select2-highlighted {
  background: #8bcf26;
  color: #ffffff;
}
.select2-results li {
  color: #000000;
}

.btn-default[disabled] {
  background: #8bcf26;
}

.search-box {
  width: 100%;
  background-color: #000;
  padding: 20px 40px;
  overflow: hidden;
  box-sizing: border-box;
}
.search-box form {
  display: block;
  width: 100%;
  overflow: hidden;
}
.search-box label {
  color: #fff;
  display: block;
  float: left;
  margin-right: 10px;
  height: 37px;
  line-height: 37px;
}
.search-box input {
  background-color: transparent;
  width: 653px;
  float: left;
  display: block;
  border: 1px solid #545454;
  padding-left: 10px;
  box-sizing: border-box;
  height: 37px;
  line-height: 37px;
  color: #ffffff;
}
.search-box button {
  background-color: transparent;
  border: none;
  float: left;
  display: block;
  margin-top: 10px;
  margin-left: 10px;
}

.byChoice .form-group:not(:first-child) {
  display: none;
}

.typeDons .form-group:not(:first-child) {
  display: none;
}

.newsletter {
  position: relative;
}
.newsletter label.error {
  position: absolute;
  right: 24px;
  top: -20px;
  color: #ff534e;
  font-size: 12px;
}
.newsletter .form-message {
  position: absolute;
  right: 24px;
  top: -20px;
  color: #fff;
  font-size: 12px;
}

.container-error > ul,
.infos-response > ul {
  background-color: #ffffff;
  padding: 30px;
  margin-bottom: 20px;
}
.container-error > ul > li,
.infos-response > ul > li {
  margin-top: 10px;
}
.container-error > ul > li:first-child,
.infos-response > ul > li:first-child {
  margin-top: 0;
}
.container-error p,
.infos-response p {
  font-size: 14px;
  text-align: left;
  font-weight: bold;
  padding: 20px;
  background-color: #ffffff;
  color: #8bcf26;
  margin-bottom: 20px;
}
.container-error li,
.infos-response li {
  color: red;
  display: block;
  margin-top: 15px;
  padding-left: 20px;
  font-size: 14px;
}

.select2-results .select2-disabled {
  display: none;
}

/* ---------------------- */
/* == Navigation          */
/* ---------------------- */
/* ----------------------- */
/* == Breadcrumbs          */
/* ----------------------- */
#breadcrumbs {
  background: #ffffff;
  height: 80px;
}

.breadcrumb {
  background: #ffffff;
  margin-bottom: 0;
  padding: 30px 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.breadcrumb > li {
  font-size: 16px;
  line-height: 17px;
  position: relative;
  padding: 0 18px 0 20px;
}
.breadcrumb > li:first-child {
  padding-left: 0;
}
.breadcrumb > li a {
  font-size: 16px;
  color: #000000;
  text-decoration: none;
  display: inline-block;
}
.breadcrumb > li a:hover {
  color: #8bcf26;
}
.breadcrumb > li.active {
  font-weight: bold;
}
.breadcrumb > li + li:before {
  left: 0;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-left-color: #000;
  border-width: 4px;
  margin-top: -4px;
}
.breadcrumb > .active {
  color: #000000;
}

/* ------------------ */
/* == Blocks          */
/* ------------------ */
.erreur-serveur {
  text-align: center;
  padding-bottom: 50px;
}
.erreur-serveur h1, .erreur-serveur .stag-h1 {
  font-size: 386px;
}
.erreur-serveur p {
  margin-bottom: 30px;
}

#cookiesban {
  display: none;
  background-color: #fff;
  color: #000;
  text-align: center;
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 50px;
  line-height: 50px;
  z-index: 10;
  border-top: 2px solid #000;
}
#cookiesban .is-middle {
  width: 90%;
  min-width: 850px;
  line-height: normal;
  vertical-align: middle;
  display: inline-block;
}
#cookiesban a {
  color: #000;
  text-decoration: underline;
}
#cookiesban #cookiesclose {
  background: url(../images/common/close-cookie.png) 0 0 no-repeat;
  width: 21px;
  height: 21px;
  position: absolute;
  right: 15px;
  top: 15px;
  display: block;
}

.sitemap .listing-plan-site .result-item {
  background-color: #8bcf26;
  margin: 0 0 20px;
  box-sizing: border-box;
  padding: 10px;
}
.sitemap .listing-plan-site .result-item > h2, .sitemap .listing-plan-site .result-item .stag-h2 {
  color: #fff;
  margin-top: 0;
}
.sitemap .listing-plan-site .result-item > div {
  background-color: #fff;
  box-sizing: border-box;
  padding: 10px;
}
.sitemap .listing-plan-site .result-item > div > h2, .sitemap .listing-plan-site .result-item > div .stag-h2 {
  color: #000;
  margin-top: 0;
}
.sitemap .listing-plan-site .result-item > div > ul {
  -webkit-columns: 3;
  -moz-columns: 3;
  columns: 3;
}
.sitemap .listing-plan-site .result-item > div > ul > li {
  padding-left: 20px;
  position: relative;
  font-size: 14px;
  margin-bottom: 5px;
}
.sitemap .listing-plan-site .result-item > div > ul > li:before {
  content: "";
  background: #000;
  width: 4px;
  height: 4px;
  position: absolute;
  left: 0;
  top: 8px;
}
.sitemap .listing-plan-site .result-item > div > ul > li > ul {
  -webkit-columns: 1;
  -moz-columns: 1;
  columns: 1;
}
.sitemap .listing-plan-site .result-item > div > ul > li > ul > li {
  padding-left: 20px;
  position: relative;
  font-size: 14px;
  margin-bottom: 5px;
}
.sitemap .listing-plan-site .result-item > div > ul > li > ul > li:before {
  content: '›';
  background: none;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
  position: absolute;
}
.sitemap .listing-plan-site .result-item a {
  text-decoration: underline;
  font-weight: normal;
  display: block;
  font-family: arial;
}
.sitemap .listing-plan-site .result-item a:first-letter {
  text-transform: uppercase;
}

.maintenance-page {
  background-color: #000;
}
.maintenance-page .container {
  display: table;
  margin-top: -105px;
}
.maintenance-page .header {
  background-color: #000;
  overflow: hidden;
}
.maintenance-page .header .logo {
  border-right: none;
}
.maintenance-page .header .logo:after {
  display: none;
}
.maintenance-page .header .logo:before {
  display: none;
}

.maintenance-box {
  display: table-cell;
  vertical-align: middle;
}
.maintenance-box h1, .maintenance-box .stag-h1 {
  font-size: 46px;
  color: #fff;
}
.maintenance-box p {
  color: #fff;
}

.push {
  background: #f6f6f6;
  padding: 26px 0 0;
  text-align: left;
  height: 480px;
  margin-bottom: 10px;
}
.push.thanks {
  background: #8bcf26;
  padding: 50px 10px 47px;
  text-align: center;
  height: auto;
}
.push.thanks .push-top {
  text-align: center;
}
.push.thanks .push-top .theme {
  font-weight: bold;
  font-family: Arial, sans-serif;
  font-size: 25px;
  color: #000000;
  border-width: 0;
  margin-bottom: 37px;
  word-break: break-all;
}
.push.thanks .push-title {
  font-weight: bold;
  font-family: Arial, sans-serif;
}
.push.thanks > div:not(.push-top) {
  text-align: center;
}
.push.thanks > div:not(.push-top) > p {
  color: #ffffff;
  font-family: Arial, sans-serif;
  font-weight: bold;
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 30px;
  font-size: 16px;
  line-height: 16px;
}
.push.thanks > div:not(.push-top) > p:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 70px;
  height: 1px;
  background-color: #000000;
  margin: 0 auto;
}
.push.thanks > div:not(.push-top) > p strong {
  font-family: "fatfrank", sans-serif;
  font-size: 80px;
  display: block;
  line-height: 60px;
  margin: 6px 0 10px;
}
.push.thanks > div:not(.push-top) > p strong:last-child {
  margin-bottom: 0;
}
.push.thanks > div:not(.push-top) .info {
  text-align: left;
}
.push.thanks > div:not(.push-top) .info > p {
  font-family: Arial, sans-serif;
  color: #000000;
  font-size: 11px;
  line-height: 12px;
  margin-bottom: 0;
}
.push.thanks > div:not(.push-top) .info > p > span {
  font-weight: bold;
}
.push.push-default:hover .push-content p {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.push.push-default:hover .push-content .link {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.push.push-default:hover .push-content .link:before {
  left: 0;
  right: 0;
  z-index: 1;
}
.push.push-default .push-content > div {
  position: relative;
}
.push.push-default .push-content .link {
  position: absolute;
  top: 0;
  left: 0;
  font-family: Arial, sans-serif;
  font-weight: bold;
  color: #8bcf26;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.push.push-default .push-content .link:before {
  background: #8bcf26;
}
.push.push-period {
  background: #8bcf26;
  padding-left: 50px;
  padding-right: 50px;
  text-align: center;
  position: relative;
}
.push.push-period > a {
  display: block;
  width: 100%;
  height: 100%;
}
.push.push-period > a:hover h2 span, .push.push-period > a:hover .stag-h2 span, .push.push-period > a:hover h4 span, .push.push-period > a:hover .stag-h4 span {
  border-bottom: 3px solid #000000;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.col-md-3 .push.push-period {
  padding-left: 30px;
  padding-right: 30px;
}
.push.push-period h2, .push.push-period .stag-h2 {
  line-height: 30px;
}
.push.push-period h4, .push.push-period .stag-h4 {
  line-height: 22px;
}
.push.push-period [class^="icon-"], .push.push-period [class*=" icon-"] {
  font-size: 15px;
  color: #ffffff;
}
.push.push-period .place {
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
}
.push.push-period .place:before {
  font-family: 'icomoon';
  content: "\e60a";
  margin-right: 10px;
}
.push.push-horizontal {
  padding-top: 0;
}
.push.push-horizontal:hover .push-content p {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.push.push-horizontal:hover .push-content .link {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.push.push-horizontal:hover .push-content .link:before {
  left: 0;
  right: 0;
}
.push.push-horizontal .push-image {
  position: relative;
  padding: 0;
  margin-bottom: 0;
}
.push.push-horizontal .push-image > a {
  display: block;
  position: relative;
}
.push.push-horizontal .push-image > a:before {
  content: "";
  background: url('../images/common/overlay-figure.png?1450254284') no-repeat 0 bottom;
  height: 100%;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.push.push-horizontal .push-image .legend {
  position: absolute;
  bottom: 14px;
  left: 30px;
  right: 30px;
}
.push.push-horizontal .push-content {
  padding-left: 80px;
  padding-right: 80px;
  padding-top: 100px;
  vertical-align: top;
}
.push.push-horizontal .push-content .has-short-border {
  padding-bottom: 25px;
  margin-bottom: 24px;
  line-height: 23px;
}
.push.push-horizontal .push-content > div {
  position: relative;
}
.push.push-horizontal .push-content .link {
  position: absolute;
  top: 0;
  left: 0;
  font-family: Arial, sans-serif;
  font-weight: bold;
  color: #8bcf26;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.push.push-horizontal .push-content .link:before {
  background: #8bcf26;
}
.push.push-profil {
  padding-top: 0;
}
.push.push-profil .push-image {
  height: 260px;
  overflow: hidden;
  position: relative;
}
.push.push-profil .push-image:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: url('../images/common/small-mask-testimony.png?1450254284') no-repeat center 0;
  width: 100%;
  height: 24px;
  z-index: 99;
}
.push.push-profil .push-content {
  padding-top: 10px;
}
.push .push-top {
  padding: 0 10px;
}
.push .theme {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  display: inline-block;
  padding-bottom: 5px;
  border-bottom: 1px solid #000000;
  margin-bottom: 15px;
}
.push .push-content {
  padding: 26px 10px;
}
.push .push-content .has-short-border {
  padding-bottom: 20px;
  margin-bottom: 15px;
}
.push .push-content .push-title {
  color: #000000;
  line-height: 19px;
}
.push .period-date {
  margin-bottom: 25px;
}
.push .period-date .days, .push .period-date .month {
  font-family: "fatfrank", sans-serif;
  color: #ffffff;
  display: block;
}
.push .period-date .days {
  font-size: 80px;
  line-height: 80px;
}
.push .period-date .month {
  font-size: 30px;
  line-height: 30px;
}
.push .period-date .month + .icon-arrow-down {
  margin-top: 5px;
  display: inline-block;
}

.extlink-group {
  background: #ffffff;
  padding: 20px 0;
  display: table;
  width: 100%;
  margin-bottom: 10px;
}
.extlink-group .col-md-4 {
  padding-left: 25px;
  padding-right: 25px;
  float: none;
  display: table-cell;
}
.extlink-group .col-md-4 + .col-md-4 {
  border-left: 1px solid #e3e3e3;
}
.extlink-group h2, .extlink-group .stag-h2 {
  color: #8bcf26;
  margin-bottom: 10px;
}
.extlink-group h2 a, .extlink-group .stag-h2 a {
  color: #8bcf26;
  line-height: 30px;
}
.extlink-group h2 a:hover, .extlink-group .stag-h2 a:hover {
  border-bottom: 3px solid #8bcf26;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.extlink-group p {
  font-size: 16px;
  font-weight: bold;
}

.booklet {
  border: 3px solid #000000;
  width: 390px;
  margin: 0 auto;
}
.booklet:hover {
  border-color: #ffffff;
}
.booklet > a {
  padding: 28px;
  display: block;
}
.booklet .booklet-txt {
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  width: 240px;
  padding-right: 40px;
}
.booklet .booklet-txt h1, .booklet .booklet-txt .stag-h1 {
  line-height: 40px;
  margin-top: 0;
}
.booklet .booklet-txt p {
  font-size: 20px;
  line-height: 22px;
  margin-bottom: 0;
}
.booklet .icon-book {
  font-size: 70px;
  display: inline-block;
  vertical-align: middle;
}

.slider-box {
  position: relative;
  overflow: hidden;
}
.slider-box .bx-wrapper {
  margin-left: -1px !important;
}
.slider-box .bx-slider.bg-default {
  position: relative;
}
.slider-box .bx-slider.bg-default:before {
  content: "";
  background: #ffffff;
  position: absolute;
  left: 0;
  right: 0;
  height: 10px;
  top: 0;
  z-index: 1;
}
.slider-box .bx-slider.bg-default:after {
  content: "";
  background: #ffffff;
  position: absolute;
  left: 0;
  right: 0;
  height: 10px;
  bottom: 0;
  z-index: 1;
}
.slider-box .controls.inside {
  bottom: 60px;
  position: absolute;
  right: 0;
  width: 59%;
}
.slider-box .centered-content p {
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 20px;
}

/* ----------------- */
/* == Components     */
/* ----------------- */
.tabpanel.social {
  background: #ffffff;
  padding: 25px;
}
.tabpanel.social .nav-tabs {
  width: 470px;
  margin-left: auto;
  margin-right: auto;
}
.tabpanel.social .nav-tabs > li:hover a {
  border-bottom-color: #8bcf26;
}
.tabpanel.social .nav-tabs > li:hover svg #XMLID_24_ .st0 {
  fill: #8bcf26;
}
.tabpanel.social .nav-tabs > li.fb.active > a {
  border-bottom-color: #375999;
}
.tabpanel.social .nav-tabs > li.fb.active > a:before {
  background: #375999;
}
.tabpanel.social .nav-tabs > li.fb.active > a:after {
  background: #375999;
}
.tabpanel.social .nav-tabs > li.fb.active > a .icon-fb {
  color: #375999;
}
.tabpanel.social .nav-tabs > li.fb a:hover {
  border-bottom-color: #375999;
}
.tabpanel.social .nav-tabs > li.fb a:hover:before {
  background: #375999;
}
.tabpanel.social .nav-tabs > li.fb a:hover:after {
  background: #375999;
}
.tabpanel.social .nav-tabs > li.fb a:hover .icon-fb {
  color: #375999;
}
.tabpanel.social .nav-tabs > li.scooptit {
  vertical-align: bottom;
}
.tabpanel.social .nav-tabs > li.scooptit .icon-scoopit {
  display: block;
  height: 35px;
  width: 35px;
  padding-left: 9px;
}
.tabpanel.social .nav-tabs > li.tw.active > a {
  border-bottom-color: #3aa8db;
}
.tabpanel.social .nav-tabs > li.tw.active > a:before {
  background: #3aa8db;
}
.tabpanel.social .nav-tabs > li.tw.active > a:after {
  background: #3aa8db;
}
.tabpanel.social .nav-tabs > li.tw.active > a .icon-tw {
  color: #3aa8db;
}
.tabpanel.social .nav-tabs > li.tw a:hover {
  border-bottom-color: #3aa8db;
}
.tabpanel.social .nav-tabs > li.tw a:hover:before {
  background: #3aa8db;
}
.tabpanel.social .nav-tabs > li.tw a:hover:after {
  background: #3aa8db;
}
.tabpanel.social .nav-tabs > li.tw a:hover .icon-tw {
  color: #3aa8db;
}
.tabpanel.social .nav-tabs > li.yt.active > a {
  border-bottom-color: #e3272a;
}
.tabpanel.social .nav-tabs > li.yt.active > a:before {
  background: #e3272a;
}
.tabpanel.social .nav-tabs > li.yt.active > a:after {
  background: #e3272a;
}
.tabpanel.social .nav-tabs > li.yt.active > a .icon-yt {
  color: #e3272a;
}
.tabpanel.social .nav-tabs > li.yt a:hover {
  border-bottom-color: #e3272a;
}
.tabpanel.social .nav-tabs > li.yt a:hover:before {
  background: #e3272a;
}
.tabpanel.social .nav-tabs > li.yt a:hover:after {
  background: #e3272a;
}
.tabpanel.social .nav-tabs > li.yt a:hover .icon-yt {
  color: #e3272a;
}
.tabpanel.social .nav-tabs > li.ld.active > a {
  border-bottom-color: #0077b5;
}
.tabpanel.social .nav-tabs > li.ld.active > a:before {
  background: #0077b5;
}
.tabpanel.social .nav-tabs > li.ld.active > a:after {
  background: #0077b5;
}
.tabpanel.social .nav-tabs > li.ld.active > a .icon-ld {
  color: #0077b5;
}
.tabpanel.social .nav-tabs > li.ld a:hover {
  border-bottom-color: #0077b5;
}
.tabpanel.social .nav-tabs > li.ld a:hover:before {
  background: #0077b5;
}
.tabpanel.social .nav-tabs > li.ld a:hover:after {
  background: #0077b5;
}
.tabpanel.social .nav-tabs > li.ld a:hover .icon-ld {
  color: #0077b5;
}
.tabpanel.social .nav-tabs > li.gr.active > a {
  border-bottom-color: #2a5b83;
}
.tabpanel.social .nav-tabs > li.gr.active > a:before {
  background: #2a5b83;
}
.tabpanel.social .nav-tabs > li.gr.active > a:after {
  background: #2a5b83;
}
.tabpanel.social .nav-tabs > li.gr.active > a .icon-gr {
  color: #2a5b83;
}
.tabpanel.social .nav-tabs > li.gr a:hover {
  border-bottom-color: #2a5b83;
}
.tabpanel.social .nav-tabs > li.gr a:hover:before {
  background: #2a5b83;
}
.tabpanel.social .nav-tabs > li.gr a:hover:after {
  background: #2a5b83;
}
.tabpanel.social .nav-tabs > li.gr a:hover .icon-gr {
  color: #2a5b83;
}
.tabpanel.social .nav-tabs > li > a {
  width: 85px;
  -moz-transition: color 0.2s;
  -o-transition: color 0.2s;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
.tabpanel.social .nav-tabs > li > a:hover .icon-fb {
  color: #375999;
}
.tabpanel.social .nav-tabs > li > a:hover .icon-tw {
  color: #3aa8db;
}
.tabpanel.social .nav-tabs > li > a:hover .icon-yt {
  color: #e3272a;
}
.tabpanel.social .nav-tabs > li > a:hover .icon-ld {
  color: #0077b5;
}
.tabpanel.social .nav-tabs > li > a:hover .icon-gr {
  color: #2a5b83;
}
.tabpanel.social .tab-content {
  padding: 4px;
}
.tabpanel.social .tab-content p {
  word-wrap: break-word;
}
.tabpanel.social .scrollbar {
  width: 512px;
  height: 370px;
  overflow-y: auto;
  margin: 0 auto;
  border: 1px solid #e3e3e3;
}

.legend {
  font-family: Arial;
  font-size: 13px;
  line-height: 15px;
  padding-left: 28px;
}
.legend span {
  display: inline-block;
  vertical-align: middle;
}
.legend span.icon-star:before {
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 18px;
}

.nav-tabs {
  border-bottom: 0;
  display: table;
  width: 100%;
  margin-bottom: 40px;
}
.nav-tabs.tabs-default > li {
  vertical-align: bottom;
}
.nav-tabs.tabs-default > li.active > a, .nav-tabs.tabs-default > li.active a:focus, .nav-tabs.tabs-default > li.active a:hover {
  color: #8bcf26;
  border-bottom-color: #8bcf26;
}
.nav-tabs.tabs-default > li.active > a:before, .nav-tabs.tabs-default > li.active > a:after {
  background: #8bcf26;
}
.nav-tabs.tabs-default > li > a {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
}
.nav-tabs.tabs-default > li > a:hover, .nav-tabs.tabs-default > li > a:focus {
  color: #8bcf26;
  border-bottom-color: #8bcf26;
}
.nav-tabs > li {
  margin-bottom: 0;
  display: table-cell;
  float: none;
}
.nav-tabs > li:last-child a {
  margin-right: 0;
}
.nav-tabs > li.active > a, .nav-tabs > li.active a:focus, .nav-tabs > li.active a:hover {
  background: none;
  color: #000000;
  border-color: transparent;
  border-bottom: 3px solid #000000;
}
.nav-tabs > li:not(.active) > a:before, .nav-tabs > li:not(.active) > a:after {
  display: none;
}
.nav-tabs > li [class^="icon-"], .nav-tabs > li [class*=" icon-"] {
  font-size: 35px;
}
.nav-tabs > li > a {
  margin-right: 10px;
  border-bottom: 3px solid #000000;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  position: relative;
}
.nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
  background: none;
  border-color: transparent;
  border-bottom-color: #000000;
}
.nav-tabs > li > a:before {
  content: "";
  background: #000000;
  width: 22px;
  height: 3px;
  position: absolute;
  left: 50%;
  bottom: -10px;
  margin-left: -18px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.nav-tabs > li > a:after {
  content: "";
  background: #000000;
  width: 22px;
  height: 3px;
  position: absolute;
  right: 50%;
  bottom: -10px;
  margin-right: -18px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.tab-content .content {
  padding-bottom: 40px;
}

form .accordion .panel .panel-heading {
  cursor: default;
}
.accordion .panel {
  background: none;
  border: 0;
  border-top: 1px solid #000000;
  text-align: left;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.accordion .panel + .panel {
  margin-top: 0;
}
.accordion .panel .panel-heading {
  background: none;
  padding: 20px 10px;
  cursor: pointer;
  position: relative;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  *zoom: 1;
}
.accordion .panel .panel-heading:before, .accordion .panel .panel-heading:after {
  display: table;
  content: "";
  line-height: 0;
}
.accordion .panel .panel-heading:after {
  clear: both;
}
.accordion .panel .panel-heading.collapsed [class^="icon-"], .accordion .panel .panel-heading.collapsed [class*=" icon-"] {
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.accordion .panel .panel-heading:hover .panel-title {
  color: #8bcf26;
}
.accordion .panel .panel-heading .panel-title {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
}
.accordion .panel .panel-heading .step-title > * {
  display: inline-block;
  vertical-align: middle;
}
.accordion .panel .panel-heading .step-title .num {
  font-family: "fatfrank", sans-serif;
  font-size: 80px;
  line-height: 60px;
  color: #8bcf26;
  margin-right: 20px;
}
.accordion .panel .panel-heading .step-title h2, .accordion .panel .panel-heading .step-title .stag-h2 {
  margin: 0;
}
.accordion .panel .panel-heading [class^="icon-"], .accordion .panel .panel-heading [class*=" icon-"] {
  font-size: 30px;
  position: absolute;
  right: 15px;
  top: 15px;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.accordion .panel .panel-body {
  border: 0 !important;
  padding: 25px 0;
}

/* ------------------ */
/* == Popins          */
/* ------------------ */
#team .bx-wrapper:after {
  content: "";
  top: 0;
  right: 0;
  position: absolute;
  width: 395px;
  height: 564px;
  z-index: 1;
}
#team .bx-wrapper:before {
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  width: 395px;
  height: 564px;
  z-index: 1;
}

.bx-wrapper {
  background: none;
  border: 0;
  margin-bottom: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  max-width: 100% !important;
}
.bx-wrapper img {
  display: inline-block;
  vertical-align: middle;
}
.bx-wrapper .bx-viewport {
  background: none;
  border: 0;
  left: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
}
.bx-wrapper .bx-loading {
  background: url('../images/vendor/bxSlider/bx_loader.gif?1450254284') center center no-repeat !important;
}
.bx-wrapper .bx-next, .bx-wrapper .bx-prev {
  background: none;
}

.dark-slider.controls-is-down .controls {
  bottom: 160px;
}
.dark-slider .slide {
  background-color: #4b4b4b;
}
.dark-slider .slide p {
  color: #ffffff;
  font-family: Arial, sans-serif;
  font-weight: bold;
  min-height: 132px;
}
.dark-slider .slide p a {
  color: #ffffff;
}
.dark-slider .slide figure a {
  position: relative;
  display: block;
}
.dark-slider .slide figure a:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #4b4b4b;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}
.dark-slider .bx-prev,
.dark-slider .bx-next {
  color: #ffffff;
}
.dark-slider .controls .pager a {
  background-color: #ffffff;
}

.controls-is-down {
  position: relative;
}

.controls {
  padding-top: 35px;
}
.controls-is-down .controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.controls .controls-direction {
  display: inline-block;
  vertical-align: middle;
}
.controls .controls-direction a {
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.controls .controls-direction:hover a {
  color: #8bcf26;
}
.controls .pager {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  margin: 0 27px;
}
.controls .pager a {
  background: none repeat scroll 0 0 #666;
  border-radius: 5px;
  display: block;
  height: 10px;
  margin: 0 5px;
  outline: 0 none;
  text-indent: -9999px;
  width: 10px;
}
.controls .pager .bx-pager-item {
  display: inline-block;
}

.bx-wrapper .bx-pager.bx-default-pager, .controls .pager {
  bottom: 20px;
  z-index: 100;
}
.bx-wrapper .bx-pager.bx-default-pager a, .controls .pager a {
  background: #000000;
  width: 14px;
  height: 14px;
  margin: 0 13px;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .controls .pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a:focus, .controls .pager a:focus {
  background: #6eb700;
}
.bx-wrapper .bx-pager.bx-default-pager a.active, .controls .pager a.active {
  background: #8bcf26;
}

.bx-wrapper .bx-controls-direction a, .controls .controls-direction a {
  text-indent: 0;
  font-size: 0;
}
.bx-wrapper .bx-controls-direction a:before, .controls .controls-direction a:before {
  font-family: 'icomoon';
  font-size: 32px;
  line-height: 32px;
}
.bx-wrapper .bx-controls-direction a.bx-prev:before, .controls .controls-direction a.bx-prev:before {
  content: "\e608";
}
.bx-wrapper .bx-controls-direction a.bx-next:before, .controls .controls-direction a.bx-next:before {
  content: "\e600";
}

.slide:hover .inner {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.slide:hover .inner .link:before {
  left: 0 !important;
  right: 0 !important;
}
.slide .btn-popup {
  bottom: 90px;
}
.slide iframe {
  position: relative;
  z-index: 1;
}
.slide .inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 100px 30px 30px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  z-index: 1;
}
.slide .inner.has-legend:before {
  content: "";
  background: url('../images/common/overlay-figure.png?1450254284') repeat-x 0 bottom;
  height: 100%;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.slide .legend {
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 15px;
  text-align: left;
  line-height: 20px;
}
.slide .legend span {
  line-height: 15px;
}

.manifest {
  position: relative;
  color: #fff;
  background-color: #4b4b4b !important;
}
.small-desktop .manifest .bx-slider > div > * {
  right: 130px;
}
.small-desktop .manifest .parag-2 p {
  right: 165px;
}
.small-desktop .manifest .parag-1 p {
  right: 170px !important;
}
.small-desktop .manifest .parag-3 > div {
  right: 180px;
}
.small-desktop .manifest .bx-next {
  right: 110px;
}
.small-desktop .manifest .bx-prev {
  left: 118px;
}
.manifest > div {
  max-width: 1350px;
  margin: 0 auto;
}
.manifest .mask {
  background: url('../images/common/manifeste.jpg?1450254284') no-repeat 0 0;
  width: 9000px;
  height: 440px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.manifest .bx-wrapper {
  position: relative;
  z-index: 2;
  width: 9000px;
  height: 440px;
}
.manifest .bx-wrapper .bx-controls-direction a {
  background: #8bcf26;
  border-radius: 50px;
  -moz-transition: all, 0.2s;
  -o-transition: all, 0.2s;
  -webkit-transition: all, 0.2s;
  transition: all, 0.2s;
}
.manifest .bx-wrapper .bx-controls-direction a.bx-prev:before {
  left: -2px;
}
.manifest .bx-wrapper .bx-controls-direction a.bx-next:before {
  left: 2px;
}
.manifest .bx-wrapper .bx-controls-direction a:before {
  font-size: 20px;
  position: relative;
}
.manifest .bx-wrapper .bx-controls-direction a:hover {
  background: #ffffff;
}
.manifest .bx-slider > div {
  width: 9000px;
  height: 440px;
}
.manifest .bx-slider > div > * {
  position: absolute;
  right: 290px;
  text-align: left;
  top: 144px;
}
.manifest .bx-slider > div a {
  color: #fff;
  font-size: 16px;
  left: -2px;
  position: relative;
  right: auto;
  text-align: center;
  top: 260px;
  font-family: Arial, sans-serif;
  font-weight: bold;
}
.manifest .bx-slider > div a:hover {
  color: #8bcf26;
}
.manifest .bx-slider > div a:hover span:before {
  background-color: #8bcf26;
}
.manifest .link a span {
  padding-bottom: 5px;
  position: relative;
}
.manifest .link a span:before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #FFF;
  bottom: 0;
}
.manifest p {
  font-size: 20px;
  font-family: "helveticaneuebold", sans-serif;
  line-height: 24px;
  color: #fff;
}
.manifest .parag-2 p {
  font-size: 25px;
  line-height: 30px;
  right: 305px;
  top: 140px !important;
  width: 291px;
}
.manifest .parag-1 p {
  font-size: 25px;
  line-height: 30px;
  right: 300px !important;
  top: 140px !important;
  width: 286px;
}
.manifest .parag-3 > div {
  width: 288px;
  right: 310px;
  top: 97px;
}
.manifest .parag-3 > div p {
  margin-bottom: 26px;
}
.manifest h3, .manifest .stag-h3 {
  font-family: "helveticaneuebold", sans-serif;
  font-size: 40px;
  width: 282px;
}
.manifest .bx-next {
  right: 231px;
}
.manifest .bx-prev {
  left: 198px;
}
.manifest .bx-prev:after {
  left: -5px;
}

.return-to-first {
  display: none;
  bottom: 35px;
  color: #fff;
  font-size: 15px;
  position: absolute;
  right: 20px;
  z-index: 10;
}
.return-to-first.link-default {
  border-color: #fff;
}
.return-to-first:hover {
  color: #8bcf26;
}
.return-to-first:hover.link-default {
  border-color: #8bcf26;
}

.bx-slider.centered {
  text-align: center;
}
.bx-slider.centered > div {
  display: inline-block;
  vertical-align: top;
  float: none;
}
.bx-slider.centered + .controls {
  display: none;
}

.title-search {
  margin-top: 20px;
}
.title-search.is-centred {
  text-align: center;
}

.result-search {
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0 40px;
  margin: 20px 0 0;
}
.result-search > li {
  display: block;
  overflow: hidden;
  width: 100%;
  margin-bottom: 20px;
  /* .breadcrump {
    > li {
      display: inline-block;
    }
  } */
}
.result-search > li .visual {
  width: 200px;
  float: left;
  margin-right: 20px;
}
.result-search > li .visual img {
  width: 100%;
  height: auto;
  max-width: 100%;
}
.result-search > li h3, .result-search > li .stag-h3 {
  margin-top: 0;
}
.result-search > li .resum-search {
  width: auto;
  overflow: hidden;
  display: block;
}
.result-search > li .breadcrumb {
  padding: 0;
  background: transparent;
  margin-bottom: 10px;
}
.result-search > li .breadcrumb > li {
  font-size: 12px;
}
.result-search > li .breadcrumb > li a {
  font-size: 12px;
}
.result-search > li .date {
  font-size: 12px;
}

/* ------------------- */
/* == Sidebar          */
/* ------------------- */
/* ------------------- */
/* == Content          */
/* ------------------- */
/* Background Colors */
.bg-default {
  background-color: #ffffff !important;
}

.bg-primary {
  background-color: #8bcf26 !important;
  color: #000000;
}

.bg-grey {
  background-color: #4b4b4b !important;
}

.statistics {
  font-family: Arial, sans-serif;
  margin-bottom: 50px;
}
.statistics > strong {
  font-family: "fatfrank", sans-serif;
  font-size: 80px;
  display: block;
  margin-bottom: 13px;
}

.list p {
  font-weight: bold;
}

.main-layer {
  background-position: center 0;
  background-repeat: no-repeat;
  background-attachment: fixed;
  text-align: center;
  height: 564px;
  padding: 80px 0;
  position: relative;
}
.main-layer:before {
  content: "";
  background: rgba(75, 75, 75, 0);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.main-layer.mini {
  height: 378px;
}
.main-layer.mini .sticker {
  height: 235px;
  line-height: 175px;
}
.main-layer.mini .sticker:after {
  border-right-width: 50px;
  border-top-width: 24px;
  margin-left: -28px;
}
.main-layer.mini .sticker h1, .main-layer.mini .sticker .stag-h1 {
  font-family: "helveticabold", sans-serif;
  font-size: 20px;
  line-height: 22px;
  color: #000000;
}
.home .main-layer {
  height: 700px;
  padding: 0;
}
.home .main-layer:before {
  display: none;
}
.home .main-layer .sticker {
  height: 472px;
  width: 390px;
  line-height: normal;
  padding: 0;
}
.home .main-layer .sticker > a {
  padding: 30px;
  width: 100%;
  height: 100%;
  display: block;
}
.home .main-layer .sticker h1, .home .main-layer .sticker .stag-h1 {
  font-family: "helveticaneue", sans-serif;
  color: #000000;
}
.main-layer .text-left > * {
  color: #ffffff;
}
.main-layer .bx-controls-direction a {
  color: #ffffff;
}
.main-layer .bx-controls-direction a:hover {
  color: #000000;
}
.main-layer .bx-controls-direction a:hover:after {
  content: "";
  -moz-box-shadow: 0 0 20px #000;
  -webkit-box-shadow: 0 0 20px #000;
  box-shadow: 0 0 20px #000;
  position: absolute;
  width: 10px;
  height: 15px;
  left: 9px;
  top: 9px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  z-index: -1;
}
.main-layer .bx-controls-direction a.bx-prev {
  left: 30px;
}
.main-layer .bx-controls-direction a.bx-prev:hover:after {
  left: 13px;
}
.main-layer .bx-controls-direction a.bx-next {
  right: 30px;
}
.main-layer .bx-slider .slide {
  background-repeat: no-repeat;
  background-position: center 0;
  height: 700px;
}
.main-layer .bx-slider .sticker {
  position: absolute;
  top: 82px;
  left: 0;
}
.main-layer .container {
  position: relative;
}
.main-layer .sticker {
  background: #8bcf26;
  text-align: left;
  padding: 30px;
  height: 400px;
  width: 100%;
  line-height: 340px;
}
.main-layer .sticker.has-opacity {
  background: rgba(139, 207, 38, 0) !important;
}
.main-layer .sticker:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-right: 78px solid transparent;
  border-top: 40px solid #8bcf26;
  margin-left: -38px;
}
.main-layer .sticker:hover .link {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.main-layer .sticker:hover .link:before {
  left: 0;
  right: 0;
  z-index: 1;
}
.main-layer .sticker h1, .main-layer .sticker .stag-h1 {
  line-height: 43px;
  color: #ffffff;
  display: inline-block;
  vertical-align: middle;
  margin-top: 0;
}
.main-layer .sticker .link {
  font-family: "helveticaneuebold", sans-serif;
  font-size: 16px;
  line-height: 24px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  margin-bottom: 30px;
}
.main-layer .sticker .more {
  position: relative;
  padding-top: 12px;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  line-height: 25px;
}
.main-layer .sticker .more:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
  height: 1px;
  background: #000000;
}

.layer .layer-title, .numbers.layer .layer-sub-title {
  font-family: "helveticaneuebold", sans-serif;
  display: inline-block;
  text-align: center;
  margin-top: 0;
  margin-bottom: 36px;
}

.layer {
  background: #ffffff;
  padding: 50px 0;
  text-align: center;
}
.layer .layer-title {
  color: #000000;
  font-size: 25px;
}
.layer .layer-title.has-bg a, .layer .layer-title.has-bg span {
  background-color: #8bcf26;
  padding: 15px 40px;
  color: #ffffff;
  display: inline-block;
}
.layer .layer-title.has-bg.neutral a, .layer .layer-title.has-bg.neutral span {
  background-color: #4b4b4b !important;
}
.layer .layer-title:not(.has-bg) a, .layer .layer-title:not(.has-bg) span {
  color: #000000;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  line-height: 35px;
}
.layer .layer-title:not(.has-bg) a:before, .layer .layer-title:not(.has-bg) span:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #000000;
  height: 3px;
  -moz-transition-property: left, right;
  -o-transition-property: left, right;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.layer .layer-title:not(.has-bg) a:hover:before, .layer .layer-title:not(.has-bg) a:focus:before, .layer .layer-title:not(.has-bg) a:active:before, .layer .layer-title:not(.has-bg) span:hover:before, .layer .layer-title:not(.has-bg) span:focus:before, .layer .layer-title:not(.has-bg) span:active:before {
  left: 0;
  right: 0;
  z-index: 1;
}
.layer.fixed-title {
  padding: 0;
  position: relative;
}
.layer.fixed-title .layer-title {
  position: absolute;
  top: 0;
  z-index: 3;
  left: 0;
  width: 100%;
}
.layer.fixed-title .layer-title a, .layer.fixed-title .layer-title span {
  padding: 14px 40px;
  line-height: 1.1;
  color: #ffffff;
  display: inline-block;
  background-color: #8bcf26;
}
.layer.fixed-title .layer-title a:before, .layer.fixed-title .layer-title span:before {
  display: none;
}
.layer.fixed-title .bx-slider:after {
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  width: 395px;
  height: 594px;
}
.layer.fixed-title .bx-slider:before {
  content: "";
  top: 0;
  right: 0;
  position: absolute;
  width: 395px;
  height: 594px;
}
.layer.fixed-title .bx-slider .slide {
  height: 564px !important;
  width: auto !important;
  position: relative;
}
.layer.fixed-title .bx-slider .slide:not(.empty):hover:after {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.layer.fixed-title .bx-slider .slide:after {
  content: "";
  background: rgba(75, 75, 75, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.layer.fixed-title .bx-slider img {
  max-height: 100%;
}
.layer.fixed-title .bx-controls-direction a {
  color: #ffffff;
}
.layer.fixed-title .bx-controls-direction a:hover {
  color: #8bcf26;
}
.layer.bg-primary .col-md-4 + .col-md-4 {
  border-left: 1px solid #ffffff;
}
.layer.bg-primary .push {
  background: none;
  text-align: center;
  height: auto;
}
.layer.bg-secondary {
  background: #e0eab7;
}
.layer.parallax {
  background: transparent;
}
.layer.parallax.type_4 .overlay-box > div {
  background-color: rgba(75, 75, 75, 0.6);
}
.layer.parallax .overlay-box {
  background-repeat: no-repeat;
  height: 565px;
  overflow: hidden;
}
.layer.parallax .overlay-box > div {
  background-color: rgba(75, 75, 75, 0);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.layer.parallax .overlay-box > div > *,
.layer.parallax .overlay-box > div p,
.layer.parallax .overlay-box > div a {
  color: #fff;
}
.layer.parallax .overlay-box > div a:hover {
  color: #8bcf26;
}
.layer.parallax .overlay-box > div .link.link-default {
  border-color: #fff;
}
.layer .visit {
  position: absolute;
  left: 0;
  bottom: 50px;
  width: 100%;
  text-align: center;
}
.layer .visit .link {
  font-family: Arial, sans-serif;
  font-weight: bold;
  color: #ffffff;
  z-index: 1;
  border-color: #ffffff;
}
.layer .visit .link:hover {
  color: #8bcf26;
  border-color: #8bcf26;
}
.layer .options {
  margin-top: 35px;
  margin-bottom: 40px;
}

.content [class^="col-md"] {
  padding-left: 10px;
  padding-right: 10px;
}
.content .link {
  font-family: Arial, sans-serif;
  font-weight: bold;
}
.content .has-short-border {
  margin-bottom: 20px;
  padding-bottom: 30px;
}
.content p {
  /* a[href^="mailto"] {
      color: inherit;
      font-size: inherit;
      &:hover {
          border-bottom: 3px solid $black;
      }
  } */
}
.content p a {
  text-decoration: underline;
}
.content p a:hover {
  color: #8bcf26;
}
.content iframe {
  margin-bottom: 30px;
}
.content ul {
  list-style: none;
  margin: 20px 0;
}
.content ul li {
  padding-left: 20px;
  position: relative;
}
.content ul li + li {
  margin-top: 5px;
}
.content ul li:before {
  content: "";
  background: #000000;
  width: 4px;
  height: 4px;
  position: absolute;
  left: 0;
  top: 8px;
}
.content ul li a {
  text-decoration: underline;
}
.content ul li a:hover {
  color: #8bcf26;
}
.content blockquote {
  background: #f6f6f6;
  margin: 30px 0 20px;
}
.content h5 + ul, .content .stag-h5 + ul {
  margin-top: 0;
}

blockquote {
  border: 0;
  padding: 32px 50px 32px 170px;
  position: relative;
}
blockquote:before {
  content: "";
  background: url('../images/common/quotes.png?1450254284') no-repeat 0 0;
  width: 55px;
  height: 48px;
  position: absolute;
  left: 55px;
  top: 48px;
}
blockquote h3, blockquote .stag-h3 {
  margin-top: 25px;
  margin-bottom: 1px;
  color: #000000;
}

.home #main {
  position: relative;
  z-index: 1;
}
#main .well {
  background: none;
  border: 0;
  padding: 30px 0;
  margin-bottom: 90px;
  position: relative;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#main .well:before, #main .well:after {
  content: "";
  background: #000000;
  width: 70px;
  height: 1px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -35px;
}
#main .well:after {
  top: inherit;
  bottom: 0;
}
#main .well p {
  font-family: "helveticaneue", sans-serif;
  font-size: 38px;
  line-height: 52px;
  margin-bottom: 0;
}
#main .well p .link-bgcolor {
  font-family: "helveticaneue", sans-serif;
  font-size: 38px;
}
#main .data-in-img li {
  display: inline-block;
  vertical-align: middle;
}
#main .data-in-img li a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}
#main .data-in-img .range1 {
  margin-right: 15px;
}
#main .data-in-img .range2 {
  margin-right: 35px;
}
#main .data-in-img .range3 {
  margin-right: 25px;
}
#main .data-in-img .range5 {
  margin-right: 25px;
}
#main .data-in-img .range6 {
  margin-right: 25px;
}
#main .data-in-img .range7 {
  margin-right: 30px;
}
#main .infos {
  margin-bottom: 13px;
}
#main .infos .pull-left {
  margin-top: 12px;
}
#main .infos .pull-left h4, #main .infos .pull-left .stag-h4 {
  position: relative;
  float: left;
  padding-bottom: 0;
  margin-bottom: 0;
  margin-top: 0;
}
#main .infos .pull-left h4 [class^="icon-"], #main .infos .pull-left .stag-h4 [class^="icon-"] {
  margin-right: 20px;
  font-size: 40px;
  display: inline-block;
  vertical-align: middle;
}
#main .infos .pull-left h4 .link, #main .infos .pull-left .stag-h4 .link {
  position: relative;
  font-family: Arial, sans-serif;
  margin-left: 25px;
  display: inline-block;
  vertical-align: middle;
}
#main .infos .pull-left h4 .link:before, #main .infos .pull-left .stag-h4 .link:before {
  left: -25px;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-left-color: #000;
  border-width: 4px;
  margin-top: -4px;
}
#main .infos .pull-right p {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
}
#main .infos .pull-right .importful-links {
  *zoom: 1;
  margin: 0 0 0 17px;
  display: inline-block;
  vertical-align: middle;
}
#main .infos .pull-right .importful-links:before, #main .infos .pull-right .importful-links:after {
  display: table;
  content: "";
  line-height: 0;
}
#main .infos .pull-right .importful-links:after {
  clear: both;
}
#main .infos .pull-right .importful-links > li {
  float: left;
  margin-left: 9px;
}
#main .infos .pull-right .importful-links > li:first-child {
  margin-left: 0;
}
#main .infos .pull-right .importful-links > li > a, #main .infos .pull-right .importful-links > li > div {
  width: 64px;
  height: 64px;
  display: block;
  border: 2px solid #000000;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  text-align: center;
  font-size: 30px;
  cursor: pointer;
}
#main .infos .pull-right .importful-links > li > a i, #main .infos .pull-right .importful-links > li > div i {
  display: block;
  margin: 13px auto;
}
#main .infos .pull-right .importful-links > li > a i.icon-gplus, #main .infos .pull-right .importful-links > li > div i.icon-gplus {
  margin-left: 5px;
}
#main .partner {
  height: 120px;
}
#main .opt-tabs-blocs > div {
  display: none;
}
#main .paiement-infos h4, #main .paiement-infos .stag-h4 {
  margin-top: 0;
  margin-bottom: 0;
}
#main .paiement-infos p {
  margin-bottom: 15px;
}
#main .paiement-infos ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#main .paiement-infos ul li {
  margin: 0 0 0 4px;
  padding: 0;
}
#main .paiement-infos ul li:before {
  display: none;
}

/* ---------------------------------- */
/* == chiffres  agroalimentaire       */
/* ---------------------------------- */
.numbers {
  min-height: 338px;
}
.numbers.layer {
  padding-top: 37px;
}
.numbers.layer .layer-sub-title {
  font-family: "helveticaneue", sans-serif;
  color: #fff;
  min-height: 77px;
  margin-bottom: 32px;
}
.numbers.fixed-title.layer {
  padding: 80px 0 50px;
}
.numbers.fixed-title.layer .layer-sub-title {
  min-height: 0;
  margin-bottom: 48px;
  font-family: "helveticaneueroman", sans-serif;
}
.numbers .row {
  font-size: 0;
  text-align: center;
}
.numbers .row > div {
  width: 150px;
  margin: 0 5px;
  display: inline-block;
  vertical-align: top;
}
.numbers .row span {
  color: #fff;
  display: block;
  text-align: center;
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: bold;
}
.numbers .row span:first-child {
  font-weight: normal;
  font-family: "fatfrank", sans-serif;
  font-size: 42px;
}
.numbers .row span sup {
  top: -.3em;
}

/* ----------------- */
/* == formations     */
/* ----------------- */
.formations .layer-title a, .formations .layer-title span {
  padding-left: 90px;
  padding-right: 90px;
}
.formations .v-center a > div {
  max-width: 940px;
}
.formations > div {
  position: relative;
}
.formations > div + div {
  margin-top: -1px;
}
.formations > div figure {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -moz-transition: opacity 0.5s ease-in;
  -o-transition: opacity 0.5s ease-in;
  -webkit-transition: opacity 0.5s ease-in;
  transition: opacity 0.5s ease-in;
}
.formations > div figure > img {
  display: block;
  max-width: none;
}
.formations > div > a {
  width: 100%;
  height: 378px;
  display: block;
  position: relative;
  z-index: 5;
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
  background-color: rgba(75, 75, 75, 0);
  -moz-transition: background-color 0.4s ease-in;
  -o-transition: background-color 0.4s ease-in;
  -webkit-transition: background-color 0.4s ease-in;
  transition: background-color 0.4s ease-in;
}
.formations > div > a:hover, .formations > div > a.active {
  background: none;
  border-width: 0;
}
.formations > div > a:hover + figure, .formations > div > a.active + figure {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.formations > div > a:hover h3, .formations > div > a:hover .stag-h3
p, .formations > div > a.active h3, .formations > div > a.active .stag-h3
p {
  color: #000000;
}
.formations > div > a:hover .link, .formations > div > a.active .link {
  color: #000000;
}
.formations > div > a:hover .link:before, .formations > div > a.active .link:before {
  background-color: #000000;
}
.formations > div h3, .formations > div .stag-h3 {
  color: #fff;
  margin-bottom: 8px;
}
.formations > div p {
  color: #fff;
  margin-bottom: 16px;
}
.formations > div .link {
  font-family: Arial, sans-serif;
  font-weight: bold;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.formations > div .link:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #fff;
  height: 3px;
  -moz-transition-property: left, right;
  -o-transition-property: left, right;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.formations > div .link:hover:before, .formations > div .link:focus:before, .formations > div .link:active:before {
  left: 0;
  right: 0;
  z-index: 1;
}
.formations > div .link:before {
  left: 0;
  right: 0;
}

/* ----------------- */
/* == specializations */
/* ----------------- */
.specializations .layer-sub-title {
  margin-top: 18px;
}
.specializations .layer-desc {
  font-size: 20px;
  line-height: 22px;
  font-family: Arial, sans-serif;
  margin-bottom: 40px;
}
.specializations .list-formations .item {
  display: inline-block;
  margin: 0 -3px 0 0;
  padding: 0 15px 30px;
  text-align: center;
  vertical-align: top;
  float: none;
  min-height: 394px;
}
.specializations .list-formations .item:nth-child(2n+5) {
  margin-top: 80px;
}
.specializations .list-formations .item:nth-child(2n+5) + .item {
  margin-top: 80px;
}
.specializations .list-formations .item:nth-child(2n+5) + .item + .item {
  margin-top: 80px;
}
.specializations .list-formations .item:nth-child(2n+5) + .item + .item + .item {
  margin-top: 80px;
}
.specializations .list-formations .item > span {
  display: inline-block;
  width: 150px;
  height: 150px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.specializations .list-formations .item:hover > span {
  background-position: 0 bottom;
}
.specializations .list-formations .item:hover .name a,
.specializations .list-formations .item:hover > p {
  color: #8bcf26;
}
.specializations .list-formations .item:hover > a {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.specializations .list-formations .item > i {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.specializations .list-formations .item > a {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  font-size: 13px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  position: relative;
}
.specializations .list-formations .item > a:before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #000000;
}
.specializations .list-formations .item .name {
  line-height: 22px;
  padding-bottom: 8px;
}
.specializations .list-formations .item .name > a {
  color: #526700;
}
.specializations .video {
  height: 0;
}
.specializations .video ~ .list-formations {
  margin-top: 80px;
}
.specializations .video iframe {
  display: none;
}

/* ----------------- */
/* == Testimony    */
/* ----------------- */
.testimony article {
  width: 230px;
  margin-left: 50px;
  position: relative;
  overflow: hidden;
  float: left;
  text-align: left;
  -moz-transition: width 0.2s ease-in;
  -o-transition: width 0.2s ease-in;
  -webkit-transition: width 0.2s ease-in;
  transition: width 0.2s ease-in;
}
.testimony article > .desc:first-child .action-icon {
  margin-bottom: 15px;
}
.testimony article .action-btn {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
}
.testimony article:first-child {
  margin-left: 0;
}
.testimony article .top:before {
  background-image: url('../images/common/small-mask-testimony.png?1450254284');
}
.testimony article .top:hover figure {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.testimony article .top:hover figure + div {
  background-color: rgba(75, 75, 75, 0.6);
}
.testimony article .top figure {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.testimony article .top figure + div {
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.testimony article.active {
  width: 390px;
}
.testimony article.active .desc .learn-more,
.testimony article.active .desc p {
  display: inline-block;
}
.testimony article.active .top figure {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.testimony article.active .top figure + div {
  background-color: rgba(75, 75, 75, 0.6);
}
.testimony article.inverse {
  position: relative;
  z-index: 4;
}
.testimony article.inverse .top:before {
  background-image: url('../images/common/small-mask-testimony.png?1450254284');
}
.testimony article.inverse .desc {
  padding: 6px 29px 26px;
}
.testimony article.inverse .desc:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: url('../images/common/big-mask-bottom-testimony.png') no-repeat center 0;
  height: 24px;
}
.testimony article.inverse .desc h4, .testimony article.inverse .desc .stag-h4 {
  margin-top: 0;
  padding-bottom: 0;
}
.testimony .top {
  background-color: #526700;
  min-height: 258px;
  color: #fff;
  position: relative;
}
.testimony .top > figure {
  margin: 0;
}
.testimony .top > div {
  height: 100%;
  left: 0;
  padding: 16px 29px 30px;
  position: absolute;
  top: 0;
  width: 100%;
}
.testimony .top:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: url('../images/common/big-mask-testimony.png?1450254284') no-repeat center 0;
  width: 100%;
  height: 24px;
  z-index: 99;
}
.testimony .top h3, .testimony .top .stag-h3 {
  font-family: Arial, sans-serif;
  margin-bottom: 0;
  line-height: 24px;
}
.testimony .top .has-short-border:before {
  background-color: #fff;
}
.testimony .top p {
  color: #fff;
  margin-bottom: 0;
}
.testimony .desc {
  background-color: #f6f6f6;
  padding: 14px 29px;
  position: relative;
  -moz-transition: all ease-in;
  -o-transition: all ease-in;
  -webkit-transition: all ease-in;
  transition: all ease-in;
}
.testimony .desc p {
  margin-bottom: 14px;
  display: none;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.testimony .desc h4, .testimony .desc .stag-h4 {
  margin-bottom: 26px;
}
.testimony .desc .learn-more {
  font-size: 15px;
  font-family: "helveticaneuebold", sans-serif;
  position: relative;
  margin-bottom: 10px;
  display: none;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  z-index: 999;
}
.testimony .desc .learn-more:before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #000000;
}
.testimony h4, .testimony .stag-h4 {
  font-size: 20px;
  color: #526700;
  font-weight: normal;
  padding-bottom: 0;
}
.testimony .action-icon {
  margin: 0 auto 29px;
}

/* ----------------- */
/* == Parcours       */
/* ----------------- */
.parcours {
  background: #e0eab7 !important;
}
.parcours .nav-tabs > li > a {
  min-height: 80px;
}
.parcours .head-pane {
  *zoom: 1;
  margin-bottom: 40px;
}
.parcours .head-pane:before, .parcours .head-pane:after {
  display: table;
  content: "";
  line-height: 0;
}
.parcours .head-pane:after {
  clear: both;
}
.parcours .head-pane .title-lvl-1, .parcours .head-pane .numbers.layer .layer-sub-title, .numbers.layer .parcours .head-pane .layer-sub-title {
  font-family: "helveticaneueroman", sans-serif;
  line-height: 43px;
}
.parcours .head-pane p {
  font-size: 20px;
  line-height: 22px;
}

.related-doc {
  background-repeat: no-repeat;
  background-position: center 100%;
  height: 378px;
  padding: 40px 0;
  position: relative;
}
.related-doc:after {
  content: "";
  background: rgba(224, 234, 183, 0.75);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.related-doc .item {
  padding-top: 50px;
  position: relative;
  text-align: center;
  z-index: 1;
}
.related-doc .item > a {
  display: inline-block;
  vertical-align: middle;
}
.related-doc .item > a:hover .img-circle {
  border-color: #000000;
}
.related-doc .item > a:hover .img-circle .icons {
  background-position: -298px -134px;
  width: 46px;
  height: 62px;
}
.related-doc .item > a:hover h4 span, .related-doc .item > a:hover .stag-h4 span {
  border-bottom: 3px solid #000000;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.related-doc .item h4, .related-doc .item .stag-h4 {
  margin-bottom: 0;
}
.related-doc .item h4 span, .related-doc .item .stag-h4 span {
  line-height: 22px;
}
.related-doc .item .img-circle {
  width: 140px;
  height: 140px;
  margin: 0 auto;
  line-height: 134px;
  border: 3px solid transparent;
  -moz-border-radius: 140px;
  -webkit-border-radius: 140px;
  border-radius: 140px;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

/* ----------------- */
/* == Galerie        */
/* ----------------- */
.filter-layout .options {
  margin-top: 35px;
  margin-bottom: 40px;
}
.filter-layout .options .checkbox-group {
  text-align: center;
}
.filter-layout .catgories {
  background: #4b4b4b;
  text-align: center;
  padding: 20px 0;
}
.filter-layout .catgories input {
  display: none;
}
.filter-layout .catgories label {
  cursor: pointer;
  margin-bottom: 0;
  line-height: 23px;
}
.filter-layout .catgories > ul > li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 17px;
}
.filter-layout .catgories > ul > li.active {
  *zoom: 1;
  position: relative;
}
.filter-layout .catgories > ul > li.active:before, .filter-layout .catgories > ul > li.active:after {
  display: table;
  content: "";
  line-height: 0;
}
.filter-layout .catgories > ul > li.active:after {
  clear: both;
}
.filter-layout .catgories > ul > li.active .return {
  font-size: 28px;
  color: #ffffff;
  position: absolute;
  top: 0;
  left: -60px;
  cursor: pointer;
}
.filter-layout .catgories > ul > li.active input:checked + label {
  float: left;
  color: #8bcf26;
}
.filter-layout .catgories > ul > li.active input:checked + label:before {
  background: #8bcf26;
  left: 0;
  right: 0;
}
.filter-layout .catgories > ul > li ul {
  display: none;
  float: left;
  margin-left: 25px;
}
.filter-layout .catgories > ul > li ul li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 25px;
}
.filter-layout .catgories > ul > li ul li label {
  color: #ffffff;
}
.filter-layout .catgories > ul > li ul li label:hover {
  color: #8bcf26;
}
.filter-layout .filter-results {
  *zoom: 1;
  background: #4b4b4b;
}
.filter-layout .filter-results:before, .filter-layout .filter-results:after {
  display: table;
  content: "";
  line-height: 0;
}
.filter-layout .filter-results:after {
  clear: both;
}
.filter-layout .filter-results.centered {
  background: #ffffff;
  padding: 10px 0;
}
.filter-layout .filter-results .element {
  float: left;
  height: 282px;
  position: relative;
}
.filter-layout .filter-results .element:not(.video):before {
  content: "";
  background: rgba(75, 75, 75, 0);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.filter-layout .filter-results .element img {
  max-height: 100%;
}
.filter-layout .filter-results .element:hover:before {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.filter-layout .filter-results .element:hover .inner {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.filter-layout .filter-results .element .inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.filter-layout .filter-results .text-center {
  margin-bottom: 45px;
  margin-top: 10px;
}
.filter-layout .filter-results .text-center .link {
  font-family: Arial, sans-serif;
  font-weight: bold;
}

/* ----------------- */
/* == contact        */
/* ----------------- */
.contact {
  text-align: left;
}
.contact .nav > li > a {
  padding: 15px 10px;
}
.contact .tabpanel {
  margin-top: 9px;
}
.contact .layer-title {
  margin-bottom: 24px;
}
.contact p {
  font-size: 16px;
  font-family: Arial, sans-serif;
}
.contact p > span {
  font-weight: bold;
  display: block;
  margin-top: 19px;
}
.contact h5, .contact .stag-h5 {
  font-family: Arial, sans-serif;
  font-weight: bold;
  margin-bottom: 0;
}
.contact .lead {
  font-family: "helveticaneuebold", sans-serif;
}
.contact .infos {
  background-color: #fff;
  position: relative;
  padding: 5px 0 12px 90px;
  width: 310px;
}
.contact .infos h3, .contact .infos .stag-h3 {
  font-family: Arial, sans-serif;
  font-weight: bold;
}
.contact .infos:before {
  content: "";
  left: 20px;
  top: 29px;
  position: absolute;
}
.contact .infos address {
  font-size: 16px;
  line-height: 20px;
}
.contact .icon-attache {
  display: inline-block;
  background: url('../images/common/attachement.jpg?1450254284') 0 no-repeat;
  width: 46px;
  height: 38px;
  vertical-align: middle;
  margin-right: 15px;
}
.contact .fileinput-button {
  font-family: Arial, sans-serif;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  position: relative;
  margin-bottom: 10px;
}
.contact .fileinput-button input[type="file"] {
  cursor: pointer;
  font-size: 200px;
  margin: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
}

/* ----------------- */
/* == Persona        */
/* ----------------- */
.persona blockquote {
  padding-top: 40px;
  padding-bottom: 43px;
}
.persona blockquote:before {
  top: 42px;
}
.persona figure img {
  max-width: none;
}

/* ----------------- */
/* == Profils        */
/* ----------------- */
.profils .bx-wrapper .bx-prev {
  left: 0px;
}
.profils .bx-wrapper .bx-next {
  right: 24px;
}
.profils .slide:after {
  background: rgba(30, 30, 30, 0.4) !important;
}
.profils .slide .inner {
  background: rgba(75, 75, 75, 0.7);
  text-align: left;
}
.profils .slide .inner h3, .profils .slide .inner .stag-h3 {
  color: white;
  text-align: center;
  margin-bottom: 20px;
}
.profils .slide .inner h3 span, .profils .slide .inner .stag-h3 span {
  border-bottom: 3px solid #ffffff;
  padding-bottom: 6px;
  display: inline-block;
}
.profils .slide .inner p.desc {
  font-family: "helveticaneueroman", sans-serif;
  font-size: 16px;
  color: #ffffff;
  margin-bottom: 28px;
}
.profils .slide .inner p {
  color: #ffffff;
}
.profils .slide .inner p span {
  color: #8bcf26;
  display: block;
}
.profils .slide .inner .link {
  font-family: Arial, sans-serif;
  font-weight: bold;
  color: #8bcf26;
  color: #8bcf26;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.profils .slide .inner .link:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #8bcf26;
  height: 3px;
  -moz-transition-property: left, right;
  -o-transition-property: left, right;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.profils .slide .inner .link:hover:before, .profils .slide .inner .link:focus:before, .profils .slide .inner .link:active:before {
  left: 0;
  right: 0;
  z-index: 1;
}
.profils .slide .inner .icon-ld {
  position: absolute;
  right: 30px;
  bottom: 30px;
  font-size: 30px;
  color: #ffffff;
}

/* ----------------- */
/* == CMS            */
/* ----------------- */
.contact .w-contacts {
  display: inline-block;
  float: none;
  vertical-align: top;
  margin-bottom: 6px;
}
.w-contacts .icon-user {
  font-size: 38px;
  color: #ffffff;
}
.w-contacts h5, .w-contacts .stag-h5 {
  font-family: Arial, sans-serif;
  color: #ffffff;
  margin-bottom: 0;
}
.w-contacts p {
  font-size: 15px;
}
.w-contacts p span {
  font-weight: bold;
  display: block;
  margin-top: 19px;
}

.w-document .icon-book {
  display: inline-block;
  font-size: 40px;
  vertical-align: middle;
}

/* ------------------- */
/* == Themes           */
/* ------------------- */
/* 8bcf26 : Page personas et histoire - Vert
526700 : Page formation - Vert
ff8a00 : Page formation - Orange
5193e7 : Page formation - Bleu
ff534e : Page domaine d'expertise - Rouge
ebbc01 : Page personas et histoire - Jaune */
.th-8bcf26 .sticker {
  background: #8bcf26 !important;
}
.th-8bcf26 .sticker.has-opacity {
  background: rgba(139, 207, 38, 0.6) !important;
}
.th-8bcf26 .sticker.has-opacity:after {
  border-top-color: rgba(139, 207, 38, 0.6) !important;
}
.th-8bcf26 .sticker:after {
  border-top-color: #8bcf26 !important;
}
.th-8bcf26 .txt-color {
  color: #8bcf26 !important;
}
.th-8bcf26 .has-short-border:before {
  background: #8bcf26;
}
.th-8bcf26 .nav-tabs.tabs-default > li.active > a {
  color: #8bcf26;
  border-bottom-color: #8bcf26;
}
.th-8bcf26 .nav-tabs.tabs-default > li.active > a:before, .th-8bcf26 .nav-tabs.tabs-default > li.active > a:after {
  background: #8bcf26;
}
.th-8bcf26 .nav-tabs.tabs-default > li > a:hover, .th-8bcf26 .nav-tabs.tabs-default > li > a:focus, .th-8bcf26 .nav-tabs.tabs-default > li > a:active {
  color: #8bcf26;
  border-bottom-color: #8bcf26;
}
.th-8bcf26 .has-bg:not(.layer-title) {
  background: #8bcf26;
}
.th-8bcf26 .has-bg.layer-title span, .th-8bcf26 .has-bg.layer-title a {
  background: #8bcf26 !important;
}

.th-ff534e .sticker {
  background: #ff534e !important;
}
.th-ff534e .sticker.has-opacity {
  background: rgba(255, 83, 78, 0.6) !important;
}
.th-ff534e .sticker.has-opacity:after {
  border-top-color: rgba(255, 83, 78, 0.6) !important;
}
.th-ff534e .sticker:after {
  border-top-color: #ff534e !important;
}
.th-ff534e .txt-color {
  color: #ff534e !important;
}
.th-ff534e .has-short-border:before {
  background: #ff534e;
}
.th-ff534e .nav-tabs.tabs-default > li.active > a {
  color: #ff534e;
  border-bottom-color: #ff534e;
}
.th-ff534e .nav-tabs.tabs-default > li.active > a:before, .th-ff534e .nav-tabs.tabs-default > li.active > a:after {
  background: #ff534e;
}
.th-ff534e .nav-tabs.tabs-default > li > a:hover, .th-ff534e .nav-tabs.tabs-default > li > a:focus, .th-ff534e .nav-tabs.tabs-default > li > a:active {
  color: #ff534e;
  border-bottom-color: #ff534e;
}
.th-ff534e .has-bg:not(.layer-title) {
  background: #ff534e !important;
}
.th-ff534e .has-bg.layer-title span, .th-ff534e .has-bg.layer-title a {
  background: #ff534e !important;
}

.th-526700 .sticker {
  background: #526700 !important;
}
.th-526700 .sticker.has-opacity {
  background: rgba(82, 103, 0, 0.6) !important;
}
.th-526700 .sticker.has-opacity:after {
  border-top-color: rgba(82, 103, 0, 0.6) !important;
}
.th-526700 .sticker:after {
  border-top-color: #526700 !important;
}
.th-526700 .txt-color {
  color: #526700 !important;
}
.th-526700 .has-short-border:before {
  background: #526700;
}
.th-526700 .nav-tabs.tabs-default > li.active > a {
  color: #526700;
  border-bottom-color: #526700;
}
.th-526700 .nav-tabs.tabs-default > li.active > a:before, .th-526700 .nav-tabs.tabs-default > li.active > a:after {
  background: #526700;
}
.th-526700 .nav-tabs.tabs-default > li > a:hover, .th-526700 .nav-tabs.tabs-default > li > a:focus, .th-526700 .nav-tabs.tabs-default > li > a:active {
  color: #526700;
  border-bottom-color: #526700;
}
.th-526700 .has-bg:not(.layer-title) {
  background: #526700 !important;
}
.th-526700 .has-bg.layer-title span, .th-526700 .has-bg.layer-title a {
  background: #526700 !important;
}
.th-526700 .parcours.has-bg {
  background: #e0eab7 !important;
}
.th-526700 .related-doc:after {
  background: rgba(224, 234, 183, 0.75) !important;
}

.th-ff8a00 .sticker {
  background: #ff8a00 !important;
}
.th-ff8a00 .sticker.has-opacity {
  background: rgba(255, 138, 0, 0.6) !important;
}
.th-ff8a00 .sticker.has-opacity:after {
  border-top-color: rgba(255, 138, 0, 0.6) !important;
}
.th-ff8a00 .sticker:after {
  border-top-color: #ff8a00 !important;
}
.th-ff8a00 .txt-color {
  color: #ff8a00 !important;
}
.th-ff8a00 .has-short-border:before {
  background: #ff8a00;
}
.th-ff8a00 .nav-tabs.tabs-default > li.active > a {
  color: #ff8a00;
  border-bottom-color: #ff8a00;
}
.th-ff8a00 .nav-tabs.tabs-default > li.active > a:before, .th-ff8a00 .nav-tabs.tabs-default > li.active > a:after {
  background: #ff8a00;
}
.th-ff8a00 .nav-tabs.tabs-default > li > a:hover, .th-ff8a00 .nav-tabs.tabs-default > li > a:focus, .th-ff8a00 .nav-tabs.tabs-default > li > a:active {
  color: #ff8a00;
  border-bottom-color: #ff8a00;
}
.th-ff8a00 .has-bg:not(.layer-title) {
  background: #ff8a00 !important;
}
.th-ff8a00 .has-bg.layer-title span, .th-ff8a00 .has-bg.layer-title a {
  background: #ff8a00 !important;
}
.th-ff8a00 .parcours.has-bg {
  background: #ffe4c4 !important;
}
.th-ff8a00 .related-doc:after {
  background: rgba(255, 228, 196, 0.75) !important;
}

.th-5193e7 .sticker {
  background: #5193e7 !important;
}
.th-5193e7 .sticker.has-opacity {
  background: rgba(81, 147, 231, 0.6) !important;
}
.th-5193e7 .sticker.has-opacity:after {
  border-top-color: rgba(81, 147, 231, 0.6) !important;
}
.th-5193e7 .sticker:after {
  border-top-color: #5193e7 !important;
}
.th-5193e7 .txt-color {
  color: #5193e7 !important;
}
.th-5193e7 .has-short-border:before {
  background: #5193e7;
}
.th-5193e7 .nav-tabs.tabs-default > li.active > a {
  color: #5193e7;
  border-bottom-color: #5193e7;
}
.th-5193e7 .nav-tabs.tabs-default > li.active > a:before, .th-5193e7 .nav-tabs.tabs-default > li.active > a:after {
  background: #5193e7;
}
.th-5193e7 .nav-tabs.tabs-default > li > a:hover, .th-5193e7 .nav-tabs.tabs-default > li > a:focus, .th-5193e7 .nav-tabs.tabs-default > li > a:active {
  color: #5193e7;
  border-bottom-color: #5193e7;
}
.th-5193e7 .has-bg:not(.layer-title) {
  background: #5193e7 !important;
}
.th-5193e7 .has-bg.layer-title span, .th-5193e7 .has-bg.layer-title a {
  background: #5193e7 !important;
}
.th-5193e7 .parcours.has-bg {
  background: #dcebff !important;
}
.th-5193e7 .related-doc:after {
  background: rgba(220, 235, 255, 0.75) !important;
}

.th-ebbc01 .sticker {
  background: #ebbc01 !important;
}
.th-ebbc01 .sticker.has-opacity {
  background: rgba(235, 188, 1, 0.6) !important;
}
.th-ebbc01 .sticker.has-opacity:after {
  border-top-color: rgba(235, 188, 1, 0.6) !important;
}
.th-ebbc01 .sticker:after {
  border-top-color: #ebbc01 !important;
}
.th-ebbc01 .txt-color {
  color: #ebbc01 !important;
}
.th-ebbc01 .has-short-border:before {
  background: #ebbc01;
}
.th-ebbc01 .nav-tabs.tabs-default > li.active > a {
  color: #ebbc01;
  border-bottom-color: #ebbc01;
}
.th-ebbc01 .nav-tabs.tabs-default > li.active > a:before, .th-ebbc01 .nav-tabs.tabs-default > li.active > a:after {
  background: #ebbc01;
}
.th-ebbc01 .nav-tabs.tabs-default > li > a:hover, .th-ebbc01 .nav-tabs.tabs-default > li > a:focus, .th-ebbc01 .nav-tabs.tabs-default > li > a:active {
  color: #ebbc01;
  border-bottom-color: #ebbc01;
}
.th-ebbc01 .has-bg:not(.layer-title) {
  background: #ebbc01 !important;
}
.th-ebbc01 .has-bg.layer-title span, .th-ebbc01 .has-bg.layer-title a {
  background: #ebbc01 !important;
}

/* ------------------ */
/* == Footer          */
/* ------------------ */
footer .main-footer {
  background: #272727;
  padding: 40px 0;
}
footer .main-footer .list-title {
  font-family: "helveticaneuebold", sans-serif;
  font-size: 16px;
  color: #8bcf26;
  display: inline-block;
  vertical-align: middle;
}
footer .main-footer .bloc-list {
  margin-bottom: 35px;
}
footer .main-footer .bloc-list:last-child {
  margin-bottom: 0;
}
footer .main-footer .bloc-list a {
  text-decoration: none;
}
footer .main-footer .bloc-list ul {
  list-style: none;
  padding: 0;
  margin: 40px 0;
}
footer .main-footer .bloc-list ul li {
  font-size: 14px;
  line-height: 18px;
  font-weight: 300;
  margin-bottom: 14px;
}
footer .main-footer .bloc-list ul li a {
  color: #ffffff;
}
footer .main-footer .bloc-list ul li a:hover {
  text-decoration: underline;
}
footer .main-footer .newsletter-subscription {
  display: inline-block;
  vertical-align: middle;
  margin-left: 25px;
}
footer .main-footer .newsletter-subscription .input-group {
  float: right;
  position: relative;
}
footer .main-footer .newsletter-subscription .input-group .form-control {
  width: 225px;
  height: 50px;
  padding-right: 35px;
}
footer .main-footer .newsletter-subscription .input-group .submit {
  background: 0;
  border: 0;
  padding: 0;
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  right: 10px;
  top: 12px;
  z-index: 2;
}
footer .main-footer .newsletter-subscription .input-group .submit:before {
  content: "";
  background: #000000;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
}
footer .main-footer .join-us ul {
  display: inline-block;
  vertical-align: middle;
  *zoom: 1;
}
footer .main-footer .join-us ul:before, footer .main-footer .join-us ul:after {
  display: table;
  content: "";
  line-height: 0;
}
footer .main-footer .join-us ul:after {
  clear: both;
}
footer .main-footer .join-us ul li {
  float: left;
  margin-left: 35px;
}
footer .main-footer .join-us ul li a {
  font-size: 25px;
  line-height: 50px;
  color: #ffffff;
}
footer .main-footer .join-us ul li.scoopit a {
  height: 25px;
  width: 25px;
  background: url(../images/common/scoopit.svg);
  display: inline-block;
  margin-top: 12px;
}
footer .main-footer .legal-lines {
  *zoom: 1;
  text-align: center;
  padding: 35px 0 0;
}
footer .main-footer .legal-lines:before, footer .main-footer .legal-lines:after {
  display: table;
  content: "";
  line-height: 0;
}
footer .main-footer .legal-lines:after {
  clear: both;
}
footer .main-footer .legal-lines ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  white-space: nowrap;
  white-space: normal;
  font-size: 12px;
  color: #ffffff;
}
footer .main-footer .legal-lines ul li:before {
  content: "|";
}
footer .main-footer .legal-lines ul li a {
  color: #ffffff !important;
  margin-left: 10px;
}
footer .main-footer .legal-lines ul li a:hover {
  text-decoration: underline;
}
footer .main-footer .legal-lines ul li:first-child:before {
  content: "";
  display: none;
}
footer .main-footer .legal-lines ul li:first-child a {
  margin-left: 0;
  margin-right: 7px;
}
footer .main-footer .legal-lines p {
  color: #ffffff;
  font-size: 12px !important;
  margin-bottom: 0 !important;
}
footer .main-footer .legal-lines p span {
  color: #8bcf26;
}
footer .btm-footer {
  background: #ffffff;
}
footer .btm-footer .list-partners {
  margin: 0;
  padding: 0;
  border: 0;
  *zoom: 1;
  text-align: center;
  padding: 16px 0;
}
footer .btm-footer .list-partners:before, footer .btm-footer .list-partners:after {
  display: table;
  content: "";
  line-height: 0;
}
footer .btm-footer .list-partners:after {
  clear: both;
}
footer .btm-footer .list-partners li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  white-space: nowrap;
  white-space: normal;
  margin-left: 20px;
}
footer .btm-footer .list-partners li:first-child {
  margin-left: 0;
}

/*
* Styles imported from Header.php
***/
.box-select-items > li {
  position: relative;
}

.box-select-items > li > a:before {
  content: "";
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 3px solid #bfbfbf;
}

.box-select-items > li > a {
  color: rgba(255, 255, 255, 0.7);
  font-size: 12px;
  line-height: 104px;
  font-family: Arial, sans-serif;
  padding: 0 25px 0 10px;
  position: relative;
  display: inline-block;
}

.header-min header .box-select-items > li > a:before {
  display: none;
}

.header-min header .box-select-items > li > a {
  line-height: 37px;
}

.box-select-items > li:hover > a {
  background-color: #fff;
  color: #8bcf26;
}

.box-select-items li:hover .sub-menu {
  height: auto;
  display: block;
}

.header-min header .box-select-items .sub-menu {
  top: 35px;
}

.box-select-items .sub-menu {
  display: none;
  background-color: #fff;
  padding: 24px 10px 14px;
  position: absolute;
  top: 89px;
  left: 0;
  z-index: 80;
  min-width: 160px;
  width: 100%;
}

.box-select-items li > ul > li {
  text-align: left;
}

.box-select-items li > ul > li a {
  font-size: 12px;
  line-height: 14px;
  font-family: Arial,sans-serif;
  color: #000;
}

.box-select-items {
  text-align: center;
  color: #fff;
  font-size: 16px;
  margin-right: 20px;
  line-height: 20px;
  font-family: Arial, sans-serif;
}

.main-layer {
  position: relative;
}

#cookiesban #cookiesclose {
  right: 10px;
  top: 10px;
}

#cookiesban .is-middle {
  min-width: initial;
  line-height: 1.5em;
  margin-top: 36px;
}

#cookiesban {
  position: absolute;
  top: 165px;
  -moz-box-shadow: 10px 10px 25px -10px #1a181c;
  -webkit-box-shadow: 10px 10px 25px -10px #1a181c;
  -o-box-shadow: 10px 10px 25px -10px #1a181c;
  box-shadow: 10px 10px 25px -10px #1a181c;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#1a181c, Direction=134, Strength=25);
  right: 38px;
  width: 250px;
  height: 128px;
  border-top: 0;
  z-index: 99;
  background-color: rgba(255, 255, 255, 0.9);
}

.bandeau-brochure .helpful-links {
  position: absolute;
  right: 0;
  bottom: 8px;
  width: 132px;
  margin-top: 0;
  margin-bottom: 0;
  display: block;
}

.bandeau-brochure .helpful-links > li > a i {
  position: initial;
  margin-top: 25px;
}

.bandeau-brochure .helpful-links > li > a:before {
  border: 2px solid #8bcf26;
  content: "";
  width: 111px;
  height: 111px;
  top: 4px;
  border-radius: 50%;
  left: 4px;
  position: absolute;
}

.bandeau-brochure .text-bandeau {
  background-color: #292929;
  height: 70px;
  position: fixed;
  width: 100%;
  box-sizing: border-box;
  bottom: 0;
  right: 0;
  text-align: left;
  display: block;
}

.bandeau-brochure .text-bandeau p a {
  color: #8bcf26;
  font-size: 16px;
}

.bandeau-brochure .text-bandeau p {
  font-family: arial;
  font-size: 20px;
  color: #fff;
  padding-left: 39px;
  font-weight: bold;
  line-height: 70px;
}

.bandeau-brochure .helpful-links > li > a {
  background-color: #292929;
  position: relative;
  padding-top: 0;
  width: 119px;
  height: 119px;
  border: 0;
  overflow: hidden;
}

.bandeau-brochure {
  bottom: 0;
  position: fixed;
  right: 0;
  z-index: 99;
}

.bandeau-brochure .text-bandeau p a:hover {
  text-decoration: underline;
}

.bandeau-brochure.hide-brochure {
  width: 133px;
  height: 70px;
}

.bandeau-brochure.hide-brochure.openBlock {
  width: 100%;
  height: 70px;
}

.landingpage #main .rightblock .lp-block {
  margin-top: 60px;
}

.bandeau-brochure.hide-brochure .text-bandeau {
  bottom: -100%;
  -webkit-transition: bottom  1.5s ease-out;
  /* Safari */
  transition: bottom 1.5s ease-out;
}

.formations > div > a:hover * {
  color: #000;
}

.bandeau-brochure.hide-brochure.openBlock .text-bandeau {
  bottom: 0%;
  -webkit-transition: bottom 0.5s  ease-out;
  /* Safari */
  transition: bottom 0.5s ease-out;
}

.offset {
  position: absolute;
  bottom: 44px;
  width: 1px;
  height: 1px;
}

.scroll-to {
  background: url(../images/common/arrow-scroll-to.png) 0 0 no-repeat;
  width: 89px;
  height: 89px;
  display: block;
  position: absolute;
  bottom: 44px;
  left: 50%;
  margin-left: -44px;
  z-index: 99;
}

.addthis-smartlayers.addthis-smartlayers-desktop, .at4-share {
  display: none !important;
}

.landingpage #main .bg-grey {
  margin-top: -1px;
}

.landingpage #main .lp-block {
  padding: 0 !important;
  margin: 20px 0 0 41px;
  max-width: 515px;
}

.landingpage #main .lp-block .content h2 {
  text-decoration: underline;
  color: #8bcf26;
}

.home #main .main-layer .sticker.nolink .stag-h1 {
  padding: 30px;
}

.home #main .main-layer .sticker.nolink .more {
  padding: 30px;
}

.home #main .main-layer .sticker.nolink .more:before {
  left: 30px;
}

.home #main .main-layer .sticker.withlink .absoluted-link {
  padding: 0;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.home #main .main-layer .sticker.withlink {
  padding: 30px;
}

.header li .menu > button {
    width: auto;
    background: transparent;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    font-family: Arial, sans-serif;
    display: inline-block;
    line-height: 105px;
    position: relative;
    width: 100%;
    border-right: 1px solid #545454;
    outline: none;
}

.header li .menu > button:hover {
    color: #8bcf26;
}

.header li .menu > button span:before, .header li .menu > button span:after {
    background-color: #292929;
    content: '';
    position: absolute;
    width: 1px;
    z-index: 55;
    right: -1px;
}

.header li .menu > button span:before {
    height: 14px;
    top: 0;
}

.header li .menu > button span:after {
    height: 13px;
    bottom: 0;
}

.header li .menu > button span {
    position: relative;
    display: block;
    width: 100%;
    padding: 0 20px;
}

.header .menu.active .meganav {
    z-index: 15;
}

.header .single-nav > ul {
    z-index: 20;
}

/*
.header li .menu > button span:after {
    content: "";
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 3px solid #bfbfbf;
}
*/

.header li .menu > button span i {
    content: "";
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 3px solid #bfbfbf;
}


/**********************************************************/

.header-min .header li .menu > button span:before, .header-min .header li .menu > button span:after {
    height: 11px;
}

.header-min header .menu > button {
    display: block;
}

.header-min header .menu > button:hover span,
.header-min header .menu > button:hover,
.header-min header .menu.active > button span,
.header-min header .menu.active > button {
    color: #8bcf26 !important;
}

.header-min header .menu > button span i  {
    display: none;
}

.header-min header .menu > button span:first-child {
    display: block;
    color: #ffffff;
    line-height: 35px;
}

/* -------------------------------------------------------------------------------------------------- */
/* == Devices  -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* ----------------------------- */
/* == Media Queries              */
/* ----------------------------- */
/* Big screens ----------- */
@media only screen and (max-width: 1024px) {
  /* Styles */
  /* Pour les écrans plus de 1024px  */
}
/* Tablets ----------- */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  /* Styles */
  /* Pour les tablettes  */
}
/* ------------------------------------------------------------------------------------------------- */
/* == CROSS BROWSER - IE --------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */
/* ---------------- */
/* == IE 9          */
/* ---------------- */