/*transition*/
/*container-mobile*/
/*mobile*/
/*tablet*/
/*container*/
/*background*/
/*flex*/
/*font*/
/* Responsive */
/* @see https://davidwalsh.name/write-media-queries-sass */
/********************************/
/*** variables ***/
/********************************/
@font-face {
  font-family: 'Aktiv_Grotesk_Medium';
  src: url("font/AktivGroteskCorp-Medium.eot");
  src: local("font/AktivGroteskCorp-Medium"), url("font/AktivGroteskCorp-Medium.eot?#iefix") format("embedded-opentype"), url("font/AktivGroteskCorp-Medium.woff2") format("woff2"), url("font/AktivGroteskCorp-Medium.woff") format("woff"), url("font/AktivGroteskCorp-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'Aktiv_Grotesk_Bold';
  src: url("font/AktivGroteskCorp-Bold.eot");
  src: local("font/AktivGroteskCorp-Bold"), url("font/AktivGroteskCorp-Bold.eot?#iefix") format("embedded-opentype"), url("font/AktivGroteskCorp-Bold.woff2") format("woff2"), url("font/AktivGroteskCorp-Bold.woff") format("woff"), url("font/AktivGroteskCorp-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'Aktiv_Grotesk_Italic';
  src: url("font/AktivGroteskCorp-Italic.eot");
  src: local("font/AktivGroteskCorp-Italic"), url("font/AktivGroteskCorp-Italic.eot?#iefix") format("embedded-opentype"), url("font/AktivGroteskCorp-Italic.woff2") format("woff2"), url("font/AktivGroteskCorp-Italic.woff") format("woff"), url("font/AktivGroteskCorp-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }
@font-face {
  font-family: 'Aktiv_Grotesk_Light_Italic';
  src: url("font/AktivGroteskCorp-LightItalic.eot");
  src: local("font/AktivGroteskCorp-LightItalic"), url("font/AktivGroteskCorp-LightItalic.eot?#iefix") format("embedded-opentype"), url("font/AktivGroteskCorp-LightItalic.woff2") format("woff2"), url("font/AktivGroteskCorp-LightItalic.woff") format("woff"), url("font/AktivGroteskCorp-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic; }
@font-face {
  font-family: 'Aktiv_Grotesk_Medium_italic';
  src: url("font/AktivGroteskCorp-MediumItalic.eot");
  src: local("font/AktivGroteskCorp-MediumItalic"), url("font/AktivGroteskCorp-MediumItalic.eot?#iefix") format("embedded-opentype"), url("font/AktivGroteskCorp-MediumItalic.woff2") format("woff2"), url("font/AktivGroteskCorp-MediumItalic.woff") format("woff"), url("font/AktivGroteskCorp-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic; }
@font-face {
  font-family: 'Aktiv_Grotesk_Light';
  src: url("font/AktivGroteskCorp-Light.eot");
  src: local("font/AktivGroteskCorp-Light"), url("font/AktivGroteskCorp-Light.eot?#iefix") format("embedded-opentype"), url("font/AktivGroteskCorp-Light.woff2") format("woff2"), url("font/AktivGroteskCorp-Light.woff") format("woff"), url("font/AktivGroteskCorp-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Aktiv_Grotesk_Regular';
  src: url("font/AktivGroteskCorp-Regular.eot");
  src: local("font/AktivGroteskCorp-Regular"), url("font/AktivGroteskCorp-Regular.eot?#iefix") format("embedded-opentype"), url("font/AktivGroteskCorp-Regular.woff2") format("woff2"), url("font/AktivGroteskCorp-Regular.woff") format("woff"), url("font/AktivGroteskCorp-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Aktiv_Grotesk_Bold_italic';
  src: url("font/AktivGroteskCorp-BoldItalic.eot");
  src: local("font/AktivGroteskCorp-BoldItalic"), url("font/AktivGroteskCorp-BoldItalic.eot?#iefix") format("embedded-opentype"), url("font/AktivGroteskCorp-BoldItalic.woff2") format("woff2"), url("font/AktivGroteskCorp-BoldItalic.woff") format("woff"), url("font/AktivGroteskCorp-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic; }
@font-face {
  font-family: "Aktiv_Grotesk_W06_Light";
  src: url("font/0a2637106588e71433ed60ca3118b98f.eot");
  src: url("font/0a2637106588e71433ed60ca3118b98f.eot?#iefix") format("embedded-opentype"), url("font/0a2637106588e71433ed60ca3118b98f.woff2") format("woff2"), url("font/0a2637106588e71433ed60ca3118b98f.woff") format("woff"), url("font/0a2637106588e71433ed60ca3118b98f.ttf") format("truetype"), url("font/0a2637106588e71433ed60ca3118b98f.svg#Aktiv Grotesk W06 Light") format("svg"); }
@font-face {
  font-family: "Aktiv Grotesk W01 Hairline";
  src: url("font/0537d4a5a675944563b917be88712570.eot");
  src: url("font/0537d4a5a675944563b917be88712570.eot?#iefix") format("embedded-opentype"), url("font/0537d4a5a675944563b917be88712570.woff2") format("woff2"), url("font/0537d4a5a675944563b917be88712570.woff") format("woff"), url("font/0537d4a5a675944563b917be88712570.ttf") format("truetype"), url("font/0537d4a5a675944563b917be88712570.svg#Aktiv Grotesk W01 Hairline") format("svg"); }
@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?foyq8w");
  src: url("fonts/icomoon.eot?foyq8w#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?foyq8w") format("truetype"), url("fonts/icomoon.woff?foyq8w") format("woff"), url("fonts/icomoon.svg?foyq8w#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }
@font-face {
  font-family: "rubik-medium";
  src: url("/kassets/css/font/rubik-medium.eot");
  src: url("/kassets/css/font/rubik-medium.eot?#iefix") format("embedded-opentype"), url("/kassets/css/font/rubik-medium.woff") format("woff"), url("/kassets/css/font/rubik-medium.otf") format("opentype"), url("/kassets/css/font/rubik-medium.ttf") format("truetype"), url("/kassets/css/font/rubik-medium.svg?#webfont") format("svg"); }
@font-face {
  font-family: "rubik-light";
  src: url("/kassets/css/font/rubik-light.eot");
  src: url("/kassets/css/font/rubik-light.eot?#iefix") format("embedded-opentype"), url("/kassets/css/font/rubik-light.woff") format("woff"), url("/kassets/css/font/rubik-light.otf") format("opentype"), url("/kassets/css/font/rubik-light.ttf") format("truetype"), url("/kassets/css/font/rubik-light.svg?#webfont") format("svg"); }
@font-face {
  font-family: "rubik-regular";
  src: url("/kassets/css/font/rubik-regular.eot");
  src: url("/kassets/css/font/rubik-regular.eot?#iefix") format("embedded-opentype"), url("/kassets/css/font/rubik-regular.woff") format("woff"), url("/kassets/css/font/rubik-regular.otf") format("opentype"), url("/kassets/css/font/rubik-regular.ttf") format("truetype"), url("/kassets/css/font/rubik-regular.svg?#webfont") format("svg"); }
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: never;
  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-ico1:before {
  content: "\e900"; }

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

.icon-ico3:before {
  content: "\e902"; }

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

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

.icon-ico6:before {
  content: "\e905"; }

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

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

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

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

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

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

.icon-ico13:before {
  content: "\e90c"; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-Groupe-3716:before {
  content: "\e922"; }

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

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

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

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

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

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

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

.icon-Groupe-3688:before {
  content: "\e92a"; }

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

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

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

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

.icon-Groupe-3698:before {
  content: "\e92f"; }

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

.icon-Groupe-3711:before {
  content: "\e931"; }

.icon-Groupe-3710:before {
  content: "\e932"; }

.icon-Groupe-3703:before {
  content: "\e933"; }

.icon-Groupe-3707:before {
  content: "\e934"; }

.icon-Groupe-3705:before {
  content: "\e935"; }

.icon-icone_calendrier-01:before {
  content: "\e936"; }

.icon-Icon-ionic-ios-pin:before {
  content: "\e937"; }

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

.icon-Icon-feather-download:before {
  content: "\e939"; }

.icon-Icon-feather-external-link:before {
  content: "\e93a"; }

.icon-Iconmetro-file-pdf:before {
  content: "\e93b"; }

.icon-data-management-erp:before {
  content: "\e93c";
  color: #cb333b; }

.icon-finances-accountant:before {
  content: "\e93d";
  color: #cb333b; }

.icon-it:before {
  content: "\e93e";
  color: #cb333b; }

.icon-logistics:before {
  content: "\e93f";
  color: #cb333b; }

.icon-manufacturing:before {
  content: "\e940";
  color: #cb333b; }

.icon-quality-control:before {
  content: "\e941";
  color: #cb333b; }

.icon-raqa:before {
  content: "\e942";
  color: #cb333b; }

.icon-rd:before {
  content: "\e943";
  color: #cb333b; }

.icon-sales-marketing:before {
  content: "\e944";
  color: #cb333b; }

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

body {
  font-family: 'Aktiv_Grotesk_Regular';
  text-rendering: optimizeLegibility;
  margin: 0;
  padding: 0;
  font-size: 18px;
  color: #69747c;
  _overflow-x: hidden;
  overflow-x: hidden;
  *overflow-x: hidden;
  overflow-x: hidden \0;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  background: #fff; }
  body .main {
    min-height: 50vh; }

a {
  color: #c42c34; }

a,
a:hover,
.btns,
h3,
.btns,
span,
div,
#menu-haut ul,
.btn {
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  text-decoration: none;
  outline: 0;
  text-decoration: none; }

a:hover {
  color: #c42c34; }

a:active, a:hover, a:focus, select:focus,
input:focus {
  outline: 0; }

a:focus {
  text-decoration: none; }

ul, ol {
  margin-bottom: 20px; }

::-webkit-input-placeholder {
  color: #69747c; }

input:focus {
  outline: none !important; }

:-moz-placeholder {
  color: #69747c; }

::-moz-placeholder {
  color: #69747c; }

:-ms-input-placeholder {
  color: #69747c; }

.container,
.idPage-419 .ctR {
  /*max-width: 1180px;*/
  max-width: 1210px;
  width: 100%; }

.idPage-419 .ctR {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 3%; }

a {
  color: #c42c34; }

p {
  margin: 0 0 24px;
  line-height: 24px; }

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid #ccc; }

h1,
h2,
h3,
h4,
h5,
h6 {
  position: relative;
  font-family: 'Aktiv_Grotesk_Bold';
  color: #383838; }

h1 {
  font-size: 50px;
  margin: 0;
  color: #fff;
  font-family: 'Aktiv_Grotesk_Regular';
  max-width: 42%;
  line-height: 57px;
  margin: 0;
  position: relative;
  z-index: 20; }
  h1 strong {
    font-family: 'Aktiv_Grotesk_Bold'; }
  h1.h1error {
    color: #69747c;
    font-size: 30px;
    max-width: 100%;
    margin: 2% 0;
    text-transform: uppercase; }

.h1_titrepage {
  font-family: 'Aktiv_Grotesk_Bold';
  color: #69747c;
  text-transform: uppercase;
  font-size: 18px;
  margin: 0;
  text-transform: uppercase;
  line-height: 18px;
  max-width: 100%; }

.accueil h1 {
  max-width: 460px;
  margin: 0 0 0; }

h2 {
  font-size: 30px;
  margin: 0 0 5px;
  line-height: 36px;
  text-transform: uppercase;
  color: #c42c34; }

h3 {
  font-size: 40px;
  margin: 0;
  font-family: 'Aktiv_Grotesk_Light';
  color: #001e51; }
  h3 strong {
    font-family: 'Aktiv_Grotesk_Bold'; }

h4 {
  font-size: 46px;
  margin: 0 0 20px; }

h5 {
  font-size: 43px;
  margin: 0 0 20px; }

h6 {
  font-size: 40px;
  margin: 0 0 20px; }

.rouge {
  color: #c42c34; }

/** Header **/
header {
  padding: 30px 10% 0;
  /*  position: sticky;
  */
  z-index: 100;
  top: 0;
  background-color: #fff; }
  header .col-lg-8 {
    text-align: right; }
  header #topHead {
    align-items: center;
    padding-bottom: 15px; }
    header #topHead .fDiv {
      max-width: 600px;
      flex: 1; }
    header #topHead .cSrch {
      padding: 0;
      margin: 0;
      position: relative;
      display: flex;
      align-items: center;
      border: 1px solid #efefef; }
      @media (max-width: 1024px) {
        header #topHead .cSrch {
          margin-bottom: 15px;
          margin-top: 35px; } }
    header #topHead .log-distributor {
      display: flex;
      align-items: center;
      /*		&:before{
      			padding: 0 30px;
      			content: "|";
      			width: 1px;
      			height: 29px;
      			color: #c6c6c6;
      			position: relative;
      			top: 2px;
      			@media(max-width: 1300px){
      				display: none;
      			}
      		  }*/ }
      @media (max-width: 1300px) {
        header #topHead .log-distributor {
          margin-left: 15px; } }
      @media (max-width: 1024px) {
        header #topHead .log-distributor {
          justify-content: flex-end; } }
    header #topHead input[type=text] {
      height: 44px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      border: none;
      color: #bebdc0;
      font-size: 14px;
      width: 100%;
      padding: 0 0 0 7%; }
    header #topHead input[type=text]::-moz-placeholder {
      color: #bebdc0 !important; }
    header #topHead input[type=text]::-webkit-input-placeholder {
      color: #bebdc0 !important; }
    header #topHead .topLogin {
      color: #c42c34;
      font-weight: bold;
      padding: 0 0 0 30px;
      font-size: 14px;
      background: url(/kassets/cssimg/site/ico1.svg) no-repeat;
      display: inline-block;
      position: relative;
      background-size: 13%; }
      @media (max-width: 968px) {
        header #topHead .topLogin {
          margin-left: 25px; } }
    header #topHead .linl-head {
      margin-left: 15px;
      font-size: 14px; }
      @media (max-width: 1180px) {
        header #topHead .linl-head {
          max-width: 150px;
          margin-bottom: 15px;
          margin-top: 35px;
          display: block;
          margin-left: inherit; } }
      @media (max-width: 968px) {
        header #topHead .linl-head {
          max-width: inherit; } }
  header .logo-wrapper {
    display: flex;
    align-items: center; }
    header .logo-wrapper span {
      max-width: 150px;
      display: block;
      margin-left: 25px;
      font-weight: bold;
      font-size: 15px;
      line-height: 18px; }
      @media (max-width: 768px) {
        header .logo-wrapper span {
          display: none; } }

/*.scroll-element{
    overflow-y: scroll;
    max-height: 80vh;
}
*/
#modulo ~ body {
  /*	 filter: blur(4px) !important;
       -webkit-filter: blur(4px) !important;
  */ }

#topHead input[type=submit] {
  background: url(/kassets/cssimg/site/ico5.svg) 0 0 no-repeat;
  width: 18px;
  height: 18px;
  display: inline-block;
  cursor: pointer;
  /*    position: $extra_position;
  */
  top: 12px;
  left: 24px;
  border: none !important;
  color: transparent;
  margin-left: 15px; }

/********************************/
/*** main ***/
/********************************/
#page1.wrp .pAbsolute .vr {
  padding: 0 38px; }
#page1.wrp .pAbsolute .firstVr {
  padding: 33px 26.5% 33px 0; }
  #page1.wrp .pAbsolute .firstVr p {
    color: #fff;
    display: flex;
    align-items: center; }
#page1.wrp .pAbsolute.firstAbs .firstVr {
  padding: 15px 26.5% 15px 0; }

.ensure-row {
  display: flex;
  align-items: center; }

.separator {
  font-size: 32px;
  display: inline-block;
  height: 32px;
  width: 1px;
  background-color: #BDBDBD;
  margin: auto 16px; }
  @media (max-width: 1024px) {
    .separator.first {
      display: none; } }

.log-distributor span:before {
  font-size: 21px; }

.wrp {
  width: 100%;
  /*max-width: 1655px;*/
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .wrp .pAbsolute {
    position: absolute;
    left: 0;
    width: 100%;
    /*max-width: 1420px;*/
    bottom: 0;
    -webkit-border-top-right-radius: 25px;
    -moz-border-radius-topright: 25px;
    border-top-right-radius: 25px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center; }
    .wrp .pAbsolute .container {
      position: relative;
      max-width: 1334px; }
    .wrp .pAbsolute .firstVr {
      color: #fff;
      float: left;
      padding: 13px 26.5% 13px 0;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      flex-wrap: inherit;
      background: #001e51;
      position: relative;
      z-index: 2;
      width: 99%; }
      .wrp .pAbsolute .firstVr p {
        color: #001e51;
        font-size: 18px;
        font-family: 'Aktiv_Grotesk_Regular';
        text-rendering: optimizeLegibility;
        width: 100%;
        margin: 0; }
        .wrp .pAbsolute .firstVr p strong {
          color: #fff; }
    .wrp .pAbsolute .vr {
      float: right;
      color: #fff;
      -webkit-border-top-right-radius: 25px;
      -moz-border-radius-topright: 25px;
      border-top-right-radius: 25px;
      background: #75aafa;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      flex-wrap: inherit;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 2;
      /*right: -15px;*/
      height: 100%;
      padding: 0 38px 0 15px;
      display: flex;
      align-items: center; }
      .wrp .pAbsolute .vr a {
        color: #fff;
        padding: 0;
        display: inline-block;
        font-style: italic;
        font-size: 20px; }
        .wrp .pAbsolute .vr a span {
          border: 1px solid #fff;
          width: 29px;
          height: 29px;
          border-radius: 29px;
          display: inline-block;
          vertical-align: middle; }
          .wrp .pAbsolute .vr a span img {
            position: relative;
            -webkit-transition: all 350ms ease-in-out;
            -moz-transition: all 350ms ease-in-out;
            -o-transition: all 350ms ease-in-out;
            transition: all 350ms ease-in-out;
            margin-top: -5px;
            margin-left: -1px; }
            .wrp .pAbsolute .vr a span img:hover {
              margin-top: 0px;
              -webkit-transition: all 350ms ease-in-out;
              -moz-transition: all 350ms ease-in-out;
              -o-transition: all 350ms ease-in-out;
              -transition: all 350ms ease-in-out; }
    .wrp .pAbsolute:before {
      content: "";
      background: #001e51;
      position: absolute;
      left: 0;
      top: 0;
      display: block;
      width: 80%;
      height: 100%;
      z-index: 1; }
  .wrp .pAbsolute.firstAbs .vr a img {
    left: 0; }

section#page2,
section#page3,
section#page4,
section#page5 {
  position: relative;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  height: auto;
  padding: 34px 0 88px 0 !important; }

section#page1 {
  position: relative;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  height: auto; }

.accueil section#page1 {
  height: auto;
  min-height: calc(100vh - 127px );
  /*		display: flex;
  		flex-direction: column;
  		justify-content: center;
  */
  padding: 75px 0 212px 0; }
  .accueil section#page1 .container {
    height: 100%; }
    .accueil section#page1 .container h1 {
      height: 100%; }
  .accueil section#page1 .container-banner {
    max-width: inherit;
    padding: 75px 10%; }
    @media (max-width: 1480px) {
      .accueil section#page1 .container-banner {
        padding: 30px 15px; } }

section#page1 {
  height: auto;
  min-height: calc(100vh - 175px );
  padding: 75px 0 212px 0; }
  section#page1 .wrp .pAbsolute .firstAbs .vr a {
    border: 1px solid #fff;
    width: 29px;
    height: 29px;
    border-radius: 29px; }
    section#page1 .wrp .pAbsolute .firstAbs .vr a img {
      width: 26px;
      height: 26px;
      position: relative;
      -webkit-transition: all 350ms ease-in-out;
      -moz-transition: all 350ms ease-in-out;
      -o-transition: all 350ms ease-in-out;
      transition: all 350ms ease-in-out;
      margin-top: -5px;
      margin-left: 1px; }
      section#page1 .wrp .pAbsolute .firstAbs .vr a img:hover {
        margin-top: 0px;
        -webkit-transition: all 350ms ease-in-out;
        -moz-transition: all 350ms ease-in-out;
        -o-transition: all 350ms ease-in-out;
        -transition: all 350ms ease-in-out; }
  section#page1:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: url(/kassets/cssimg/site/fond_banner2.png) left center no-repeat;
    background-size: cover;
    left: 0;
    bottom: 0; }

section#page1 {
  height: auto;
  min-height: calc(100vh - 175px );
  padding: 75px 0 212px 0; }
  section#page1 .container {
    max-width: 1334px; }

#page2, #page3, #page4, #page5 {
  padding-top: 0;
  min-height: 100vh;
  background-position: top right;
  background-size: cover;
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: auto; }
  @media (max-width: 767px) {
    #page2, #page3, #page4, #page5 {
      min-height: inherit; } }

.accueil section#page3,
.accueil section#page5,
.idPage-412 section#page3,
.idPage-412 section#page5 {
  padding-top: 0;
  min-height: 100vh;
  background-position: top right;
  background-size: cover;
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: auto; }
  @media (max-width: 1080px) {
    .accueil section#page3,
    .accueil section#page5,
    .idPage-412 section#page3,
    .idPage-412 section#page5 {
      min-height: inherit;
      padding: 35px 0 85px 0; }
      .accueil section#page3 h3,
      .accueil section#page5 h3,
      .idPage-412 section#page3 h3,
      .idPage-412 section#page5 h3 {
        margin-bottom: 30px; } }

.accueil section#page2 {
  padding-top: 0;
  min-height: 100vh;
  background-position: top right;
  background-size: cover;
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: auto; }
  @media (max-width: 1220px) {
    .accueil section#page2 {
      min-height: inherit;
      padding: 35px 15px 87px 15px !important; }
      .accueil section#page2 h3 {
        margin-bottom: 30px; } }

