/*!
 * Bootstrap v2.3.1
 *
 * Copyright 2012 Twitter,  Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */

.clearfix {
    *zoom: 1
}
.clearfix:after,
.clearfix:before {
    display: table;
    content: "";
    line-height: 0
}
.clearfix:after {
    clear: both
}
.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}
.input-block-level {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
@-ms-viewport {
    width: device-width
}
.hidden {
    display: none;
    visibility: hidden
}
.hidden-desktop,
.visible-phone,
.visible-tablet {
    display: none!important
}
.lt-ie9 .visible-ie8,
.visible-desktop {
    display: inherit!important
}
@media \0creen {
    .responsive-img {
        width: auto
    }
}
@media(min-width:768px) and (max-width:979px) {
    .hidden-desktop {
        display: inherit!important
    }
    .visible-desktop {
        display: none!important
    }
    .visible-tablet {
        display: inherit!important
    }
    .hidden-tablet {
        display: none!important
    }
}
@media(max-width:767px) {
    .hidden-desktop {
        display: inherit!important
    }
    .visible-desktop {
        display: none!important
    }
    .visible-phone {
        display: inherit!important
    }
    .hidden-phone {
        display: none!important
    }
}
@media(max-width:640px) {
    .top-section.ecommerce .text-wrapper {
        padding-top: 55px!important
    }
    .content-section.ecommerce-magento .container p {
        text-align: left
    }
    .content-section.ecommerce-magento .container p.titre-ul {
        margin-top: 25px;
        margin-bottom: 20px
    }
    .content-section.ecommerce-magento .container .column.left,
    .content-section.ecommerce-magento .container .column.right {
        float: none;
        width: auto!important;
        max-width: 100%!important
    }
    .content-section.ecommerce-magento .container .column ul {
        padding: 0 40px!important;
        margin: 0
    }
    .content-section.ecommerce-magento .container .column li {margin-bottom: 7px;text-align:left}
    .content-section.ecommerce-magentologos {
        height: auto
    }
    .content-section.ecommerce-magentologos .container>h1 {
        margin-top: 30px
    }
    .content-section.ecommerce-conclusion .container>p {
        margin-bottom: 75px!important
    }
    .content-section.ecommerce-conclusion .container .onglet.chiffre-affaires,
    .content-section.ecommerce-conclusion .container .onglet.marges-profit {
        width: 100%!important
    }
    .content-section.ecommerce-conclusion .container .onglet.transactions {
        padding: 0!important;
        width: 100%!important;
        top: 0!important
    }
    .content-section.ecommerce-conclusion .container .onglet {
        float: none!important;
        margin: 40px 0 0!important
    }
    .content-section.ecommerce-conclusion .container .onglet img {
        float: none;
        margin: 0 auto
    }
    .content-section.ecommerce-conclusion .container .onglet p {
        font-size: 14px;
        margin: 10px auto;
        text-align: center
    }
    .content-section.ecommerce-magentologos {
        padding: 30px 0
    }
    .content-section.ecommerce-conclusion .container p.notice {
        margin: 50px 0 40px!important
    }
}
@media(max-width:767px) {
    .top-section.ecommerce {
        height: auto!important;
        padding: 0 0 20px;
        width: 100%
    }
    .top-section.ecommerce .text-wrapper {
        padding-top: 120px;
        width: 100%;
        position: relative
    }
    .top-section .text-wrapper li h1 {
      font-size: 1.6em;
    }
    
    .top-section .text-wrapper li p {padding: 0 20px;}
    
    .content-section.ecommerce {
        padding-top: 50px
    }
    .content-section .container>h1 {
        font-size: 1.4em;
        margin-bottom: 50px;
        padding: 0 20px
    }
    .content-section.ecommerce .container .column {
        float: none!important;
        margin: 0 auto!important;
        width: 320px!important
    }
    .content-section.ecommerce .container .column ul {
        padding: 0!important
    }
    .content-section.ecommerce .container .column ul li {
        height: auto;
        margin-bottom: 45px;
        padding-bottom: 0
    }
    .content-section.ecommerce-expertise {
        height: auto!important;
        padding-bottom: 50px
    }
    
    .content-section.ecommerce-expertise .container>h1 {margin-top: 50px!important;}
    
    .content-section.ecommerce-expertise .container p {
        margin-bottom: 10px!important
    }
    .content-section.ecommerce-expertise .container .column {
        float: none!important;
        width: auto!important;
        max-width: auto!important;
        padding: 0 20px;
        margin: 0!important
    }
    .content-section.ecommerce-expertise .container .column.left,
    .content-section.ecommerce-expertise .container .column.right {
        width: auto!important;
        max-width: 100%!important
    }
    .content-section.ecommerce-expertise .container .column.left p,
    .content-section.ecommerce-expertise .container .column.right p {
        padding: 0
    }
    .content-section.ecommerce-magento {
        padding-bottom: 50px
    }
    .content-section.ecommerce-magento .container>img {
        width: 180px;
        margin-top: 75px
    }
    .content-section.ecommerce-magento .container>h1 {
        margin-top: 50px
    }
    .content-section.ecommerce-magento .container>p {
        font-size: 14px;
        width: auto;
        padding: 0 25px
    }
    .content-section.ecommerce-magento .container>p.titre-ul {margin-top: 30px}
    
    .content-section.ecommerce-magento .container li {margin-bottom: 5px}
    .content-section.ecommerce-conclusion .container>h1 {padding: 0 25px}
    
    .content-section.ecommerce-conclusion .container>p {
        font-size: 14px;
        padding: 0 25px;
        margin-bottom: 50px
    }
    .content-section.ecommerce-conclusion .container .onglet p {
        font-size: 14px
    }
    .content-section.ecommerce-conclusion .container .onglet img {
        height: 50px
    }
    .content-section.ecommerce-conclusion .container .onglet {
        width: auto!important;
        margin-top: 0
    }
    .content-section.ecommerce-conclusion .container .onglet img {
        float: none;
        margin: 0 auto
    }
    .content-section.ecommerce-conclusion .container .onglet p {
        margin: 10px 0 0;
        text-align: center
    }
    .content-section.ecommerce-conclusion .container .onglet.chiffre-affaires {
        margin-left: 75px
    }
    .content-section.ecommerce-conclusion .container .onglet.marges-profit {
        margin-right: 75px
    }
    .content-section.ecommerce-magentologos {
        padding: 30px 0;
        height: auto
    }
    .content-section.ecommerce-magentologos .container>h1 {margin: 0}
}
@media(max-width:767px),
(max-height:768px) {
    .content-section .call-to-action a.arrow-projet {
        width: 40px;
        height: 40px;
        background: url(../img/mobilePage/arrow-mobile.png) no-repeat -6px -6px
    }
    .content-section .call-to-action:hover a.arrow-projet {
        background-position: -91px -6px
    }
    .content-section.acces .content .call-to-action a.arrow-projet {
        background-position: -6px -52px
    }
    .content-section.acces .content .call-to-action:hover a.arrow-projet {
        background-position: -91px -52px
    }
    .content-section.trekfit .content .call-to-action a.arrow-projet {
        background-position: -6px -97px
    }
    .content-section.trekfit .content .call-to-action:hover a.arrow-projet {
        background-position: -91px -97px
    }
    .content-section.eb5 .content .call-to-action a.arrow-projet {
        background-position: -6px -142px
    }
    .content-section.eb5 .content .call-to-action:hover a.arrow-projet {
        background-position: -91px -142px
    }
    .content-section.hardy_normand .content .call-to-action a.arrow-projet {
        background-position: -6px -187px
    }
    .content-section.hardy_normand .content .call-to-action:hover a.arrow-projet {
        background-position: -91px -187px
    }
    .content-section.kinova .content .call-to-action a.arrow-projet {
        background-position: -6px -234px
    }
    .content-section.kinova .content .call-to-action:hover a.arrow-projet {
        background-position: -91px -234px
    }
    .content-section.sharks .content .call-to-action a.arrow-projet {
        background-position: -6px -279px
    }
    .content-section.sharks .content .call-to-action:hover a.arrow-projet {
        background-position: -91px -279px
    }
}
.visible-print {
    display: none!important
}
@media print {
    .visible-print {
        display: inherit!important
    }
    .hidden-print {
        display: none!important
    }
}
@media(max-width:767px) {
    body {
        padding-left: 20px;
        padding-right: 20px
    }
    .navbar-fixed-bottom,
    .navbar-fixed-top,
    .navbar-static-top {
        margin-left: -20px;
        margin-right: -20px
    }
    .container-fluid {
        padding: 0
    }
    .dl-horizontal dt {
        float: none;
        clear: none;
        width: auto;
        text-align: left
    }
    .dl-horizontal dd {
        margin-left: 0
    }
    .container {
        width: auto
    }
    .row-fluid {
        width: 100%
    }
    .row,
    .thumbnails {
        margin-left: 0
    }
    .thumbnails>li {
        float: none;
        margin-left: 0
    }
    .row-fluid [class*=span],
    .uneditable-input[class*=span],
    [class*=span] {
        float: none;
        display: block;
        width: 100%;
        margin-left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .row-fluid .span12,
    .span12 {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .row-fluid [class*=offset]:first-child {
        margin-left: 0
    }
    .input-large,
    .input-xlarge,
    .input-xxlarge,
    .uneditable-input,
    input[class*=span],
    select[class*=span],
    textarea[class*=span] {
        display: block;
        width: 100%;
        min-height: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .input-append input,
    .input-append input[class*=span],
    .input-prepend input,
    .input-prepend input[class*=span] {
        display: inline-block;
        width: auto
    }
    .controls-row [class*=span]+[class*=span] {
        margin-left: 0
    }
    .modal {
        position: fixed;
        top: 20px;
        left: 20px;
        right: 20px;
        width: auto;
        margin: 0
    }
    .modal.fade {
        top: -100px
    }
    .modal.fade.in {
        top: 20px
    }
    .content-section.expertise .container #indication-ipad,
    .content-section.expertise .container #ipad-frame,
    .content-section.expertise .container #ipad-rotate,
    .content-section.expertise .container>h2.titre-ipad {
        display: none
    }
}
@media(max-height:900px) {
    ul#navigation li.first {
        margin-top: 0
    }
    ul#navigation li {
        margin-top: 6%;
        font-size: 65px
    }
    ul#navigation li.last {
        margin-bottom: 3%
    }
    div.social-media {
        padding-top: 16px
    }
    ul#navigation li.submenu {
        margin-bottom: 14%
    }
    ul#navigation ul.sub {
        margin: 8px 0 0
    }
    ul#navigation ul.sub li {
        font-size: 28px
    }
    ul#navigation ul.sub li a {
        padding: 0 12px
    }
    .switch-language span a,
    .switch-language span a:visited {
        font-size: 26px
    }
}
@media(max-device-witdh:999px) {
    .content-section .container, .content-section.case-studies .container {
        overflow: hidden!important
    }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
    .top-section.ecommerce {
        height: auto!important;
        padding-bottom: 100px
    }
    .top-section.ecommerce .text-wrapper {
        position: relative;
        height: auto
    }
    .content-section .container>h1 {
        font-size: 1.6em
    }
    .content-section.ecommerce-magento .container p.titre-ul {
        margin-top: 50px
    }
    .content-section.ecommerce-magento .container>img {
        width: 240px
    }
    .content-section.ecommerce .container .column.left ul {
        padding: 0
    }
    .content-section.ecommerce-conclusion .container .onglet {
        width: auto!important
    }
    .content-section.ecommerce-conclusion .container .onglet img {
        float: none;
        margin: 0 auto
    }
    .content-section.ecommerce-conclusion .container .onglet p {
        margin: 10px 0 0;
        text-align: center
    }
    .content-section.ecommerce-conclusion .container .onglet.chiffre-affaires {
        margin-left: 50px
    }
    .content-section.ecommerce-conclusion .container .onglet.marges-profit {
        margin-right: 50px
    }
    .content-section.ecommerce-magentologos {
        width: 100%;
        height: auto;
        padding: 50px 0
    }
    .content-section.ecommerce-magentologos .container>h1 {margin: 0}
    
    .content-section.ecommerce-conclusion .container p {
        padding: 0 25px
    }
    .content-section.ecommerce-conclusion .container p.notice {
        margin: 30px 0!important
    }
    .content-section.portfolio #slides-container .slide p.punch-line {
        display: none
    }
    .content-section.portfolio #slides-container .slide .button a {
        font-size: 16px;
        line-height: 35px;
        padding: 0 25px
    }
    .content-section.portfolio #slides-container .slide .button a span {
        width: 35px;
        height: 35px
    }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
    .top-section.mobilePage {
        height: auto!important;
        padding-bottom: 100px
    }
    .top-section.mobilePage .text-wrapper {
        position: relative;
        height: auto
    }
    .top-section.home .text-wrapper li .button.en {
        margin-left: -475px
    }
    .content-section.mobileUtilisation {
        background: url(../img/mobilePage/bg-mobile-utilisation-mobile.jpg) top center no-repeat
    }
    .top-section.mobilePage {
        background: url(../img/mobilePage/video-poster-mobile-responsive.jpg) no-repeat center scroll
    }
    .content-section.mobilePage-devices {
        background: url(../img/mobilePage/bg-mobile-devices-mobile.jpg) top center no-repeat
    }
    
    .content-section.mobilePage .container .onglet h2 {font-size: 18px;}
    
    .content-section.mobilePage .container .onglet.desktop,
    .content-section.mobilePage .container .onglet.phone {
        width: 200px;
        margin-right: 60px
    }
    .content-section.mobilePage .container .onglet.tablet {
        width: 200px
    }
    .content-section.mobilePage-devices .devicesLogoWhite .imagesDevices img {
        width: 300px
    }
    .content-section.mobilePage-devices .container .devicesLogoWhite .column.left {
        height: 0
    }
    .content-section.mobilePage-devices .container .devicesLogoWhite .column .imagesDevices {
        width: 300px
    }
    .content-section.mobilePage-devices .container .column.left {
        margin: 100px 0 0
    }
    .content-section.mobilePage-conclusion .container .rebond img {
        margin-right: 40px;
        margin-left: 20px
    }
}
@media(max-width:767px) {
    .top-section.mobilePage {
        height: auto!important;
        padding: 0 0 20px;
        width: 100%
    }
    .top-section.mobilePage .text-wrapper {
        padding-top: 60px;
        width: 100%;
        position: relative
    }
    .content-section.mobileUtilisation {
        background: url(../img/mobilePage/bg-mobile-utilisation-mobile.jpg) top center no-repeat
    }
    .top-section.mobilePage {
        background: url(../img/mobilePage/video-poster-mobile-responsive.jpg) no-repeat center scroll
    }
    .content-section.mobilePage-devices {
        background: url(../img/mobilePage/bg-mobile-devices-mobile.jpg) top center no-repeat
    }
    
    .content-section.mobilePage .container>h1 {margin-bottom: 20px;margin-top: 60px}
    .content-section.mobilePage .container .onglet h2 {font-size: 16px;}
    .content-section.mobilePage .container .onglet p { padding: 0 20px;min-height: 6em;}
    
    .content-section.mobilePage .container .onglet.phone {
        width: 100%;
        margin-bottom: 10px
    }
    .content-section.mobilePage .container .onglet.desktop {
        width: 100%;
        margin-bottom: 10px;
        float: left
    }
    .content-section.mobilePage .container .onglet.tablet {
        width: 100%;
        margin-bottom: 10px
    }
    .content-section.mobilePage {
        height: 1100px
    }
    .content-section.mobilePage .container .onglet img {
        margin: 20px auto
    }
    .content-section.mobilePage .container .onglet.tablet img {
        margin-top: 25px
    }
    .content-section.mobilePage-graphLogo {
        height: auto!important;
        padding: 0 0 20px;
        width: 100%
    }
    
    .content-section.mobilePage-graphLogo .container>h1 {margin-top: 60px;padding: 0 30px;}
    
    .content-section.mobilePage-graphLogo .container img {
        width: 250px
    }
    
    .content-section.mobilePage-graphLogo .container p.notice {margin-bottom: 0;padding: 0 20px; margin-top: 0;}
    
    .content-section.mobilePage-devices {
        height: auto!important;
        padding: 0 0 20px;
        width: 100%
    }
    
    .content-section.mobilePage-devices .container>h1 {margin-bottom: 50px;padding: 0 20px; margin-top: 60px}
    
    .content-section.mobilePage-devices .contentMobile p {
        width: auto!important;
        padding: 0 25px;
        font-size: 14px;
        line-height: 18px!important;
        text-align: left
    }
    .content-section.mobilePage-devices .devicesLogoWhite .imagesDevices img {
        width: 250px
    }
    .content-section.mobilePage-devices .container .devicesLogoWhite .column.left {
        height: 0;
        width: 100%;
        max-width: 768px;
        margin-top: 10px
    }
    .content-section.mobilePage-devices .container .devicesLogoWhite .column .imagesDevices {
        width: 250px
    }
    .content-section.mobilePage-devices .container .column.left p {
        width: auto!important;
        padding: 0 25px;
        font-size: 14px;
        line-height: 18px!important;
        text-align: left
    }
    .content-section.mobilePage-devices .container .devicesLogoWhite .column.right {
        width: 100%;
        max-width: 768px;
        margin-top: 60px;
        height: 0
    }
    .content-section.mobilePage-devices .container .column.right {
        max-width: 767px;
        width: 100%;
        clear: both;
        margin: 10px auto 40px
    }
    .content-section.mobilePage-devices .container .column.left {
        max-width: 767px;
        width: 100%;
        clear: both
    }
    .content-section.mobilePage-devices .container .column .imagesDevices {
        margin: 0 auto
    }
    
    .content-section.mobilePage-conclusion .container>h1 {margin-top: 60px}
    
    .content-section.mobilePage-conclusion .container .rebond img {
        margin-right: 10px;
        margin-left: 0;
        width: 20px
    }
    .content-section.mobilePage-conclusion .container>p {
        width: auto!important;
        padding: 0 25px;
        font-size: 14px;
        line-height: 18px!important;
        margin-bottom: 0
    }
    .content-section.mobilePage-conclusion .container li p {
        color: #000;
        text-align: center;
        width: auto!important;
        padding: 0 25px;
        font-size: 14px;
        line-height: 18px!important;
        margin-bottom: 0
    }
    
    .content-section.mobilePage-conclusion .container li h2 {text-align: center;float: none;color: #000;font-size: 16px;margin-right: 0;}
    
    .content-section.mobilePage-conclusion .container .column.left ul img {
        display: none
    }
    
    .content-section.mobilePage-conclusion .container .rebond p {padding: 40px 25px;line-height: 18px!important;}
    
    .content-section.mobilePage-conclusion .container .column.left {
        max-width: 707px;
        width: 100%;
        clear: both;
        padding: 0;
        margin: 50px 0 0
    }
    .content-section.mobilePage-conclusion .container .column.right {
        display: none
    }
    .content-section.mobilePage-conclusion .container .rebond .column.left {
        max-width: 350px;
        width: 40%;
        padding: 0 0 0 20px;
        margin-top: 0
    }
    .content-section.mobilePage-conclusion .container .rebond .column.right {
        max-width: 350px;
        width: 40%;
        padding: 0 0 0 20px;
        display: block;
        margin-top: 0;
        margin-bottom: 0
    }
    
    .content-section.mobilePage-conclusion .container .rebond h2 {margin-top: 0;margin-right: 0;text-align: left;font-size: 10px;}
    
    .content-section.mobilePage-conclusion .container .rebond {
        margin-bottom: 100px
    }
    .content-section.mobilePage-conclusion .container .rebond .centre {
        margin: 0 auto;
        max-width: 320px
    }
    .content-section.mobilePage-conclusion .container li {
        cursor: default
    }
}
@media only screen and (min-width: 768px) and (max-width: 999px),
(max-height: 768px) {
    .lt-ie9 .bg-top,
    .top-section {
        height: 330px!important
    }
    .top-section.home {
        height: 100%!important
    }
    .top-section .text-wrapper {
        padding-top: 80px
    }
    .top-section.home .text-wrapper li h1 {
        font-size: 92px
    }
    
    .content-section.mobilePage-conclusion .container li h2 { font-size: 18px;}
    .content-section.mobilePage-conclusion .container .rebond h2 {font-size: 20px;}
    
    .top-section.home .text-wrapper li h1.en {
        font-size: 70px
    }
    .top-section.home .text-wrapper li .button {
        margin-left: -470px
    }
    .top-section.home .text-wrapper li .button.en {
        margin-left: -475px
    }
    .top-section .text-wrapper li h2 {
        font-size: 40px
    }
    .top-section.home .links-wrapper {
        bottom: 70px;
        padding: 0;
        width: 400px;
        margin-left: -200px
    }
    .content-section .container {
        max-width: 720px
    }
    .content-section.agence .container h1 {
        font-size: 42px
    }
    .content-section.agence .container h2 {
        font-size: 32px
    }
    .content-section.about-us .container p,
    .content-section.agence .container p {
        font-size: 18px;
        line-height: 26px
    }
    .content-section.about-us .container h1 {
        font-size: 42px
    }
    .content-section.agence .container .team-list {
        padding: 5% 100px 0
    }
    .content-section.agence .container .team-list li {
        margin-right: 100px
    }
    .content-section.experience {
        height: 708px
    }
    .content-section.experience .indication-swiper {
        top: 25px
    }
    .content-section.clients .container h1 {
        font-size: 42px
    }
    .content-section.clients .container p {
        font-size: 18px;
        line-height: 28px
    }
    .content-section.clients .container .img-wrapper {
        margin: 0 auto;
        width: 700px;
        height: 424px
    }
    .content-section.clients .container img {
        display: block;
        margin: 45px auto 0;
        position: relative;
        left: 0;
        width: 100%
    }
    .content-section.opportunites {
        padding-bottom: 9%
    }
    .content-section.cible .container h1,
    .content-section.exp-integrees .container h1,
    .content-section.expertise .container>h1,
    .content-section.opportunites .container h1 {
        font-size: 42px
    }
    .content-section.cible .container h2,
    .content-section.exp-integrees .container h2,
    .content-section.expertise .container>h2,
    .content-section.opportunites .container h2 {
        font-size: 32px
    }
    .content-section.cible .container p,
    .content-section.exp-integrees .container p,
    .content-section.expertise .container>p,
    .content-section.opportunites .container p {
        font-size: 18px
    }
    .content-section.opportunites .container div.figcaption {
        font-size: 28px;
        line-height: 30px
    }
    .content-section.cible .img-animate #cone-shadow,
    .content-section.cible .img-animate #graph,
    .content-section.cible .img-animate #mini-ipad {
        background-size: 715px 747.5px
    }
    .content-section.exp-integrees .img-animate #fb-stats,
    .content-section.exp-integrees .img-animate #left-phone,
    .content-section.exp-integrees .img-animate #left-phone #left-phone-screen,
    .content-section.exp-integrees .img-animate #right-phone,
    .content-section.exp-integrees .img-animate #twitter-tendance,
    .content-section.opportunites .container div.figure #open-sign {
        background-size: 880px 920px
    }
    .content-section.cible .img-animate #graph {
        width: 382.2px;
        height: 256.1px;
        background-position: -13px -13px
    }
    .content-section.cible .img-animate #cone-shadow {
        width: 94.25px;
        height: 53.3px;
        background-position: -570.7px -13px;
        top: 68px;
        left: 205px
    }
    .content-section.cible .img-animate #mini-ipad {
        width: 64.35px;
        height: 82.55px;
        background-position: -570.7px -98.8px;
        left: 220px
    }
    .content-section.opportunites .container div.figure #open-sign {
        width: 253.6px;
        height: 243.2px;
        background-position: -610.4px -371.2px
    }
    .content-section.exp-integrees .img-animate #fb-stats {
        width: 261.6px;
        height: 123.2px;
        background-position: -282.4px -654.4px;
        margin-top: 48px
    }
    .content-section.exp-integrees .img-animate #left-phone {
        width: 165.6px;
        height: 283.2px;
        background-position: -16px -371.2px;
        left: 0
    }
    .content-section.exp-integrees .img-animate #left-phone #left-phone-screen {
        width: 92px;
        height: 163.2px;
        background-position: -427.2px -371.2px;
        top: 36px;
        left: 37px
    }
    .content-section.exp-integrees .img-animate #right-phone {
        width: 165.6px;
        height: 280px;
        background-position: -221.6px -371.2px;
        left: 45px
    }
    .content-section.exp-integrees .img-animate #twitter-tendance {
        width: 279.2px;
        height: 244px;
        background-position: -584.8px -654.4px;
        margin-top: 15px
    }
    .content-section.exp-integrees .img-animate {
        margin: 100px 0 0;
        height: 300px
    }
    .content-section.exp-integrees .img-animate.initAnim #left-phone {
        left: 10px
    }
    .content-section.exp-integrees .img-animate.initAnim #right-phone {
        left: 20px
    }
    .content-section.exp-integrees .img-animate.endAnim #left-phone {
        left: 0
    }
    .content-section.exp-integrees .img-animate.endAnim #right-phone {
        left: 45px
    }
    .content-section.portfolio #slides-container .slide div,
    div.container-introduction {
        height: 220px
    }
    .content-section.portfolio #slides-container .slide p.punch-line,
    div.container-introduction div.content-introduction p.punch-line {
        font-size: 21px
    }
    .content-section.portfolio #slides-container .slide div.hover-ipad .call-to-action p {
        font-size: 10px
    }
    .container.portfolio-cs {
        padding-bottom: 15%
    }
    div.content-description h3 {
        line-height: 28px
    }
    div.content-description p {
        font-size: 14px;
        line-height: 25px
    }
    .contact-form label {
        font-size: 21px
    }
    .contact-form input#validate {
        width: 90%;
        margin: 0!important
    }
    .contact-form .captcha-wrapper {
        margin-top: 0
    }
    .contact-form button[type=submit] {
        float: right;
        margin-right: 8px;
        margin-top: 20px
    }
    .content-section.carrieres .text-wrapper {
        padding-top: 80px
    }
    .content-section.carrieres .text-wrapper li h1 {
        font-size: 62px
    }
    .map-section {
        height: 410px
    }
    .footer-section .container .col-left,
    .footer-section .container .col-right {
        padding-top: 60px;
        padding-bottom: 80px
    }
    .footer-section .container .col-left .paddingLeft,
    .footer-section .container .col-right .paddingLeft {
        padding-left: 40px
    }
    .footer-section .container .col-right {
        padding-top: 114px
    }
    .footer-section h1 {
        font-size: 42px
    }
    .footer-section p {
        font-size: 30px;
        line-height: 45px
    }
    .footer-section a {
        font-size: 30px
    }
    .footer-section a.link-carriere {
        font-size: 20px;
        margin-top: 8px
    }
    div#footer .content-section .call-to-action a {
        margin-top: 0!important
    }
    .content-section.case-studies .text-wrapper li h1 {
        font-size: 32px;
        line-height: 34px
    }
    .content-section.case-studies .text-wrapper li h2 {
        font-size: 21px
    }
    .content-section.case-studies .content .call-to-action a.details .title {
        font-size: 12px
    }
    .content-section.trekfit #iphone-frame {
        background: url(../img/mobilePage/homepage/trekfit/iPhone-white-portrait-medium.png) no-repeat;
        left: 130px;
        top: 185px
    }
    .content-section.trekfit #iphone-frame .iphone-video-container {
        top: 100px;
        left: 155px
    }
    .content-section.trekfit #iphone-frame #video-trekfit {
        width: 88%;
        height: 90%
    }
    .content-section.case-studies #video-layer-trekfit img,
    .content-section.trekfit img.poster {
        height: 246.4px;
        width: 438.24px
    }
    .content-section.trekfit .content .call-to-action {
        top: 498px
    }
    .content-section.acces {
        background: #fff url(../img/mobilePage/homepage/case-acces-tablet.jpg) no-repeat center top;
        background-size: 165% 391px!important
    }
    .content-section.acces .content #walky-talky {
        margin-right: 10px
    }
    .content-section.acces .content #walky-talky img {
        width: 75%
    }
    .content-section.acces .content .call-to-action {
        top: 428px;
        margin-left: 20%
    }
    .content-section.eb5 .content .call-to-action {
        top: 354px!important
    }
    .content-section.kinova .content .call-to-action {
        top: 475px!important;
        margin-left: 40%
    }
    .content-section.kinova .content #kinova-arm {
        left: -100px
    }
}
@media(max-height:768px) {
    .content-section.portfolio #slides-container .slide.half img.slide-logo {
        top: 65px
    }
    .lt-ie9 .bg-top,
    .top-section {
        height: 380px!important
    }
    .top-section .text-wrapper {
        padding-top: 120px
    }
    .content-section.case-studies .container {
        max-width: 720px
    }
    .content-section .container {
        max-width: 960px
    }
    .content-section.about-us .container,
    .content-section.agence .container,
    .content-section.clients .container {
        max-width: 720px
    }
    .content-section.clients .container .img-wrapper {
        margin: 0 auto;
        width: 960px;
        height: 424px
    }
    .content-section.clients .container img {
        left: -10%
    }
    .content-section.expertise {
        padding: 110px 0 200px
    }
    .content-section.exp-integrees .img-animate.initAnim #left-phone {
        left: 107px
    }
    .content-section.exp-integrees .img-animate.initAnim #right-phone {
        left: 115px
    }
    .content-section.exp-integrees .img-animate.endAnim #left-phone {
        left: 90px
    }
    .content-section.exp-integrees .img-animate.endAnim #right-phone {
        left: 135px
    }
    .content-section.portfolio #slides-container .slide div,
    div.container-introduction {
        height: 300px!important
    }
    .contact-form .captcha-wrapper {
        width: 75%;
        margin-top: 10px
    }
    .content-section.case-studies .text-wrapper {
        margin-top: 7%
    }
    .control {
        padding: 20px 0
    }
    .content-section.trekfit #iphone-frame {
        background: url(../img/mobilePage/homepage/trekfit/iPhone-white-portrait-big-small.png) no-repeat;
        top: 85px;
        left: 236px
    }
    .content-section.trekfit #iphone-frame .iphone-video-container {
        top: 76px;
        left: 122px;
        width: 590px;
        height: 337px
    }
    .content-section.trekfit #iphone-frame #video-trekfit {
        width: 59%;
        height: 61%
    }
    .content-section.case-studies #video-layer-trekfit img,
    .content-section.trekfit img.poster {
        height: 170.8px;
        width: 293.82px
    }
    .content-section.trekfit .content .call-to-action {
        top: 300px;
        margin-left: 40%
    }
    .content-section.acces {
        background: #fff url(../img/mobilePage/homepage/case-acces-tablet.jpg) no-repeat center top;
        background-size: 100% 351px!important
    }
    .content-section.acces .content .call-to-action {
        top: 308px
    }
    .content-section.eb5 .content .call-to-action {
        top: 215px!important
    }
    .content-section.kinova .content #kinova-arm {
        left: 0!important;
        top: 65px
    }
    .content-section.kinova .content .call-to-action {
        top: 425px!important
    }
    .content-section.sharks .content .call-to-action {
        top: 305px;
        margin-left: 40%
    }
    div#footer {
        height: 80px
    }
    div#footer .content-section .call-to-action .centered {
        margin-top: 10px
    }
    .content-section .call-to-action a {
        font-size: 14px
    }
    .content-section .call-to-action a.details {
        padding: 0 0 0 6px
    }
    div#footer .content-section .call-to-action a {
        font-size: 28px;
        margin-top: 10%!important
    }
    div#footer .content-section .call-to-action a.details {
        padding: 0
    }
    .control .dirText {
        font-size: 30px
    }
    div.content-description img.schreter {
        height: 80%
    }
}
@media(min-width:800px) and (max-width:1024px) {
    .hidden-tablet {
        display: none!important
    }
    div#menu-close-touch-zone.hidden-desktop,
    div#menu-touch-zone.hidden-desktop {
        display: inherit!important
    }
    ul#navigation li.first {
        margin-top: 0
    }
    ul#navigation li {
        margin-top: 6%;
        font-size: 65px
    }
    ul#navigation li.last {
        margin-bottom: 3%
    }
    div.social-media {
        padding-top: 16px
    }
    ul#navigation li.submenu {
        margin-bottom: 14%
    }
    ul#navigation ul.sub {
        margin: 8px 0 0
    }
    ul#navigation ul.sub li {
        font-size: 28px
    }
    ul#navigation ul.sub li a {
        padding: 0 12px
    }
    .switch-language span a,
    .switch-language span a:visited {
        font-size: 26px
    }
    .lt-ie9 .bg-top,
    .top-section {
        height: 330px
    }
    .top-section .text-wrapper {
        padding-top: 120px
    }
    .top-section .text-wrapper li h2 {
        font-size: 40px
    }
    .top-section.home .links-wrapper {
        bottom: 70px;
        padding: 0;
        width: 350px;
        margin-left: -175px
    }
    .content-section.cible .container div.info .hidden-desktop {
        display: inherit!important
    }
    .content-section.cible .container div.info {
        margin-bottom: 5%
    }
    .content-section.clients .container .img-wrapper {
        margin: 0 auto;
        width: 980px;
        height: 593px
    }
    .content-section.clients .container img {
        display: block;
        margin: 45px auto 0;
        position: relative;
        left: -10%;
        width: 100%
    }
    .content-section.opportunites {
        padding-bottom: 11%
    }
    .content-section.exp-integrees .img-animate.initAnim #left-phone {
        left: 107px
    }
    .content-section.exp-integrees .img-animate.initAnim #right-phone {
        left: 115px
    }
    .content-section.exp-integrees .img-animate.endAnim #left-phone {
        left: 90px
    }
    .content-section.exp-integrees .img-animate.endAnim #right-phone {
        left: 135px
    }
    .content-section.carrieres .text-wrapper {
        padding-top: 120px
    }
    .content-section.carrieres .text-wrapper li h1 {
        font-size: 70px
    }
    .contact-form #sub-cap-wrapper {
        height: 150px
    }
    .map-section {
        height: 410px
    }
    .footer-section .container .col-left,
    .footer-section .container .col-right {
        padding-top: 100px
    }
    .content-section.acces .content {
        width: 720px;
        margin: 0 auto
    }
    .content-section.acces .content #lightning {
        top: 55px
    }
    .content-section.trekfit #iphone-frame {
        left: 230px
    }
    .content-section.acces {
        background-size: 120% 371px!important
    }
    .content-section.kinova .content #kinova-arm {
        left: 40px
    }
    div.content-description img {
        width: 100%!important
    }
}
@media only screen and (max-width: 419px) {
    body {
        width: 100%;
        padding: 0
    }
    .content-section .container {
        max-width: 400px
    }
    .button a {
        font-size: 12px;
        line-height: 25px;
        padding: 0 43px 0 18px
    }
    .button a span {
        width: 25px;
        height: 25px
    }
    .lt-ie9 .bg-top {
        height: 137px
    }
    .top-section {
        height: 137px!important
    }
    .top-section.home {
        height: 100%!important
    }
    .top-section.home .text-wrapper {
        padding-top: 45px
    }
    .top-section .text-wrapper {
        padding: 0;
        padding-top: 25px
    }
    .top-section.home .text-wrapper li h1,
    .top-section.home .text-wrapper li h1.en {
        font-size: 32px
    }
    .top-section.home .text-wrapper li .button {
        margin-left: -125px;
        margin-top: 5px
    }
    .top-section.home .text-wrapper li h2 {
        font-size: 16px
    }
    .top-section .text-wrapper li h1 {
      font-size: 1.2em;
    }
    .top-section .text-wrapper li h2 {
        font-size: 24px
    }
    .top-section.home .links-wrapper {
        bottom: 100px;
        padding: 0;
        width: 280px;
        margin-left: -140px
    }
    .top-section.home .links-wrapper a {
        font-size: 24px
    }
    #menu nav {
        width: 180px
    }
    ul#navigation li {
        margin-top: 10%;
        font-size: 30px
    }
    ul#navigation li.iPhone {
        margin-top: 7%
    }
    ul#navigation li.first {
        margin-top: 8%!important
    }
    ul#navigation li.last {
        margin-bottom: 0
    }
    ul#navigation li.submenu {
        margin-bottom: 15%
    }
    ul#navigation ul.sub li {
        font-size: 18px
    }
    ul#navigation ul.sub li a {
        padding: 0 7px
    }
    div#menu-close {
        right: 27px;
        top: 21px;
        width: 18px;
        height: 18px;
        background-position: -69px -173px
    }
    div.social-media {
        padding-top: 6%;
        margin-top: 6%
    }
    div.social-media a {
        width: 60px;
        max-width: 60px;
        height: 25px
    }
    div.social-media a span {
        display: none!important
    }
    .addthis_button_facebook_follow {
        background-position: -318px -19px
    }
    .addthis_button_facebook_follow:hover {
        background: -318px -19px url(../img/mobilePage/icons-social.png) no-repeat
    }
    .addthis_button_google_follow {
        background-position: -377px -19px
    }
    .addthis_button_google_follow:hover {
        background: -377px -19px url(../img/mobilePage/icons-social.png) no-repeat
    }
    .addthis_button_linkedin_follow {
        background-position: -437px -19px
    }
    .addthis_button_linkedin_follow:hover {
        background: -437px -19px url(../img/mobilePage/icons-social.png) no-repeat
    }
    .switch-language {
        margin-top: 16px
    }
    .switch-language span a {
        font-size: 20px
    }
    div#logo-permanent,
    div#menu div#logo {
        margin: 10px 0 0 10px;
        background-position: -308px -224px;
        width: 120px;
        height: 30px
    }
    div#menu div#logo {
        background-position: -308px -32px
    }
    div#menu-icon {
        top: 13px;
        right: 20px;
        width: 32px;
        height: 32px
    }
    div#menu-icon .bloc {
        width: 32px;
        height: 32px;
        background-image: url(../img/mobilePage/menu-icon-small.png)
    }
    div#menu-icon span {
        right: 60px;
        font-size: 11px;
        line-height: 33px
    }
    div#menu-icon.open,
    div#menu-icon:hover {
        width: 82px!important
    }
    div#menu-icon.open span,
    div#menu-icon:hover span {
        right: 37px
    }
    div#menu-close-touch-zone,
    div#menu-touch-zone {
        top: 13px;
        right: 13px;
        width: 52px;
        height: 52px
    }
    .content-section.agence {
        padding: 30px 0 10%
    }
    .content-section.agence .container h1 {
        font-size: 26px;
        margin-bottom: 0
    }
    .content-section.agence .container h2 {
        margin: 8px 0;
        font-size: 24px
    }
    .content-section.about-us .container p,
    .content-section.agence .container p {
        padding: 0 15px;
        font-size: 12px;
        line-height: 18px;
        margin: 8px 0
    }
    .content-section.agence .container .logo-vinivino {
        background-position: -7.5px -209.25px;
        background-size: 641.25px 746.25px;
        margin: 40px auto 0;
        width: 145px
    }
    .content-section.about-us {
        padding: 4% 0 10%
    }
    .content-section.about-us .container h1 {
        margin: 20px 0;
        font-size: 26px
    }
    .content-section.experience {
        height: 480px;
        padding-top: 20px;
        overflow: hidden
    }
    .content-section.experience .container h2 {
        font-size: 26px
    }
    .content-section.experience .container h1 {
        font-size: 24px;
        margin-bottom: 0
    }
    .content-section.experience .indication-swiper {
        background-size: 641.25px 746.25px;
        background-position: -372px -16.5px;
        width: 73.5px
    }
    .content-section.experience .indication-swiper.mobile {
        background-position: -370px -70px
    }
    .en .content-section.experience .indication-swiper.mobile {
        background-position: -465px -70px
    }
    .swiper-timeline-container,
    .swiper-timeline-container .swiper-slide {
        height: 335px!important
    }
    .swiper-timeline-container .swiper-slide {
        width: 2960px!important
    }
    .content-section.experience .timeline-years {
        bottom: -66px
    }
    .content-section.experience .timeline-years span {
        font-size: 160px
    }
    .content-section.experience .indication-swiper {
        top: 20px
    }
    .content-section.agence .container .team-list {
        padding: 5% 40px 0;
        width: 225px;
        margin: 0 auto
    }
    .content-section.agence .container .team-list li {
        width: 100px;
        margin-right: 0;
        margin-left: 0
    }
    .content-section.agence .container .team-list li img {
        margin-bottom: 5px;
        width: 90%
    }
    .content-section.agence .container .team-list li span {
        font-size: 14px
    }
    .content-section.agence .container .team-list li.last {
        float: right
    }
    .content-section.clients .container h1 {
        font-size: 26px;
        margin: 15px 0
    }
    .content-section.clients .container p {
        padding: 0 20px;
        font-size: 12px;
        line-height: 18px
    }
    .content-section.clients .container .img-wrapper {
        width: 85%;
        height: 205px
    }
    .content-section.clients .container img {
        width: 145%;
        height: auto;
        left: -50px
    }
    .content-section.expertise {
        padding: 30px 0 50px
    }
    .content-section.cible .container h1,
    .content-section.exp-integrees .container h1,
    .content-section.expertise .container>h1,
    .content-section.opportunites .container h1 {
        font-size: 26px;
        padding-left: 5px;
        padding-right: 5px
    }
    .content-section.cible .container h2,
    .content-section.exp-integrees .container h2,
    .content-section.expertise .container>h2,
    .content-section.opportunites .container h2 {
        font-size: 24px
    }
    .content-section.cible .container p,
    .content-section.exp-integrees .container p,
    .content-section.expertise .container>p,
    .content-section.opportunites .container p {
        font-size: 14px;
        padding-left: 20px;
        padding-right: 20px
    }
    .content-section.expertise .container>p {
        margin-bottom: 20px
    }
    .content-section.cible .img-animate #cone-shadow,
    .content-section.cible .img-animate #graph,
    .content-section.cible .img-animate #mini-ipad,
    .content-section.exp-integrees .img-animate #fb-stats,
    .content-section.exp-integrees .img-animate #left-phone,
    .content-section.exp-integrees .img-animate #left-phone #left-phone-screen,
    .content-section.exp-integrees .img-animate #right-phone,
    .content-section.exp-integrees .img-animate #twitter-tendance,
    .content-section.opportunites .container div.figure #open-sign {
        background-size: 330px 345px
    }
    .content-section.cible .img-animate #graph {
        width: 168.4px;
        height: 118.2px;
        background-position: -13px -13px;
        margin-bottom: 10px
    }
    .content-section.cible .img-animate #cone-shadow {
        width: 43.5px;
        height: 24.6px;
        background-position: -263.4px -13px;
        top: 32px;
        left: 88px
    }
    .content-section.cible .img-animate #mini-ipad {
        width: 29.7px;
        height: 38.1px;
        background-position: -263.4px -45.6px;
        left: 95px;
        top: -6px
    }
    .content-section.opportunites .container div.figure #open-sign {
        width: 95.1px;
        height: 91.2px;
        background-position: -228.9px -139.2px
    }
    .content-section.exp-integrees .img-animate #fb-stats {
        width: 98.1px;
        height: 46.2px;
        background-position: -105.9px -245.4px;
        margin-top: 20px;
        margin-left: 5px
    }
    .content-section.exp-integrees .img-animate #left-phone {
        width: 62.1px;
        height: 106.2px;
        background-position: -13px -139.2px;
        left: 10px
    }
    .content-section.exp-integrees .img-animate #left-phone #left-phone-screen {
        width: 34.5px;
        height: 61.2px;
        background-position: -160.2px -139.2px;
        top: 14px;
        left: 7px
    }
    .content-section.exp-integrees .img-animate #right-phone {
        width: 62.1px;
        height: 105px;
        background-position: -83.1px -139.2px;
        left: 30px
    }
    .content-section.exp-integrees .img-animate #twitter-tendance {
        width: 104.7px;
        height: 91.5px;
        background-position: -219.3px -245.4px;
        margin-top: 5px;
        margin-right: 5px
    }
    .content-section.exp-integrees .img-animate {
        height: 100px
    }
    .content-section.exp-integrees .img-animate.initAnim #left-phone {
        left: 30px
    }
    .content-section.exp-integrees .img-animate.initAnim #right-phone {
        left: 26px
    }
    .content-section.exp-integrees .img-animate.endAnim #left-phone {
        left: 10px
    }
    .content-section.exp-integrees .img-animate.endAnim #right-phone {
        left: 30px
    }
    .content-section.expertise .container>h2 {
        padding: 0 0 30px
    }
    .content-section.cible .container h1 {
        margin-top: 45px
    }
    .content-section.cible .container h2 {
        margin-bottom: 50px
    }
    .content-section.cible .container div.info div {
        width: 250px;
        margin: 0 auto;
        float: none
    }
    .content-section.cible .container div.info p {
        clear: both
    }
    .content-section.opportunites .container h1 {
        margin: 45px 0 100px
    }
    .content-section.opportunites .container p {
        margin-bottom: 15px
    }
    .content-section.opportunites .container div.figure #open-sign {
        margin-top: 40px
    }
    .content-section.opportunites .container div.figcaption {
        font-size: 20px;
        line-height: 22px
    }
    .content-section.opportunites .container .colum.left,
    .content-section.opportunites .container .colum.right {
        float: none;
        width: 100%
    }
    .content-section.exp-integrees .container h1 {
        margin: 45px 0 30px
    }
    .content-section.exp-integrees .container p {
        margin-bottom: 20px
    }
    .content-section.exp-integrees .img-animate {
        margin: 0
    }
    .content-section.exp-integrees .img-animate .middle {
        width: auto
    }
    .content-section.portfolio #slides-container {
        padding-bottom: 0
    }
    .content-section.portfolio #slides-container .slide div,
    div.container-introduction {
        height: 100px!important
    }
    .content-section.portfolio #slides-container .slide p.punch-line,
    div.container-introduction div.content-introduction p.punch-line {
        font-size: 11px
    }
    .content-section.portfolio #slides-container .slide .button {
        margin-left: -50px;
        bottom: -7%
    }
    .content-section.portfolio #slides-container .slide .button a {
        font-size: 10px;
        line-height: 22px;
        padding: 0 13px
    }
    .content-section.portfolio #slides-container .slide .button a span {
        width: 22px;
        height: 22px
    }
    .content-section.portfolio #slides-container .slide div.hover-ipad .call-to-action p {
        font-size: 6px
    }
    div.content-description div.column.left {
        float: none;
        width: 100%!important;
        max-width: 100%
    }
    div.content-description div.column.right {
        float: none;
        width: 100%!important;
        max-width: 100%;
        padding-top: 5%!important;
        text-align: center
    }
    div.title {
        font-size: 16px!important
    }
    div.sub-title {
        font-size: 12px!important
    }
    div.content-description p {
        font-size: 10px!important;
        line-height: 18px
    }
    div.portfolio-cs .container-presentation .content-presentation .site-link.centered ul li.txt {
        padding: 5px 10px 5px!important
    }
    div#site-arrow {
        width: 32px;
        height: 32px
    }
    #bottomControl .bande {
        height: 40px
    }
    .content-section.contact-form {
        padding: 30px 0
    }
    .content-section.contact-form .container {
        padding: 0 10px
    }
    .content-section.contact-form .half-column {
        width: 100%
    }
    .contact-form td.padding-left-mobile,
    .contact-form th {
        padding-left: 40px
    }
    .contact-form td.padding-right-mobile,
    .contact-form th {
        padding-right: 40px
    }
    .contact-form h2 {
        font-size: 24px;
        margin-bottom: 20px
    }
    .contact-form .captcha-wrapper .paddingTop {
        padding-top: 14px
    }
    .contact-form label {
        font-size: 14px
    }
    .contact-form p {
        font-size: 16px
    }
    .contact-form input[type=email],
    .contact-form input[type=text] {
        font-size: 14px;
        padding: 12px 8px!important;
        margin-top: 15px!important;
        width: 100%
    }
    .contact-form input#name {
        margin: 0
    }
    .contact-form .input-label-wrapper {
        height: 70px;
        width: 100%;
        max-width: 100%;
        margin-bottom: 15px
    }
    .contact-form .input-label-wrapper.last {
        height: 50px
    }
    .contact-form .input-label-wrapper.textarea {
        height: 135px;
        margin-top: 15px;
        width: 100%;
        max-width: 500px
    }
    .contact-form textarea {
        font-size: 14px;
        padding: 12px 8px!important;
        width: 439px;
        height: 100px
    }
    .contact-form .error {
        font-size: 14px
    }
    .contact-form #sub-cap-wrapper {
        padding: 0
    }
    .contact-form .captcha-wrapper span {
        margin: 0 15px
    }
    .contact-form .captcha-wrapper {
        margin-top: 0;
        display: inherit
    }
    .contact-form input#validate {
        margin: 0!important;
        width: 100%
    }
    .contact-form .submit-wrapper {
        width: 111px;
        margin-left: -56px
    }
    .contact-form button[type=submit] {
        float: right;
        margin-top: 0;
        margin-right: 0;
        padding: 10px 21px;
        width: 120px;
        height: 45px;
        font-size: 18px
    }
    .content-section.contact-mobile {
        padding-bottom: 15%
    }
    .content-section.contact-mobile .col-right {
        padding-top: 15%
    }
    .content-section.contact-mobile h2 {
        font-size: 18px
    }
    .content-section.contact-mobile h1 {
        font-size: 16px
    }
    .content-section.contact-mobile p {
        font-size: 14px;
        line-height: 18px
    }
    .content-section.contact-mobile .directions a,
    .content-section.contact-mobile a {
        font-size: 12px;
        line-height: 36px
    }
    .content-section.contact-mobile a.btn-contact {
        margin: 5px 0
    }
    .map-section {
        height: 150px
    }
    .map-section .bottom-shadow,
    .map-section .top-shadow {
        display: none
    }
    .footer-section .container {
        max-width: 420px
    }
    .footer-section .container .col-left,
    .footer-section .container .col-right {
        padding-top: 60px;
        padding-bottom: 50px
    }
    .footer-section .container .paddingLeft {
        padding-left: 20px
    }
    .footer-section .container .col-right {
        padding-top: 70px
    }
    .footer-section h1 {
        font-size: 28px
    }
    .footer-section p {
        font-size: 14px;
        line-height: 26px
    }
    .footer-section a {
        font-size: 14px
    }
    .footer-section a.link-carriere {
        font-size: 10px
    }
    .content-section.carrieres .text-wrapper {
        padding: 0;
        padding-top: 25px
    }
    .content-section.carrieres .text-wrapper li h1 {
        font-size: 24px;
        line-height: 45px
    }
    .content-section.carrieres .heading {
        margin: 0 10px
    }
    .content-section.carrieres .heading h3 {
        font-size: 16px
    }
    .content-section.carrieres .heading .content p,
    .list,
    p a {
        font-size: 10px
    }
    .content-section.carrieres .intro p {
        font-size: 12px;
        line-height: 16px;
        padding: 0 15px
    }
    .content-section .container>h1 {
        font-size: 1.2em
    }
    .content-section.ecommerce .container .column ul img {
        width: 70px;
        margin-left: 5px
    }
    .content-section.ecommerce-magentologos {
        padding: 25px 0
    }
    .content-section.ecommerce-magentologos .container>h1 {
        font-size: 16px
    }
    div#footer {
        height: 50px
    }
    div#footer .content-section .call-to-action .centered {
        margin-top: 5px
    }
    .content-section .call-to-action a {
        font-size: 12px
    }
    .content-section .call-to-action a.details {
        padding: 5px 0 0 6px
    }
    div#footer .content-section .call-to-action a {
        font-size: 24px
    }
    div#footer .content-section .call-to-action a.details {
        padding: 0
    }
    .top-section.home .text-wrapper li .button.en {
        margin-left: -210px;
        margin-top: 3px
    }
    .control .dirText {
        font-size: 26px
    }
    .control img {
        width: 26px
    }
    .content-section.case-studies .text-wrapper {
        margin-top: 50px
    }
    .content-section.case-studies .text-wrapper li h1 {
        font-size: 18px;
        line-height: 18px
    }
    .content-section.case-studies .text-wrapper li h2 {
        font-size: 12px
    }
    .content-section.case-studies .content .call-to-action a.details .title {
        font-size: 8px
    }
    .content-section.trekfit #iphone-frame {
        background: url(../img/mobilePage/homepage/trekfit/iPhone-white-portrait-small.png) no-repeat;
        left: 75px;
        top: 75px
    }
    .content-section.trekfit #iphone-frame .iphone-video-container {
        top: 32px;
        left: 61px
    }
    .content-section.trekfit #iphone-frame #video-trekfit {
        width: 34%;
        height: 40%
    }
    .content-section.case-studies #video-layer-trekfit img,
    .content-section.trekfit img.poster {
        margin-top: 8px;
        height: 95px;
        width: 169.32px
    }
    .content-section.trekfit .content .call-to-action {
        top: 188px;
        margin-left: 35%
    }
    .content-section.acces {
        background: #fff url(../img/mobilePage/homepage/case-acces-phone.jpg) no-repeat center top;
        background-size: 220% 221px!important
    }
    .content-section.acces .content #lightning {
        top: 15px
    }
    .content-section.acces .content #lightning img {
        width: 25%
    }
    .content-section.acces .content #walky-talky {
        margin-right: -43%;
        margin-top: 15px
    }
    .content-section.acces .content #walky-talky img {
        width: 50%;
        margin-top: -20px
    }
    .content-section.acces .content .call-to-action {
        top: 205px;
        margin-left: 5%
    }
    .content-section.eb5 .content .call-to-action {
        top: 100px!important;
        margin-left: 55%
    }
    .content-section.kinova .content #kinova-arm {
        left: 0!important
    }
    .content-section.kinova .content .call-to-action {
        top: 200px!important;
        margin-left: 30%
    }
    .content-section.sharks .content .call-to-action {
        top: 145px;
        margin-left: 30%
    }
    .content-section.hardy_normand .content .call-to-action {
        top: 50px
    }
    .lt-ie9 .content-section.trekfit {
        background: url(../img/mobilePage/homepage/case-trekfit-phone.jpg) no-repeat center top
    }
    .lt-ie9 .content-section.eb5 {
        background: #fff url(../img/mobilePage/homepage/case-eb5-phone.jpg) no-repeat center top
    }
    .lt-ie9 .content-section.hardy_normand {
        background: #002954 url(../img/mobilePage/homepage/case-hardynormand-phone.jpg) no-repeat center top
    }
}
@media only screen and (min-width: 420px) and (max-width: 767px) {
    body {
        width: 100%;
        padding: 0
    }
    #wrapper,
    .container,
    .content-section .container {
        padding: 0;
        margin: 0 auto;
        min-width: 420px;
        width: 100%;
        max-width: 100%
    }
    ul#navigation {
        padding-top: 60px!important
    }
    ul#navigation li {
        width: 25%;
        clear: none;
        text-align: center;
        margin-top: 0;
        font-size: 20px
    }
    ul#navigation li.first {
        margin-top: 0
    }
    ul#navigation li.last {
        margin-bottom: 0
    }
    ul#navigation li.submenu {
        margin-bottom: 11%
    }
    ul#navigation ul.sub {
        width: 100%;
        left: 0;
        margin: 10px 0 0
    }
    ul#navigation ul.sub li {
        font-size: 15px;
        display: block;
        width: 100%
    }
    ul#navigation ul.sub li a {
        padding: 0;
        display: block;
        width: 100%;
        margin-bottom: 3px
    }
    div#logo-permanent,
    div#menu div#logo {
        margin: 10px 0 0 10px;
        background-position: -308px -224px;
        width: 120px;
        height: 30px
    }
    #menu nav {
        width: 100%
    }
    div#menu div#logo {
        background-position: -308px -32px
    }
    div#menu-icon {
        top: 13px;
        right: 20px;
        width: 32px;
        height: 32px
    }
    div#menu-icon .bloc {
        width: 32px;
        height: 32px;
        background-image: url(../img/mobilePage/menu-icon-small.png)
    }
    div#menu-icon span {
        right: 60px;
        font-size: 11px;
        line-height: 33px
    }
    div#menu-icon.open,
    div#menu-icon:hover {
        width: 82px!important
    }
    div#menu-icon.open span,
    div#menu-icon:hover span {
        right: 37px
    }
    ,
    div#menu-close-touch-zone,
    div#menu-touch-zone {
        top: 13px;
        right: 13px;
        width: 52px;
        height: 52px
    }
    div#menu-close {
        right: 27px;
        top: 21px;
        width: 18px;
        height: 18px;
        background-position: -69px -173px
    }
    div.social-media {
        width: 125px;
        padding-top: 15px;
        margin: 15px auto 0
    }
    div.social-media a {
        margin: 0 5px;
        width: 33px;
        max-width: 33px;
        height: 25px
    }
    .addthis_button_facebook_follow {
        background-position: -330px -19px
    }
    .addthis_button_facebook_follow:hover {
        background: -330px -19px url(../img/mobilePage/icons-social.png) no-repeat
    }
    .addthis_button_google_follow {
        background-position: -390px -19px
    }
    .addthis_button_google_follow:hover {
        background: -390px -19px url(../img/mobilePage/icons-social.png) no-repeat
    }
    .addthis_button_linkedin_follow {
        background-position: -450px -19px
    }
    .addthis_button_linkedin_follow:hover {
        background: -450px -19px url(../img/mobilePage/icons-social.png) no-repeat
    }
    .switch-language {
        margin-top: 10px
    }
    .switch-language span a {
        font-size: 18px
    }
    .button a {
        font-size: 15px;
        line-height: 30px;
        padding: 0 52px 0 22px
    }
    .button a span {
        width: 30px;
        height: 30px
    }
    .lt-ie9 .bg-top {
        height: 156px
    }
    .top-section {
        height: 156px!important
    }
    .top-section.home {
        height: 100%!important
    }
    .top-section .text-wrapper {
        padding: 0;
        padding-top: 45px
    }
    .top-section.home .text-wrapper {
        height: 40%
    }
    #bottomControl .bande {
        height: 40px
    }
    .top-section.home .links-wrapper {
        bottom: 70px;
        padding: 0;
        width: 350px;
        margin-left: -175px
    }
    .top-section.home .text-wrapper li h1 {
        font-size: 52px
    }
    .top-section.home .text-wrapper li h1.en {
        font-size: 35px
    }
    .top-section.home .text-wrapper li .button {
        margin-left: -240px;
        margin-top: 3px
    }
    .top-section.home .text-wrapper li .button.en {
        margin-left: -210px;
        margin-top: 3px
    }
    .top-section.home .text-wrapper li h2 {
        font-size: 16px
    }
    .top-section .text-wrapper li h2 {
        font-size: 32px
    }
    .top-section.home .links-wrapper a {
        font-size: 24px
    }
    .content-section.agence {
        padding: 30px 0 10%
    }
    .content-section.agence .container h1 {
        font-size: 32px;
        margin-bottom: 0
    }
    .content-section.agence .container h2 {
        margin: 8px 0;
        font-size: 30px
    }
    .content-section.about-us .container p,
    .content-section.agence .container p {
        padding: 0 20px;
        font-size: 14px;
        line-height: 22px;
        margin: 8px 0
    }
    .content-section.agence .container .logo-vinivino {
        background-position: -7.5px -209.25px;
        background-size: 641.25px 746.25px;
        margin: 40px auto 0
    }
    .content-section.about-us {
        padding: 40px 0 10%
    }
    .content-section.about-us .container h1 {
        margin: 20px 0;
        font-size: 32px
    }
    .content-section.experience {
        height: 500px;
        padding-top: 40px;
        overflow: hidden
    }
    .content-section.experience .container h2 {
        font-size: 34px
    }
    .content-section.experience .container h1 {
        font-size: 32px;
        margin-bottom: 0
    }
    .content-section.experience .indication-swiper {
        background-size: 641.25px 746.25px;
        background-position: -372px -16.5px;
        width: 73.5px
    }
    .content-section.experience .indication-swiper.mobile {
        background-position: -370px -70px
    }
    .en .content-section.experience .indication-swiper.mobile {
        background-position: -465px -70px
    }
    .content-section.experience .timeline li {
        max-width: 390px
    }
    .content-section.experience .timeline li .img-wrapper {
        width: 90%
    }
    .content-section.experience .timeline li img {
        width: 100%;
        height: auto!important
    }
    .content-section.experience .timeline li span {
        font-size: 22px;
        line-height: 20px
    }
    .content-section.experience .timeline .timelaps-1 {
        margin-right: 100px
    }
    .content-section.experience .timeline .timelaps-1 span {
        top: 32px;
        right: 69px
    }
    .content-section.experience .timeline .timelaps-2 {
        margin-right: 40px
    }
    .content-section.experience .timeline .timelaps-2 span {
        top: 75px;
        right: 121px
    }
    .content-section.experience .timeline .timelaps-3 {
        margin-right: -26px
    }
    .content-section.experience .timeline .timelaps-3 span {
        top: 80px;
        left: 55px
    }
    .content-section.experience .timeline .timelaps-4 {
        margin-right: 48px
    }
    .content-section.experience .timeline .timelaps-4 img {
        margin-top: -58px
    }
    .content-section.experience .timeline .timelaps-4 span {
        top: 21px;
        right: 82px
    }
    .content-section.experience .timeline .timelaps-5 {
        margin-right: 114px
    }
    .content-section.experience .timeline .timelaps-5 span {
        bottom: 45px;
        right: 86px
    }
    .content-section.experience .timeline .timelaps-6 {
        margin-right: 141px
    }
    .content-section.experience .timeline .timelaps-6 img {
        margin-top: 72px
    }
    .content-section.experience .timeline .timelaps-6 span {
        top: 120px;
        right: 55px
    }
    .content-section.experience .timeline .timelaps-7 {
        margin-right: 25px
    }
    .content-section.experience .timeline .timelaps-7 img {
        margin-top: -20px
    }
    .content-section.experience .timeline .timelaps-7 span {
        top: 100px;
        right: 108px
    }
    .content-section.experience .timeline .timelaps-8 {
        margin-right: 0
    }
    .content-section.experience .timeline .timelaps-8 img {
        margin-top: 0
    }
    .swiper-timeline-container,
    .swiper-timeline-container .swiper-slide {
        height: 335px!important
    }
    .swiper-timeline-container .swiper-slide {
        width: 2960px!important
    }
    .content-section.experience .indication-swiper {
        top: 20px;
        margin: 5% auto
    }
    .content-section.experience .timeline-years {
        bottom: -66px
    }
    .content-section.experience .timeline-years span {
        font-size: 160px
    }
    .content-section.agence .container .team-list {
        padding: 5% 40px 0;
        width: 340px;
        margin: 0 auto
    }
    .content-section.agence .container .team-list li {
        width: 150px;
        margin-right: 0;
        margin-left: 0
    }
    .content-section.agence .container .team-list li img {
        margin-bottom: 5px;
        width: 90%
    }
    .content-section.agence .container .team-list li span {
        font-size: 21px
    }
    .content-section.agence .container .team-list li.last {
        float: right
    }
    .content-section.clients {
        padding-top: 40px
    }
    .content-section.clients .container h1 {
        font-size: 34px;
        margin: 15px 0
    }
    .content-section.clients .container p {
        padding: 0 20px;
        font-size: 14px;
        line-height: 22px
    }
    .content-section.clients .container .img-wrapper {
        width: 85%;
        height: 237px
    }
    .content-section.clients .container img {
        width: 100%;
        height: auto;
        left: 0
    }
    .content-section.expertise {
        padding: 30px 0 50px
    }
    .content-section.cible .container h1,
    .content-section.exp-integrees .container h1,
    .content-section.expertise .container>h1,
    .content-section.opportunites .container h1 {
        font-size: 32px
    }
    .content-section.cible .container h2,
    .content-section.exp-integrees .container h2,
    .content-section.expertise .container>h2,
    .content-section.opportunites .container h2 {
        font-size: 30px
    }
    .content-section.cible .container p,
    .content-section.exp-integrees .container p,
    .content-section.expertise .container>p,
    .content-section.opportunites .container p {
        font-size: 14px;
        padding-left: 20px;
        padding-right: 20px
    }
    .content-section.cible .container p {
        width: 45%
    }
    .content-section.cible .img-animate #cone-shadow,
    .content-section.cible .img-animate #graph,
    .content-section.cible .img-animate #mini-ipad,
    .content-section.exp-integrees .img-animate #fb-stats,
    .content-section.exp-integrees .img-animate #left-phone,
    .content-section.exp-integrees .img-animate #left-phone #left-phone-screen,
    .content-section.exp-integrees .img-animate #right-phone,
    .content-section.exp-integrees .img-animate #twitter-tendance,
    .content-section.opportunites .container div.figure #open-sign {
        background-size: 440px 460px
    }
    .content-section.cible .img-animate #graph {
        width: 258.2px!important;
        height: 157.6px;
        background-position: -13px -13px;
        margin-bottom: 0
    }
    .content-section.cible .img-animate #cone-shadow {
        width: 58px;
        height: 32.8px;
        background-position: -351.2px -13px;
        top: 42px;
        left: 120px
    }
    .content-section.cible .img-animate #mini-ipad {
        width: 39.6px;
        height: 50.8px;
        background-position: -351.2px -60.8px;
        left: 129px;
        top: -6px
    }
    .content-section.opportunites .container div.figure #open-sign {
        width: 126.8px;
        height: 121.6px;
        background-position: -305.2px -185.6px
    }
    .content-section.exp-integrees .img-animate #fb-stats {
        width: 130.8px;
        height: 61.6px;
        background-position: -141.2px -327.2px;
        margin-top: 38px
    }
    .content-section.exp-integrees .img-animate #left-phone {
        width: 82.8px;
        height: 141.6px;
        background-position: -13px -185.6px;
        left: 50px
    }
    .content-section.exp-integrees .img-animate #left-phone #left-phone-screen {
        width: 46px;
        height: 81.6px;
        background-position: -213.6px -185.6px;
        top: 20px;
        left: 13px
    }
    .content-section.exp-integrees .img-animate #right-phone {
        width: 82.8px;
        height: 140px;
        background-position: -110.8px -185.6px;
        left: 90px
    }
    .content-section.exp-integrees .img-animate #twitter-tendance {
        width: 139.6px;
        height: 122px;
        background-position: -292.4px -327.2px;
        margin-top: 10px
    }
    .content-section.exp-integrees .img-animate {
        margin: 45px 0 0;
        height: 185px
    }
    .content-section.exp-integrees .img-animate.initAnim #left-phone {
        left: 54px
    }
    .content-section.exp-integrees .img-animate.initAnim #right-phone {
        left: 60px
    }
    .content-section.exp-integrees .img-animate.endAnim #left-phone {
        left: 50px
    }
    .content-section.exp-integrees .img-animate.endAnim #right-phone {
        left: 70px
    }
    .content-section.cible .container h1 {
        margin-top: 75px
    }
    .content-section.cible .container h2 {
        margin-bottom: 50px
    }
    .content-section.opportunites .container h1 {
        margin: 75px 0 130px
    }
    .content-section.opportunites .container div.figure #open-sign {
        margin-top: 40px
    }
    .content-section.opportunites .container div.figcaption {
        font-size: 20px;
        line-height: 22px
    }
    .content-section.opportunites .container .colum.right {
        margin-top: 40px
    }
    .content-section.exp-integrees .container h1 {
        margin: 75px 0 60px
    }
    .content-section.exp-integrees .container p {
        margin-bottom: 20px
    }
    .content-section.exp-integrees .img-animate .middle {
        width: auto
    }
    .content-section.portfolio #slides-container {
        padding-bottom: 0
    }
    .content-section.portfolio .slide div,
    div.container-introduction {
        height: 120px!important;
        max-height: 120px!important
    }
    .content-section.portfolio #slides-container .slide p.punch-line,
    div.container-introduction div.content-introduction p.punch-line {
        display: none
    }
    .content-section.portfolio #slides-container .slide .button {
        bottom: -5%;
        margin-left: -66px
    }
    .content-section.portfolio #slides-container .slide .button a {
        font-size: 13px;
        line-height: 24px;
        padding: 0 17px
    }
    .content-section.portfolio #slides-container .slide .button a span {
        width: 24px;
        height: 24px
    }
    .content-section.portfolio #slides-container .slide div.hover-ipad .call-to-action p {
        font-size: 8px
    }
    .container.portfolio-cs {
        padding-bottom: 15%
    }
    div.title {
        font-size: 23px!important
    }
    div.sub-title {
        font-size: 16px!important
    }
    div.content-description p {
        font-size: 14px!important;
        line-height: 23px
    }
    .content-section.contact-form {
        padding: 40px 0
    }
    .contact-form td.padding-left-mobile,
    .contact-form th {
        padding-left: 40px
    }
    .contact-form td.padding-right-mobile,
    .contact-form th {
        padding-right: 40px
    }
    .contact-form h2 {
        font-size: 28px;
        margin-bottom: 20px
    }
    .contact-form .captcha-wrapper .paddingTop {
        padding-top: 14px
    }
    .contact-form label {
        font-size: 14px
    }
    .contact-form p {
        font-size: 16px
    }
    .contact-form input[type=email],
    .contact-form input[type=text] {
        font-size: 14px;
        padding: 12px 8px!important;
        margin-top: 25px!important;
        width: 209px
    }
    .contact-form input#name {
        margin: 0
    }
    .contact-form .input-label-wrapper {
        height: 80px;
        width: 230px;
        max-width: 230px
    }
    .contact-form .input-label-wrapper.last {
        height: 50px
    }
    .contact-form .input-label-wrapper.textarea {
        height: 130px;
        width: 100%;
        max-width: 500px
    }
    .contact-form textarea {
        font-size: 14px;
        padding: 12px 8px!important;
        width: 439px;
        height: 100px
    }
    .contact-form .error {
        font-size: 14px
    }
    .contact-form #sub-cap-wrapper {
        padding: 0
    }
    .contact-form .captcha-wrapper span {
        margin: 0 15px
    }
    .contact-form .captcha-wrapper {
        margin-top: 0;
        display: inherit
    }
    .contact-form input#validate {
        margin: 0!important;
        width: 209px
    }
    .contact-form .submit-wrapper {
        width: 111px;
        margin-left: -56px
    }
    .contact-form button[type=submit] {
        float: right;
        margin-top: 0;
        margin-right: 0;
        padding: 10px 21px;
        width: 120px;
        height: 45px;
        font-size: 18px
    }
    .content-section.contact-mobile .col-right {
        padding-top: 0
    }
    .content-section.contact-mobile h2 {
        font-size: 23px
    }
    .content-section.contact-mobile h1 {
        font-size: 21px
    }
    .content-section.contact-mobile p {
        font-size: 18px;
        line-height: 22px
    }
    .content-section.contact-mobile .directions a,
    .content-section.contact-mobile a {
        font-size: 16px;
        line-height: 36px
    }
    .content-section.contact-mobile a.btn-contact {
        padding: 10px;
        float: none
    }
    .map-section {
        height: 150px
    }
    .map-section .bottom-shadow,
    .map-section .top-shadow {
        display: none
    }
    .footer-section .container {
        max-width: 420px
    }
    .footer-section .container .col-left,
    .footer-section .container .col-right {
        padding-top: 60px;
        padding-bottom: 50px
    }
    .footer-section .container .col-right {
        padding-top: 75px
    }
    .footer-section h1 {
        font-size: 32px
    }
    .footer-section p {
        font-size: 17px;
        line-height: 26px
    }
    .footer-section a {
        font-size: 17px
    }
    .footer-section a.link-carriere {
        font-size: 12px
    }
    .content-section.carrieres .text-wrapper {
        padding: 0;
        padding-top: 45px
    }
    .content-section.carrieres .text-wrapper li h1 {
        font-size: 32px;
        line-height: 45px
    }
    .content-section.carrieres .heading {
        margin: 0 10px
    }
    .content-section.carrieres .heading h3 {
        font-size: 18px
    }
    .content-section.carrieres .heading .content p,
    .list,
    p a {
        font-size: 14px
    }
    .content-section.carrieres .intro p {
        font-size: 14px;
        line-height: 18px;
        padding: 0 15px
    }
    div#footer {
        height: 60px
    }
    div#footer .content-section .call-to-action .centered {
        margin-top: 5px
    }
    .content-section .call-to-action a {
        font-size: 14px
    }
    .content-section .call-to-action a.details {
        padding: 0 0 0 6px
    }
    div#footer .content-section .call-to-action a {
        font-size: 28px;
        margin-top: 10%
    }
    div#footer .content-section .call-to-action a.details {
        padding: 0
    }
    .control .dirText {
        font-size: 26px
    }
    .control img {
        width: 26px
    }
    .content-section.case-studies .text-wrapper li h1 {
        font-size: 21px;
        line-height: 21px
    }
    .content-section.case-studies .text-wrapper li h2 {
        font-size: 14px
    }
    .content-section.case-studies .content .call-to-action a.details .title {
        font-size: 10px
    }
    .content-section.case-studies .text-wrapper {
        margin-top: 8%
    }
    .content-section.trekfit #iphone-frame {
        background: url(../img/mobilePage/homepage/trekfit/iPhone-white-portrait-small.png) no-repeat;
        left: 95px;
        top: 40px
    }
    .content-section.trekfit #iphone-frame .iphone-video-container {
        top: 32px;
        left: 61px
    }
    .content-section.trekfit #iphone-frame #video-trekfit {
        width: 34%;
        height: 40%
    }
    .content-section.case-studies #video-layer-trekfit img,
    .content-section.trekfit img.poster {
        margin-top: 8px;
        height: 95px;
        width: 169.32px
    }
    .content-section.trekfit .content .call-to-action {
        top: 118px;
        margin-left: 35%
    }
    .content-section.acces {
        background: #fff url(../img/mobilePage/homepage/case-acces-phone.jpg) no-repeat center top;
        background-size: 110% 171px!important
    }
    .content-section.acces .content #lightning {
        top: 15px
    }
    .content-section.acces .content #lightning img {
        width: 25%
    }
    .content-section.acces .content #walky-talky {
        margin-right: -19%;
        margin-top: 0
    }
    .content-section.acces .content #walky-talky img {
        width: 50%;
        margin-top: -20px
    }
    .content-section.acces .content .call-to-action {
        top: 125px;
        margin-left: 10%
    }
    .content-section.eb5 .content .call-to-action {
        top: 58px!important;
        margin-left: 55%
    }
    .content-section.kinova .content #kinova-arm {
        left: 60px!important;
        top: 38px
    }
    .content-section.kinova .content .call-to-action {
        top: 125px!important;
        margin-left: 35%
    }
    .content-section.hardy_normand .content .call-to-action {
        top: 35px
    }
    .content-section.sharks .content .call-to-action {
        top: 105px;
        margin-left: 35%
    }
    .lt-ie9 .content-section.trekfit {
        background: url(../img/mobilePage/homepage/case-trekfit-tablet.jpg) no-repeat center top
    }
    .lt-ie9 .content-section.eb5 {
        background: #fff url(../img/mobilePage/homepage/case-eb5-tablet.jpg) no-repeat center top
    }
    .lt-ie9 .content-section.hardy_normand {
        background: #002954 url(../img/mobilePage/homepage/case-hardynormand-tablet.jpg) no-repeat center top
    }
}
@media(max-width:480px) {
    div#site-arrow {
        width: 32px;
        height: 32px
    }
    div.portfolio-cs .container-presentation .content-presentation .site-link.centered ul li.txt {
        padding: 2px 20px 2px 0
    }
}
@media(min-width:1200px) {
    .row {
        margin-left: -30px;
        *zoom: 1
    }
    .lt-ie9 .bg-top,
    .top-section {
        height: 540px
    }
    .content-section.portfolio .slide div {
        height: 400px
    }
    .content-section.portfolio #slides-container .slide .button {
        bottom: 35%
    }
    div.container-introduction {
        height: 460px
    }
    div.presentation-img {
        width: auto;
        max-width: 1100px;
        background-size: 100%!important
    }
}
@media(max-width:979px) {
    body {
        padding-top: 0
    }
    .navbar-fixed-bottom,
    .navbar-fixed-top {
        position: static
    }
    .navbar-fixed-top {
        margin-bottom: 20px
    }
    .navbar-fixed-bottom {
        margin-top: 20px
    }
    .navbar-fixed-bottom .navbar-inner,
    .navbar-fixed-top .navbar-inner {
        padding: 5px
    }
    .navbar .container {
        width: auto;
        padding: 0
    }
    .navbar .brand {
        padding-left: 10px;
        padding-right: 10px;
        margin: 0 0 0 -5px
    }
    .nav-collapse {
        clear: both
    }
    .nav-collapse .nav {
        float: none;
        margin: 0 0 10px
    }
    .nav-collapse .nav>li {
        float: none
    }
    .nav-collapse .nav>li>a {
        margin-bottom: 2px
    }
    .nav-collapse .nav>.divider-vertical {
        display: none
    }
    .nav-collapse .nav .nav-header {
        color: #777;
        text-shadow: none
    }
    .nav-collapse .dropdown-menu a,
    .nav-collapse .nav>li>a {
        padding: 9px 15px;
        font-weight: 700;
        color: #777;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }
    .nav-collapse .btn {
        padding: 4px 10px;
        font-weight: 400;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px
    }
    .nav-collapse .dropdown-menu li+li a {
        margin-bottom: 2px
    }
    .nav-collapse .dropdown-menu a:focus,
    .nav-collapse .dropdown-menu a:hover,
    .nav-collapse .nav>li>a:focus,
    .nav-collapse .nav>li>a:hover {
        background-color: #f2f2f2
    }
    .navbar-inverse .nav-collapse .dropdown-menu a,
    .navbar-inverse .nav-collapse .nav>li>a {
        color: #999
    }
    .navbar-inverse .nav-collapse .dropdown-menu a:focus,
    .navbar-inverse .nav-collapse .dropdown-menu a:hover,
    .navbar-inverse .nav-collapse .nav>li>a:focus,
    .navbar-inverse .nav-collapse .nav>li>a:hover {
        background-color: #111
    }
    .nav-collapse.in .btn-group {
        margin-top: 5px;
        padding: 0
    }
    .nav-collapse .dropdown-menu {
        position: static;
        top: auto;
        left: auto;
        float: none;
        display: none;
        max-width: none;
        margin: 0 15px;
        padding: 0;
        background-color: transparent;
        border: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }
    .nav-collapse .open>.dropdown-menu {
        display: block
    }
    .nav-collapse .dropdown-menu .divider,
    .nav-collapse .dropdown-menu:after,
    .nav-collapse .dropdown-menu:before,
    .nav-collapse .nav>li>.dropdown-menu:after,
    .nav-collapse .nav>li>.dropdown-menu:before {
        display: none
    }
    .nav-collapse .navbar-form,
    .nav-collapse .navbar-search {
        float: none;
        padding: 10px 15px;
        margin: 10px 0;
        border-top: 1px solid #f2f2f2;
        border-bottom: 1px solid #f2f2f2;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1)
    }
    .navbar-inverse .nav-collapse .navbar-form,
    .navbar-inverse .nav-collapse .navbar-search {
        border-top-color: #111;
        border-bottom-color: #111
    }
    .navbar .nav-collapse .nav.pull-right {
        float: none;
        margin-left: 0
    }
    .nav-collapse,
    .nav-collapse.collapse {
        overflow: hidden;
        height: 0
    }
    .navbar .btn-navbar {
        display: block
    }
    .navbar-static .navbar-inner {
        padding-left: 10px;
        padding-right: 10px
    }
    div.content-description img {
        width: 100%!important
    }
}
@media(min-width:980px) {
    .nav-collapse.collapse {
        height: auto!important;
        overflow: visible!important
    }
}
.uneditable-input,
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
    display: inline-block;
    height: 20px;
    padding: 4px 6px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #555;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    vertical-align: middle
}
.uneditable-input,
input,
textarea {
    width: 206px
}
textarea {
    height: auto
}
.uneditable-input,
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s
}
input[type=checkbox],
input[type=radio] {
    margin: 4px 0 0;
    *margin-top: 0;
    line-height: normal
}
input[type=button],
input[type=checkbox],
input[type=file],
input[type=image],
input[type=radio],
input[type=reset],
input[type=submit] {
    width: auto
}
input[type=file],
select {
    height: 30px;
    *margin-top: 4px;
    line-height: 30px
}
select {
    width: 220px;
    border: 1px solid #ccc;
    background-color: #fff
}
select[multiple],
select[size] {
    height: auto
}
input[type=checkbox]:focus,
input[type=file]:focus,
input[type=radio]:focus,
select:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}
.uneditable-input,
.uneditable-textarea {
    color: #999;
    background-color: #fcfcfc;
    border-color: #ccc;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .025);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .025);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .025);
    cursor: not-allowed
}
.uneditable-input {
    overflow: hidden;
    white-space: nowrap
}
.uneditable-textarea {
    width: auto;
    height: auto
}
input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #999
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #999
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #999
}
.checkbox,
.radio {
    min-height: 20px;
    padding-left: 20px
}
.checkbox input[type=checkbox],
.radio input[type=radio] {
    float: left;
    margin-left: -20px
}
.controls>.checkbox:first-child,
.controls>.radio:first-child {
    padding-top: 5px
}
.checkbox.inline,
.radio.inline {
    display: inline-block;
    padding-top: 5px;
    margin-bottom: 0;
    vertical-align: middle
}
.checkbox.inline+.checkbox.inline,
.radio.inline+.radio.inline {
    margin-left: 10px
}
.input-mini {
    width: 60px
}
.input-small {
    width: 90px
}
.input-medium {
    width: 150px
}
.input-large {
    width: 210px
}
.input-xlarge {
    width: 270px
}
.input-xxlarge {
    width: 530px
}
.row-fluid .uneditable-input[class*=span],
.row-fluid input[class*=span],
.row-fluid select[class*=span],
.row-fluid textarea[class*=span],
.uneditable-input[class*=span],
input[class*=span],
select[class*=span],
textarea[class*=span] {
    float: none;
    margin-left: 0
}
.input-append .uneditable-input[class*=span],
.input-append input[class*=span],
.input-prepend .uneditable-input[class*=span],
.input-prepend input[class*=span],
.row-fluid .input-append [class*=span],
.row-fluid .input-prepend [class*=span],
.row-fluid .uneditable-input[class*=span],
.row-fluid input[class*=span],
.row-fluid select[class*=span],
.row-fluid textarea[class*=span] {
    display: inline-block
}
.uneditable-input,
input,
textarea {
    margin-left: 0
}
.controls-row [class*=span]+[class*=span] {
    margin-left: 20px
}
.uneditable-input.span12,
input.span12,
textarea.span12 {
    width: 926px
}
.uneditable-input.span11,
input.span11,
textarea.span11 {
    width: 846px
}
.uneditable-input.span10,
input.span10,
textarea.span10 {
    width: 766px
}
.uneditable-input.span9,
input.span9,
textarea.span9 {
    width: 686px
}
.uneditable-input.span8,
input.span8,
textarea.span8 {
    width: 606px
}
.uneditable-input.span7,
input.span7,
textarea.span7 {
    width: 526px
}
.uneditable-input.span6,
input.span6,
textarea.span6 {
    width: 446px
}
.uneditable-input.span5,
input.span5,
textarea.span5 {
    width: 366px
}
.uneditable-input.span4,
input.span4,
textarea.span4 {
    width: 286px
}
.uneditable-input.span3,
input.span3,
textarea.span3 {
    width: 206px
}
.uneditable-input.span2,
input.span2,
textarea.span2 {
    width: 126px
}
.uneditable-input.span1,
input.span1,
textarea.span1 {
    width: 46px
}
.controls-row {
    *zoom: 1
}
.controls-row:after,
.controls-row:before {
    display: table;
    content: "";
    line-height: 0
}
.controls-row:after {
    clear: both
}
.controls-row [class*=span],
.row-fluid .controls-row [class*=span] {
    float: left
}
.controls-row .checkbox[class*=span],
.controls-row .radio[class*=span] {
    padding-top: 5px
}
input[disabled],
input[readonly],
select[disabled],
select[readonly],
textarea[disabled],
textarea[readonly] {
    cursor: not-allowed;
    background-color: #eee
}
input[type=checkbox][disabled],
input[type=checkbox][readonly],
input[type=radio][disabled],
input[type=radio][readonly] {
    background-color: transparent
}
.control-group.warning .checkbox,
.control-group.warning .control-label,
.control-group.warning .help-block,
.control-group.warning .help-inline,
.control-group.warning .radio,
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
    color: #c09853
}
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
    border-color: #c09853;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
    border-color: #a47e3c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #dbc59e;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #dbc59e;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #dbc59e
}
.control-group.warning .input-append .add-on,
.control-group.warning .input-prepend .add-on {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #c09853
}
.control-group.error .checkbox,
.control-group.error .control-label,
.control-group.error .help-block,
.control-group.error .help-inline,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
    color: #b94a48
}
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
    border-color: #b94a48;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
    border-color: #953b39;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #d59392;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #d59392;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #d59392
}
.control-group.error .input-append .add-on,
.control-group.error .input-prepend .add-on {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #b94a48
}
.control-group.success .checkbox,
.control-group.success .control-label,
.control-group.success .help-block,
.control-group.success .help-inline,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
    color: #468847
}
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
    border-color: #468847;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
    border-color: #356635;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7aba7b;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7aba7b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7aba7b
}
.control-group.success .input-append .add-on,
.control-group.success .input-prepend .add-on {
    color: #468847;
    background-color: #dff0d8;
    border-color: #468847
}
.control-group.info .checkbox,
.control-group.info .control-label,
.control-group.info .help-block,
.control-group.info .help-inline,
.control-group.info .radio,
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
    color: #3a87ad
}
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
    border-color: #3a87ad;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.control-group.info input:focus,
