#footer {
  background: #007a87;
  color: #fff;
  font-size: 16px;
  line-height: 18px; }

.footer-top {
  max-width: 1310px;
  padding: 32px 15px 19px;
  margin: 0 auto;
  position: relative;
  font-weight: 300;
  z-index: 1;
  position: relative; }
  @media (min-width: 768px) {
    .footer-top {
      padding: 27px 15px 42px; } }
  .footer-top:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: -9999px;
    right: -9999px; }
  .footer-top:before {
    background: #007b87 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzAwN2I4NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGE4YmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to bottom, #007b87 1%, #00a8ba 100%);
    z-index: -1; }
  .footer-top a {
    color: #fff; }
    .footer-top a:hover {
      opacity: .8;
      text-decoration: none; }
  .footer-top .adrs {
    text-align: center;
    font-style: normal;
    padding: 0;
    font-size: 12px;
    line-height: 15px; }
    @media (min-width: 768px) {
      .footer-top .adrs {
        position: absolute;
        left: 15px;
        text-align: left;
        bottom: 48px;
        padding: 0 20px; } }

.clients-info {
  width: 290px;
  margin: 0 auto 40px;
  text-align: center; }
  @media (min-width: 768px) {
    .clients-info {
      float: right;
      text-align: left;
      width: 26.3%;
      padding: 5px 0 0;
      margin: 0; } }
  .clients-info h4 {
    font-size: 30px;
    line-height: 24px;
    color: #fff;
    margin: 0 0 22px;
    font-weight: 400; }
    @media (min-width: 768px) {
      .clients-info h4 {
        font-size: 26px;
        line-height: 24px;
        margin: 0 0 54px; } }
    @media (min-width: 1024px) {
      .clients-info h4 {
        font-size: 30px;
        line-height: 24px; } }
  .clients-info .info-box {
    width: 290px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    border: solid #fff;
    border-width: 1px 0;
    padding: 21px 0;
    margin: 0 auto; }
    @media (min-width: 768px) {
      .clients-info .info-box {
        max-width: 213px;
        margin: 0;
        width: auto;
        -webkit-justify-content: flex-start;
        justify-content: flex-start; } }
    .clients-info .info-box .ico-logo {
      width: 24%; }
      @media (min-width: 768px) {
        .clients-info .info-box .ico-logo {
          width: 35%;
          margin: 0 3% 0 0; } }
      .clients-info .info-box .ico-logo img {
        display: block; }
    .clients-info .info-box .details {
      width: 46%;
      color: #fff;
      overflow: hidden;
      text-align: center; }
      @media (min-width: 768px) {
        .clients-info .info-box .details {
          width: 50%; } }
      .clients-info .info-box .details .count {
        display: block;
        font-weight: 300;
        font-size: 37px;
        line-height: 37px;
        margin: 0 0 6px; }
      .clients-info .info-box .details .sur {
        display: block;
        font-size: 12px;
        line-height: 16px;
        margin: 0 0 4px; }

.footer-left {
  text-align: center;
  margin: 0 0 23px; }
  @media (min-width: 768px) {
    .footer-left {
      float: left;
      width: 29.5%;
      padding: 0 0 84px;
      margin: 0 2% 0 0;
      text-align: left; } }
  @media (min-width: 1024px) {
    .footer-left {
      width: 27.6%; } }
  .footer-left .logo {
    float: none;
    margin: 0 auto 11px;
    width: 194px; }
    @media (min-width: 768px) {
      .footer-left .logo {
        margin: 0 0 21px;
        width: 247px; } }
    .footer-left .logo img {
      vertical-align: top; }
  .footer-left .adr {
    padding: 0 20px;
    font-size: 13px;
    line-height: 20px;
    font-style: normal; }

.footer-nav {
  overflow: hidden;
  color: #fff;
  max-width: 340px;
  margin: 0 auto 21px; }
  @media (min-width: 768px) {
    .footer-nav {
      max-width: none;
      margin: 0; } }
  .footer-nav > ul {
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
    padding: 2px 0 0;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
    @media (min-width: 768px) {
      .footer-nav > ul {
        -webkit-justify-content: flex-start;
        justify-content: flex-start; } }
@media (min-width: 768px) and (max-width: 1023px) {
  .footer-nav > ul > li:first-child:before {
    border-left: 0; } }

    .footer-nav > ul > li {
      width: 46.8%; }
      @media (min-width: 768px) {
        .footer-nav > ul > li {
          padding: 0 7px 0 10px;
          width: 48%; } }
      @media (min-width: 1024px) {
        .footer-nav > ul > li {
          padding: 0 7px 0 19px;
          width: 40.7%; } }
      @media (min-width: 768px) {
        .footer-nav > ul > li:before {
          margin: 0 0 0 -10px;
          content: "";
          position: absolute;
          top: 7px;
          bottom: 8px;
          border-left: 1px solid #fff; } }
      @media (min-width: 1024px) {
        .footer-nav > ul > li:before {
          margin: 0 0 0 -19px; } }
      .footer-nav > ul > li ul {
        font-size: 12px;
        line-height: 24px;
        font-weight: 300;
        padding: 1px 0 0; }
        .footer-nav > ul > li ul li a {
          color: #f5f5f5; }
          .footer-nav > ul > li ul li a:hover {
            text-decoration: none;
            opacity: .8; }

.footer-panel {
  max-width: 1310px;
  margin: 0 auto;
  padding: 5px 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between; }
  @media (min-width: 768px) {
    .footer-panel {
      padding: 13px 15px 5px; } }

.footer-text {
  width: 100%;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  padding: 6px 21px 0;
  margin: 0 0 14px; }
  @media (min-width: 768px) {
    .footer-text {
      width: 200px;
      text-align: left;
      margin: 0; } }
  .footer-text a {
    color: #fff; }
    .footer-text a:hover {
      text-decoration: none;
      opacity: .8; }
  .footer-text p {
    margin: 0; }

.social-networks {
    list-style-type:none; 
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%; }
  @media (min-width: 768px) {
    .social-networks {
      width: -webkit-calc(100% - 200px);
      width: calc(100% - 200px);
      padding: 0;
      -webkit-justify-content: flex-end;
      justify-content: flex-end; } }
  @media (min-width: 1024px) {
    .social-networks {
      padding: 0 202px 0 0;
      -webkit-justify-content: center;
      justify-content: center; } }
  .social-networks li {
    width: 38px;
    height: 38px;
    margin: 0 7px 8px; }
    @media (min-width: 768px) {
      .social-networks li {
        width: 30px;
        height: 30px;
        margin: 0 6px 8px; } }
    .social-networks li a {
      width: 38px;
      height: 38px;
      display: block;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      overflow: hidden;
      color: #007a87;
      position: relative; }
      .social-networks li a span {
        width: 38px;
        height: 38px;
        display: block;
        font-size: 18px;
        line-height: 1;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
        .social-networks li a span.ico-linkedin {
          background: url(../images/ico/hd/pictos_linkedin_white.png) no-repeat;
          background-size: contain; }
        .social-networks li a span.ico-instagram {
          background: url(../images/ico/hd/pictos_instagram_white.png) no-repeat;
          background-size: contain; }
        .social-networks li a span.ico-google-plus {
          background: url(../images/ico/hd/pictos_gplus_white.png) no-repeat;
          background-size: contain; }
        .social-networks li a span.ico-facebook {
          background: url(../images/ico/hd/pictos_fb_white.png) no-repeat;
          background-size: contain; }
        .social-networks li a span.ico-pinterest-logo {
          background: url(../images/ico/hd/pictos_pinterest_white.png) no-repeat;
          background-size: contain; }
        .social-networks li a span.ico-twitter {
          background: url(../images/ico/hd/pictos_twitter_white.png) no-repeat;
          background-size: contain; }
        .social-networks li a span.ico-viadeo {
          background: url(../images/ico/hd/pictos_viadeo_white.png) no-repeat;
          background-size: contain; }
        @media (min-width: 768px) {
          .social-networks li a span {
            width: 30px;
            height: 30px; } }
      .social-networks li a:hover {
        text-decoration: none;
        opacity: .8; }

.footer-tablet {
  width: 100%;
  clear: both;
  margin-top: 30px; }
  .footer-tablet .ft-logo {
    width: 30%;
    float: left; }
  .footer-tablet .ft-text {
    width: 65%;
    float: right;
    text-align: right;
    margin-top: 18px; }
    .footer-tablet .ft-text .contact {
      font-size: 13px; }
    .footer-tablet .ft-text .contact2 {
      font-size: 11px; }
    
    .legal-cookie-info {
  max-width: 1310px;
  margin: 0 auto;
  z-index: 1;
  position: fixed;
  bottom: 0;
  color: #fff;
  left: 0;
  right: 0;
  padding: 10px 20px; }
  @media (min-width: 1024px) {
    .legal-cookie-info {
      padding: 20px; } }
  .legal-cookie-info:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: -9999px;
    right: -9999px;
    z-index: -1;
    background: #565656; }
  @media (min-width: 1024px) {
    .legal-cookie-info p {
      display: inline; } }
  .legal-cookie-info a {
    color: #fff; }
    @media (min-width: 1024px) {
      .legal-cookie-info a.more {
        margin-left: 65px; } }
    .legal-cookie-info a.ok {
      position: absolute;
      right: 20px; }

[class^="icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

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

.icon-arrowleft:before {
  content: "\54"; }

.icon-arrowright:before {
  content: "\74"; }



.slider-area {
  max-width: 1310px;
  margin: 0 auto;
  padding: 0 15px;
  text-align: center; }
  .slider-area:after {
    display: table; }
  @media (min-width: 768px) {
    .slider-area {
      max-width: 768px; } }
  @media (min-width: 1024px) {
    .slider-area {
      max-width: 1024px; } }
  @media (min-width: 1300px) {
    .slider-area {
      max-width: 1310px; } }
  .slider-area h2 {
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 22px;
    color: #575756; }
    @media (min-width: 768px) {
      .slider-area h2 {
        margin: 0 0 15px; } }
    @media (max-width: 479px) {
      .slider-area h2 {
        border-style: solid;
        border-width: 1px 0;
        border-color: #0090a0;
        margin: auto;
        display: inline-block;
        padding: 5px 0; } }
    @media (max-width: 479px) {
      .slider-area h2 span {
        display: block;
        color: #0090a0; } }

.carousel {
  padding: 35px 91px 0;
  position: relative;
  text-align: center;
  margin: 0 auto 8px; }
  @media (min-width: 768px) {
    .carousel {
      padding: 35px 91px;
      margin: 0 auto 42px; } }
  @media (min-width: 1024px) {
    .carousel {
      padding: 35px 50px; } }
  @media (min-width: 1300px) {
    .carousel {
      padding: 35px 91px; } }
  .carousel .mask {
    margin: 0 auto; }
    @media (min-width: 768px) {
      .carousel .mask {
        width: 550px; } }
    @media (min-width: 1024px) {
      .carousel .mask {
        width: 850px; } }
    @media (min-width: 1300px) {
      .carousel .mask {
        width: 1035px; } }
  .carousel .slideset {
    overflow: hidden; }
  .carousel .nbs-flexisel-nav-left,
  .carousel .nbs-flexisel-nav-right {
    position: absolute;
    left: 0;
    color: #fff;
    top: 50%;
    margin: -16px 0 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #007a87 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzAwN2E4NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzAwNmY3YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: linear-gradient(to bottom, #007a87 1%, #006f7a 99%);
    width: 29px;
    height: 29px; }
    @media (min-width: 768px) {
      .carousel .nbs-flexisel-nav-left,
      .carousel .nbs-flexisel-nav-right {
        margin: 0;
        left: 15px; } }
    @media (min-width: 1300px) {
      .carousel .nbs-flexisel-nav-left,
      .carousel .nbs-flexisel-nav-right {
        left: 35px; } }
    @media (max-width: 767px) {
      .carousel .nbs-flexisel-nav-left,
      .carousel .nbs-flexisel-nav-right {
        top: 75%; } }
    .carousel .nbs-flexisel-nav-left:hover,
    .carousel .nbs-flexisel-nav-right:hover {
      text-decoration: none;
      background: #006f7a;
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyJSIgc3RvcC1jb2xvcj0iIzAwNmY3YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDdhODciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: linear-gradient(to bottom, #006f7a 2%, #007a87 100%); }
  .carousel .nbs-flexisel-nav-right {
    left: auto;
    right: 0; }
    @media (min-width: 768px) {
      .carousel .nbs-flexisel-nav-right {
        left: auto;
        right: 25px; } }
    @media (min-width: 1300px) {
      .carousel .nbs-flexisel-nav-right {
        left: auto;
        right: 49px; } }

.features-sec {
  background: #0092a2 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzAwOTJhMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDhlOWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: linear-gradient(to right, #0092a2 1%, #008e9d 100%);
  z-index: 1;
  padding: 0 0 27px;
  position: relative; }
  .features-sec:after {
    display: table; }
  @media (min-width: 1024px) {
    .features-sec {
      padding: 0;
      margin: 0; } }
  .features-sec:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: auto;
    left: 0;
    right: 0; }
  .features-sec:before {
    height: 88px;
    z-index: -1;
    background: #fff; }

.features-holder {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  max-width: 1310px;
  padding: 0 15px;
  margin: 0 auto; }
  .features-holder .head {
    width: 100%;
    position: relative;
    margin-top: 120px; }
    .features-holder .head img {
      display: block;
      margin: auto; }
    .features-holder .head .title {
      padding: 5px 16px;
      display: inline-block;
      background: #fff;
      box-shadow: 0 0 3px #00A7BB, 0 0 5px rgba(0, 0, 0, 0.75) inset;
      -webkit-transform: rotate(-3.9deg) translate(-50%, -50%);
      transform: rotate(-3.9deg) translate(-50%, -50%);
      -webkit-backface-visibility: hidden;
      color: #fe4344;
      font-size: 20px;
      font-weight: 700;
      width: 265px;
      position: absolute;
      left: 50%;
      top: 60%; 
      letter-spacing: 1.4px;
    }
  .features-holder .post {
    cursor: pointer;
    width: 100%;
    text-align: center;
    padding: 2% 15px 0;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: .7px;
    z-index: 1;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    max-width: 500px;
    margin: 0 auto 11px;
    color: #fff;
    position: relative; }
    @media (min-width: 1024px) {
      .features-holder .post {
        padding: 18px 15px 16px; } }
    .features-holder .post:before {
      position: absolute;
      content: "";
      top: 0;
      bottom: auto;
      left: 50%;
      right: auto; }
    .features-holder .post:before {
      width: 176px;
      height: 1px;
      margin-top: -15px;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
    @media (max-width: 767px) {
      .features-holder .post.first:before {
        box-shadow: none; } }
    @media (min-width: 768px) {
      .features-holder .post {
        width: 25%;
        max-width: none; } }
    @media (max-width: 767px) {
      .features-holder .post {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
        display: table; } }
    .features-holder .post h2 {
      text-transform: uppercase;
      margin: 0 0 6px;
      color: #ffb400;
      letter-spacing: 2.3px;
      font-size: 25px;
      line-height: 28px; }
      @media (min-width: 768px) {
        .features-holder .post h2 {
          font-size: 22px;
          line-height: 25px; } }
      @media (min-width: 1024px) {
        .features-holder .post h2 {
          font-size: 25px;
          line-height: 28px; } }
      .features-holder .post h2 a {
        color: #ffb400; }
        .features-holder .post h2 a:hover {
          text-decoration: none;
          opacity: .9; }
    @media (max-width: 478px) {
      .features-holder .post .text-holder {
        float: right; } }
    @media (max-width: 767px) {
      .features-holder .post .text-holder {
        width: 50%;
        text-align: left;
        display: table-cell;
        vertical-align: middle; }
        .features-holder .post .text-holder h2 a {
          font-size: 16px; }
        .features-holder .post .text-holder p {
          font-size: 14px; } }
    .features-holder .post .ico-holder {
      max-width: 100%;
      margin: 0 auto 36px;
      text-align: center;
      width: 143px;
      height: 143px;
      position: relative;
      background: #fff;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      box-shadow: 1px -2px 30px 3px rgba(0, 0, 0, 0.5) inset, 0 0 0 0 #fff; }
      @media (min-width: 768px) {
        .features-holder .post .ico-holder {
          margin: 13px auto 30px auto;} }
      @media (min-width: 1024px) {
        .features-holder .post .ico-holder {
          margin: 0 auto 36px;} }
      @media (min-width: 768px) {
        .features-holder .post .ico-holder {
          width: 140px;
          height: 140px; } }
      @media (max-width: 478px) {
        .features-holder .post .ico-holder {
          width: 96px;
          height: 96px;
          float: left; } }
      .features-holder .post .ico-holder img {
        display: block; }
    .features-holder .post p {
      margin: 0 0 15px; }


.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:99999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    position: relative;
    overflow: hidden;
    float:left;
    width:100%;
    background:#fcfcfc;
    background: #fcfcfc -moz-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* FF3.6+ */
    background: #fcfcfc -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#eee)); /* Chrome,Safari4+ */
    background: #fcfcfc -webkit-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* Chrome10+,Safari5.1+ */
    background: #fcfcfc -o-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* Opera11.10+ */
    background: #fcfcfc -ms-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* IE10+ */
    background: #fcfcfc linear-gradient(top, #fcfcfc 0%, #eee 100%); /* W3C */
    border:1px solid #ccc;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;  
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    max-width: 100%;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    padding:5px 10px;
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;      
    position: absolute;
    cursor: pointer;
    z-index: 4;
    top:40%;
    background: rgba(0,0,0,0.5);
    color: #fff;     
}

.nbs-flexisel-nav-left {
    left: 10px;
}

.nbs-flexisel-nav-left:before {
    content: "<"
}

.nbs-flexisel-nav-right {
    right: 5px;    
}

.nbs-flexisel-nav-right:before {
    content: ">"
}


.nbs-flexisel-inner {
  background: none;
  border: 0; }
  .nbs-flexisel-inner .nbs-flexisel-item img {
    max-width: 115px; }

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0; }
  .nbs-flexisel-nav-left:before,
  .nbs-flexisel-nav-right:before {
    font-family: "icomoon" !important;
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 21px;
    line-height: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.nbs-flexisel-nav-left:before {
  content: "\54"; }

.nbs-flexisel-nav-right:before {
  content: "\74"; }

.star-rating {
  background: url(../images/ico/hd/star_grey.png);
  background-size: contain;
  width: 70px;
  height: 14px;
  background-repeat: repeat-x;
  margin: auto; }
  .star-rating .rate {
    background: url(../images/ico/hd/star_yellow.png);
    background-size: contain;
    height: 14px;
    background-repeat: repeat-x; }
  .star-rating .rate-9 {
    width: 90%; }



.features-holder .post, .nbs-flexisel-item, .nbs-flexisel-item a, .nbs-flexisel-item a img, .features-holder a, .footer-text p a {
    cursor: default;
}

.features-holder .post h2 a:hover, .footer-text p a:hover {
    opacity: 1;
}

/* sprite assureur desktop */
.eca, .novelia, .solly-azar, .apivia, .fma, 
.swisslife, .spheria, .assudika, .allianz, .alptis, 
.april, .asaf-afps, .axa, .covea, .metlife, 
.neoliane, .spvie, .icon01
{ max-width: 100%; background-size: 100%; background-image: url('../images/sprite-assureur.png'); }
 
.eca { background-position: 0 0%; background-size: 100%; }
.novelia { background-position: 0 9.014322%; background-size: 109.433962%; }
.solly-azar { background-position: 0 13.586031%; background-size: 117.408907%; }
.apivia { background-position: 0 19.573728%; background-size: 126.086957%; }
.fma { background-position: 0 27.403219%; background-size: 126.086957%; }
.swisslife { background-position: 0 35.698546%; background-size: 126.086957%; }
.spheria { background-position: 0 43.571123%; background-size: 137.440758%; }
.assudika { background-position: 0 47.970174%; background-size: 150.259067%; }
.allianz { background-position: 0 52.042553%; background-size: 252.173913%; }
.alptis { background-position: 0 57.679181%; background-size: 252.173913%; }
.april { background-position: 0 63.276596%; background-size: 252.173913%; }
.asaf-afps { background-position: 0 68.971404%; background-size: 252.173913%; }
.axa { background-position: 0 74.553191%; background-size: 252.173913%; }
.covea { background-position: 0 80.042553%; background-size: 252.173913%; }
.metlife { background-position: 0 85.531915%; background-size: 252.173913%; }
.neoliane { background-position: 0 91.254266%; background-size: 252.173913%; }
.spvie { background-position: 0 97.013652%; background-size: 252.173913%; }
.icon01 { background-position: 0 100%; background-size: 414.285714%; }

/* sprite banque desktop */
.societe-generale, .ing-direct, .hello-bank, .rouaix-finances, .central-finances, 
.boursorama-banque, .partners-finance, .financo, .bnp, .fortuneo-banque, 
.banque-accord, .credit-go, .monabanq, .carrefour-banque, .carte-zero, 
.cetelem, .cofidis, .cofinoga, .franfinance, .hsbc, 
.bforbanque, .czam, .pret-union, .banque-casino, .icon01
{ max-width: 100%; background-size: 100%; background-image: url('../images/sprite-banque.png'); }
 
.societe-generale { background-position: 0 0%; background-size: 100%; }
.ing-direct { background-position: 0 4.839366%; background-size: 105.106383%; }
.hello-bank { background-position: 0 9.043704%; background-size: 107.391304%; }
.rouaix-finances { background-position: 0 19.443236%; background-size: 107.391304%; }
.central-finances { background-position: 0 28.861284%; background-size: 111.261261%; }
.boursorama-banque { background-position: 0 33.807974%; background-size: 127.319588%; }
.partners-finance { background-position: 0 37.817884%; background-size: 128.645833%; }
.financo { background-position: 0 42.527789%; background-size: 130%; }
.bnp { background-position: 0 47.157464%; background-size: 137.222222%; }
.fortuneo-banque { background-position: 0 50.973236%; background-size: 137.988827%; }
.banque-accord { background-position: 0 54.940549%; background-size: 139.548023%; }
.credit-go { background-position: 0 58.919139%; background-size: 144.444444%; }
.monabanq { background-position: 0 61.991133%; background-size: 154.375%; }
.carrefour-banque { background-position: 0 65.046578%; background-size: 164.666667%; }
.carte-zero { background-position: 0 68.286756%; background-size: 164.666667%; }
.cetelem { background-position: 0 71.526934%; background-size: 164.666667%; }
.cofidis { background-position: 0 74.767112%; background-size: 164.666667%; }
.cofinoga { background-position: 0 78.388278%; background-size: 176.428571%; }
.franfinance { background-position: 0 81.733495%; background-size: 181.617647%; }
.hsbc { background-position: 0 83.752495%; background-size: 181.617647%; }
.bforbanque { background-position: 0 86.405809%; background-size: 190%; }
.czam { background-position: 0 89.590928%; background-size: 205.833333%; }
.pret-union { background-position: 0 92.831106%; background-size: 205.833333%; }
.banque-casino { background-position: 0 97.133497%; background-size: 297.590361%; }
.icon01 { background-position: 0 100%; background-size: 352.857143%; }

/* sprite engagement */
.feature-ico1, .feature-ico2, .feature-ico3, .feature-ico4, .nos-engagements-person
{ max-width: 100%; background-size: 100%; background-image: url('../images/sprite-engagement.png'); }
 
.feature-ico1 { background-position: 0 0%; background-size: 100%; }
.feature-ico2 { background-position: 0 25.975774%; background-size: 100%; }
.feature-ico3 { background-position: 0 51.951548%; background-size: 100%; }
.feature-ico4 { background-position: 0 77.927322%; background-size: 100%; }
.nos-engagements-person { background-position: 0 100%; background-size: 203.529412%; }




.ui-widget.ui-widget-content {
    border: 1px solid #d3d3d3;
}
.ui-widget-content {
    background-color: #fff;
    color: #0090a0;
    padding-left: 5px;
}
.ui-widget {
    color: #666666;
    font-size: 18px;
    font-weight: bold;
    padding-left: 5px;
}
.ui-autocomplete {
    max-height: 450px;
    overflow-x: hidden;
    overflow-y: auto;
}
.ui-widget-content {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #aaa;
    color: #222;
}
.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
}
.ui-menu {
    display: block;
    list-style: outside none none;
    margin: 0;
    outline: 0 none;
    padding: 0;
}
.ui-autocomplete {
    cursor: default;
    left: 0;
    position: absolute;
    top: 0;
}
.ui-front {
    z-index: 100;
}

.ui-menu .ui-menu-item {
    cursor: pointer;
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    margin: 0;
}

.ui-menu .ui-menu-item-wrapper {
    padding: 3px 1em 3px 0.4em;
    position: relative;
}

/* auto-complete */
.ui-autocomplete-loading {
  background: none; }

.ui-autocomplete {
  max-height: 450px;
  overflow-y: auto;
  overflow-x: hidden; }

.ui-widget {
  font-size: 18px;
  font-weight: bold;
  color: #666666;
  padding-left: 5px; }

.ui-widget-content {
  background-color: #fff;
  padding-left: 5px; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border: 2px solid #0090a0;
  color: #0090a0;
  font-weight: bold;
  background-color: #fff;
  padding-left: 5px;
  width: 100%; }

.ui-menu-item-wrapper.ui-state-active {
    color: #0090a0;
}

/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

.info-holder {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between; }
  .info-holder .col {
    overflow: hidden; }
    @media (min-width: 768px) {
      .info-holder .col {
        width: 48.5%; } }

.info-pratiques {
  max-width: 1310px;
  position: relative;
  margin: 0 auto;
  padding: 100px 0 80px;
  position: relative;
  font-family: "montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  font-weight: 400; }
  .info-pratiques:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: -9999px;
    right: -9999px; }
  .info-pratiques:after {
    content: '';
    display: block;
    clear: both; }
  .info-pratiques .info-pratiques-header {
    text-align: center; }
    .info-pratiques .info-pratiques-header h3 {
      font-size: 35px;
      color: #0090a0;
      text-transform: uppercase;
      border-style: solid;
      border-width: 5px 0;
      border-color: #0090a0;
      margin: auto;
      display: inline-block; }
      @media (max-width: 767px) {
        .info-pratiques .info-pratiques-header h3 {
          font-size: 23px; } }
    .info-pratiques .info-pratiques-header .intro-text {
      color: #575756;
      font-size: 25px;
      text-align: center;
      margin: 55px 0; }
  .info-pratiques #articles-carousel a .item {
    margin: 0 10px; }
    @media (max-width: 479px) {
      .info-pratiques #articles-carousel a .item {
        margin: 0; } }
    .info-pratiques #articles-carousel a .item .group {
      width: 100%; }
      @media (min-width: 1241px) {
        .info-pratiques #articles-carousel a .item .group {
          width: 390px; } }
      .info-pratiques #articles-carousel a .item .group .group-text {
        margin-top: 33px; }
        @media (min-width: 1023px) {
          .info-pratiques #articles-carousel a .item .group .group-text {
            margin-top: 35px; } }
        @media (max-width: 767px) {
          .info-pratiques #articles-carousel a .item .group .group-text {
            margin-top: 30px; } }
        @media (max-width: 479px) {
          .info-pratiques #articles-carousel a .item .group .group-text {
            padding: 30px 15px; } }
    .info-pratiques #articles-carousel a .item img {
      margin: auto;
      display: block; }
      @media (max-width: 479px) {
        .info-pratiques #articles-carousel a .item img {
          width: 100%; } }
    .info-pratiques #articles-carousel a .item h2 {
      font-size: 20px;
      color: #0090a0; }
    .info-pratiques #articles-carousel a .item .date-posted {
      font-size: 12px;
      font-weight: 700;
      margin: 10px 0;
      color: #575756; }
      .info-pratiques #articles-carousel a .item .date-posted .date {
        color: #0090a0; }
    .info-pratiques #articles-carousel a .item p {
      font-size: 14px;
      line-height: 25px;color: #575756; }
    .info-pratiques #articles-carousel a:hover {
    text-decoration: none;}
  .info-pratiques #articles-carousel .owl-pagination .owl-page.active span, .info-pratiques #articles-carousel .owl-pagination .owl-page:hover span {
    background: #0090a0; }

.info-compare {
  max-width: 1310px;
  position: relative;
  margin: 0 auto;
  padding: 180px 40px 0;
  position: relative;
  font-family: "montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  font-weight: 400; }
  .info-compare:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: -9999px;
    right: -9999px; }
  .info-compare:before {
    z-index: -1; }
  .info-compare:after {
    content: '';
    display: block;
    clear: both; }
  @media (max-width: 479px) {
    .info-compare {
      padding: 180px 10px 0; } }
  .info-compare .info-holder .col {
    position: relative;
    background: #fff;
    border-radius: 15px;
    -webkit-box-shadow: -1px -1px 25px -5px rgba(0, 0, 0, 0.59);
    -moz-box-shadow: -1px -1px 25px -5px rgba(0, 0, 0, 0.59);
    box-shadow: -1px -1px 25px -5px rgba(0, 0, 0, 0.59);
    padding: 140px 40px 40px;
    overflow: visible;
    text-align: justify; }
    @media (max-width: 767px) {
      .info-compare .info-holder .col:last-child {
        margin-top: 175px; } }
    @media (max-width: 479px) {
      .info-compare .info-holder .col {
        padding: 90px 40px 40px; } }
        .info-compare .info-holder .col a, .info-compare .info-holder .col a:hover {
        color: #0090a0;
        text-decoration: underline;
        }
    .info-compare .info-holder .col h2, .info-compare .info-holder .col h3 {
      text-align: left;
      font-size: 28px;
      margin: 28px 0 28px;
      font-family: "montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
      color: #0090a0; }
    .info-compare .info-holder .col p {
      font-size: 14px; }
    .info-compare .info-holder .col ul {
      padding-left: 0;
      list-style: none; }
      .info-compare .info-holder .col ul li {
        margin-bottom: 30px; }
        .info-compare .info-holder .col ul li:before {
          content: "• ";
          color: #0090a0; }
    .info-compare .info-holder .col ol {
      padding-left: 0;
      list-style: none;
      counter-reset: li; }
      .info-compare .info-holder .col ol li {
        counter-increment: li;
        margin-bottom: 30px; }
        .info-compare .info-holder .col ol li:before {
          content: counter(li) ". ";
          color: #0090a0;
          font-size: 16px;
          font-weight: 700; }
        .info-compare .info-holder .col ol li .head {
          text-transform: uppercase;
          color: #0090a0; }
    .info-compare .info-holder .col .head {
      font-size: 16px;
      font-weight: 700; }
    .info-compare .info-holder .col .blue {
      color: #0090a0; }
    .info-compare .info-holder .col .img-top {
      position: absolute;
      top: 0;
      margin-top: -20%;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%); }
      .info-compare .info-holder .col .img-top.img-advantage {
        -webkit-transform: translateX(-37%);
        transform: translateX(-37%); }
    .social-networks li a span.ico-viadeo {
    background: url(../images/ico/hd/pictos_viadeo_white.png) no-repeat;
    background-size: contain; }
    
    .ass-auto-5-astuces-lien, .avantages-comparateur-assurance-1, .comparer-assurance-auto, .insurers-img1, .insurers-img2, .insurers-img3, .insurers-img4, .img1-mobile
{ max-width: 100%; background-size: 100%; background-image: url('../images/sprite-accueil-mobile.png'); }
 
.ass-auto-5-astuces-lien { background-position: 0 0%; background-size: 100%; }
.avantages-comparateur-assurance-1 { background-position: 0 17.088608%; background-size: 126.213592%; }
.comparer-assurance-auto { background-position: 0 35.161744%; background-size: 126.213592%; }
.insurers-img1 { background-position: 0 49.934037%; background-size: 156.626506%; }
.insurers-img2 { background-position: 0 60.766182%; background-size: 156.626506%; }
.insurers-img3 { background-position: 0 71.901922%; background-size: 156.626506%; }
.insurers-img4 { background-position: 0 82.133508%; background-size: 156.626506%; }
.img1-mobile { background-position: 0 100%; background-size: 168.831169%; }


.img1, .ass-auto-resiliation, .ass-auto-bien-assurer, .ass-auto-bien-choisir-lien, .ass-auto-covoiturage-lien, .ass-auto-malusse-lien, .ass-auto-trajet-travail-lien, .img1-tablet
{ max-width: 100%; background-size: 100%; background-image: url('../images/sprite-accueil.png'); }
 
.img1 { background-position: 0 0%; background-size: 100%; }
.ass-auto-resiliation { background-position: 0 22.380952%; background-size: 165.984655%; }
.ass-auto-bien-assurer { background-position: 0 36.190476%; background-size: 166.410256%; }
.ass-auto-bien-choisir-lien { background-position: 0 48.905449%; background-size: 166.410256%; }
.ass-auto-covoiturage-lien { background-position: 0 60.223568%; background-size: 166.410256%; }
.ass-auto-malusse-lien { background-position: 0 71.541686%; background-size: 166.410256%; }
.ass-auto-trajet-travail-lien { background-position: 0 82.859804%; background-size: 166.410256%; }
.img1-tablet { background-position: 0 100%; background-size: 198.470948%; }

div.profile-btn {
  float: right;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  position: relative;
  z-index: 2; }
  div.profile-btn .btn {
    font-size: 16px;
    color: #606060;
    background: url(../images/ico/connexion_arrow_down.png) no-repeat 100% 50%;
    padding-right: 20px; }
    div.profile-btn .btn span {
      color: #0090a1;
      font-weight: 700; }
    div.profile-btn .btn:hover .profile-links-dd {
      visibility: visible;
      opacity: 1; }
    div.profile-btn .btn .profile-links-dd {
      position: absolute;
      right: -22px;
      text-shadow: white 0 1px;
      background: #fff;
      background-clip: padding-box;
      box-shadow: 1px 1px 25px 1px rgba(0, 0, 0, 0.9);
      border-radius: 3px;
      margin-left: -30px;
      margin-top: 30px;
      z-index: 99999;
      visibility: hidden;
      opacity: 0;
      -webkit-transition: visibility 0s, opacity .15s ease-in-out 2s;
      -moz-transition: visibility 0s, opacity .15s ease-in-out 2s;
      -ms-transition: visibility 0s, opacity .15s ease-in-out 2s;
      -o-transition: visibility 0s, opacity .15s ease-in-out 2s;
      transition: visibility 0s, opacity .15s ease-in-out 2s;
      transition-delay: .15s; }
      div.profile-btn .btn .profile-links-dd:before, div.profile-btn .btn .profile-links-dd:after {
        content: "";
        position: absolute;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        bottom: 100%;
        left: 90%;
        margin-left: -10px; }
      div.profile-btn .btn .profile-links-dd:before {
        border-bottom: 10px solid rgba(0, 0, 0, 0.5); }
      div.profile-btn .btn .profile-links-dd:after {
        border-bottom: 10px solid #fff; }
      div.profile-btn .btn .profile-links-dd a {
        color: #606060; }
      div.profile-btn .btn .profile-links-dd ul {
        list-style: none;
        padding: 0;
        margin: 20px 0;
        overflow: hidden; }
        div.profile-btn .btn .profile-links-dd ul li {
          text-align: left; }
          div.profile-btn .btn .profile-links-dd ul li a {
            width: 278px;
            height: 60px;
            padding: 0 65px;
            display: block;
            line-height: 60px;
            background-position: 22px 50%;
            background-repeat: no-repeat; }
            div.profile-btn .btn .profile-links-dd ul li a:hover {
              background-color: #ececec;
              box-shadow: 1px 0 5px 1px rgba(204, 204, 204, 0.9); }
            div.profile-btn .btn .profile-links-dd ul li a.le-profile {
              background-image: url(../images/ico/connexion_profil.png); }
            div.profile-btn .btn .profile-links-dd ul li a.espace-client {
              background-image: url(../images/ico/connexion_client.png); }
            div.profile-btn .btn .profile-links-dd ul li a.deconnexion {
              background-image: url(../images/ico/connexion_deconnexion.png); }
            
.account {
  position: relative;
  z-index: 3;
  float: none;
  width: 200px;
  margin: 6px 0 16px 0;
  overflow: hidden; }
  .account .account-ico {
    float: left;
    padding: 4px 10px 0; }
  .account .account-name {
    color: #fff;
    float: left; }
    .account .account-name a {
      color: #fff; }
  .account .login-btn {
    color: #575756;
    padding: 17px 14px;
    background: none; }
    .account .login-btn:before {
      color: #fff;
      font-size: 25px;
      left: 0; }
    
@media (min-width: 768px) {
    .ensure-form.spec {top: 105px;}
}

@media (min-width: 1024px) {
    .ensure-form.spec {left: 15px;top: 145px;}
}