.idPage-412 section#page2 {
  padding-top: 0;
  min-height: 100vh;
  background-position: top right;
  background-size: cover;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  height: auto;
  padding-bottom: 0; }
  @media (max-width: 1220px) {
    .idPage-412 section#page2 {
      min-height: inherit;
      padding: 35px 15px 0 15px; }
      .idPage-412 section#page2 h3 {
        margin-bottom: 30px; } }
  .idPage-412 section#page2 .introtexte .container {
    padding: 0;
    margin-left: -15px;
    margin-right: -15px; }

.idPage-412 section#page2 .introtexte .container, .idPage-412 section#page3 .introtexte .container {
  padding: 0;
  margin-left: -15px;
  margin-right: -15px; }

.accueil section#page4,
.idPage-412 section#page4 {
  padding-top: 0;
  min-height: 100vh;
  background-position: top right;
  background-size: cover;
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: auto; }
  .accueil section#page4 h3,
  .idPage-412 section#page4 h3 {
    margin-bottom: 5%; }
  @media (max-width: 1220px) {
    .accueil section#page4,
    .idPage-412 section#page4 {
      min-height: inherit;
      padding: 35px 15px 85px 15px; }
      .accueil section#page4 h3,
      .idPage-412 section#page4 h3 {
        margin-bottom: 30px; } }