.control-group.info select:focus,
.control-group.info textarea:focus {
    border-color: #2d6987;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7ab5d3;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7ab5d3;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7ab5d3
}
.control-group.info .input-append .add-on,
.control-group.info .input-prepend .add-on {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #3a87ad
}
.form-actions {
    padding: 19px 20px 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-top: 1px solid #e5e5e5;
    *zoom: 1
}
.form-actions:after,
.form-actions:before {
    display: table;
    content: "";
    line-height: 0
}
.form-actions:after {
    clear: both
}
.help-block,
.help-inline {
    color: #595959
}
.help-block {
    display: block;
    margin-bottom: 10px
}
.help-inline {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    padding-left: 5px
}
.input-append,
.input-prepend {
    display: inline-block;
    margin-bottom: 10px;
    vertical-align: middle;
    font-size: 0;
    white-space: nowrap
}
.input-append .dropdown-menu,
.input-append .popover,
.input-append .uneditable-input,
.input-append input,
.input-append select,
.input-prepend .dropdown-menu,
.input-prepend .popover,
.input-prepend .uneditable-input,
.input-prepend input,
.input-prepend select {
    font-size: 14px
}
.input-append .uneditable-input,
.input-append input,
.input-append select,
.input-prepend .uneditable-input,
.input-prepend input,
.input-prepend select {
    position: relative;
    margin-bottom: 0;
    *margin-left: 0;
    vertical-align: top;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}
