@charset "UTF-8";
/*------------------------------------*    $ LES COULEURS
\*------------------------------------*/
/*------------------------------------*    $ LES FONTS
\*------------------------------------*/
/*------------------------------------*    $ LES FONTS
\*------------------------------------*/
@font-face {
  font-family: 'opensans-light';
  src: url("./fonts/opensans-light-webfont.eot");
  src: url("./fonts/opensans-light-webfont.eot?#iefix") format("embedded-opentype"), url("./fonts/opensans-light-webfont.woff") format("woff"), url("./fonts/opensans-light-webfont.ttf") format("truetype"), url("./fonts/opensans-light-webfont.svg#opensanslightregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'opensans-regular';
  src: url("./fonts/opensans-regular-webfont.eot");
  src: url("./fonts/opensans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("./fonts/opensans-regular-webfont.woff") format("woff"), url("./fonts/opensans-regular-webfont.ttf") format("truetype"), url("./fonts/opensans-regular-webfont.svg#opensanslightregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'opensans-bold';
  src: url("./fonts/opensans-bold-webfont.eot");
  src: url("./fonts/opensans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("./fonts/opensans-bold-webfont.woff") format("woff"), url("./fonts/opensans-bold-webfont.ttf") format("truetype"), url("./fonts/opensans-bold-webfont.svg#opensanslightregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'icomoon';
  src: url("./fonts/icomoon.eot?ghatp2");
  src: url("./fonts/icomoon.eot?ghatp2#iefix") format("embedded-opentype"), url("./fonts/icomoon.ttf?ghatp2") format("truetype"), url("./fonts/icomoon.woff?ghatp2") format("woff"), url("./fonts/icomoon.svg?ghatp2#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }


/* -----------------------------------------------------------------------------

CALAGE DES AFFCHAGES D'IMAGES

----------------------------------------------------------------------------- */

 img.size-accueil-thumb-large, img.size-accueil-thumb-petit, img.size-single-thumb, img.size-single-thumb-large{/*width: 100%;*/}




/* -----------------------------------------------------------------------------

  HAMBURGER ICONS COMPONENT

----------------------------------------------------------------------------- */
/**
 * Toggle Switch Globals
 *
 * All switches should take on the class `burger` as well as their
 * variant that will give them unique properties. This class is an overview
 * class that acts as a reset for all versions of the icon.
 */
.burger {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  float: right;
  margin-top: 58px;
  margin-right: 19px;
  width: 35px;
  height: 35px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  z-index: 1000;
  transition: background 0.3s; }

 button.burger:focus{background: #ee7f00;}

.burger.collapsed:focus {
  outline: none; }

.burger span {
  display: block;
  position: absolute;
  top: 16px;
  left: 5px;
  right: 5px;
  height: 3px;
  background: #ee7f00; }

.burger.collapsed span {
  background-color: #fff; }

.burger span::before,
.burger span::after {
  transition-delay: 0s, 0.1s;
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #fff;
  content: ""; }

.burger span::before {
  top: 0px; }

.burger span::after {
  bottom: 0px; }

.burger span::before {
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.burger span::after {
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.burger.collapsed span::before {
  top: -8px;
  -ms-transform: rotate(0deg);
  transform: rotate(0deg); }

.burger.collapsed:hover span::before {
  top: -10px; }

.burger.collapsed:hover span::after {
  bottom: -10px; }

.burger.collapsed span::after {
  bottom: -8px;
  -ms-transform: rotate(0deg);
  transform: rotate(0deg); }

.burger {
  background-color: #ee7f00; }

.burger span {
  transition: background 0s 0.1s; }

.burger span::before,
.burger span::after {
  transition-duration: 0.1s, 0.1s;
  transition-delay: 0.1s, 0s; }

.burger.collapsed span::before {
  transition-property: top, transform; }

.burger.collapsed span::after {
  transition-property: bottom, transform; }

body {
  font-family: "opensans-regular", Helvetica, arial, sans-serif; }

h3 {
  font-size: 2rem;
  /* text-transform: uppercase; */
  color: #003A6B;
  }

h4 {
  color: #E58020;
  font-size: 1.2rem; }

p {
  padding: 0;
  font-family: "opensans-regular", Helvetica, arial, sans-serif;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #384452;
  margin-bottom: 10px;
  margin-top: 10px; }

p + ul {
  margin-top: -5px; }

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

img.size-full {
    width: 100%; }

/*Ajout Effet css3 sur les boutons*/
a {
  color: #ee7f00;
  padding: 0;
  margin: 0;
  text-decoration: none; }

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

.aligncenter {
  display: block;
  text-align: center; }

.clearfix:after, .flexslider:after {
  content: "";
  display: table;
  clear: both; }

/* Met en évidence les citations */
blockquote {
  margin: .75em 0 .75em 0;
  padding: 0 0 0 10px;
  border-left: solid 4px #ee7f00;
  line-height: 1.4; }
  blockquote p {
    font-size: 1.8rem;
    line-height: 1.2; }
  blockquote footer {
    color: #003a6b;
    font-family: "opensans-regular", Helvetica, arial, sans-serif;
    font-style: italic;
    margin-left: 15px; }
    blockquote footer::before {
      content: "- "; }

input, button, select, textarea {
  border: 1px solid #eee;
  background-color: #eee;
  transition: all 0.3s ease-in-out;
  padding: 5px; }
  input:focus, button:focus, select:focus, textarea:focus {
    border: 0px solid #ee7f00;
    box-shadow: none;
    border: 1px solid #f1f1f1;
    background-color: white; }

em {
  font-style: italic; }

/*------------------------------------*    $ Gestion des espaces
\*------------------------------------*/
.space-h-50 {
  padding-top: 50px; }

/*  ################################################################
    MODIFICATIONS Bouton - LIENS
    ################################################################# */
.btn.btn-base {
  border-radius: 0;
  background-color: #ee7f00;
  border: 0;
  padding: 12px; }
  .btn.btn-base:hover {
    background-color: #003a6b; }

.btn-base {
  color: #fff;
  background-color: #384452;
  margin: 4px; }

.btn-base:hover,
.btn-base:focus,
.btn-base:active,
.btn-base.active {
  color: #fff;
  background-color: #00b3fe;
  border: 0; }

.read-more, .more-link {
  text-decoration: underline;
  display: inline-block;
  color: #003a6b;
  font-family: "opensans-bold", Helvetica, arial, sans-serif;
  position: relative;
  margin-top: 5px; }
  .read-more::after, .more-link::after {
    content: "\e904";
    position: absolute;
    right: -18px;
    top: 4px;
    font-size: 1.2rem;
    font-family: "icomoon" !important;
    position: absolute;
    text-indent: 0;
    /* text-transform: none; */
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

/*------------------------------------*    $ LES FORMULAIRES
    \*------------------------------------*/
label.input, label.textarea, label.selectM, label.check {
  width: 250px;
  vertical-align: top; }

input[type="checkbox"] {
  margin-right: 5px; }

.nav-pills .dropdown-menu {
  box-shadow: none;
  border-radius: 0;
  margin-top: 0;
  margin-left: 8px;
  padding: 0; }
  .nav-pills .dropdown-menu > li {
    border-bottom: 1px solid #dbdbdb; }
    .nav-pills .dropdown-menu > li:last-child {
      border-bottom: 0; }
    .nav-pills .dropdown-menu > li > a {
      text-transform: none;
      padding: 10px;
      text-align: center;
      font-size: 1.4rem; }

.nav-pills > li > a {
  border-radius: 0;
  /* text-transform: uppercase; */
}

/*------------------------------------*    $ PAGES INTER
    \*------------------------------------*/
/*------------------------------------*    $ NAVIGATION PRINCIPALE
    \*------------------------------------*/
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  background-color: #3b3b3b;
  color: #fff; }
  .navbar-default .navbar-nav > .open > a span.caret, .navbar-default .navbar-nav > .open > a:hover span.caret, .navbar-default .navbar-nav > .open > a:focus span.caret {
    border-top: 6px solid #868686; }

/*------------------------------------*    $ LA NAVIGATION SECONDAIRE
    \*------------------------------------*/
.nav2 {
  padding-left: 0; }

.t-inter h2::after {
  background-color: #ee7f00; }

/*Pour corriger les boutons avec href vide en y ajoutant un texte*/
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.screen-reader-text:focus {
  clip: auto !important;
  display: block;
  height: auto;
  left: 5px;
  top: 5px;
  width: auto;
  z-index: 100000; }

/*------------------------------------*    $ LE BLOCK HEADER
\*------------------------------------*/
header {
  position: fixed;
  background-color: #ffffff;
  height: 145px;
  width: 100%;
  z-index: 60;
  top: 0; }

header.navbar {
  height: 122px; }

.navbar-collapse.collapse.navbar-right {
  margin-top: 48px;
  transition: all 0.3s ease-in-out; }

header.navbar.navbar-default.sticky {
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2); }
  header.navbar.navbar-default.sticky .header-logo {
    width: 120px; }

header.navbar.sticky {
  height: 80px; }
  header.navbar.sticky .navbar-collapse.collapse.navbar-right {
    margin-top: 0; }

.page .header-inter {
  /*margin-bottom: 80px; */

}

/*------------------------------------*    $ CORRECTIF SUPERFISH
\*------------------------------------*/
.sf-arrows .sf-with-ul::after {
  border-width: 0 !important; }

.sub-menu.dropdown-menu .dropdown-toggle {
  position: relative; }

.sub-menu.dropdown-menu .caret {
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px dashed #868686;
  position: absolute;
  right: 5px;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

/*------------------------------------*    $ LE HEADER -- Taille du logo
\*------------------------------------*/
.navbar-collapse.collapse.navbar-right {
  transition: all 0.3s ease-in-out; }

header.navbar .navbar-brand {
  width: 215px;
  top: 10px; }

header.navbar.navbar-default.sticky {
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2); }
  header.navbar.navbar-default.sticky .navbar-brand {
    width: 120px; }

header.navbar.sticky {
  height: 80px; }
  header.navbar.sticky .navbar-collapse.collapse.navbar-right {
    margin-top: 0; }

/*------------------------------------*    $ LE LOGO
\*------------------------------------*/
.navbar-default {
  background-color: #FFF;
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 10px;
   }

.header-logo {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  z-index: 10;
  display: table;
  height: 80px;
  width: 215px; }
  .header-logo > span {
    color: #E53525;
    /* text-transform: uppercase; */
    padding-left: 15px;
    padding-top: 25px;
    display: inline-block;
    display: table-cell;
    vertical-align: top;
    font-family: "opensans-light", Helvetica, arial, sans-serif;
    font-weight: normal; }
  .header-logo > img {
    height: auto;
    display: table-cell;
    width: 96%; }

/*------------------------------------*    $ LE MENU SECONDAIRE TOP NAVBAR
\*------------------------------------*/
header > .container {
  position: relative; }

header .navbar-toggle {
  border-radius: 0;
  background-color: #ee7f00;
  padding: 10px 11px 9px; }
  header .navbar-toggle span {
    background-color: #fff; }

.nav.navbar-nav.navbar-first .sub-menu.dropdown-menu {
  padding: 0;
  right: -7px;
  border-radius: 0;
  border: 0; }
  .nav.navbar-nav.navbar-first .sub-menu.dropdown-menu > li {
    border-bottom: 1px solid #f1f1f1; }
    .nav.navbar-nav.navbar-first .sub-menu.dropdown-menu > li:last-child {
      border-bottom: 0; }
    .nav.navbar-nav.navbar-first .sub-menu.dropdown-menu > li a {
      text-transform: none;
      padding: 10px 15px;
      color: #333; }
      .nav.navbar-nav.navbar-first .sub-menu.dropdown-menu > li a:hover {
        background-color: #ee7f00;
        color: #fff; }

.header-top-navbar {
  background-color: #003a6b;
  height: 35px; }
  .header-top-navbar .searchform input[type="image"] {
    padding: 0;
    border: 0;
    float: right; }
  .header-top-navbar .searchform input[type="submit"] {
    background: #ee7f00;
    font-family: "icomoon" !important;
    position: absolute;
    text-indent: 0;
    text-transform: none;
    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;
    border: 0;
    font-size: 1.8rem;
    color: #fff;
    width: 35px;
    height: 35px; }
  .header-top-navbar .searchform input[type="text"] {
    float: left;
    border: 0;
    width: 200px;
    border-bottom: 1px solid #f1f1f1;
    padding: 7px;
    font-family: "opensans-regular", Helvetica, arial, sans-serif;
    background-color: #eeeeee; }
  .header-top-navbar .nav {
    /* text-transform: uppercase; */
   }
    .header-top-navbar .nav > li {
      background-color: #003a6b;
      position: relative;
      border-left: 1px solid #00569e; }
      .header-top-navbar .nav > li.dropdown a {
        padding-right: 30px; }
      .header-top-navbar .nav > li > a {
        color: #fff;
        font-size: 1.2rem;
        letter-spacing: 0;
        padding: 9px 20px; }
        .header-top-navbar .nav > li > a:hover {
          background-color: #00569e; }
      .header-top-navbar .nav > li.open > a {
        background-color: #00569e; }
    .header-top-navbar .nav.navbar-nav > li > a {
      line-height: 16px; }
  .header-top-navbar .caret {
    border: 0;
    position: relative; }
    .header-top-navbar .caret::before {
      font-family: "icomoon" !important;
      position: absolute;
      text-indent: 0;
      text-transform: none;
      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;
      content: "\e902";
      font-size: 0.8rem;
      position: absolute;
      width: 11px;
      height: 8px;
      color: #fff;
      left: 0;
      top: -5px; }

/*------------------------------------*    $ LE MENU PRINCIPALE
\*------------------------------------*/
.header-navbar {
  padding-right: 0; }
  .header-navbar .nav.navbar-nav > li {
    border: 0;
    margin-right: 0;
    border-radius: 3px; }
    .header-navbar .nav.navbar-nav > li.open > a {
      background-color: #ee7f00; }
      .header-navbar .nav.navbar-nav > li.open > a span {
        color: #fff; }
        .header-navbar .nav.navbar-nav > li.open > a span.caret {
          border-color: #fff #ee7f00 #ee7f00 #ee7f00; }
    .header-navbar .nav.navbar-nav > li > a {
      padding: 10px 20px 15px;
      text-align: center;
      border-radius: 2px;
      background-color: transparent; }
      .header-navbar .nav.navbar-nav > li > a span {
        font-family: "opensans-regular", Helvetica, arial, sans-serif;
        /* text-transform: uppercase; */
        font-weight: 300;
        font-size: 1.4rem;
        color: #868686;
        line-height: 14px;
        display: inline-block;
        vertical-align: middle; }
      .header-navbar .nav.navbar-nav > li > a:hover, .header-navbar .nav.navbar-nav > li > a:focus {
        background-color: #ee7f00; }
        .header-navbar .nav.navbar-nav > li > a:hover span, .header-navbar .nav.navbar-nav > li > a:focus span {
          color: #fff; }
        @media screen and (min-width: 1200px) {
          .header-navbar .nav.navbar-nav > li > a:hover .caret, .header-navbar .nav.navbar-nav > li > a:focus .caret {
            border-top: 6px solid #fff; } }
    .header-navbar .nav.navbar-nav > li.active > a {
      background-color: #003a6b; }
      .header-navbar .nav.navbar-nav > li.active > a span {
        color: #fff; }
      @media screen and (min-width: 1200px) {
        .titre-slide--t2{font-size: 5.1rem;}
        .header-navbar .nav.navbar-nav > li.active > a .caret {
          border-color: #fff 0 0 0; } }
    .header-navbar .nav.navbar-nav > li.active .active a {
      background-color: #003a6b; }
    .header-navbar .nav.navbar-nav > li.first.active a {
      background-color: transparent;
      opacity: 0.4; }
      .header-navbar .nav.navbar-nav > li.first.active a::after {
        color: #d9d9d9; }
    .header-navbar .nav.navbar-nav > li .dropdown-menu {
      background-color: #fff;
      border-radius: 0;
      padding: 0;
      margin-top: -2px;
      right: auto;
      border: 0; }
      .header-navbar .nav.navbar-nav > li .dropdown-menu > .active > a, .header-navbar .nav.navbar-nav > li .dropdown-menu > .active > a:focus, .header-navbar .nav.navbar-nav > li .dropdown-menu > .active > a:hover {
        background-color: #E58020;
        color: #fff; }
      .header-navbar .nav.navbar-nav > li .dropdown-menu > li {
        border-top: 1px solid #dbdbdb; }
        .header-navbar .nav.navbar-nav > li .dropdown-menu > li:first-child {
          border-top: 0;
          position: relative;
          border-top: 0 solid transparent; }
          .header-navbar .nav.navbar-nav > li .dropdown-menu > li:first-child::after {
            content: "";
            width: 0;
            border: 8px solid red;
            border-color: transparent transparent transparent transparent;
            position: absolute;
            top: -15px;
            left: 50%;
            -ms-transform: translateX(-50%);
            transform: translateX(-50%); }
        .header-navbar .nav.navbar-nav > li .dropdown-menu > li a {
          padding: 10px 5px;
          font-family: "opensans-regular", Helvetica, arial, sans-serif;
          text-align: center;
          font-size: 1.4rem;
          display: block;
          width: auto;
          color: #333; }
          .header-navbar .nav.navbar-nav > li .dropdown-menu > li a:hover, .header-navbar .nav.navbar-nav > li .dropdown-menu > li a:focus {
            background-color: #E58020;
            color: #fff; }
            .header-navbar .nav.navbar-nav > li .dropdown-menu > li a:hover .caret, .header-navbar .nav.navbar-nav > li .dropdown-menu > li a:focus .caret {
              border-left: 4px dashed #fff; }

/*------------------------------------*    $ LE FOOTER
    \*------------------------------------*/
footer.footer {
  background-color: #003a6b;
  padding: 20px 0 0 0;
  margin-top: 20px; }
  footer.footer p strong {
    font-family: "opensans-regular", Helvetica, arial, sans-serif;
    font-weight: 700; }
  footer.footer img {
    width: 250px; }

.footer-menu ul {
  padding-left: 0; }

.footer-menu > nav {
  height: 40px;
  overflow: hidden;
  transition: all 0.3s ease 0.5s; }
  .footer-menu > nav:after {
    content: "";
    display: table;
    clear: both; }
  .footer-menu > nav > ul > li {
    list-style: none;
    display: block;
    float: left;
    width: 12.5%;
    padding: 0 10px 15px; }
    .footer-menu > nav > ul > li:first-child {
      padding-left: 0; }
    .footer-menu > nav > ul > li:last-child {
      padding-right: 0; }
    .footer-menu > nav > ul > li > a {
      color: #fff;
      /* text-transform: uppercase; */
      margin-bottom: 15px;
      display: block; }
    .footer-menu > nav > ul > li li {
      list-style: none;
      line-height: 1.6;
      margin-left: 2px; }
      .footer-menu > nav > ul > li li a {
        text-transform: none;
        color: #fff;
        font-size: 1.3rem; }
  .footer-menu > nav.open {
    height: 300px; }

.bl-btn-footer {
  position: relative; }
  .bl-btn-footer::before {
    height: 1px;
    background-color: #fff;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }

.btn-footer {
  padding: 0;
  border: 0;
  position: relative;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0 auto; }
  .btn-footer::before {
    content: "";
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background-color: #fff;
    position: absolute; }
  .btn-footer span {
    display: inline-block;
    padding: 10px 40px;
    background-color: #003a6b;
    position: relative;
    z-index: 10;
    color: #fff; }
    .btn-footer span::before, .btn-footer span::after {
      font-family: "icomoon" !important;
      position: absolute;
      text-indent: 0;
      text-transform: none;
      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;
      content: "\e902";
      top: 50%;
      -ms-transform: translateY(-50%) rotate(0);
      transform: translateY(-50%) rotate(0);
      font-size: .7rem;
      transition: all 0.1s ease-out;
      transition-delay: 1s; }
    .btn-footer span::after {
      right: 20px; }
    .btn-footer span::before {
      left: 20px; }

.btn-footer.open-button span::before, .btn-footer.open-button span::after {
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg); }

.footer-bas {
  background-color: #003a6b;
  color: #fff;
  padding: 0 0 20px 0;
  font-size: 0.688em;
  text-align: center;
  font-family: "opensans-regular", Helvetica, arial, sans-serif; }
  .footer-bas a {
    color: #fff !important;
    margin-right: 1px;
    display: inline-block;
    text-align: left; }
    .footer-bas a:hover {
      color: #fff;
      text-decoration: underline; }
  .footer-bas .footer-bas--reseaux {
    float: left; }
    .footer-bas .footer-bas--reseaux img {
      width: 37px;
      height: 37px; }
    .footer-bas .footer-bas--reseaux a {
      float: left; }
  .footer-bas .footer-bas--copyright {
    text-align: right; }
    .footer-bas .footer-bas--copyright a {
      color: #fff; }

/*------------------------------------*    $ HEADER INTER
\*------------------------------------*/
.header-inter {
  background: #003a6b url(../images/charte/bg-header-inter.jpg) center 0 no-repeat;
  height: 122px;
  margin-top: 142px;
  margin-bottom: 20px;

}
  .header-inter:after {
    content: "";
    display: table;
    clear: both; }
  .header-inter h1 {
    color: #fff;
    /* text-transform: uppercase; */
    font-size: 3rem;
    width: 70%;
    float: left;
    margin-top: 41px;
    font-family: "opensans-regular", Helvetica, arial, sans-serif; }
  .header-inter .breadcrumb {
    background-color: transparent;
    float: right;
    margin-top: 45px; }
    .header-inter .breadcrumb a {
      color: #fff;
      padding-right: 15px;
      position: relative; }
      .header-inter .breadcrumb a::after {
        content: "/";
        position: absolute;
        right: 4px;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
      .header-inter .breadcrumb a:last-child {
        padding-right: 0; }
        .header-inter .breadcrumb a:last-child::after {
          content: ""; }
      .header-inter .breadcrumb a:hover {
        text-decoration: underline; }
    .header-inter .breadcrumb span {
      color: #fff; }

/*------------------------------------*    $ FOOTER -- Réseaux sociaux
    \*------------------------------------*/
.scrollup {
  position: fixed;
  right: 50px;
  bottom: 50px;
  width: 40px;
  height: 40px;
  background-color: #ee7f00; }
  .scrollup::after {
    position: absolute;
    font-family: "icomoon" !important;
    position: absolute;
    text-indent: 0;
    text-transform: none;
    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;
    content: "";
    color: #fff;
    left: 50%;
    top: 50%;
    font-size: 1rem;
    text-indent: 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -ms-transform: rotate(180deg) translateX(-50%) translateY(-50%);
    transform: rotate(180deg) translateX(-50%) translateY(-50%); }
  .scrollup:hover {
    background-color: #003a6b; }
  @media (max-width: 480px) {
    .scrollup {
      right: 20px; } }

.presentation {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  text-align: center;
  align-items:center;

  margin-bottom: 0;
  background: #fff url("../images/accueil/bg-ums-accueil.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  /*padding-top: 72px;
  padding-bottom: 24px;*/ }

  .presentation h1 {
    font-size: 3.6rem;
    line-height: 160px;
    /*font-size: 3.6rem;*/
    font-family: "opensans-bold", Helvetica, arial, sans-serif;
    color: #ee7f00;
    text-align: center;
    /* text-transform: uppercase; */
    margin-top: 0; }
  .presentation h2 {
    font-family: "opensans-regular", Helvetica, arial, sans-serif;
    font-style: italic;
    font-size: 2.4rem;
    color: #003a6b;
    text-align: center;
    margin-top: 0; }
    .presentation h2::before {
      width: 0; }
  .presentation h2 + p {
    margin-top: 100px; }

.presentation .slogan {
	margin-bottom: 10px;
    font-size: 2rem;
    font-family: inherit;
}
.presentation .slogan span {
	font-size: x-large;
	font-weight: bold;
}

.last-news .last-news--title {
  font-size: 4.2rem; }

.last-news p {
  margin: 0; }

.last-news h3 {
  border-bottom: 1px solid #ee7f00;
  display: inline-block;
  padding-bottom: 5px; }
  .last-news h3 a {
    font-size: 2rem;
    letter-spacing: 0.2px;
    color: #003a6b;
    font-family: "opensans-regular", Helvetica, arial, sans-serif; }

.last-news .last-news-1 .date {
  display: block; }

.last-news .last-news-1 p {
  margin-top: 10px; }

.last-news .last-news-2 .last-news-2-date {
  margin-top: 20px;
  border-top: 1px solid #ee7f00;
  padding-top: 10px; }
  .last-news .last-news-2 .last-news-2-date:after {
    content: "";
    display: table;
    clear: both; }

.last-news .last-news-2 h3 {
  border-bottom: 0; }
  .last-news .last-news-2 h3 a {
    font-size: 1.8rem; }

.last-news .last-news-2 .read-more {
  float: right;
  margin-top: 0; }

.last-news .col-md-6 .excerpt img {
  width: 100%; margin-bottom: 20px;

}

.last-news .date {
  font-size: 1.2rem;
  color: #868686;
  font-family: "opensans-light", Helvetica, arial, sans-serif;
  margin-bottom: 10px;
  display: inline-block; }
  .last-news .date span {
    color: #ee7f00; }

.last-news .btn-all-news {
  width: 200px;
  background-color: #ee7f00;
  display: block;
  color: #fff;
  padding: 6px 40px;
  margin: 20px auto 30px;
  font-size: 1.8rem;
  /* text-transform: uppercase; */ }
  .last-news .btn-all-news:hover {
    background-color: #003a6b; }

.home.page h2::before {
  height: 0; }

section {
  margin-bottom: 45px; }
  section .headline-title {
    padding: 55px 0;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    color: #ee7f00;
    /* text-transform: uppercase; */
    font-size: 1.8rem; }

.page h2 {
  margin: 0 0 35px 0;
  /* text-transform: uppercase; */
  font-size: 1.8rem;
  font-family: "opensans-bold", Helvetica, arial, sans-serif;
  color: #003a6b;
  position: relative; }
  .page h2::before {
    content: "";
    height: 1px;
    width: 50px;
    background-color: #ee7f00;
    position: absolute;
    bottom: -10px;
    left: 0; }

.page h2.titre_2::before {
  height: 0; }

.page .contenu ul {
  padding-left: 15px; }

.page .contenu li {
  list-style: none;
  font-family: "opensans-regular", Helvetica, arial, sans-serif;
  line-height: 1.4em;
  position: relative; }
  .page .contenu li strong {
    font-family: "opensans-light", Helvetica, arial, sans-serif; }
  .page .contenu li::after {
    position: absolute;
    font-family: "icomoon" !important;
    position: absolute;
    text-indent: 0;
    text-transform: none;
    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;
    font-weight: bold;
    content: "\e902";
    left: -15px;
    top: 8px;
    color: #003a6b;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-size: 0.7rem; }
.page .contenu .um-field-type_select li::after {
  content: none;
}
.title-product {
  color: #fff;
  display: inline-block;
  min-width: 195px;
  background-color: #003a6b;
  position: relative;
  height: 20px;
  padding-left: 10px;
  overflow: hidden;
  padding-right: 15px; }
  .title-product::after {
    position: absolute;
    right: -20px;
    top: -20px;
    width: 0;
    content: "";
    border-width: 20px 10px 20px 20px;
    border-style: solid;
    border-color: #fff #003a6b #fff #fff;
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }

.title-product + .product-attachment--liens {
  margin-top: 5px; }

.t-orange {
  color: #ee7f00;
  font-family: "opensans-regular", Helvetica, arial, sans-serif; }

.product-nav {
  margin-bottom: 30px;
  display: table;
  width: 100%; }
  .product-nav:after {
    content: "";
    display: table;
    clear: both; }
  .product-nav > div {
    display: table-cell; }
    .product-nav > div.first a {
      position: relative; }
      .product-nav > div.first a::before {
        content: "";
        width: 0;
        position: absolute;
        border: 14px solid #dbdbdb;
        left: -28px;
        border-color: #fff #dbdbdb #fff #fff; }
    .product-nav > div.middle {
      text-align: center; }
    .product-nav > div.last {
      text-align: right; }
      .product-nav > div.last a {
        position: relative; }
        .product-nav > div.last a::before {
          content: "";
          width: 0;
          position: absolute;
          border: 14px solid #dbdbdb;
          right: -28px;
          border-color: #fff #fff #fff #dbdbdb; }
    .product-nav > div a {
      background-color: #dbdbdb;
      height: 28px;
      display: inline-block;
      padding: 0 10px;
      line-height: 28px;
      text-decoration: underline;
      color: #3b3b3b; }

.product-content--dates {
  background-color: #dbdbdb;
  border-left: 5px solid #ee7f00;
  padding: 10px; }

.product-attachment .product-attachment--liens:after {
  content: "";
  display: table;
  clear: both; }

.product-attachment .product-attachment--liens a {
  color: #3b3b33; }

.product-attachment a {
  width: 192px;
  background-color: #dbdbdb;
  display: block;
  float: left;
  padding: 10px;
  margin-left: 3px;
  transition: background 0.3s; }
  .product-attachment a:first-child {
    margin-left: 0; }
  .product-attachment a img {
    width: 32px;
    height: auto;
    float: left;
    margin-right: 10px; }
  .product-attachment a strong {
    display: block;
    color: #ee7f00;
    margin-top: 3px;
    text-decoration: underline;
    margin-left: 68px; }
  .product-attachment a:hover {
    background-color: #e8e8e8; }

.content-attribut {
  padding-left: 5px;
  margin-bottom: 10px; }

/*------------------------------------*    $ LES TABLEAUX
\*------------------------------------*/
.product-table h3, #products-listing h3 {
  background-color: #003a6b;
  padding: 24px 20px;
  font-size: 1.5rem;
  /* text-transform: uppercase; */
  color: #fff;
  font-family: "opensans-bold", Helvetica, arial, sans-serif;
  margin-bottom: 0; }

.bootstrap-table .fixed-table-container, .fixed-table-body .fixed-table-container {
  border: 0; }


.table.table-responsive.table-striped {
  border-radius: 0;
  border: 0; }
  /*.table.table-responsive.table-striped thead tr + tr { border-bottom: 3px solid #93999e; }*/
  .table.table-responsive.table-striped thead tr th {
    background-color: #a4aeb9;
    color: #fff;
    /*padding: 0 8px;*/
    font-weight: 700;
    font-size: 1.2rem;
    letter-spacing: 0.5px; }
    .table.table-responsive.table-striped thead tr th[data-field="rf_bandwidth_ghz_min"] {
      border-left: 1px solid #dddddd; }
    .table.table-responsive.table-striped thead tr th .both {
      background-image: url("../images/charte/picto-double-fleches.png");
      background-repeat: no-repeat;
      background-position: right 3px; }
    .table.table-responsive.table-striped thead tr th .asc {
      background-image: url("../images/charte/picto-simple-fleches.png");
      background-repeat: no-repeat;
      background-position: right 0; }
    .table.table-responsive.table-striped thead tr th .asc.both {
      background-position: 76px 5px; }
    .table.table-responsive.table-striped thead tr th:first-child {
      border-radius: 0; }
    .table.table-responsive.table-striped thead tr th .th-inner, .table.table-responsive.table-striped thead tr th .fixed-table-container tbody td .th-inner {
      padding: 0 8px;
    }
  .table.table-responsive.table-striped tbody > tr > td {
    /*padding: 18px 8px;*/
    border: 0; }
  .table.table-responsive.table-striped tbody > tr[data-index] {
    cursor: pointer; }
    .table.table-responsive.table-striped tbody > tr[data-index] td {
      transition: all 0.3s ease-in-out; }
    .table.table-responsive.table-striped tbody > tr[data-index]:hover td {
      background-color: #ee7f00; }

.bootstrap-table .table.table-responsive {
  border-radius: 0; }

span.dual {
  display: inline-block;
  width: 25px;
  height: 13px;
  background: #fff url("../images/produits/picto-lbo.png") 0 0 no-repeat;
  margin-left: 3px; }

tr.new td {
  background-color: #ffbd72; }

article .table-loader {
  background-color: #A4AEB9;
  margin-bottom: 27px;
  height: 64px;
  line-height: 64;
  margin-top: 0;
  padding-top: 15px; }
  article .table-loader .fa-spin {
    vertical-align: top; }

.bl-pagination {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center; }

.more-link + h2.entry-title {
  margin-top: 70px; }

h2.entry-title {
  border-bottom: 1px solid #ee7f00;
  /* text-transform: uppercase; */
  margin: 0 0 10px; }
  h2.entry-title a {
    font-family: "opensans-regular", Helvetica, arial, sans-serif;
    color: #003a6b;
    display: block;
    padding-bottom: 10px; }
  h2.entry-title::before {
    height: 0; }

.zone-date {
  margin-bottom: 10px; }
  .zone-date .entry-date {
    font-size: 1.2rem;
    color: #868686; }
  .zone-date .categories-links a {
    font-size: 1.2rem; }

.blog .sidebar {
  background-color: #f9f9f9;
  padding: 30px; }

.sidebar span.widgettitle, .sidebar-single span.widgettitle {
  position: relative;
  color: #003a6b;
  display: block;
  margin-bottom: 20px;
  font-size: 1.8rem; }
  .sidebar span.widgettitle::before, .sidebar-single span.widgettitle::before {
    content: "";
    height: 1px;
    width: 50px;
    position: absolute;
    bottom: -7px;
    left: 0;
    background-color: #ee7f00; }

.sidebar ul, .sidebar-single ul {
  list-style-type: '-';
  margin-left: 5px;
  padding-left: 0; }
  .sidebar ul li, .sidebar-single ul li {
    padding-left: 5px;
    line-height: 1.4;
    margin-bottom: 10px; }
    .sidebar ul li a, .sidebar-single ul li a {
      color: #3b3b3b;
      text-decoration: underline; }

.sidebar .widget + .widget, .sidebar-single .widget + .widget {
  margin-top: 20px; }

.sidebar .tagcloud, .sidebar-single .tagcloud {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  flex-wrap:wrap;

   }
  .sidebar .tagcloud a, .sidebar-single .tagcloud a {
    color: #3b3b3b; margin-bottom: 3px; }

.sidebar-single .widget {
  border-left: #3b3b3b 1px solid;
  padding-left: 30px;
  position: relative;
  padding-top: 7px; }
  .sidebar-single .widget::before, .sidebar-single .widget::after {
    content: "";
    width: 0;
    position: absolute;
    border: 6px solid #3b3b3b;
    border-color: transparent transparent transparent #3b3b3b;
    left: 0;
    top: 15px; }
  .sidebar-single .widget::before {
    border-color: transparent transparent transparent #fff;
    left: -1px;
    z-index: 1; }

ul.pagination {
  border-radius: 0; }
  ul.pagination > li a {
    margin-right: 3px;
    padding: 2px 8px;
    background-color: #f1f1f1;
    border: 1px solid #f1f1f1;
    color: #3b3b3b; }
    ul.pagination > li a:hover {
      background-color: #ee7f00;
      color: #fff;
      border: 1px solid #ee7f00; }
  ul.pagination > li:first-child > a, ul.pagination > li:last-child > a, ul.pagination > li:first-child > span, ul.pagination > li:last-child > span {
    border-radius: 0; }
  ul.pagination .active > a {
    background-color: #ee7f00;
    border: 1px solid #ee7f00; }
    ul.pagination .active > a:focus, ul.pagination .active > a:active {
      background-color: #ee7f00;
      border: 1px solid #ee7f00; }
    ul.pagination .active > a:hover {
      background-color: #ff8c09;
      border: 1px solid #ff8c09; }
  ul.pagination .active > span {
    background-color: #ee7f00; }
  ul.pagination li.next_prev a {
    background-color: #003a6b;
    color: #fff;
    border: 1px solid #003a6b;
    position: relative;
    padding: 2px 10px; }
    ul.pagination li.next_prev a:hover {
      background-color: #ee7f00;
      border: 1px solid #ee7f00; }
    ul.pagination li.next_prev a::before {
      font-family: "icomoon" !important;
      position: absolute;
      text-indent: 0;
      text-transform: none;
      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;
      content: "\e901";
      font-size: 1.2rem;
      position: absolute;
      left: 50%;
      top: 50%;
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  ul.pagination li.next_prev.prev a::before {
    content: "\e900"; }

.single-post h2 {
  color: #00569e;
  font-size: 1.9rem;
  margin-bottom: 20px; }
  .single-post h2 a {
    color: inherit; }

.single-post em {
  color: #E58020;
  font-style: italic; }

.single-post .content {
  padding-bottom: 20px;
  position: relative;
  margin-bottom: 8px; }
  .single-post .content:after {
    content: "";
    height: 1px;
    width: 55px;
    background-color: #E58020;
    width: 55px;
    position: absolute;
    left: 0;
    bottom: 0; }

.single-post .excerpt {
  min-height: 90px; }

.zone-infos {
  margin-top: 30px;
  border-top: #E58020 1px solid;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .zone-infos .zone-date {
    margin-top: 8px; }
  .zone-infos .more-link {
    margin-right: 18px;
    margin-top: 8px; }

.single-post h2 {
  color: #00569e;
  font-size: 1.9rem;
  margin-bottom: 20px; }
  .single-post h2 a {
    color: inherit; }

.single-post em {
  color: #E58020;
  font-style: italic; }

.single-post .content {
  padding-bottom: 20px;
  position: relative;
  margin-bottom: 8px; }
  .single-post .content:after {
    content: "";
    height: 1px;
    width: 55px;
    background-color: #E58020;
    width: 55px;
    position: absolute;
    left: 0;
    bottom: 0; }

.single-post .excerpt {
  min-height: 90px; }

.single-post .header-inter {
  /*margin-bottom: 80px; */

}

.single-post .sidebarsingle {
  padding-top: 11px; }

.tagcloud a {
  display: inline-block;
  padding: 5px;
  background-color: #f1f1f1; }

.tagcloud a:hover{ background-color: #c8c7c7; }

.zone-infos {
  margin-top: 30px;
  border-top: #E58020 1px solid;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .zone-infos .zone-date {
    margin-top: 8px; }
  .zone-infos .more-link {
    margin-right: 18px;
    margin-top: 8px; }

.last-news--title {
  font-family: "opensans-light", Helvetica, arial, sans-serif;
  font-size: 2.6rem;
  text-align: center;
  letter-spacing: 3px;
  margin-bottom: 25px; }
  .last-news--title span {
    position: relative; }
    .last-news--title span::before {
      content: "";
      background-color: #ee7f00;
      width: 60%;
      bottom: -15px;
      height: 1px;
      position: absolute;
      left: 50%;
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }

/*------------------------------------*    $ FOUNDRY
\*------------------------------------*/
.bl-welcome {
  background-color: #f7f8fa;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center; }
  .bl-welcome a.logout {
    background-color: #E58020;
    color: #fff;
    display: inline-block;
    padding: 17px 30px;
    /* text-transform: uppercase; */ }
  .bl-welcome > div {
    padding: 15px 25px;
    font-size: 1.8rem; }
    .bl-welcome > div a {
      color: #003a6b;
      font-family: "opensans-bold", Helvetica, arial, sans-serif; }
    .bl-welcome > div .date {
      font-size: 1.2rem; }

.bl-project {
  background-color: #003a6b;
  color: #fff;
  margin-top: 20px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center; }
  .bl-project > div {
    padding: 10px 25px;
    font-size: 1.6rem; }
    .bl-project > div + div {
      text-align: right; }
  .bl-project p {
    color: #fff;
    margin: 0; }
  .bl-project .info {
    font-size: 1rem; }
    .bl-project .info a {
      color: #fff; }
      .bl-project .info a:hover {
        text-decoration: underline; }


.table.table-responsive.table-striped.table-foundry {
  border-bottom: 2px solid #bdbfc1; }
  .table.table-responsive.table-striped.table-foundry thead tr th {
    padding: 10px 8px;
    border-color: #95999c;
    font-size: 1.3rem;
    text-align: center; }
    .table.table-responsive.table-striped.table-foundry thead tr th:first-child {
      padding-left: 25px;
      text-align: left; }
  .table.table-responsive.table-striped.table-foundry tbody tr td {
    text-align: center;
    max-width: 350px; }
    .table.table-responsive.table-striped.table-foundry tbody tr td:first-child {
      padding-left: 25px;
      text-align: left; }
    .table.table-responsive.table-striped.table-foundry tbody tr td:last-child {
      text-align: left; }

[class^="icon-"] {
  font-family: "icomoon" !important;
  position: absolute;
  text-indent: 0;
  text-transform: none;
  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; }
  [class^="icon-"]::before {
    font-size: 2.2rem; }

.icon-no::before {
  content: "\f081";
  color: #d81519; }

.icon-ok::before {
  content: "\f03a";
  color: #00d500; }

.icon-progress::before {
  content: "\e909";
  font-size: 1.8rem;
  color: #003a6b; }

a.aligncenter {
  text-decoration: underline; }

.table.table-responsive.table-hover tbody > tr > td {
  transition: all 0.3s; }

.table.table-responsive.table-hover tbody > tr:hover > td {
  background-color: #E58020;
  color: #fff; }

/*------------------------------------*    $
\*------------------------------------*/
.table.table-responsive.table-hover.table-found-list {
  border-bottom: 2px solid #bdbfc1; }
  .table.table-responsive.table-hover.table-found-list tbody > tr > td {
    padding-left: 25px; }
    .table.table-responsive.table-hover.table-found-list tbody > tr > td + td {
      text-align: center; }

.t-foundry {
  margin-top: 30px; }

.bl-insc {
  width: 600px;
  margin: 30px auto 0 auto; }

.bl-insc--champs {
  margin-top: 25px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .bl-insc--champs .wpcf7-list-item {
    margin-left: 0; }
  .bl-insc--champs input[type="text"], .bl-insc--champs input[type="email"] {
    width: 100%; }

form[class^="wpcf7"] .form-fast-request {
  width: 80%;
  margin: 0 auto; }
l
nf-field .nf-field .nf-field-label label,
form[class^="wpcf7"] label {
  font-size: 1.8rem;
  margin-bottom: 20px;
  font-weight: normal;
  font-family: "opensans-bold", Helvetica, arial, sans-serif;
  width: 100%; }
  form[class^="wpcf7"] label:last-child {
    margin-bottom: 0; }
  nf-field .nf-field .textbox-container .nf-field-element input,
  form[class^="wpcf7"] label input {
    margin-top: 5px;
    font-family: "opensans-light", Helvetica, arial, sans-serif;
    font-size: 1.4rem;
    font-weight: normal;
    height: 40px;
    line-height: 40px;
    width: 100%; }
    nf-field .nf-field .nf-field-element input[type="checkbox"],
    form[class^="wpcf7"] label input[type="checkbox"] {
      width: 20px; }
    nf-field .nf-field .nf-field-element input:focus,
    form[class^="wpcf7"] label input:focus {
      background-color: #E58020;
      color: #fff;
      border: 0; }
nf-field .nf-field .nf-field-element input[type="checkbox"],
form[class^="wpcf7"] input[type="checkbox"] {
  height: auto; }

form[class^="wpcf7"] .wpcf7-checkbox, form[class^="wpcf7"] .t-terms {
  font-size: 1.4rem;
  font-weight: normal;
  font-family: "opensans-light", Helvetica, arial, sans-serif; }

form[class^="wpcf7"] .wpcf7-list-item {
  margin-left: 0; }

input[type="button"].btn,
input[type="submit"].btn, a.btn {
  display: block;
  /* text-transform: uppercase; */
  background-color: #E58020;
  color: #fff;
  border-radius: 0;
  margin: 0 auto;
  padding: 5px 30px;
  font-size: 1.6rem;
  margin-top: 25px; }

a.btn {
  display: inline-block; }

.last-news--title {
  margin-bottom: 35px; }

/*------------------------------------*    $ LOGIN PAGE
\*------------------------------------*/
.form-login {
  width: 60%;
  margin: 0 auto; }
  .form-login label + label {
    margin-bottom: 0; }

.page-login {
  width: 100%;
  margin: 0 auto; }
  .page-login .col-md-6 {
    -ms-flex-direction: column;
    flex-direction: column;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center; }
    .page-login .col-md-6 + .col-md-6 {
      position: relative; }
      .page-login .col-md-6 + .col-md-6::before {
        content: "";
        width: 1px;
        position: absolute;
        left: 0;
        height: 150px;
        top: 20px;
        background-color: #003a6b; }

/*------------------------------------*    $ ORDERING TABLES
\*------------------------------------*/
.table.table-ordering1 {
  width: 900px;
  margin: 0 auto;
  border-spacing: 1px;
  border-collapse: separate; }
  .table.table-ordering1 > thead > tr th {
    background-color: #f7f8fa;
    border-bottom: 0px solid #fff;
    padding: 10px 20px; }
  .table.table-ordering1 > tbody > tr td {
    background-color: #E58020;
    color: #fff;
    border-bottom: 0px solid #fff;
    padding: 10px 20px; }

.title-table {
  background-color: #003a6b;
  color: #fff;
  display: block;
  padding: 8px 15px;
  margin-right: 5px;
  margin-left: 5px; }
  .title-table span {
    font-size: 1.4rem;
    font-family: "opensans-light", Helvetica, arial, sans-serif; }

.title2-table {
  font-family: "opensans-bold", Helvetica, arial, sans-serif;
  color: #E58020;
  padding: 10px 20px;
  display: block; }

.table-ordering2, .table-ordering3 {
  border-spacing: 5px;
  border-collapse: separate;
  width: 100%; }
  .table-ordering2 > tbody > tr td, .table-ordering2 > thead > tr th, .table-ordering3 > tbody > tr td, .table-ordering3 > thead > tr th {
    background-color: #eee;
    padding: 2px 7px;
    text-align: left; }
  .table-ordering2 > thead > tr th, .table-ordering3 > thead > tr th {
    font-family: "opensans-bold", Helvetica, arial, sans-serif;
    text-align: center;
    font-weight: normal; }

table.center > tbody > tr td {
  text-align: center; }

.table-ordering3 {
  margin-left: 20px;
  width: 241px; }
  .table-ordering3 > tbody > tr td {
    text-align: left; }
  .table-ordering3 > thead > tr th {
    text-align: left; }

/*------------------------------------*    $ LES FORMULAIRE DE FORM 7
\*------------------------------------*/
form .nf-form-content.form-fast-request,
form[class^="wpcf7"] .form-fast-request {
  width: 80%;
  margin: 0 auto; }
form[class^="wpcf7"] .form-fast-request .col-md-12 label {
  margin-bottom: 0;
  margin-top: 20px; }
form .nf-form-content.form-fast-request input.btn[type="button"],
form[class^="wpcf7"] .form-fast-request input.btn[type="submit"] {
  margin: 0; }
form[class^="wpcf7"] textarea {
  width: 100%; }

/*------------------------------------*    $ 404
\*------------------------------------*/
#fof {
  display: block;
  position: relative;
  width: 100%;
  margin: 180px 0;
  text-align: center; }

#fof .positioned {
  display: block;
  width: 85%;
  margin: 0 auto;
  padding: 20px;
  border: 1px solid #CCCCCC; }

#fof .positioned h1 {
  margin: 0 0 0 20px;
  padding: 0;
  display: inline;
  font-size: 60px;
  /* text-transform: uppercase; */ }

#fof .positioned p {
  margin: 25px 0 0 0;
  padding: 0;
  font-size: 16px; }

#fof a.go-back, #fof a.go-home {
  display: block;
  position: absolute;
  top: 30px;
  width: 100px;
  padding: 20px 0;
  font-size: 20px;
  /* text-transform: uppercase; */
  color: #FFFFFF;
  background-color: #E58020; }

#fof a.go-back {
  left: 0; }

#fof a.go-home {
  right: 0; }

/*
 * jQuery FlexSlider v2.6.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin) - Allègement Renaud Maupoux
 *
 */
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none; }

.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none; }

.flex-pauseplay span {
  text-transform: capitalize; }






/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  /*margin: 0px !important; */
}

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden; }

.flexslider .slides img {
  width: 100%;
  display: block; }

.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

html[xmlns] .flexslider .slides {
  display: block; }

* html .flexslider .slides {
  height: 1%; }

.no-js .flexslider .slides > li:first-child {
  display: block; }

/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  background: #fff;
  border: 0;
  position: relative;
  border-radius: 0;
  box-shadow: 0;
  -webkit-box-shadow: 0;
  -moz-box-shadow: 0;
  -o-box-shadow: 0;
  zoom: 1; }

.flexslider .slides {
  zoom: 1; }

.flexslider .slides img {
  height: auto;
  -moz-user-select: none; }

.flex-viewport {
  max-height: 2000px;
  transition: all 1s ease; }

.loading .flex-viewport {
  max-height: 300px; }

.carousel li {
  margin-right: 5px; }

.flex-direction-nav {
  *height: 0; }

.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 0 0;
  position: absolute;
  top: 60%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  transition: all 0.3s ease-in-out; }

.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); }

.flex-direction-nav a.flex-next:before {
  content: ""; }

.flex-direction-nav .flex-prev {
  left: -50px; }

.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right; }

.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px; }

.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1; }

.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px; }

.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1; }

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1; }

.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000; }

.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004'; }

.flex-pauseplay a:hover {
  opacity: 1; }

.flex-pauseplay a.flex-play:before {
  content: '\f003'; }

.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center; }

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  border-radius: 20px; }
  .flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, 0.7); }
  .flex-control-paging li a.flex-active {
    background-color: #FFF !important;
    cursor: default; }

#carousel .flex-control-paging li {
  margin: 0 3px; }
  #carousel .flex-control-paging li a {
    border-radius: 0;
    width: 8px;
    height: 8px; }

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden; }

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0; }

.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  transition: all 1s ease; }

.flex-control-thumbs img:hover {
  opacity: 1; }

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default; }





/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .titre-slide--t2{font-size: 3rem;}
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px; }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px; }
    .presentation h1{font-size: 4vw;}
    .last-news .last-news--title{font-size: 4.5vw;}


}

/*------------------------------------*    $ LE FLEXSLIDER CUSTOM
\*------------------------------------*/
.clearfix:after, .flexslider:after {
  content: "";
  display: table;
  clear: both; }

.slider {
  margin-top: 74px; }

#metaslider_container_341 {
  margin-top: 141px; }

#metaslider_341 {
  margin-top: 15px; }
  #metaslider_341.loading {
    background: #f1f1f1 url("../images/charte/loader.gif") no-repeat scroll center center !important;
    min-height: 410px; }
  #metaslider_341 .slides > li {
    color: #fff; }
    #metaslider_341 .slides > li a img {
      visibility: visible !important;
      opacity: 1 !important;
      filter: alpha(opacity=100) !important;
      width: 100% !important; }

#carousel.loading {
  background: #f1f1f1 url("../images/charte/gear.gif") no-repeat scroll center center !important;
  min-height: 300px; }

#carousel .slides > li { height: 270px;
  display: none;
  -webkit-backface-visibility: hidden; }
  #carousel .slides > li a img {
    visibility: visible !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important; }

.flexslider .slides > li {
  position: relative; }
  .flexslider .slides > li .btn-slider {
    background-color: #b52449;
    color: #fff;
    border: 1px solid #b52449;
    margin-top: 25px;
    font-family: "opensans-regular", Helvetica, arial, sans-serif; }
    .flexslider .slides > li .btn-slider:hover {
      background-color: #a02040;
      border: 1px solid arken(#b52449, 5%); }

.flexslider .flex-control-nav {
  z-index: 50;
  bottom: 14px; }
  .flexslider .flex-control-nav li a {
    background-color: #5283bb; }
    .flexslider .flex-control-nav li a:hover {
      background-color: #fff; }

.flexslider .flex-direction-nav {
  margin-top: -30px; }
  .flexslider .flex-direction-nav a {
    opacity: 0.6;
    width: 45px;
    height: 120px; }
    .flexslider .flex-direction-nav a:focus {
      outline: 0; }
    .flexslider .flex-direction-nav a::before {
      font-family: "icomoon";
      background-color: transparent;
      visibility: visible;
      font-size: 2.6rem;
      content: "";
      color: #fff;
      padding: 0 10px 40px 10px;
      text-shadow: none;
      top: 0;
      padding-top: 3px;
      padding-right: 12px;
      text-align: center; }
    .flexslider .flex-direction-nav a.flex-prev {
      left: 1%;
      visibility: hidden; }
      .flexslider .flex-direction-nav a.flex-prev::before {
        content: "";
        visibility: visible; }
    .flexslider .flex-direction-nav a.flex-next {
      right: 1%;
      visibility: hidden; }

.flexslider:hover .flex-direction-nav .flex-prev {
  left: 3%; }

.flexslider:hover .flex-direction-nav .flex-next {
  right: 3%; }

#carousel.flexslider { margin-bottom: 40px; margin-left: -15px;
  position: relative; }
  #carousel.flexslider.isNew::before {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    background-color: #ee7f00;
    color: #fff;
    padding: 4px 20px;
    content: "new";
    /* text-transform: uppercase; */
    font-size: 1.4rem; }
  #carousel.flexslider .flex-direction-nav {
    margin-top: -50px; }
    #carousel.flexslider .flex-direction-nav a {
      height: 32px;
      width: 32px;
      opacity: 1 !important; }
      #carousel.flexslider .flex-direction-nav a::before {
        font-size: 1.4rem;
        height: 32px;
        background-color: rgba(0, 0, 0, 0.6);
        padding: 5px 12px 40px 10px;
        transition: background 0.3s; }
      #carousel.flexslider .flex-direction-nav a:hover::before {
        background-color: black; }
  #carousel.flexslider .flex-control-nav {
    bottom: -52px; }
    #carousel.flexslider .flex-control-nav li a {
      background-color: #616162;
      box-shadow: none; }
      #carousel.flexslider .flex-control-nav li a.flex-active {
        background-color: #ff7f00 !important; }


#carousel.flexslider .flex-direction-nav a.flex-next{ right: 0px; top: 173%; }
#carousel.flexslider .flex-direction-nav a.flex-prev{ left: 0px; top: 173%; }
#carousel.flexslider .flex-direction-nav a { width: 26px;}
#carousel.flexslider .flex-control-nav{ bottom:-82px; display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;align-items:center; background-color: #f1f1f1; justify-content: center; height: 32px; right: 0; z-index: 2;}
#carousel.flexslider.isNew::before{left:auto; top:-26px;}
.product-attachment.row{margin-top: 50px;}


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none; }

.sf-menu li {
  position: relative; }

.sf-menu ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99; }

.sf-menu > li {
  float: left; }

.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
  display: block; }

.sf-menu a {
  display: block;
  position: relative; }

.sf-menu ul ul {
  top: 0;
  left: 100%; }

/*** DEMO SKIN ***/
.sf-menu {
  float: left;
  margin-bottom: 1em; }

.sf-menu ul {
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
  min-width: 12em;
  /* allow long menu items to determine submenu width */
  *width: 12em;
  /* no auto sub width for IE7, see white-space comment below */ }

.sf-menu a {
  border-left: 1px solid #fff;
  border-top: 1px solid #dFeEFF;
  /* fallback colour must use full shorthand */
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  padding: .75em 1em;
  text-decoration: none;
  zoom: 1;
  /* IE7 */ }

.sf-menu a {
  color: #13a; }

.sf-menu li {
  background: #BDD2FF;
  white-space: nowrap;
  /* no need for Supersubs plugin */
  *white-space: normal;
  /* ...unless you support IE7 (let it wrap) */
  transition: background .2s; }

.sf-menu ul li {
  background: #AABDE6; }

.sf-menu ul ul li {
  background: #9AAEDB; }

.sf-menu li:hover,
.sf-menu li.sfHover {
  background: #CFDEFF;
  /* only transition out, not in */
  transition: none; }

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
  padding-right: 2.5em;
  *padding-right: 1em;
  /* no CSS arrows for IE7 (lack pseudo-elements) */ }

/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1em;
  margin-top: -3px;
  height: 0;
  width: 0;
  /* order of following 3 rules important for fallbacks to work */
  border: 5px solid transparent;
  border-top-color: #dFeEFF;
  /* edit this to suit design (no rgba in IE8) */
  border-top-color: rgba(255, 255, 255, 0.5); }

.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
  border-top-color: white;
  /* IE8 fallback colour */ }

/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #dFeEFF;
  /* edit this to suit design (no rgba in IE8) */
  border-left-color: rgba(255, 255, 255, 0.5); }

.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
  border-left-color: white; }

.styled-select {
  background: #eee url(../images/charte/select-fleche-blue.png) no-repeat right 0;
  height: 34px;
  width: 240px;
  overflow: hidden;
  float: left;
}

.styled-select.small {
  width: 107px;
  margin-top: 58px;
}
.styled-select.large {
  width: 240px;
}
.styled-select.active {
  background: #ee7f00 url(../images/charte/select-fleche.png) no-repeat right -33px;
}

.styled-select select {
  background-color: transparent;
  color: #000;
  font-size: 14px;
  padding: 5px;
  border: 0 solid #ccc;
  font-size: 14px;
  height: 34px;
  width: 125px;
  cursor: pointer;
}

.styled-select.large select {
  width: 268px;
}
.styled-select.active select {
  color:#fff;
}

/*------------------------------------*    $ STYLE DE JQrange
\*------------------------------------*/
.ui-rangeSlider.ui-rangeSlider-withArrows .ui-rangeSlider-innerBar {
  height: 4px;
  background: #BAB9B9; }

.ui-rangeSlider-label {
  color: #fff; }

.ui-rangeSlider.ui-rangeSlider-withArrows .ui-rangeSlider-bar {
  height: 4px;
  background: #ee7f00 !important;
  margin: 3px 0; }

.ui-rangeSlider.ui-rangeSlider-withArrows .ui-rangeSlider-handle {
  height: 10px;
  background: transparent; }

.ui-rangeSlider.ui-rangeSlider-withArrows .ui-rangeSlider-arrow {
  margin: -3px 0; }

.function-category-select h3 {
  font-family: "opensans-bold", Helvetica, arial, sans-serif;
  color: #51565a;
  font-size: 1.5rem;
  text-transform: initial;
}

.function-category-select h3.space {
  margin-bottom: 40px; }

.function-category-select input[type="submit"], .function-category-select input[type="reset"] {
  background-color: #ee7f00;
  float: left;
  color: #fff;
  margin-top: 59px;
  margin-left: 20px;
  padding: 6px 20px 5px 20px;
  border: 1px solid #ee7f00; }
  .function-category-select input[type="submit"]:hover, .function-category-select input[type="reset"]:hover {
    background-color: #ff8c09; }

#map {
  position: relative; }

.map__image {
  height: 672px; }
  .map__image path {
    fill: #a2a2a2;
    stroke: #a2a2a2;
    stroke-width: 1px;
    transition: all 0.3s; }
  .map__image [id^="carte-"].is-active path {
    cursor: pointer;
    stroke: #003a6b;
    fill: #003a6b; }

@media (max-width: 479px) {
  .map__image {
    height: 360px; }
  div.map__texte div[id^="texte-"] {
    background-color: rgba(238, 127, 0, 0.5); }
    div.map__texte div[id^="texte-"]::before {
      display: none; }
  div.map__texte #texte-asia {
    top: 15%; }
}


  .header-navbar .nav.navbar-nav > li{border-botom:1px solid #00569e; }


  /*.flex-active-slide .titre-slide div.titre-slide--t2{ transform:translate(20%, -280px); width: 80%;}
  .flex-active-slide .titre-slide div.titre-slide--t1{transform:translate(40%, -340px);}*/
  .flex-active-slide .titre-slide{background-position: center 25px;}

/*  .map__image {
    height: 400px; }
  div.map__texte div[id^="texte-"] {
    background-color: rgba(238, 127, 0, 0.5); }

    div.map__texte div[id^="texte-"]::before {
      display: none; }
    div.map__texte #texte-asia {
        top: 15%;
    }*/

@media (min-width: 768px) and (max-width: 991px) {
  .map__image {
    height: 420px; }
  div.map__texte div[id^="texte-"] {
    background-color: rgba(238, 127, 0, 0.5); }
    div.map__texte div[id^="texte-"]::before {
      display: none; }
    div.map__texte #texte-asia {
        top: 15%;
    } }

.map__texte div[id^="texte-"] {
  position: absolute;
  background-color: #ee7f00;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s,transform 0.3s;
  -ms-transform: translateX(0);
  transform: translateX(0);
  color: #fff;
  padding: 20px;
  width: 250px;
  height: auto;
  z-index: 10; }
  .map__texte div[id^="texte-"]::before {
    content: "";
    width: 0;
    height: 0;
    border: 100px solid transparent;
    position: absolute;
    left: -175px;
    top: 0;
    border-top-width: 20px;
    border-bottom-width: 0px;
    border-right-color: #ee7f00;
    z-index: 0;
    -ms-transform: rotate(30deg);
    transform: rotate(30deg); }
  .map__texte div[id^="texte-"] p {
    color: #fff; }
  .map__texte div[id^="texte-"] span.title {
    display: block;
    text-align: center;
    font-size: 1.8rem; }
  .map__texte div[id^="texte-"].is-active {
    opacity: 1;
    visibility: visible; }

.map__texte #texte-asia {
    right: 0%;
    top: 350px;
}
    .map__texte #texte-asia.is-active {
        -ms-transform: translateX(-15px);
        transform: translateX(-15px);
    }

.map__texte #texte-america {
  left: 25%;
  top: 35px; }
    .map__texte #texte-america::before {
        -ms-transform: rotate(-30deg);
        transform: rotate(-30deg);
        top: 156px;
    }
    .map__texte #texte-america.is-active {
        -ms-transform: translateX(-15px);
        transform: translateX(-15px);
    }

.map__texte #texte-europe {
  right: 25%;
  top: 50px; }
    .map__texte #texte-europe::before {
        -ms-transform: rotate(-30deg);
        transform: rotate(-30deg);
        top: 156px;
    }
    .map__texte #texte-europe.is-active {
        -ms-transform: translateX(-15px);
        transform: translateX(-15px);
    }

.map__texte a {
  color: #fff;
  text-decoration: underline; }

.map__table .title {
  background-color: #003a6b;
  /* text-transform: uppercase; */
  font-size: 1.6rem;
  color: #fff;
  padding: 8px 50px; }

.map__table .s-title {
  color: #003a6b;
  display: block;
  padding: 8px 0 0 0;
  font-family: "opensans-bold", Helvetica, arial, sans-serif;
  font-size: 1.8rem;
  /* text-transform: uppercase; */ }

.map__table strong, .map__table .ss-title {
  display: block;
  font-family: "opensans-bold", Helvetica, arial, sans-serif;
  font-weight: normal; }

.map__table .ss-title {
    font-size: 1.6rem;
    margin-top: 15px;
    color: #ee7f00;
}
.map__table .ss-title span {
    color: #000;
}

.map__table [class^="col-md-"]::after {
  content: "";
  width: 1px;
  height: 80%;
  background-color: #003a6b;
  position: absolute;
  top: 50px;
  right: 0; }
.map__table [class^="col-md-"]:first-child::after {width: 0;}

.map__table [class^="col-md-"] > div {
  padding-left: 20px; }

.map__table [class^="col-md-"]:nth-child(3)::after, .map__table [class^="col-md-"]:last-child::after {
  width: 0; }

.map__table .table {
  display: none; }
  .map__table .table.is-active {
    display: block; }

.titre-slide {
  position: absolute;
  left: 0;
  z-index: 10;
  color: #ccc;
  font-size: 1.1rem;
  opacity: 0;
  line-height: 1.5em;
  opacity: 0;
  transition-property: all;
  transition-duration: 1s;
  transition-timing-function: ease-out;
  transition-delay: 0.5s;
  font-family: "opensans-regular", Helvetica, arial, sans-serif;
  padding: 0;
  left:50%;
  top:50%;
  -ms-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction:column;
  align-items:center;
  width: 100%;



}

.titre-slide .titre-slide--t1 {

  display: block;
  font-size: 1.5rem;
  font-size: 1.5vw;
  background-color: #ee7f00; padding: 10px 15px;color: #fff;


  /*-ms-transform: translate(0, -325px);
  transform: translate(0, -325px);*/
  font-family: "opensans-light", Helvetica, arial, sans-serif;
  /* text-transform: uppercase; */
  /*margin-left: 333px;*/
  font-weight: lighter;
  letter-spacing: 1px;
  padding: 12px 25px; }

.titre-slide .titre-slide--t2 {

  color: #fff;
  display: block;
  font-size: 3.4rem;
  font-size:3.4vw;
  background-color: rgba(0, 0, 0, 0.5);
  /*-ms-transform: translate(0, -280px);
  transform: translate(0, -280px);*/
  font-family: "opensans-light", Helvetica, arial, sans-serif;
  font-weight: 300;
  padding: 40px; }


@media (max-width: 767px) {
  div.header-top-navbar .caret::before{left: -12px; top: 5px;}
  .header-navbar ul.nav.navbar-nav > li > a, .header-top-navbar ul.nav.navbar-nav > li > a{padding: 13px; display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content:space-between;

}
  .titre-slide{display: none;}

  #metaslider_container_341 {
    margin-top: 0; }
 /* div.titre-slide .titre-slide--t1, div.titre-slide .titre-slide--t2 {
    top: 350px; }*/

  }

.flex-active-slide .titre-slide  {
  opacity: 1;
  top:50%;
  left:50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

/*.flex-active-slide .titre-slide .titre-slide--t2 {
  opacity: 1;
  -ms-transform: translate(20%, -280px);
  transform: translate(20%, -280px); }*/

/*------------------------------------*    $ GESTION DU HEADER
\*------------------------------------*/
/*------------------------------------*    $ DESKTOP
\*------------------------------------*/
@media screen and (min-width: 768px) {
  .burger {
    display: none; }
  #navbar-collapse.collapse, #navbar-collapse.collapsing {
    display: block; }
  .header-navbar {
    margin-top: 55px; }
  .navbar-right ul ul .dropdown-menu {
    left: 100%;
    right: 0;
    top: 0; }
  .nav li {
    position: relative; } }

/*------------------------------------*    $ TABLETTES
\*------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 1200px) {
    .header-logo{width: 155px;}
 /*  div.titre-slide .titre-slide--t1, div.titre-slide .titre-slide--t2 {
    top: 360px; }*/
  /*div.titre-slide .titre-slide--t1 {
    font-size: 2.2rem; }
  div.titre-slide .titre-slide--t2 {
    transform: translate(20%, -268px);
    font-size: 3.2rem; }
   } */


  .header-navbar .nav.navbar-nav > li > a {
    padding: 10px; }
  .searchform input[type="text"] {
    width: 100%; } }

/*------------------------------------*    $ TABLETTES PETIT FORMAT
\*------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 992px) {
  .navbar-right.header-navbar {
    width: 85%;
    margin-right: -45px;
    margin-bottom: 10px; }
  .header-navbar .nav.navbar-nav > li > a {
    padding: 10px 5px; }
    .header-navbar .nav.navbar-nav > li > a span {
      font-size: 1.3rem; }
  .header-logo {
    width: 160px; } }

/*------------------------------------*    $ SMARTPHONE
\*------------------------------------*/
@media screen and (max-width: 768px) {
  .header-inter{margin-top: 0;}
  .nav.navbar-nav.navbar-right.navbar-first.menu-sf.sf-js-enabled.sf-arrows {
    margin-top: 0px; }
  #connexion .non-logue label {
    text-align: left;
    margin-left: 46px; }
  #connexion .non-logue input[type="submit"] {
    border-radius: none; }
  #connexion input[type="text"], #connexion #connexion input[type="password"] {
    margin-left: 46px;
    width: 252px;
    border: 0; }
  li.accordeonBouton .bt-plus {
    right: 0;
    top: 17px; }
  .home #content {
    margin-top: 120px; }
  .home .content h1 {
    font-size: 1.2rem; }
  div.contenu.container {
    padding: 20px; }
    div.contenu.container h2 {
      margin-top: 20px;
      margin-bottom: 20px; }
  footer .container [class^="col-md"] {
    margin-top: 15px;
    padding-left: 20px; }
  .navbar-right.navbar-second.header-navbar li .dropdown-menu > li {
    position: relative; }
    .navbar-right.navbar-second.header-navbar li .dropdown-menu > li .sub-menu.dropdown-menu li {
      border-bottom: 1px solid #0063b8; }
      .navbar-right.navbar-second.header-navbar li .dropdown-menu > li .sub-menu.dropdown-menu li a {
        background-color: #0063b8; }
        .navbar-right.navbar-second.header-navbar li .dropdown-menu > li .sub-menu.dropdown-menu li a:hover {
          background-color: #ee7f00; }
      .navbar-right.navbar-second.header-navbar li .dropdown-menu > li .sub-menu.dropdown-menu li .sub-menu.dropdown-menu li a {
        background-color: #0071d1; }
        .navbar-right.navbar-second.header-navbar li .dropdown-menu > li .sub-menu.dropdown-menu li .sub-menu.dropdown-menu li a:hover {
          background-color: #ee7f00; }
  .footer-menu > nav {
    height: 100%;
    overflow: auto; }
  .footer-menu > nav > ul > li {
    width: 100%;
    float: auto; }
  .header {
    position: relative; }
  #navbar-collapse {
    z-index: 100; }
  .header a.header-logo {
    left: 10px; }
  .sub-menu.dropdown-menu {
    padding: 0;
    min-width: 100%; }
    .sub-menu.dropdown-menu a span.caret {
      border-left: 4px dashed #fff;
      position: relative;
      margin-left: 10px;
      top: 3px; }
  .navbar-second.header-navbar {
    margin-top: 0; }
  .header-navbar .nav.navbar-nav > li > a {
    border-radius: 0; }
  .navbar-right.header-navbar.navbar-second .sub-menu.dropdown-menu > li, .nav.navbar-nav.navbar-right.navbar-first .sub-menu.dropdown-menu > li {
    background-color: #004885; }
    .navbar-right.header-navbar.navbar-second .sub-menu.dropdown-menu > li:last-child, .nav.navbar-nav.navbar-right.navbar-first .sub-menu.dropdown-menu > li:last-child {
      border-bottom: 0; }
    .navbar-right.header-navbar.navbar-second .sub-menu.dropdown-menu > li > a, .nav.navbar-nav.navbar-right.navbar-first .sub-menu.dropdown-menu > li > a {
      color: #fff;
      padding: 12px 0;
      text-transform: normal; }
      .navbar-right.header-navbar.navbar-second .sub-menu.dropdown-menu > li > a:hover, .nav.navbar-nav.navbar-right.navbar-first .sub-menu.dropdown-menu > li > a:hover {
        background-color: #ee7f00; }
  .navbar-right.header-navbar.navbar-second li, .nav.navbar-nav.navbar-right.navbar-first li {
    border-bottom: 1px solid #00569e;
    border-top: 0; }
    .navbar-right.header-navbar.navbar-second li a:hover, .nav.navbar-nav.navbar-right.navbar-first li a:hover {
      background-color: #ee7f00; }
    .navbar-right.header-navbar.navbar-second li .dropdown-menu > li, .nav.navbar-nav.navbar-right.navbar-first li .dropdown-menu > li {
      border-top: 0; }
      .navbar-right.header-navbar.navbar-second li .dropdown-menu > li a, .nav.navbar-nav.navbar-right.navbar-first li .dropdown-menu > li a {
        font-size: 1.4rem;
        /* text-transform: uppercase; */
        background-color: #004885; }
  .header-navbar .nav.navbar-nav > li {
    border-radius: 0;
    border-bottom: 1px solid #004885; }
    .header-navbar .nav.navbar-nav > li a {
      background-color: #003a6b;
      color: #fff; }
      .header-navbar .nav.navbar-nav > li a span {
        color: #fff; }
  .navbar-default .navbar-nav.navbar-second > li {
    background-color: #003a6b; }
  nav.navbar {
    margin-top: 85px; }
  .nav.navbar-nav.navbar-first li a {
    font-size: 1.4rem;
    text-align: center;
    padding: 15px 0;
    /* text-transform: uppercase; */ }
  div#search-form {
    margin: 8px 38px 0px 3px; }
  .navbar-nav {
    margin: 0 4px; }
    .navbar-nav li a {
      border-radius: 0; }
  .header-navbar {
    margin: 0 auto;
    margin-top: 14px; }
  .header-top-navbar .caret::before {
    left: 3px; }
  .header-top-navbar {
    height: 100%;
    background-color: #fff; }
    .header-top-navbar #search-form .searchform input[type="text"] {
      border: 1px solid #f1f1f1;
      width: 100%; }
    .header-top-navbar header {
      height: auto; }
    .header-top-navbar .header-logo {
      width: 100px;
      height: auto;
      top: 0;
      left: 20px;
      margin-left: 20px; } }

@media screen and (max-width: 635px) {
  #search-form:after {
    content: "";
    display: table;
    clear: both; }
  .nav.nav-pills {
    float: none !important;
    float: right !important;
    margin-right: 0 !important;
    margin-bottom: 10px; }
  .header-logo {
    width: 151px; } }

/**********************
/*Page PAckaging info
*********************/
.product{min-height: 100px; margin-bottom: 30px;}
.product img{max-width: 160px; height: auto;}
.product-title-1{background-color: #003a6b; display: block; padding: 10px 20px; font-size: 1.8rem; margin-bottom: 20px; color: #fff; /* text-transform: uppercase; */}
.product-title-2{color: #ee7f00;  display: block; /* text-transform: uppercase; */ font-size: 2rem;}
.product-text{padding-bottom: 10px;border-bottom:1px solid #f1f1f1; }
.product-desc{float:left; margin-left: 10px; width: 65%;}
img.alignleft{float: left; margin-right: 10px;}
img.alignright{float: right; margin-left: 10px;}

/**********************
/*Page Careers
*********************/

.md_careers {display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}

.md_careers .md_careers--img img{border-radius:50em; margin-right: 15px;}
.md_careers .md_careers--text h2{ margin-bottom: 15px; }
.md_careers .md_careers--footer{color: #003a6b; font-size: 95%; font-style: italic; text-align: right;}
.md_careers .md_careers--footer::before{content:"— ";}

.fc_careers{margin-top: 35px;}
.fc_careers .title{background-color: #eee; color: #ee7f00; font-size: 1.8rem; padding: 15px 20px;}
.fc_careers .collapse{padding: 20px 0; position: relative;}
.fc_careers strong{color: #036; display: block; margin-bottom: 10px;}

.fc_careers--btn{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content:flex-end;
align-items:center;
}
.fc_careers .collapse::after{content:""; height: 5px;width: 100%; bottom:-5px; left: 0; background-color: #eee; position: absolute;}

.fc_careers--btn button{padding: 10px 65px 10px 45px; color: #697889;}
.fc_careers--btn button span{position: relative;}
.fc_careers--btn button span::before{content:"open";}
.fc_careers--btn button span::after{
-moz-osx-font-smoothing: grayscale;
    content: "";
    font-family: "icomoon";
    font-size: 0.7rem;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    position: absolute;
    text-indent: 0;
    text-transform: none;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);

}
.fc_careers--btn button[aria-expanded="true"] span::before{content:"close";}
.fc_careers--btn button[aria-expanded="true"] span::after{transform: translateY(-50%) rotate(180deg);}


.fc_careers--btn a{display: block; padding: 10px 30px; background-color: #a4aeb9; color: #fff; position: relative; -webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;}
.fc_careers--btn a.btn-tele{padding: 10px 20px;}
.fc_careers--btn a.btn-tele:hover{ background-color: #697889; }
.fc_careers--btn a.btn-tele:hover::before{border-color: transparent transparent #697889 transparent ;}
.fc_careers--btn a.btn-tele:hover::after{border-color: #697889 transparent transparent transparent ;}
.fc_careers--btn a.btn-tele::before{content:""; width: 0; bottom: 0; position: absolute; left: -15px; border:40px solid #a4aeb9; border-width:40px 15px; border-color: transparent transparent #a4aeb9 transparent ; -webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;}
.fc_careers--btn a.btn-tele::after{content:""; width: 0; top: 0; position: absolute; right: -20px; z-index: 10; border:40px solid #a4aeb9; border-width:40px 20px; border-color: #a4aeb9 transparent transparent transparent ;-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;}

.fc_careers--btn a.btn-postuler{background-color: #ee7f00;}
.fc_careers--btn a.btn-postuler:hover{background-color: #fa9725;}


/**********************
/*Eldapps
*********************/

/*margin between products table*/
#products-listing > div {
    margin-bottom: 120px;
}

/*fixed search product header*/
@media screen and (min-width: 768px) {
    .el_container_fixed {
        position: relative;
        margin-top: 145px;
    }

    .el_row_fixed {
        position: fixed;
        background-color: #ffffff;
        width: 100%;
        z-index: 40;
        top: 0;
    }

    .admin-bar .el_row_fixed {
      top: 32px;
    }

    .el_row_float {
        position: relative;
        margin-top: 450px;
    }
}

article.news {
  margin-bottom: 50px;
}
article.news h2.entry-title {
  font-size: 20px;
}

@media (max-width: 1500px) {
  .nav.navbar-nav > li > ul.sub-menu.dropdown-menu{width: 200px;}
  .nav.navbar-nav > li:last-child ul.sub-menu.dropdown-menu ul.sub-menu.dropdown-menu{ left: -180px; }
  .nav.navbar-nav > li:last-child ul.sub-menu.dropdown-menu .caret{left: 10px; top:16px; transform: rotate(180deg);}
  .nav.navbar-nav > li:last-child ul.sub-menu.dropdown-menu{width: 258px; left: -77px;}
  .nav.navbar-nav > li:last-child ul.sub-menu.dropdown-menu ul.sub-menu.dropdown-menu{width: 180px;}
  .nav.navbar-nav > li:last-child ul.sub-menu.dropdown-menu li.active .caret{ border-left: 4px dashed #fff; }
}

/***
  * ELDAPPS EDIT
  */
.titre-slide .titre-slide--t2 {
  font-size: calc( 3.4rem * 0.7);
  font-size: calc( 3.4vw * 0.7);
  background-color: rgba(0, 0, 0, 0.8);
}
.flexslider .flex-direction-nav a {
  height: 40px;
  margin-top: -80px;
}
.flex-direction-nav li > a::before{
  background-color: rgba(0, 0, 0, 0.8) !important;
}

article.news .the_excerpt {
  margin-bottom: 20px;
}

article.news .lazyloading {
  max-height: inherit;
  height: inherit;
}

.table.table-responsive.table-striped thead tr th .asc.both {
  background-position: right 3px !important;
}

.label-right .field-wrap.checkbox-wrap > .nf-field-label {
  width: 10%;
  align-items: flex-start;
}

.form-fast-request .nf-field-container.textbox-container.champ-sujet { 
  width: calc(100% - 30px); 
}