section#page5 {
  background-position: top left;
  background-size: auto; }
  section#page5 .ctn {
    max-width: 1258px; }
  section#page5 h3 {
    margin-bottom: 5%; }

.cookies-actives.accueil section#page1 {
  min-height: calc(100vh - 199px); }

.cookies-actives section#page1 {
  /*    height: 73vh;*/
  min-height: calc(100vh - 199px); }

section#page2,
section#page3,
section#page4 {
  padding: 25px 0 57px 0;
  background-image: none; }
  section#page2 .ctn,
  section#page3 .ctn,
  section#page4 .ctn {
    max-width: 1258px; }
  section#page2 .imgL,
  section#page3 .imgL,
  section#page4 .imgL {
    position: relative;
    left: -5%; }
    section#page2 .imgL .cadrefulls,
    section#page3 .imgL .cadrefulls,
    section#page4 .imgL .cadrefulls {
      background-repeat: no-repeat;
      background-position: top center;
      background-size: cover;
      height: 568px;
      overflow: hidden;
      -webkit-transition: all .0s ease-out;
      -moz-transition: all .0s ease-out;
      -o-transition: all .0s ease-out;
      transition: all .0s ease-out; }
      section#page2 .imgL .cadrefulls:hover,
      section#page3 .imgL .cadrefulls:hover,
      section#page4 .imgL .cadrefulls:hover {
        background-position: 0 -568px; }
      @media (max-width: 1360px) {
        section#page2 .imgL .cadrefulls,
        section#page3 .imgL .cadrefulls,
        section#page4 .imgL .cadrefulls {
          width: 376px;
          height: 357px;
          margin: auto; }
          section#page2 .imgL .cadrefulls:hover,
          section#page3 .imgL .cadrefulls:hover,
          section#page4 .imgL .cadrefulls:hover {
            background-position: 0 -357px; } }
  section#page2 .imgR,
  section#page3 .imgR,
  section#page4 .imgR {
    position: relative;
    right: -5%; }
  section#page2 ul,
  section#page3 ul,
  section#page4 ul {
    margin: 8% 0 16% 0;
    padding: 0;
    list-style-type: none; }
    section#page2 ul li,
    section#page3 ul li,
    section#page4 ul li {
      padding: 0 0 0 40px;
      margin: 0 0 45px;
      font-size: 18px;
      background-image: url(/kassets/cssimg/site/ico_puce.png);
      background-repeat: no-repeat;
      background-position: 0 1px; }

section#page3 .imgL .cadrefulls:hover {
  background-position: top; }

section#page5 {
  padding: 25px 0 57px 0;
  background-image: none; }
  section#page5 .ctn {
    max-width: 1240px; }
  section#page5 .imgL {
    position: relative;
    left: -5%; }
    section#page5 .imgL .cadrefulls {
      background-repeat: no-repeat;
      background-position: top center;
      background-size: cover;
      height: 568px;
      overflow: hidden;
      -webkit-transition: all .0s ease-out;
      -moz-transition: all .0s ease-out;
      -o-transition: all .0s ease-out;
      transition: all .0s ease-out; }
      section#page5 .imgL .cadrefulls:hover {
        background-position: 0 -568px; }
      @media (max-width: 1360px) {
        section#page5 .imgL .cadrefulls {
          width: 376px;
          height: 357px;
          margin: auto; }
          section#page5 .imgL .cadrefulls:hover {
            background-position: 0 -357px; } }
  section#page5 .imgR {
    position: relative;
    right: -5%; }
  section#page5 ul {
    margin: 8% 0 16% 0;
    padding: 0;
    list-style-type: none; }
    section#page5 ul li {
      padding: 0 0 0 40px;
      margin: 0 0 45px;
      font-size: 18px;
      background-image: url(/kassets/cssimg/site/ico_puce.png);
      background-repeat: no-repeat;
      background-position: 0 1px; }

.wrpBottom50 {
  margin-bottom: -50px; }

.container.fstCtc {
  padding-right: 0; }

section .ttlB {
  /*align-items: flex-end;*/
  padding-bottom: 5%;
  align-items: center; }
section .ttlB.nmax {
  padding-top: 0;
  padding-right: 20%;
  /*    padding-left: 20%;
  */
  padding-bottom: 5%; }
  section .ttlB.nmax p {
    margin-top: 25px; }

#bloc1 .row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 0; }
  #bloc1 .row .col-xs-12 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: inherit;
    padding-right: 0px; }
    #bloc1 .row .col-xs-12:after {
      content: "";
      width: 36px;
      height: 35px;
      position: absolute;
      top: 46%;
      right: -26px;
      display: block;
      background-image: url(/kassets/cssimg/site/ico_red.png);
      z-index: 2; }
    #bloc1 .row .col-xs-12:last-child:after {
      display: none !important; }
    #bloc1 .row .col-xs-12 .item {
      padding: 30px 35px 80px;
      border: 1px solid #eeeeee;
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      border-radius: 15px;
      position: relative;
      box-shadow: 0px 20px 40px 4px rgba(119, 119, 119, 0.14);
      -moz-box-shadow: 0px 20px 40px 4px rgba(119, 119, 119, 0.14);
      -webkit-box-shadow: 0px 20px 40px 4px rgba(119, 119, 119, 0.14);
      background: #fff; }
      #bloc1 .row .col-xs-12 .item .pic {
        margin: 0 0 30px 20px; }
      #bloc1 .row .col-xs-12 .item ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 20px;
        color: #001e51;
        min-height: 105px; }
        #bloc1 .row .col-xs-12 .item ul li {
          margin: 0 0 5px;
          line-height: 30px;
          padding: 0 0 0 17px;
          font-size: 27px;
          background: url(/kassets/cssimg/site/puce.png) 0px 11px no-repeat; }
      #bloc1 .row .col-xs-12 .item p {
        font-size: 18px;
        margin: 15px 0 0 6%;
        font-family: 'Aktiv_Grotesk_Regular';
        padding: 0 11% 0 0; }
    #bloc1 .row .col-xs-12 .item.ctr {
      padding-top: 43px;
      padding-bottom: 43px;
      padding-left: 30px;
      padding-right: 30px; }
      #bloc1 .row .col-xs-12 .item.ctr .pic {
        margin: 0 0 50px 20px; }
      #bloc1 .row .col-xs-12 .item.ctr .pic,
      #bloc1 .row .col-xs-12 .item.ctr p {
        text-align: center; }