.input-append .uneditable-input:focus,
.input-append input:focus,
.input-append select:focus,
.input-prepend .uneditable-input:focus,
.input-prepend input:focus,
.input-prepend select:focus {
    z-index: 2
}
.input-append .add-on,
.input-prepend .add-on {
    display: inline-block;
    width: auto;
    height: 20px;
    min-width: 16px;
    padding: 4px 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    background-color: #eee;
    border: 1px solid #ccc
}
.input-append .add-on,
.input-append .btn,
.input-append .btn-group>.dropdown-toggle,
.input-prepend .add-on,
.input-prepend .btn,
.input-prepend .btn-group>.dropdown-toggle {
    vertical-align: top;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}
.input-append .active,
.input-prepend .active {
    background-color: #a9dba9;
    border-color: #46a546
}
.input-prepend .add-on,
.input-prepend .btn {
    margin-right: -1px
}
.input-append .uneditable-input,
.input-append input,
.input-append select,
.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px
}
.input-append .uneditable-input+.btn-group .btn:last-child,
.input-append input+.btn-group .btn:last-child,
.input-append select+.btn-group .btn:last-child {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}
.input-append .add-on,
.input-append .btn,
.input-append .btn-group {
    margin-left: -1px
}
.input-append .add-on:last-child,
.input-append .btn-group:last-child>.dropdown-toggle,
.input-append .btn:last-child {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}
.input-prepend.input-append .uneditable-input,
.input-prepend.input-append input,
.input-prepend.input-append select {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}
.input-prepend.input-append .uneditable-input+.btn-group .btn,
.input-prepend.input-append input+.btn-group .btn,
.input-prepend.input-append select+.btn-group .btn {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}
.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px
}
.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
    margin-left: -1px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}