#page5 .ttlB p {
  font-size: 18px;
  line-height: 20px;
  color: #69747c;
  max-width: 76%; }

#bloc2 {
  padding-right: 15px; }
  #bloc2 .row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    #bloc2 .row .col-xs-12 {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      flex-wrap: inherit;
      padding-right: 0; }
      @media (max-width: 767px) {
        #bloc2 .row .col-xs-12 {
          margin-bottom: 25px; } }
      #bloc2 .row .col-xs-12 .pic {
        border: 1px solid #eeeeee;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        width: 100%;
        height: 159px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        margin: 0 0 20px; }
      #bloc2 .row .col-xs-12 h3 {
        font-size: 20px;
        height: 46px;
        overflow: hidden;
        margin: 0 0 10px;
        font-family: 'Aktiv_Grotesk_Medium'; }
      #bloc2 .row .col-xs-12 p {
        height: 40px;
        overflow: hidden;
        margin: 0 0 15px;
        font-size: 18px;
        line-height: 20px;
        color: #69747c; }
      #bloc2 .row .col-xs-12 .readMore {
        color: #c42c34;
        font-family: 'Aktiv_Grotesk_Bold';
        font-size: 14px;
        display: inline-block;
        margin-bottom: 50px; }
        #bloc2 .row .col-xs-12 .readMore .icon-ico17 {
          padding: 0 0 0 6px;
          color: #c42c34;
          font-size: 11.5px;
          position: relative; }
          #bloc2 .row .col-xs-12 .readMore .icon-ico17:before {
            color: #c42c34; }
      #bloc2 .row .col-xs-12 a {
        float: left;
        width: 100%;
        height: 100%; }

.wrpItm {
  padding-top: 0;
  padding-bottom: 0; }
  .wrpItm .btn {
    margin-left: 20px; }
  .wrpItm .cdr a {
    position: absolute;
    background-repeat: no-repeat;
    background-position: 0 0;
    overflow: hidden;
    -webkit-transition: all .0s ease-out;
    -moz-transition: all .0s ease-out;
    -o-transition: all .0s ease-out;
    transition: all .0s ease-out; }
  .wrpItm .ct1 a {
    left: 0;
    top: 0;
    width: 319px;
    height: 215px;
    background-image: url(/kassets/cssimg/site/carte01.png);
    z-index: 4; }
    .wrpItm .ct1 a:hover {
      background-position: 0 -215px; }
  .wrpItm .ct2 a {
    left: 54px;
    top: 192px;
    width: 223px;
    height: 162px;
    background-image: url(/kassets/cssimg/site/carte02.png);
    z-index: 0; }
    .wrpItm .ct2 a:hover {
      background-position: 0 -162px; }
  .wrpItm .ct3 a {
    left: 292px;
    top: -43px;
    width: 146px;
    height: 206px;
    background-image: url(/kassets/cssimg/site/carte03.png);
    z-index: 0; }
    .wrpItm .ct3 a:hover {
      background-position: 0 -206px; }
  .wrpItm .ct4 a {
    left: 275px;
    top: 165px;
    width: 138px;
    height: 182px;
    background-image: url(/kassets/cssimg/site/carte04.png);
    z-index: 0; }
    .wrpItm .ct4 a:hover {
      background-position: 0 -182px; }
  .wrpItm .ct5 a {
    left: 371px;
    top: -17px;
    width: 319px;
    height: 275px;
    background-image: url(/kassets/cssimg/site/carte05.png);
    z-index: 0; }
    .wrpItm .ct5 a:hover {
      background-position: 0 -275px; }
  .wrpItm .ct6 a {
    left: 515px;
    top: 215px;
    width: 158px;
    height: 162px;
    background-image: url(/kassets/cssimg/site/carte06.png);
    z-index: 0; }
    .wrpItm .ct6 a:hover {
      background-position: 0 -162px; }
  .wrpItm .itm {
    width: 100%;
    margin: 0 0 25px;
    float: left; }
    .wrpItm .itm div {
      display: inline-block;
      float: left; }
      @media (max-width: 767px) {
        .wrpItm .itm div {
          margin-bottom: 20px; } }
      .wrpItm .itm div:first-child {
        max-width: 118px;
        min-width: 118px;
        text-align: center;
        margin-bottom: 25px; }
        .wrpItm .itm div:first-child span {
          display: block;
          text-transform: uppercase;
          color: #001e51;
          margin: 0 0 5px;
          font-size: 14px; }
        .wrpItm .itm div:first-child strong {
          display: block;
          font-size: 48px;
          color: #c42c34;
          font-weight: normal;
          font-family: 'Aktiv_Grotesk_Bold';
          line-height: 28px; }
      .wrpItm .itm div:last-child {
        width: 79%;
        font-size: 18px;
        line-height: 18px; }

.introtexte {
  padding: 0 0 5%; }
  .introtexte .row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0; }
  .introtexte .col-xs-12 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: inherit; }
  .introtexte h3 {
    display: block;
    width: 100%; }
  .introtexte .dTb {
    display: table;
    height: 100%; }
  .introtexte p {
    display: table-cell;
    vertical-align: bottom;
    font-size: 17px; }

#bloc3 .row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 0; }
  #bloc3 .row .col-xs-12 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: inherit;
    padding-right: 0px; }
    #bloc3 .row .col-xs-12 .item {
      padding: 0;
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      border-radius: 15px;
      position: relative;
      color: #fff;
      background-color: #fff;
      overflow: hidden;
      width: 100%; }
      #bloc3 .row .col-xs-12 .item a {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top center;
        min-height: 707px;
        width: 100%;
        transition: transform .5s ease;
        display: block;
        padding: 30px 35px 80px; }
      #bloc3 .row .col-xs-12 .item .wrp {
        position: absolute;
        bottom: 35px;
        left: 35px;
        z-index: 12;
        right: 35px;
        width: auto;
        height: 215px;
        padding-top: 70px;
        padding-bottom: 35px;
        overflow: hidden; }
        @media (max-width: 1080px) {
          #bloc3 .row .col-xs-12 .item .wrp {
            left: 15px;
            right: 15px; } }
        @media (max-width: 992px) {
          #bloc3 .row .col-xs-12 .item .wrp {
            display: flex;
            justify-content: flex-end;
            flex-direction: column; } }
      #bloc3 .row .col-xs-12 .item h3 {
        font-family: 'Aktiv_Grotesk_Bold';
        color: #fff; }
      #bloc3 .row .col-xs-12 .item p {
        font-size: 16px;
        margin: 15px 0 0;
        font-family: 'Aktiv_Grotesk_Light';
        padding: 0 0 0 0;
        color: #fff;
        line-height: 18px; }
        @media (max-width: 1080px) {
          #bloc3 .row .col-xs-12 .item p {
            line-height: 20px; } }
        @media (max-width: 992px) {
          #bloc3 .row .col-xs-12 .item p {
            display: none; } }
        #bloc3 .row .col-xs-12 .item p b {
          display: block;
          margin-bottom: 47px; }
      #bloc3 .row .col-xs-12 .item:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 60%;
        z-index: 0;
        background: rgba(255, 255, 255, 0);
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.24) 24%, #00205b 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(24%, rgba(255, 255, 255, 0.24)), color-stop(100%, #00205b));
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.24) 24%, #00205b 100%);
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.24) 24%, #00205b 100%);
        background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.24) 24%, #00205b 100%);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.24) 24%, #00205b 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00205b', GradientType=0 );
        left: 0;
        bottom: 0;
        background-size: cover; }
      #bloc3 .row .col-xs-12 .item:hover a {
        transform: scale(1.1); }
      #bloc3 .row .col-xs-12 .item:hover .wrp {
        height: 100%; }
        @media (max-width: 992px) {
          #bloc3 .row .col-xs-12 .item:hover .wrp {
            height: inherit; } }
      #bloc3 .row .col-xs-12 .item:hover:after {
        background: rgba(0, 32, 91, 0.85);
        height: 100%; }

.historyBloc {
  padding: 13% 0 0; }
  .historyBloc .fullLine {
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 100%; }
    .historyBloc .fullLine:after {
      content: "";
      position: absolute;
      top: 38px;
      border-bottom: 1px solid #d4d4d4;
      width: 100%;
      height: 1px; }
    .historyBloc .fullLine div {
      position: relative;
      padding: 0 0 60px;
      text-align: center;
      font-size: 18px;
      /*&:after{
        content: "";
        position: $extra_position;
        top: -30px;
        border-bottom: 1px solid #dfe0e1;
      }*/ }
      .historyBloc .fullLine div span {
        display: block;
        text-align: center;
        padding-top: 35px;
        font-size: 14px; }
        .historyBloc .fullLine div span:after {
          content: "";
          -webkit-border-radius: 10px;
          -moz-border-radius: 10px;
          border-radius: 10px;
          width: 10px;
          height: 10px;
          display: block;
          overflow: hidden;
          background: #69747c;
          clear: both;
          margin: -44px auto 0;
          position: relative;
          z-index: 12; }

.dFlexSb,
.dFlexRt {
  display: flex;
  justify-content: space-between; }

.dFlexRt {
  justify-content: flex-end; }

.uptext {
  text-transform: uppercase; }

.btn,
.btn2,
.button-submit {
  font-family: 'Aktiv_Grotesk_Medium';
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #c42c34;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  padding: 11px 25px; }
  .btn .icon-ico17,
  .btn2 .icon-ico17,
  .button-submit .icon-ico17 {
    padding: 0 0 0 10px;
    font-size: 12px; }
  .btn:hover, .btn:focus,
  .btn2:hover,
  .btn2:focus,
  .button-submit:hover,
  .button-submit:focus {
    color: #fff; }
  .btn span.icon-ico1:before,
  .btn2 span.icon-ico1:before,
  .button-submit span.icon-ico1:before {
    color: #fff;
    font-size: 20px;
    position: relative;
    padding: 0 15px 0 0;
    top: 2px; }

.btn2 {
  background: #001e51; }

.btn.btn2 {
  margin-left: 15px; }

.fullsWidths {
  float: left;
  width: 100%; }

.showMobile {
  display: none !important; }

.fadeur {
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  -ms-filter: "alpha(opacity=5)";
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=5);
  filter: alpha(opacity=5);
  opacity: 0.5; }

/** Footer **/
#footer {
  padding: 0; }
  #footer .wrp {
    background: #f6f6f6; }
  #footer .zoneRef {
    font-size: 18px;
    margin: 0 0 45px;
    display: inline-flex;
    width: 100%;
    align-items: center;
    position: relative;
    min-height: 155px; }
    #footer .zoneRef a {
      color: #001e51; }
    #footer .zoneRef div {
      float: left;
      display: inline-block;
      padding: 0 4% 0 0;
      position: relative;
      top: 15px; }
      #footer .zoneRef div span {
        position: relative;
        display: inline-block;
        margin: 0 10px 0 0; }
      #footer .zoneRef div .mailFoot span {
        top: 3px;
        padding: 10px 0 12px 27px;
        background: url(/kassets/cssimg/site/ico3.svg) no-repeat;
        background-size: 100%; }
      #footer .zoneRef div .phoneFoot span {
        background: url(/kassets/cssimg/site/ico4.svg) no-repeat;
        padding: 12px 0 12px 24px; }
      #footer .zoneRef div .linkedinFoot span {
        background: url(/kassets/cssimg/site/ico-linkedin.svg) no-repeat;
        padding: 2px 0 1px 25px;
        background-size: 100%; }
      #footer .zoneRef div:last-child {
        float: right;
        position: absolute;
        right: 0;
        top: 25px;
        min-height: 126px;
        padding: 0; }
      #footer .zoneRef div .logoFoot {
        /*width: 101px;
        height: 126px;*/ }
    #footer .zoneRef:after {
      content: "";
      border-bottom: 1px solid #e7e7e7;
      display: block;
      width: 97.5%;
      position: absolute;
      bottom: -20px; }
  #footer .desc {
    padding: 10px 0 40px; }
    #footer .desc a {
      text-transform: uppercase;
      color: #001e51;
      font-size: 18px; }
      #footer .desc a:hover {
        color: #c42c34; }
  #footer .infos {
    color: #fff;
    background: #001e51;
    font-size: 11px;
    padding: 23px 0; }
    #footer .infos a {
      color: #fff; }
      #footer .infos a:after {
        content: "|";
        padding: 0 3px 0 5px;
        display: inline-block;
        color: #fff; }
      #footer .infos a:last-child:after {
        content: "";
        display: none; }
      #footer .infos a:hover {
        color: #c42c34; }

.wrapBreadcrumbs {
  padding: 15px 0;
  background: #f2f2f2; }
  .wrapBreadcrumbs .h1_titrepage,
  .wrapBreadcrumbs ul {
    float: left;
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 11px;
    font-family: 'Aktiv_Grotesk_Bold'; }
    .wrapBreadcrumbs .h1_titrepage a,
    .wrapBreadcrumbs ul a {
      color: #69747c; }
      .wrapBreadcrumbs .h1_titrepage a:hover,
      .wrapBreadcrumbs ul a:hover {
        color: #001e51; }
  .wrapBreadcrumbs .h1_titrepage {
    font-size: 15px; }
  .wrapBreadcrumbs ul {
    float: right; }

/* ordering */
.idPage-414 section#page2 {
  padding-top: 2.5%; }
  .idPage-414 section#page2 h2 {
    font-size: 14px;
    color: #69747c; }
  .idPage-414 section#page2 .select_continent {
    padding: 0;
    margin: 30px 0 0;
    width: 100%; }
    .idPage-414 section#page2 .select_continent .wrp {
      display: flex;
      justify-content: space-between;
      width: 100%;
      margin: 0; }
      .idPage-414 section#page2 .select_continent .wrp select {
        position: relative;
        cursor: pointer;
        padding: 0 20px 0 16%;
        border-radius: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        box-shadow: 0;
        color: #69747c;
        background-size: initial;
        background-image: url(/kassets/cssimg/site/select-ico.png);
        background-position: 93% 50%;
        background-repeat: no-repeat;
        height: 58px;
        border: 1px solid #f0f0f0;
        -webkit-border-radius: 58px;
        -moz-border-radius: 58px;
        border-radius: 58px;
        width: 94%;
        float: left;
        display: inline-block;
        font-size: 18px;
        background-color: #fff; }
      .idPage-414 section#page2 .select_continent .wrp div {
        position: relative;
        width: 100%; }
      .idPage-414 section#page2 .select_continent .wrp div:first-child:before {
        content: "";
        display: inline-block;
        color: #f0f0f0;
        height: 30px;
        border-right: 1px solid #f0f0f0;
        margin: 11px 0 0 4.7%; }
      .idPage-414 section#page2 .select_continent .wrp div:after {
        content: "";
        position: absolute;
        width: 13px;
        height: 18px;
        top: 20px;
        left: 26px;
        background: url(/kassets/cssimg/site/ico_country.png) no-repeat; }
      .idPage-414 section#page2 .select_continent .wrp div.not select {
        cursor: default;
        color: #d2d1d1;
        background-image: url(/kassets/cssimg/site/select-ico_.png); }
      .idPage-414 section#page2 .select_continent .wrp div.not:after {
        background: url(/kassets/cssimg/site/ico_country_.png) no-repeat; }

#ordering .panes {
  position: relative;
  margin: 0px auto 30px;
  width: 64%; }
#ordering .jvectormap svg path {
  fill: #f0f0f0; }
#ordering .jvectormap svg path:hover {
  fill: #cac9ca; }

@media screen and (max-width: 1745px) {
  header #topHead input[type=text] {
    width: 87%; } }
@media screen and (max-width: 1613px) {
  header #topHead input[type=text] {
    width: 82%; } }
@media screen and (max-width: 1440px) {
  h1 {
    margin: 17.5% 0 0; }

  header {
    padding: 30px 5% 0;
    min-height: 127px; }
    header #topHead input[type=text] {
      width: 87%;
      padding: 0 0 0 7.5%; }

  .accueil section#page1 {
    /*    height: 83.2vh;*/ }

  section#page1 {
    /*    height: 77.2vh;
    */ }

  .cookies-actives.accueil section#page1 {
    /*    height: 74vh;
    */ }

  section#page2, section#page3, section#page4, section#page5 {
    /*    height: 96vh;
    */ }

  section#page3 .imgL, section#page4 .imgL, section#page3 .imgR, section#page4 .imgR {
    width: 100%; }

  section#page4 .imgR {
    right: 0px; }

  #ordering .panes {
    width: 80%; }
  #ordering .introtexte {
    padding: 0; } }
@media screen and (max-width: 1366px) {
  header #topHead input[type=text] {
    width: 87%;
    padding: 0 0 0 8.5%; }

  .accueil section#page1 {
    /*      height: 72.2vh;*/ }

  section#page1 {
    /*    height: 67.2vh;
    */ }

  section#page2, section#page3, section#page4, section#page5 {
    /*    height: 84.1vh;
    */ }

  .accueil.cookies-actives section#page1 {
    /*      height: 65vh;
    */ }

  .cookies-actives section#page1 {
    /*      height: 59vh;
    */ }

  h1 {
    margin: 15.5% 0 0; }

  #ordering .panes {
    width: 84%; } }
@media screen and (max-width: 1360px) {
  .accueil section#page1 {
    /*    height: 55.2vh;
    */ }

  section#page1 {
    /*    height: 49.2vh;
    */ } }
@media screen and (max-width: 1280px) {
  .accueil section#page1 {
    /*    height: 85.2vh;
    */ }

  section#page1 {
    /*    height: 79.2vh;
    */ }

  section#page2, section#page3, section#page4, section#page5 {
    /*    height: 100vh;
    */ }

  .accueil.cookies-actives section#page1 {
    /*      height: 75vh;
    */ }

  .cookies-actives section#page1 {
    /*      height: 69vh;
    */ }

  section#page4 .imgR {
    right: 30px; }

  .wrpItm .itm {
    margin: 0; }

  h1 {
    margin: 0; }

  #ordering .panes {
    width: 90%; }

  .wrp .pAbsolute {
    padding-right: 0; } }
@media screen and (max-width: 1047px) {
  header #topHead input[type=text] {
    width: 70%; } }