.input-prepend.input-append .btn-group:first-child {
    margin-left: 0
}
input.search-query {
    padding-right: 14px;
    padding-left: 14px;
    margin-bottom: 0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}
.form-search .input-append .search-query {
    -webkit-border-radius: 14px 0 0 14px;
    -moz-border-radius: 14px 0 0 14px;
    border-radius: 14px 0 0 14px
}
.form-search .input-append .btn,
.form-search .input-prepend .search-query {
    -webkit-border-radius: 0 14px 14px 0;
    -moz-border-radius: 0 14px 14px 0;
    border-radius: 0 14px 14px 0
}
.form-search .input-prepend .btn {
    -webkit-border-radius: 14px 0 0 14px;
    -moz-border-radius: 14px 0 0 14px;
    border-radius: 14px 0 0 14px
}
.form-horizontal .help-inline,
.form-horizontal .input-append,
.form-horizontal .input-prepend,
.form-horizontal .uneditable-input,
.form-horizontal input,
.form-horizontal select,
.form-horizontal textarea,
.form-inline .help-inline,
.form-inline .input-append,
.form-inline .input-prepend,
.form-inline .uneditable-input,
.form-inline input,
.form-inline select,
.form-inline textarea,
.form-search .help-inline,
.form-search .input-append,
.form-search .input-prepend,
.form-search .uneditable-input,
.form-search input,
.form-search select,
.form-search textarea {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-bottom: 0;
    vertical-align: middle
}
.form-horizontal .hide,
.form-inline .hide,
.form-search .hide {
    display: none
}
.form-inline .btn-group,
.form-inline label,
.form-search .btn-group,
.form-search label {
    display: inline-block
}
.form-inline .input-append,
.form-inline .input-prepend,
.form-search .input-append,
.form-search .input-prepend {
    margin-bottom: 0
}
.form-inline .checkbox,
.form-inline .radio,
.form-search .checkbox,
.form-search .radio {
    padding-left: 0;
    margin-bottom: 0;
    vertical-align: middle
}
.form-inline .checkbox input[type=checkbox],
.form-inline .radio input[type=radio],
.form-search .checkbox input[type=checkbox],
.form-search .radio input[type=radio] {
    float: left;
    margin-right: 3px;
    margin-left: 0
}
.control-group {
    margin-bottom: 10px
}
legend+.control-group {
    margin-top: 20px;
    -webkit-margin-top-collapse: separate
}
.form-horizontal .control-group {
    margin-bottom: 20px;
    *zoom: 1
}
.form-horizontal .control-group:after,
.form-horizontal .control-group:before {
    display: table;
    content: "";
    line-height: 0
}
.form-horizontal .control-group:after {
    clear: both
}
.form-horizontal .control-label {
    float: left;
    width: 160px;
    padding-top: 5px;
    text-align: right
}
.form-horizontal .controls {
    *display: inline-block;
    *padding-left: 20px;
    margin-left: 180px;
    *margin-left: 0
}
.form-horizontal .controls:first-child {
    *padding-left: 180px
}
.form-horizontal .help-block {
    margin-bottom: 0
}
.form-horizontal .input-append+.help-block,
.form-horizontal .input-prepend+.help-block,
.form-horizontal .uneditable-input+.help-block,
.form-horizontal input+.help-block,
.form-horizontal select+.help-block,
.form-horizontal textarea+.help-block {
    margin-top: 10px
}
.form-horizontal .form-actions {
    padding-left: 180px
}
@media screen and (max-width: 1024px) {
    .home-bloc .hype-container {
        display: none
    }
    .home-bloc .logo-container {
        display: block
    }
    .home-bloc .adress-container {
        display: block;
        font-size: 15px;
        color: #fff;
        font-family: gibsonlight, sans-serif;
        text-align: center;
        line-height: 25px
    }
    .home-bloc .adress-container img {
        display: block;
        margin: 80px auto 30px
    }
}
@media screen and (max-width: 1023px) {
    #home-bloc-1,
    #home-bloc-2,
    #home-bloc-3,
    #home-bloc-4,
    #home-bloc-5,
    #home-bloc-6 {
        height: 35%;
        width: 50%
    }
    #home-bloc-3 .logo-container {
        background-size: 60%
    }
    #home-bloc-4 .logo-container {
        background-size: 150%
    }
    #home-bloc-5 .logo-container {
        background-size: 45%
    }
    .home-bloc .adress-container .hidden-mobile {
        display: none
    }
    .home-bloc .adress-container .show-mobile {
        display: inline
    }
    .home-bloc .adress-container {
        display: block;
        font-size: 15px;
        color: #fff;
        font-family: gibsonlight, sans-serif;
        text-align: center;
        line-height: 25px
    }
    .home-bloc .adress-container img {
        display: block;
        width: 40px;
        margin: 60px auto 20px
    }
}
@media screen and (max-width: 639px) {
    #home-bloc-1,
    #home-bloc-2,
    #home-bloc-3,
    #home-bloc-4,
    #home-bloc-5,
    #home-bloc-6 {
        height: 200px;
        width: 100%;
        min-height: 200px
    }
    .home-bloc .adress-container {
        line-height: 20px
    }
    .home-bloc .adress-container img {
        width: 30px;
        margin: 30px auto 20px
    }
}
@media screen and (max-width: 1199px) {
    .content-section.portfolio #slides-container .slide.half img.slide-logo {
        top: 90px;
        width: 62%;
        left: 20%
    }
    .content-section.portfolio #slides-container .slide p.punch-line {
        font-size: 16px
    }
    .content-section.portfolio #slides-container .slide .button {
        bottom: 35%
    }
    .content-section.portfolio #slides-container .slide img.slide-logo {
        left: 0;
        width: 100%;
        margin-left: 0;
        top: 60px
    }
    .content-section.portfolio #slides-container .slide.tier img.slide-logo {
        top: 85px
    }
    .content-section.portfolio #slides-container .slide.full img.slide-logo {
        top: 90px
    }
    .content-section.portfolio #slides-container .slide .uniquePorfolio {
        padding: 132px 5%;
        font-size: 25px
    }
    .content-section.portfolio #slides-container .slide .projetPorfolioText {
        font-size: 18px
    }
    .content-section.portfolio span#count {
        margin-top: 25px;
        font-size: 70px;
        line-height: 1em
    }
}
@media screen and (max-width: 1024px) {
    .content-section.portfolio span#count {
        display: none
    }
    .content-section.portfolio .compteur {
        display: block;
        margin: auto;
        padding-top: 30px;
        width: 30%
    }
}
@media screen and (max-width: 999px) {
    .content-section.portfolio #slides-container .slide .projetPorfolioText {
        font-size: 14px
    }
    .content-section.portfolio #slides-container .slide.half img.slide-logo,
    .content-section.portfolio #slides-container .slide.tier img.slide-logo {
        top: 80px;
        width: 50%;
        left: 23%
    }
    .content-section.portfolio #slides-container .slide.full img.slide-logo,
    .content-section.portfolio #slides-container .slide.tier-first img.slide-logo {
        top: 60px;
        width: 33%;
        left: 35%
    }
    .content-section.portfolio .slide.tier {
        width: 50%
    }
    .content-section.portfolio .slide.tier-first {
        width: 100%
    }
    .content-section.portfolio #slides-container .slide img.slide-logo {
        left: 23%;
        width: 50%;
        margin-left: 0;
        top: 60px
    }
    .content-section.portfolio #slides-container .slide .button {
        bottom: 35%
    }
    .content-section.portfolio #slides-container .slide .uniquePorfolio {
        padding: 93px 5%
    }
}
@media screen and (max-width: 767px) {
    .content-section.portfolio #slides-container .slide .button {
        left: 0;
        margin-left: 0
    }
    #blockProject {
        display: none
    }
    .content-section.portfolio #slides-container .slide .uniquePorfolio {
        padding: 43px 5%
    }
    .content-section.portfolio #slides-container .slide.full img.slide-logo,
    .content-section.portfolio #slides-container .slide.half img.slide-logo,
    .content-section.portfolio #slides-container .slide.tier img.slide-logo,
    .content-section.portfolio #slides-container .slide.tier-first img.slide-logo {
        top: 29px;
        width: 200px;
        left: 35%;
        max-width: 100%
    }
    .content-section.portfolio .slide.half,
    .content-section.portfolio .slide.tier,
    .content-section.portfolio .slide.tier-first {
        width: 100%
    }
    .content-section.portfolio #slides-container .slide img.slide-logo {
        left: 30%;
        width: 40%;
        margin-left: 0;
        top: 20px
    }
    .content-section.portfolio #slides-container .slide .button {
        bottom: 25%
    }
}
@media screen and (max-width: 500px) {
    .content-section.portfolio #slides-container .slide.full img.slide-logo,
    .content-section.portfolio #slides-container .slide.half img.slide-logo,
    .content-section.portfolio #slides-container .slide.tier img.slide-logo,
    .content-section.portfolio #slides-container .slide.tier-first img.slide-logo {
        left: 27%
    }
}
@media screen and (max-width: 419px) {
    .content-section.portfolio #slides-container .slide.full img.slide-logo,
    .content-section.portfolio #slides-container .slide.half img.slide-logo,
    .content-section.portfolio #slides-container .slide.tier img.slide-logo,
    .content-section.portfolio #slides-container .slide.tier-first img.slide-logo {
        left: 21%;
        top: 17px;
        width: 200px
    }
    .content-section.portfolio #slides-container .slide img.slide-logo {
        left: 26%;
        width: 50%;
        margin-left: 0
    }
    .content-section.portfolio #slides-container .slide p.punch-line {
        display: none
    }
    .content-section.portfolio #slides-container .slide .button {
        bottom: 25%
    }
}
@media screen and (max-width: 500px) {
    .content-section.portfolio #slides-container .slide .uniquePorfolio {
        padding: 43px 5%
    }
    .content-section.portfolio #slides-container .slide.full img.slide-logo,
    .content-section.portfolio #slides-container .slide.half img.slide-logo,
    .content-section.portfolio #slides-container .slide.tier img.slide-logo,
    .content-section.portfolio #slides-container .slide.tier-first img.slide-logo {
        left: 20%;
        width: 60%;
        top: 10px;
        max-width: 60%
    }
}
@media screen and (max-width: 419px) {
    .content-section.portfolio #slides-container .slide.full img.slide-logo,
    .content-section.portfolio #slides-container .slide.half img.slide-logo,
    .content-section.portfolio #slides-container .slide.tier img.slide-logo,
    .content-section.portfolio #slides-container .slide.tier-first img.slide-logo {
        left: 21%;
        top: 17px;
        width: 200px
    }
    .content-section.portfolio #slides-container .slide img.slide-logo {
        left: 26%;
        width: 50%;
        margin-left: 0
    }
    .content-section.portfolio #slides-container .slide p.punch-line {
        display: none
    }
    .content-section.portfolio #slides-container .slide .button {
        bottom: 25%
    }
    .content-section.portfolio #slides-container .slide .uniquePorfolio {
        padding: 37px 5%;
        font-size: 18px
    }
}
@media screen and (max-width: 1700px) and (min-width: 1400px) {
    .content-section.portfolio #slides-container .slide.half img.slide-logo {
        top: 32%;
        left: 20%;
        max-width: 60%
    }
    .content-section.portfolio #slides-container .slide.full img.slide-logo {
        top: 30%;
        left: 35%;
        max-width: 30%
    }
    .content-section.portfolio #slides-container .slide.tier img.slide-logo {
        top: 30%;
        left: 5%;
        max-width: 90%
    }
}
@media screen and (max-width: 1399px) and (min-width: 1200px) {
    .content-section.portfolio #slides-container .slide.half img.slide-logo {
        top: 32%;
        left: 20%;
        max-width: 60%
    }
    .content-section.portfolio #slides-container .slide.full img.slide-logo {
        top: 30%;
        left: 35%;
        max-width: 30%
    }
    .content-section.portfolio #slides-container .slide.tier img.slide-logo {
        top: 30%;
        left: 5%;
        max-width: 90%
    }
}

@media only screen and (max-width: 1500px) {
    .content-section.ecommerce-magento .container li {font-size: 16px;}
}

@media only screen and (max-width: 1000px) {
    .content-section.ecommerce-magento .container li {font-size: 12px;}
}