@media screen and (max-width: 1024px) {
  header {
    padding: 30px 15px 0; }
    header .Hyphen_logo {
      position: relative;
      top: -14px;
      z-index: 565656565; }
    header #topHead input[type=text] {
      width: 86%;
      padding: 0 0 0 11%; }

  #topHead input[type=submit] {
    left: 25px; }

  .accueil section#page1 {
    /*  height: 56.2vh;
    */ }

  section#page1 {
    /*    height: 53.2vh;
    */ }

  h1 {
    max-width: 41%; }

  .accueil h1 {
    max-width: 33%; }

  .wrp .pAbsolute .container {
    padding-right: 40px; }
    .wrp .pAbsolute .container .vr {
      /*      right: 37px;
      */ }

  .container.fstCtc {
    padding-right: 0;
    padding-left: 0; }

  .wrpItm .itm div:last-child {
    width: 69%;
    position: relative; }

  section#page2 {
    /*    height: 63.1vh;
    */ }

  section#page2, section#page3, section#page4, section#page5 {
    /*    height: 63.1vh;
    */ }

  section#page3 ul li, section#page4 ul li {
    margin: 0 0 35px; }

  .accueil.cookies-actives section#page1 {
    /*      height: 49vh;
    */ }

  .cookies-actives section#page1 {
    /*      height: 41vh;
    */ }

  .wrpItm .itm div:first-child {
    max-width: 100px;
    min-width: 100px; }

  section#page4 .imgR {
    right: 50px; }

  .wrpItm .itm p {
    line-height: 18px;
    margin: 0 0 20px; }

  .wrp .pAbsolute .firstVr p {
    width: 100%; }

  h1 {
    margin: 24.5% 0 0; }

  .idPage-414 section#page2 .select_continent .wrp {
    width: 100%; } }
@media screen and (min-width: 767px) and (max-width: 1600px) {
  section#page4 .imgR {
    right: 0;
    top: 50px;
    left: 0;
    width: 570px;
    margin: auto; }

  .wrpItm {
    height: 360px;
    margin-top: 25px; }
    .wrpItm .ct1 a {
      left: 0;
      top: 0;
      width: 247px;
      height: 167px;
      background-image: url(/kassets/cssimg/site/carte01_.png);
      z-index: 1; }
      .wrpItm .ct1 a:hover {
        background-position: 0 -167px; }
    .wrpItm .ct2 a {
      left: 43px;
      top: 148px;
      width: 173px;
      height: 126px;
      background-image: url(/kassets/cssimg/site/carte02_.png);
      z-index: 0; }
      .wrpItm .ct2 a:hover {
        background-position: 0 -126px; }
    .wrpItm .ct3 a {
      left: 243px;
      top: -39px;
      width: 113px;
      height: 160px;
      background-image: url(/kassets/cssimg/site/carte03_.png);
      z-index: 3; }
      .wrpItm .ct3 a:hover {
        background-position: 0 -160px; }
    .wrpItm .ct4 a {
      left: 230px;
      top: 124px;
      width: 106px;
      height: 142px;
      background-image: url(/kassets/cssimg/site/carte04_.png);
      z-index: 0; }
      .wrpItm .ct4 a:hover {
        background-position: 0 -142px; }
    .wrpItm .ct5 a {
      left: 304px;
      top: -19px;
      width: 247px;
      height: 214px;
      background-image: url(/kassets/cssimg/site/carte05_.png);
      z-index: 6; }
      .wrpItm .ct5 a:hover {
        background-position: 0 -214px; }
    .wrpItm .ct6 a {
      left: 414px;
      top: 147px;
      width: 123px;
      height: 127px;
      background-image: url(/kassets/cssimg/site/carte06_.png);
      z-index: 7; }
      .wrpItm .ct6 a:hover {
        background-position: 0 -127px; } }
@media screen and (min-width: 768px) and (max-width: 991px) {
  header {
    padding: 30px 15px; }
    header .Hyphen_logo {
      top: 0; }
    header #topHead .cSrch:after {
      padding: 0 5px; }
    header #topHead .topLogin {
      padding: 0 0 0 24px; }

  section#page1:after {
    background: url(/kassets/cssimg/site/fond_banner2.png) center center no-repeat; }

  h1 {
    max-width: 67%;
    line-height: 53px;
    margin: 27.5% 0 0;
    text-shadow: 1px 2px #69747c; }

  footer .infos .dFlexSb {
    display: block;
    text-align: center; }

  #bloc1 .row .col-xs-12 .item {
    padding: 30px 15px 80px; }

  .wrpItm .itm div:last-child {
    width: 85%; }

  .btn, .btn2 {
    padding: 11px 8px;
    font-size: 15px; }

  .wrp .pAbsolute .firstVr p {
    width: 100%; }

  section#page2, section#page3, section#page4, section#page5 {
    /*    height: 84.2vh;
    */ }

  section#page3 ul li {
    margin: 0 0 10px; }

  .accueil section#page1 {
    /*      height: 72.2vh;
    */ }

  section#page1 {
    /*    height: 67.2vh;*/ }

  h2 {
    font-size: 28px;
    line-height: 33px; }

  h3 {
    font-size: 36px; }

  section#page3 ul, section#page4 ul {
    margin: 8% 0 8% 0; }

  .wrpItm .itm {
    margin: 0 0 10px; }
    .wrpItm .itm p {
      line-height: 18px; }

  .accueil.cookies-actives section#page1 {
    /*      height: 61vh;*/ }

  .cookies-actives section#page1 {
    /*      height: 50vh;
    */ }

  .btIp {
    margin-bottom: 20px; }

  .accueil h1 {
    max-width: 43%; }

  #bloc3 .row .col-xs-12 .item a {
    padding: 30px 15px 80px;
    background-position: 0 center; }
  #bloc3 .row .col-xs-12 .item p {
    padding: 0 12% 0 0; }

  #bloc1 .row .col-xs-12 .item.ctr {
    padding-left: 15px;
    padding-right: 15px; }
    #bloc1 .row .col-xs-12 .item.ctr p {
      margin: 15px 0 0 0;
      padding: 0; }

  .btn .icon-ico17, .btn2 .icon-ico17 {
    padding: 0 0 0 5px; } }
@media only screen and (max-width: 768px) {
  .wrpItm .btn {
    margin-left: auto; }

  header {
    padding: 30px 15px; }
    header .Hyphen_logo {
      top: 0; }
    header #topHead .cSrch:after {
      padding: 0 5px; }
    header #topHead .topLogin {
      padding: 0 0 0 24px; }

  section#page1:after {
    background: url(/kassets/cssimg/site/fond_banner2.png) center center no-repeat; }

  h1 {
    max-width: 67%;
    line-height: 53px;
    margin: 27.5% 0 0;
    text-shadow: 1px 2px #69747c; }

  footer .infos .dFlexSb {
    display: flex;
    text-align: center;
    flex-direction: column-reverse; }
    footer .infos .dFlexSb div:last-child {
      padding: 0 0 15px; }

  #bloc1 .row .col-xs-12 .item {
    padding: 30px 15px 80px; }

  /*  .wrpItm .itm div:last-child {
      width: 85%;
    }
  */
  .btn, .btn2 {
    padding: 11px 8px;
    font-size: 15px; }

  .wrp .pAbsolute .firstVr p {
    width: 100%; }

  section#page2, section#page3, section#page4, section#page5 {
    height: 84.2vh; }

  section#page3 ul li {
    margin: 0 0 10px; }

  .accueil section#page1 {
    /*      height: 72.2vh;
    */ }

  section#page1 {
    /*    height: 67.2vh;
    */ }

  h2 {
    font-size: 28px;
    line-height: 33px; }

  h3 {
    font-size: 36px; }

  section#page3 ul, section#page4 ul {
    margin: 8% 0 8% 0; }

  .wrpItm .itm {
    margin: 0 0 10px; }
    .wrpItm .itm p {
      line-height: 18px; }

  .accueil.cookies-actives section#page1 {
    height: 61vh; }

  .cookies-actives section#page1 {
    /*      height: 50vh;
    */ }

  .btIp {
    margin-bottom: 20px; }

  section#page4 .imgR {
    right: 0;
    top: 0;
    left: 0; }

  .wrpItm .ct1 a {
    left: 0;
    top: 0;
    width: 247px;
    height: 167px;
    background-image: url(/kassets/cssimg/site/carte01_.png);
    z-index: 1; }
    .wrpItm .ct1 a:hover {
      background-position: 0 -167px; }
  .wrpItm .ct2 a {
    left: 43px;
    top: 148px;
    width: 173px;
    height: 126px;
    background-image: url(/kassets/cssimg/site/carte02_.png);
    z-index: 0; }
    .wrpItm .ct2 a:hover {
      background-position: 0 -126px; }
  .wrpItm .ct3 a {
    left: 243px;
    top: -39px;
    width: 113px;
    height: 160px;
    background-image: url(/kassets/cssimg/site/carte03_.png);
    z-index: 3; }
    .wrpItm .ct3 a:hover {
      background-position: 0 -160px; }
  .wrpItm .ct4 a {
    left: 230px;
    top: 124px;
    width: 106px;
    height: 142px;
    background-image: url(/kassets/cssimg/site/carte04_.png);
    z-index: 0; }
    .wrpItm .ct4 a:hover {
      background-position: 0 -142px; }
  .wrpItm .ct5 a {
    left: 304px;
    top: -19px;
    width: 247px;
    height: 214px;
    background-image: url(/kassets/cssimg/site/carte05_.png);
    z-index: 6; }
    .wrpItm .ct5 a:hover {
      background-position: 0 -214px; }
  .wrpItm .ct6 a {
    left: 414px;
    top: 147px;
    width: 123px;
    height: 127px;
    background-image: url(/kassets/cssimg/site/carte06_.png);
    z-index: 7; }
    .wrpItm .ct6 a:hover {
      background-position: 0 -127px; }

  .accueil h1 {
    max-width: 43%; }

  #bloc3 .row .col-xs-12 .item a {
    padding: 30px 15px 80px;
    background-position: 0 center; }
  #bloc3 .row .col-xs-12 .item p {
    padding: 0 0 0 0; }
  #bloc3 .row .col-xs-12 .item .wrp {
    /*            top: 53%;
                left: 15px;
    */ }

  #bloc1 .row .col-xs-12 .item.ctr {
    padding-left: 15px;
    padding-right: 15px; }
    #bloc1 .row .col-xs-12 .item.ctr p {
      margin: 15px 0 0 0;
      padding: 0; }

  .btn .icon-ico17, .btn2 .icon-ico17 {
    padding: 0 0 0 5px; } }
@media only screen and (max-width: 767px) {
  header {
    padding: 15px 15px 5px; }
    header .Hyphen_logo {
      top: 0;
      z-index: 22222222; }
    header .col-lg-8 {
      text-align: center; }
    header #topHead {
      display: block;
      width: 100%; }
      header #topHead .fDiv {
        width: 100%;
        padding: 15px 0 0; }
        header #topHead .fDiv .cSrch:after {
          display: none; }

  h1 {
    max-width: 100% !important;
    font-size: 34px;
    line-height: 35px;
    margin: 31.5% 0 0;
    text-shadow: 1px 2px #69747c;
    padding: 15px; }

  h2, .ttlB div h2 {
    font-size: 22px;
    line-height: 28px; }

  h3 {
    font-size: 26px; }

  .wrp .pAbsolute .firstVr p {
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    padding-right: 15px; }

  #footer .wrp {
    padding: 20px 0 0; }
  #footer .zoneRef {
    display: block;
    text-align: center;
    margin: 0 0 15px; }
    #footer .zoneRef div {
      display: block;
      text-align: center;
      padding: 0 0 10px;
      top: 0;
      float: none; }
      #footer .zoneRef div:last-child {
        position: relative;
        top: 0;
        min-height: inherit;
        padding-bottom: 15px;
        float: none; }
    #footer .zoneRef div.z1 {
      text-align: center; }
    #footer .zoneRef div.z2 {
      float: none;
      display: inline-block; }
    #footer .zoneRef div.z3 {
      float: none;
      display: inline-block;
      margin-left: 15px; }
    #footer .zoneRef:after {
      position: relative;
      top: 0;
      bottom: 0;
      display: block;
      clear: both; }
  #footer .desc.dFlexSb {
    display: block;
    text-align: left;
    padding: 0px 0 15px; }
    #footer .desc.dFlexSb a {
      display: inline-block;
      margin: 0 10px 0 0;
      font-size: 18px; }

  .accueil section#page1 {
    /*      height: 84.2vh;
    */ }

  section#page1 {
    /*    height: 76.2vh;
    */ }

  section#page2, section#page3, section#page4, section#page5 {
    padding-top: 25px;
    padding-bottom: 25px; }

  section .ttlB {
    display: block; }
    section .ttlB div {
      padding: 0 15px; }
    section .ttlB .btn {
      margin-top: 15px; }

  section#page2, section#page3, section#page4, section#page5 {
    height: auto !important; }

  section#page2 .pAbsolute, section#page3 .pAbsolute, section#page4 .pAbsolute, section#page5 .pAbsolute, .row_texte #page2 .pAbsolute, .row_texte #page3 .pAbsolute, .row_texte #page4 .pAbsolute, .row_texte #page5 .pAbsolute {
    position: absolute;
    bottom: 0px;
    height: 32px;
    display: none; }

  #bloc1 .row .col-xs-12 .item {
    padding: 30px 15px;
    margin-bottom: 15px;
    width: 100%; }
    #bloc1 .row .col-xs-12 .item .pic {
      margin: 0 0 15px 20px; }
    #bloc1 .row .col-xs-12 .item ul li {
      font-size: 24px; }

  #bloc1 .row .col-xs-12:after {
    display: none; }

  #bloc1 .row .col-xs-12 .item ul {
    min-height: auto; }

  section#page3 .imgL, section#page4 .imgL {
    left: 0;
    margin-bottom: 20px; }

  .btn, .btn2 {
    padding: 11px 5px;
    font-size: 15px;
    display: block;
    margin: 0;
    float: left;
    width: 100%; }

  /*  .wrpItm .itm div:last-child{
      width: 65%;
    }
  */
  section#page5 {
    background-image: none !important; }

  #bloc2 .row .col-xs-12 .readMore {
    margin-bottom: 30px; }

  section#page4 .imgR {
    right: 0;
    top: 0;
    left: 0px; }

  .hiddeMobile {
    display: none;
    visibility: hidden; }

  .showMobile {
    display: block !important; }

  .introtexte .container {
    padding: 0; }

  #bloc3 .row .col-xs-12 .item {
    margin-bottom: 15px; }
    #bloc3 .row .col-xs-12 .item a {
      min-height: 380px; }
    #bloc3 .row .col-xs-12 .item:after {
      height: 100%;
      opacity: 0.7; }

  section .ttlB.nmax {
    padding-right: 0;
    padding-left: 0; }

  #bloc1 .row .col-xs-12 .item.ctr {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: 221px;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    #bloc1 .row .col-xs-12 .item.ctr .pic {
      margin: 0 0 20px 20px; }

  .historyBloc {
    padding: 4% 0 0; }
    .historyBloc .fullLine {
      display: block; }
      .historyBloc .fullLine:after {
        display: none; }
      .historyBloc .fullLine div {
        padding: 0 0 40px; }
        .historyBloc .fullLine div:after {
          content: "";
          position: absolute;
          top: 38px;
          border-bottom: 1px solid #d4d4d4;
          width: 100%;
          height: 1px;
          left: 0; }

  .btn.btn2 {
    margin-left: 0px;
    margin-top: 15px; }

  .wrp .pAbsolute {
    display: block;
    bottom: 0px;
    -webkit-border-top-right-radius: 25px;
    -moz-border-radius-topright: 25px;
    border-top-right-radius: 25px; }
    .wrp .pAbsolute .container {
      padding: 0; }
    .wrp .pAbsolute .firstVr {
      padding: 20px 15px !important;
      background: transparent;
      -webkit-border-top-right-radius: 0px;
      -moz-border-radius-topright: 0px;
      border-top-right-radius: 0px;
      height: 130px;
      overflow: hidden; }
    .wrp .pAbsolute .vr {
      position: relative;
      padding: 4px 10px;
      width: 100%;
      border: none !important;
      text-align: center;
      display: block;
      float: left;
      padding: 4px 15px !important;
      -webkit-border-top-right-radius: 0px;
      -moz-border-radius-topright: 0px;
      border-top-right-radius: 0px;
      right: 0; }
      .wrp .pAbsolute .vr a img {
        top: -2px; }
    .wrp .pAbsolute:before {
      width: calc(100% - 15px);
      -webkit-border-top-right-radius: 15px;
      -moz-border-radius-topright: 15px;
      border-top-right-radius: 15px; }

  #page5 .ttlB p {
    max-width: 100%;
    margin: 10px 0; }

  .ppMobs {
    margin-top: 15px; }

  .idPage-414 section#page2 .select_continent .wrp {
    width: 100%;
    display: block; }
    .idPage-414 section#page2 .select_continent .wrp div,
    .idPage-414 section#page2 .select_continent .wrp select {
      width: 100%;
      float: left;
      display: block; }
    .idPage-414 section#page2 .select_continent .wrp div:first-child {
      margin-bottom: 15px; }
      .idPage-414 section#page2 .select_continent .wrp div:first-child:before {
        display: none; } }
.out-btn {
  position: relative;
  background: #c42c34;
  width: 18px;
  height: 1px;
  -webkit-transition: all 350ms linear;
  -moz-transition: all 350ms linear;
  -o-transition: all 350ms linear;
  -transition: all 350ms linear;
  display: inline-block;
  vertical-align: middle;
  margin-left: 7px; }

a.btn:hover .out-btn, button:hover .out-btn {
  width: 30px;
  -webkit-transition: all 350ms linear;
  -moz-transition: all 350ms linear;
  -o-transition: all 350ms linear;
  -transition: all 350ms linear; }

.out-btn:before {
  content: "";
  background: #fff;
  width: 7px;
  height: 1px;
  position: absolute;
  right: 0px;
  top: -3px;
  transform: rotate(45deg); }

.out-btn:after {
  content: "";
  background: #fff;
  width: 7px;
  height: 1px;
  position: absolute;
  right: 0px;
  top: 3px;
  transform: rotate(132deg); }

.btn .out-btn, .btn .out-btn:before, .btn .out-btn:after {
  background-color: #fff;
  height: 2px;
  text-align: left; }

.btn .out-btn {
  position: absolute;
  margin-top: 13px; }

.out-btn {
  position: relative;
  background: #fff;
  width: 18px;
  height: 1px;
  -webkit-transition: all 350ms linear;
  -moz-transition: all 350ms linear;
  -o-transition: all 350ms linear;
  -transition: all 350ms linear;
  display: inline-block;
  vertical-align: middle;
  margin-left: 7px; }

a.btn {
  padding-right: 50px; }

.absolute-link {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 2; }
  .absolute-link:hover {
    text-decoration: none; }

#modulo {
  background-color: rgba(255, 255, 255, 0.8) !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  display: flex;
  justify-content: center;
  align-items: center; }
  #modulo .container-fluid {
    width: 90%;
    background-color: white;
    padding: 15px;
    box-shadow: #555555 1px 1px 12px;
    left: 0;
    right: 0;
    margin: auto; }

.accueil_first {
  max-width: 992px;
  margin: auto;
  width: 100%; }
  .accueil_first h3 {
    margin-bottom: 35px; }

/*accordeon*/
.accordion {
  padding: 0; }

.sous-cat {
  color: #00205B;
  font-size: 25px;
  margin-bottom: 15px;
  margin-top: 50px; }

.separator-accordion {
  margin-bottom: 40px; }

ul .inner {
  padding: 53px 70px;
  overflow: hidden;
  display: none; }
  @media (max-width: 767px) {
    ul .inner {
      padding: 53px 15px; } }
  ul .inner.show1 {
    border: 1px solid #E4E4E4;
    border-top: none;
    border-radius: 0 0 12px 12px; }
  ul .inner .row {
    margin-top: 40px; }

.table_product {
  margin-bottom: 25px; }
  @media (max-width: 767px) {
    .table_product {
      overflow-x: scroll; } }

ul li {
  margin: 0.5em 0;
  list-style: none; }
  ul li .icone-search {
    max-width: 120px;
    margin-left: 25px; }

ul li a.toggle {
  width: 100%;
  display: flex;
  background: transparent;
  color: #fefefe;
  padding: 16px 15px;
  border-radius: 12px 12px 12px 12px;
  transition: background 0.3s ease;
  border: 1px solid #E4E4E4;
  align-items: center; }
  ul li a.toggle .card-titre {
    color: #D9993B;
    font: 24px  'Aktiv_Grotesk_Medium'; }
    @media (max-width: 767px) {
      ul li a.toggle .card-titre {
        width: 70%; } }
  ul li a.toggle .card-descriptifCourt {
    font-size: 20px;
    color: #00205B;
    margin-left: 125px; }
    @media (max-width: 767px) {
      ul li a.toggle .card-descriptifCourt {
        margin-left: inherit; } }
  ul li a.toggle:before, ul li a.toggle .before-open, ul li a.toggle a.toggle.active:before {
    content: "\e920";
    color: #79a2e1;
    font-family: "icomoon";
    display: inline-block;
    margin-right: 40px; }
  @media (max-width: 767px) {
    ul li a.toggle {
      flex-wrap: wrap; } }

ul li a.toggle:hover, .active-toggle, a.toggle.active {
  background: #E7F0F5;
  border-radius: 12px 12px 0 0;
  transition: background 0.3s ease;
  border: 1px solid transparent; }

a.toggle.active:before {
  content: "\e921";
  color: #00205b; }
  @media (max-width: 767px) {
    a.toggle.active:before {
      width: 10%; } }

.card-descriptifLong {
  font-size: 18px;
  color: #656565; }

.inner .table_product table {
  width: 100%; }
  .inner .table_product table thead {
    border-radius: 10px 10px 0 0;
    overflow: hidden; }
    .inner .table_product table thead th {
      color: #fff;
      font-size: 16px;
      background-color: #00205B;
      padding: 7px 10px; }
      .inner .table_product table thead th:first-child {
        border-radius: 10px 0 0 0; }
      .inner .table_product table thead th:last-child {
        border-radius: 0 10px 0 0; }
  .inner .table_product table tr {
    background-color: #fff;
    font-size: 18px;
    color: #656565; }
    .inner .table_product table tr:nth-child(odd) {
      background-color: #E7F0F5; }
    .inner .table_product table tr td {
      padding: 7px 10px; }

.card-couverture {
  border-radius: 18px;
  overflow: hidden; }
  .card-couverture img {
    width: 100%; }

.tab-descriptif {
  /*	font-family: 'rubik-light';
  */ }

.card-documentation {
  margin-top: 40px; }

/*couleur product*/
/*history*/
.outer-line-story {
  margin: 0 auto 50px !important; }

.line-story {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto 66px auto; }
  @media (max-width: 992px) {
    .line-story {
      display: none; } }
  .line-story:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #C3C4C6;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0; }
  .line-story .bloc-date {
    text-align: center;
    font-size: 18px;
    color: #747F87;
    margin: auto 40px;
    -webkit-transition: all 350ms ease-in-out;
    -moz-transition: all 350ms ease-in-out;
    -o-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out; }
    .line-story .bloc-date:hover {
      -webkit-transition: all 350ms ease-in-out;
      -moz-transition: all 350ms ease-in-out;
      -o-transition: all 350ms ease-in-out;
      transition: all 350ms ease-in-out; }
      .line-story .bloc-date:hover .titre-event {
        color: #1B94E3; }
        .line-story .bloc-date:hover .titre-event:after {
          transform: scale(2.8);
          background-color: #1B94E3;
          -webkit-transition: all 350ms ease-in-out;
          -moz-transition: all 350ms ease-in-out;
          -o-transition: all 350ms ease-in-out;
          transition: all 350ms ease-in-out; }
      .line-story .bloc-date:hover .date-event span {
        color: #1B94E3;
        font-weight: bold;
        -webkit-transition: all 350ms ease-in-out;
        -moz-transition: all 350ms ease-in-out;
        -o-transition: all 350ms ease-in-out;
        transition: all 350ms ease-in-out;
        transform: scale(2); }
    .line-story .bloc-date .titre-event {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin-bottom: 28px;
      position: relative;
      -webkit-transition: all 350ms ease-in-out;
      -moz-transition: all 350ms ease-in-out;
      -o-transition: all 350ms ease-in-out;
      transition: all 350ms ease-in-out; }
      .line-story .bloc-date .titre-event:after {
        content: "";
        width: 12px;
        height: 12px;
        background-color: #747F87;
        border-radius: 12px;
        z-index: 1;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -34px;
        margin: auto;
        -webkit-transition: all 350ms ease-in-out;
        -moz-transition: all 350ms ease-in-out;
        -o-transition: all 350ms ease-in-out;
        transition: all 350ms ease-in-out; }
    .line-story .bloc-date .date-event {
      margin-top: 28x;
      position: relative;
      -webkit-transition: all 350ms ease-in-out;
      -moz-transition: all 350ms ease-in-out;
      -o-transition: all 350ms ease-in-out;
      transition: all 350ms ease-in-out; }
      .line-story .bloc-date .date-event span {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        -webkit-transition: all 350ms ease-in-out;
        -moz-transition: all 350ms ease-in-out;
        -o-transition: all 350ms ease-in-out;
        transition: all 350ms ease-in-out;
        display: block;
        margin-top: 34px; }

.texte .scroll-element {
  margin: 25px auto !important; }
  .texte .scroll-element li {
    margin-bottom: 15px !important;
    padding: 0 0 0 40px !important;
    font-size: 18px !important;
    background-image: url(/kassets/cssimg/site/ico_puce.png) !important;
    background-repeat: no-repeat;
    background-position: 0 1px;
    color: #69747c; }

.idPage-412 section#page5 {
  justify-content: flex-start; }
  .idPage-412 section#page5 > .container {
    margin: 15px auto; }
    .idPage-412 section#page5 > .container h3 {
      margin-bottom: 15px; }
    .idPage-412 section#page5 > .container .introtexte {
      padding-bottom: 15px; }

#hbm_academy .list-icone span:before, #distributor_meeting .list-icone span:before {
  font-family: 'icomoon'; }

.list-icone span:before {
  color: #CB333B; }

.marketing_tools span:before {
  content: "\e934"; }

.scientific_communication span:before {
  content: "\e935"; }

.technical_training span:before {
  content: "\e933"; }

#parent_2018 span:before {
  content: "\e936";
  color: #cb333b; }

#parent_2019 span:before {
  content: "\e936";
  color: #cb333b; }

#parent_2021 span:before {
  content: "\e936";
  color: #cb333b; }

#parent_2022 span:before {
  content: "\e936";
  color: #cb333b; }

#ordering .wrp {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 25px; }
  #ordering .wrp div[class^="sel"] {
    margin: auto 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #E4E4E4;
    height: 72px;
    width: 314px;
    border-radius: 44px;
    position: relative;
    margin-bottom: 15px;
    background: url(/kassets/cssimg/site/ico_country.png) no-repeat center center;
    background-position: 33px center; }
    @media (max-width: 767px) {
      #ordering .wrp div[class^="sel"] {
        width: 260px; } }
    #ordering .wrp div[class^="sel"] span {
      margin-left: 33px; }
    #ordering .wrp div[class^="sel"] select {
      background-color: transparent;
      border-color: #bebdc0;
      color: #747F87;
      font-size: 18px;
      width: 100%;
      height: 100%;
      border: none;
      padding: 0 33px 0 65px;
      cursor: pointer;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none; }
    #ordering .wrp div[class^="sel"]:after {
      content: "\e901";
      font-family: 'icomoon';
      position: absolute;
      right: 33px;
      font-size: 6px; }

@media (max-width: 1360px) {
  #page3 .container > .row {
    display: flex;
    align-items: center; } }
@media (max-width: 1210px) {
  .wrp .pAbsolute .firstVr {
    width: 95%; }
  .wrp .pAbsolute .vr {
    right: 15px; } }
@media (max-width: 768px) {
  .wrp .pAbsolute {
    /*        .vr{ right: 37px}
    */ }

  section#page2, section#page4, section#page5 {
    padding-bottom: 25px !important; }

  section#page3 {
    padding-bottom: 85px !important; }

  .wrpItm .itm div:last-child {
    width: 100%; }

  .wrpItm.btIp.scroll-element {
    padding: 0; }

  .ttlB .hiddeMobile {
    display: none !important; } }
@media only screen and (width: 360px) {
  .accueil section#page1 {
    height: 86.3vh; }

  section#page1 {
    /*    height: 79vh;
    */ }

  .wrp .pAbsolute:before {
    width: calc(100% - 15px); }

  h1 {
    margin: 40.5% 0 0; } }
@media only screen and (width: 375px) {
  .accueil section#page1 {
    /*      height: 87vh;
    */ }

  section#page1 {
    /*    height: 79.5vh;
    */ }

  h1 {
    margin: 39.5% 0 0; } }
@media only screen and (width: 411px) {
  .accueil section#page1 {
    /*      height: 89.2vh;
    */ }

  section#page1 {
    /*height: 61vh;*/
    /*    height: 83.5vh;
    */ }

  .wrp .pAbsolute:before {
    width: 96%; }

  h1 {
    margin: 63.5% 0 0; } }
@media only screen and (width: 414px) {
  .accueil section#page1 {
    /*      height: 87.8vh;
    */ }

  section#page1 {
    /*height: 61.2vh;*/
    /*    height: 81.2vh;
    */ }

  .wrp .pAbsolute:before {
    width: 96.4%; }

  h1 {
    margin: 53.5% 0 0; } }

/*# sourceMappingURL=style.css.map */