/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden], template {
    display: none;
}

a {
    background: transparent;
}

    a:active, a:hover {
        outline: 0;
    }

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: .67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code, kbd, pre, samp {
    font-family: monospace;
    font-size: 1em;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled], html input[disabled] {
        cursor: default;
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

input {
    line-height: normal;
}

    input[type=checkbox], input[type=radio] {
        box-sizing: border-box;
        padding: 0;
    }

    input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
        height: auto;
    }

    input[type=search] {
        -webkit-appearance: textfield;
        box-sizing: content-box;
    }

        input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: 700;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td, th {
    padding: 0;
}

@font-face {
    font-family: ico;
    src: url(../fonts/icomoon.eot);
    src: url(../fonts/icomoon.woff) format("woff"),url(../fonts/icomoon.ttf) format("truetype"),url(../fonts/icomoon.svg#ico) format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: syntheseBold;
    src: url(../fonts/synthesebssrounded-bold.eot);
    src: url(../fonts/synthesebssrounded-bold.woff) format("woff"),url(../fonts/synthesebssrounded-bold.ttf) format("truetype"),url(../fonts/synthesebssrounded-bold.svg#ico) format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: syntheseLight;
    src: url(../fonts/synthesebssrounded-light.eot);
    src: url(../fonts/synthesebssrounded-light.woff) format("woff"),url(../fonts/synthesebssrounded-light.ttf) format("truetype"),url(../fonts/synthesebssrounded-light.svg#ico) format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: syntheseRegular;
    src: url(../fonts/synthesebssrounded-regular.eot);
    src: url(../fonts/synthesebssrounded-regular.woff) format("woff"),url(../fonts/synthesebssrounded-regular.ttf) format("truetype"),url(../fonts/synthesebssrounded-regular.svg#ico) format("svg");
    font-weight: 400;
    font-style: normal;
}

[class*=" ico-"], [class*=" icon-"], [class^=ico-], [class^=icon-] {
    font-family: ico;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    background: none;
    width: auto;
    height: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    [class*=" ico-"] span, [class*=" icon-"] span, [class^=ico-] span, [class^=icon-] span {
        display: none;
    }

.ico-points:before {
    content: "\e600";
}

.ico-fleche-gauche:before {
    content: "\e60b";
}

.ico-fleche-droite:before {
    content: "\e601";
}

.ico-arrow-bottom:before {
    content: "\e602";
}

.ico-arrow-top:before {
    content: "\e603";
}

.ico-linkedin:before {
    content: "\e604";
}

.ico-twitter:before {
    content: "\e605";
}

.ico-back:before {
    content: "\e606";
}

.ico-star:before {
    content: "\e607";
}

.ico-event:before {
    content: "\e608";
}

.ico-tag:before {
    content: "\e609";
}

.ico-play:before {
    content: "\e60a";
}

.ico-search:before {
    content: "\e60c";
}

.ico-facebook:before {
    content: "\e60d";
}

.ico-mail:before {
    content: "\e60e";
}

.ico-call:before {
    content: "\e610";
}

.ico-chat:before {
    content: "\e60f";
}

.ico-talk:before {
    content: "\e611";
}

.ico-geo:before {
    content: "\e612";
}

.ico-check:before {
    content: "\e613";
}

.sharepoint-bo header {
    position: relative;
    z-index: 5;
}

    .sharepoint-bo header .cookie {
        display: none !important;
    }

header {
    /*position: fixed;
    left: 0;
    right: 0;
    top: 0;*/
    width: 100%;
    z-index: 1100;
}

    header .head .inner-nav {
        *zoom: 1;
    }

        header .head .inner-nav:after, header .head .inner-nav:before {
            content: " ";
            display: table;
        }

        header .head .inner-nav:after {
            clear: both;
        }

@media screen and (max-width:1024px) {
    header .head .inner-nav {
        overflow-y: scroll;
        height: calc(100vh - 65px);
    }
}

header .top {
    background: #fff;
    overflow: hidden;
    /*height: 45px;*/
    /*padding: 5px 25px;*/
}

@media screen and (max-width:1024px) {
    header .top {
        display: none;
    }
}


@media screen and (min-width:768px){
    .MenuCorpoBurger{
        display:none !important;	
    }
}

@media screen and (max-width:1024px) {
    header .find-product-desktop {
        display: none !important;
    }
}
.bottom-nav a.btn
{
	width:66px !important;
	text-align:center;
}
.bottom-nav .bottom-nav-productfinder
{
	float:left;
	white-space:nowrap;
	padding-top:5px;
}

.bottom-nav .links .brands-btn
{
	margin-left:5px !important;
	width:auto !important;
}

.bottom-nav .bottom-nav-productfinder  .find-product
{
	position:relative !important;
	top:0px !important;
	left:0px !important;
	margin:0px !important;
	/*padding:0px !important;*/
}

.bottom-nav .links  .findus-btn
{
	background-color:rgb(96, 49, 142) !important;
}

header .lang-selector {
    float: left;
    padding: 5px 0;
}

    header .lang-selector span {
        margin: 0 6px 0 0;
        display: inline-block;
        color: #00aded;
        padding-top: 0;
        text-transform: uppercase;
        font-size: 12px;
        font-size: 1.2rem;
    }

    header .lang-selector a {
        padding: 1px 8px;
    }

        header .lang-selector a:focus {
            outline: none;
        }

   header .lang-selector a:hover, header .lang-selector a:active{
       text-decoration:none;
   }

header .tools {
    float: right;
}

    header .tools a.custom-label {
        padding: 0 12px 1px;
    }

    header .tools a.btn, header .tools a.custom-label {
        float: left;
        margin: 6px 0 0 5px;
        position: relative;
        white-space: nowrap;
        padding: 0 12px 1px;
    }

        header .tools a.brands-btn.custom-label, header .tools a.btn.brands-btn {
            margin-right: 5px;
        }

            header .tools a.brands-btn.custom-label:after, header .tools a.btn.brands-btn:after {
                content: "";
                width: 1px;
                height: 100%;
                display: block;
                background: #b7b7b7;
                position: absolute;
                right: -6px;
                top: 0;
                bottom: 0;
            }

header .search {
    float: right;
    height: 36px;
    overflow: hidden;
    margin-top: 17px;
}

    header .search form {
        margin: 0;
        overflow: hidden;
        height: 30px;
    }

    header .search input[type=TEXT] {
        border-right: 0;
        width: 111px;
        float: left;
        border-radius: 6px 0 0 6px;
        height: 100%;
        font-size: 12px;
        font-size: 1.2rem;
        color: #4d4d4d;
        padding: 0 20px;
        border-left: 1px solid #b7b7b7;
        border-top: 1px solid #b7b7b7;
        border-bottom: 1px solid #b7b7b7;
        margin: 0 0 0 17px;
    }

    header .search input[type=SUBMIT] {
        float: left;
        border-radius: 0 3px 3px 0;
        height: 30px;
        border: 0;
        background: #00aded;
        font-size: 12px;
        font-size: 1.2rem;
        color: #fff;
        margin: 0;
        padding: 1px 12px;
        min-width: inherit;
    }

header .head {
    position: relative;
    min-height: 92px;
    background: rgba(0,173,237,.9);
    padding: 21px 25px 0;
    display: table;
    width: 100%;
}

@media screen and (max-width:1024px) {
    header .head {
        min-height: 65px;
        padding: 9px 10px 10px;
    }
}

header .head .logo {
    padding-top: 0px;
    float: left;
    -webkit-transition: all .3s;
    transition: all .3s;
}

/*@media screen and (max-width:500px) {
    header .head .logo.nav-open {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }
}*/

header .head .nav {
    margin: 0;
    float: right;
    white-space: nowrap;
}

    header .head .nav ul {
        white-space: nowrap;
        margin: 0;
        padding: 0;
    }

    header .head .nav li {
        list-style-type: none;
        vertical-align: bottom;
        display: inline-block;
        -webkit-transition: all .3s;
        transition: all .3s;
    }

@media screen and (max-width:1024px) {
    header .head .nav li.hover, header .head .nav li.hover-off, header .head .nav li.selected {
        position: static;
    }

        header .head .nav li.hover-off ul.dynamic, header .head .nav li.hover ul.dynamic, header .head .nav li.selected ul.dynamic {
            display: block;
        }
}

header .head .nav li a, header .head .nav li span.static {
    color: #fff;
    text-decoration: none;
    padding: 10px 23px 38px;
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: 400;
    -webkit-transition: all .3s;
    transition: all .3s;
}

    header .head .nav li a > span.ms-navedit-flyoutArrow, header .head .nav li span.static > span.ms-navedit-flyoutArrow {
        background: none;
        padding-right: 0;
    }

header .head .nav li ul.dynamic {
    text-align: right;
    padding-right: 232px;
}

    header .head .nav li ul.dynamic li {
        margin: 0 46px 0 0;
    }

        header .head .nav li ul.dynamic li a {
            font-size: 17px;
            font-size: 1.7rem;
            padding: 18px 0 19px;
            position: relative;
        }

            header .head .nav li ul.dynamic li a:after {
                display: block;
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                height: 0;
                background: #00aded;
                -webkit-transition: all .3s;
                transition: all .3s;
            }

            header .head .nav li ul.dynamic li a:hover:after {
                height: 4px;
            }

@media screen and (min-width:1024px) {
    header .head .nav li.hover, header .head .nav li.selected, header .head .nav li:hover {
        background: #0071aa;
    }

        header .head .nav li.hover a, header .head .nav li.hover span, header .head .nav li.selected a, header .head .nav li.selected span, header .head .nav li:hover a, header .head .nav li:hover span {
            color: #fff;
        }
}

header .head .nav li.ms-listMenu-editLink a {
    text-transform: none;
    padding: 0;
}

header .head .nav li.ms-listMenu-editLink.hover, header .head .nav li.ms-listMenu-editLink:hover {
    background: transparent;
}

    header .head .nav li.ms-listMenu-editLink.hover a, header .head .nav li.ms-listMenu-editLink:hover a {
        color: #000;
    }

@media screen and (min-width:1024px) {
    header .head .nav li:hover ul.dynamic {
        display: block;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
}

header .navbar .show-mobile {
    display: none;
}

header .head .nav .ms-signInLink {
    display: none!important;
}

header .head .nav a.find-product {
    display: inline-block;
    float: right;
    padding: 6px 15px;
    border: 0;
    color: #1172bf;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    text-transform: uppercase;
    margin-left: 71px;
    margin-top: 7px;
    -webkit-font-smoothing: antialiased!important;
    text-shadow: 1px 1px 1px rgba(0,0,0,.004);
}

@media screen and (max-width:1024px) {
    header .head .nav a.find-product {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        position: absolute;
        top: 10px;
        right: -130px;
        margin: 0;
        padding: 13px 26px;
    }
}

header .head .nav .inner-nav {
    float: right;
}

@media screen and (min-width:1024px) {
    header .head .nav .inner-nav {
        display: table;
    }
}

header .head .nav .inner-nav .ms-displayInline, header .head .nav .inner-nav a.btn, header .head .nav .inner-nav a.custom-label {
    display: table-cell;
}

@media screen and (max-width:1024px) {
    header .head .show-nav .bottom-nav {
        background: #1172bf;
        padding: 10px;
        overflow: hidden;
    }

    header .head .show-nav a.find-product {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
        right: 130px;
    }

    header .head .show-nav .inner-nav {
        display: block;
        right: 0;
        width: 320px;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    header .head .show-nav .show-mobile {
        float: none;
        overflow: hidden;
        display: block;
        width: 100%;
        padding: 15px;
    }

        .cssc-form .submit-box header .head .show-nav .show-mobile button, header .head .show-nav .show-mobile .btn, header .head .show-nav .show-mobile .cssc-form .submit-box button, header .head .show-nav .show-mobile .custom-label {
            float: none;
        }

        header .head .show-nav .show-mobile .links {
            float: left;
        }

            .cssc-form .submit-box header .head .show-nav .show-mobile .links button, header .head .show-nav .show-mobile .links .btn, header .head .show-nav .show-mobile .links .cssc-form .submit-box button, header .head .show-nav .show-mobile .links .custom-label {
                margin: 0 5px 0 0;
                display: inline-block;
                padding: 6px 10px 5px;
                text-transform: uppercase;
                font-size: 9px;
                font-size: .9rem;
                font-family: syntheseBold,sans-serif;
            }

                .cssc-form .submit-box header .head .show-nav .show-mobile .links button.login, header .head .show-nav .show-mobile .links .btn.login, header .head .show-nav .show-mobile .links .cssc-form .submit-box button.login, header .head .show-nav .show-mobile .links .login.custom-label {
                    background: #fff;
                    color: #00aded;
                }

        header .head .show-nav .show-mobile .lang-selector {
            color: #00aded;
            background: #fff;
            font-weight: 700;
            text-decoration: none;
            font-size: 9px;
            font-size: .9rem;
            margin: 0 0 7px;
            border-radius: 3px;
            padding: 6px 6px 2px;
        }

            header .head .show-nav .show-mobile .lang-selector span {
                float: none;
                font-size: 7px;
                margin: 0 5px;
                padding: 0;
            }

        header .head .show-nav .show-mobile.search {
            height: auto;
            background: #1172bf;
        }

            header .head .show-nav .show-mobile.search input[type=TEXT] {
                height: 35px;
                width: 85%;
                margin: 0;
                background: #fff;
                border: 0;
                border-radius: 5px 0 0 5px;
            }

            header .head .show-nav .show-mobile.search button[type=SUBMIT] {
                font-size: 17px;
                border-radius: 0 5px 5px 0;
                height: 35px;
                width: 15%;
                min-width: 10px;
                border: 0;
                background: #fff;
                display: inline-block;
                color: #00aded;
            }

    header .head .nav-toggle {
        display: inline-block;
    }

    header .head .inner-nav {
        position: absolute;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        width: 0;
        left: auto;
        overflow: hidden;
        background: #008fd2;
        top: 92px;
        right: 0;
        bottom: 0;
        z-index: 3;
        height: 1580px;
        -webkit-transition: all .3s;
        transition: all .3s;
    }
}

@media screen and (max-width:1024px) and (max-width:1024px) {
    header .head .inner-nav {
        top: 65px;
    }
}

@media screen and (max-width:1024px) {
    header .head .inner-nav ul li {
        display: block;
    }

    header .head #DeltaTopNavigation {
        width: 320px;
        overflow: hidden;
        display: block;
        margin: 0 0 10px;
    }

        header .head #DeltaTopNavigation a[name=startNavigation] {
            display: none;
        }

        header .head #DeltaTopNavigation .ms-core-listMenu-horizontalBox, header .head #DeltaTopNavigation li, header .head #DeltaTopNavigation ul {
            width: 100%;
        }

        header .head #DeltaTopNavigation li {
            margin: 0 0 4px;
            position: relative;
        }

            header .head #DeltaTopNavigation li.active a {
                color: #89d0ed;
            }

                header .head #DeltaTopNavigation li.active a.deploy-btn span:before {
                    content: "\e603";
                }

        header .head #DeltaTopNavigation a.deploy-btn {
            position: absolute;
            left: 87%;
            z-index: 8;
            width: 40px;
        }

            header .head #DeltaTopNavigation a.deploy-btn:after {
                display: none;
            }

            header .head #DeltaTopNavigation a.deploy-btn span {
                font-size: 9px;
                font-size: .9rem;
            }

        header .head #DeltaTopNavigation a, header .head #DeltaTopNavigation span.static {
            display: block;
            font-size: 16px;
            font-size: 1.6rem;
            padding: 12px 13px;
            font-family: syntheseBold,sans-serif;
            position: relative;
        }

            header .head #DeltaTopNavigation a:hover, header .head #DeltaTopNavigation span.static:hover {
                color: #89d0ed;
            }

            header .head #DeltaTopNavigation a:after, header .head #DeltaTopNavigation span.static:after {
                position: absolute;
                width: 13px;
                height: 1px;
                background: #fff;
                content: '';
                display: block;
                left: 13px;
                bottom: 0;
            }

        header .head #DeltaTopNavigation ul.dynamic {
            top: 0!important;
            position: relative;
            background: none;
            padding: 7px 0 18px;
            text-align: left;
        }

            header .head #DeltaTopNavigation ul.dynamic li {
                font-family: syntheseLight,sans-serif;
                margin: 0;
            }

                header .head #DeltaTopNavigation ul.dynamic li a {
                    font-size: 15px;
                    font-size: 1.5rem;
                    padding: 12px 34px;
                    font-family: syntheseLight,sans-serif;
                    color: #fff;
                }

                    header .head #DeltaTopNavigation ul.dynamic li a:after {
                        display: none;
                    }

                    header .head #DeltaTopNavigation ul.dynamic li a:before {
                        background: #fff;
                        content: '';
                        display: block;
                        position: absolute;
                        left: 13px;
                        width: 4px;
                        height: 1px;
                        bottom: 15px;
                    }
}

ul.dynamic {
    display: none;
    left: 0!important;
    top: 92px!important;
    box-shadow: none;
    border: 0;
    right: 0;
    width: 100%!important;
    background: #0071aa;
}

    ul.dynamic ul.dynamic {
        display: none!important;
    }

    ul.dynamic li a {
        color: #fff;
        padding: 15px;
        font-size: 17px;
        font-size: 1.7rem;
    }

        ul.dynamic li a:hover {
            color: #fff!important;
        }

.nav-toggle {
    float: right;
    width: auto;
    min-width: inherit;
    border: 0;
    background: transparent;
    display: none;
    position: relative;
    padding: 18px 11px;
    transition: .25s;
    cursor: pointer;
    user-select: none;
    font-size: 18px;
    font-size: 1.8rem;
    text-transform: uppercase;
    text-decoration: none;
    z-index: 4;
}

    .nav-toggle, .nav-toggle:focus {
        outline: none;
    }

.mini-header .nav-toggle {
    margin: 10px 0 0;
}

.rtl .nav-toggle {
    float: right;
}

.nav-toggle.active .burger-icon {
    background: transparent;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: scale(1);
    transform: scale(1);
}

    .nav-toggle.active .burger-icon:before {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 0;
    }

    .nav-toggle.active .burger-icon:after {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 0;
    }

.nav-toggle.active:hover .burger-icon {
    -webkit-transform: scale(.8);
    transform: scale(.8);
}

.nav-toggle:before {
    content: '';
    display: block;
    background: #00aded;
    width: 40px;
    height: 40px;
    border-radius: 2px;
    -webkit-transition: all .3s;
    transition: all .3s;
    position: absolute;
    top: 0;
    left: 0;
}

.rtl .nav-toggle:before {
    left: auto;
    right: 0;
}

.nav-toggle:hover {
    background: transparent;
}

    .nav-toggle:hover:before {
        background: #0071aa;
    }

.nav-toggle .burger-icon:after, .nav-toggle .burger-icon:before {
    transition: .25s;
}

.nav-toggle:hover {
    transition: .5s;
    text-decoration: none;
}

    .nav-toggle:hover .icon:after, .nav-toggle:hover .icon:before {
        transition: .25s;
    }

.nav-toggle .label-menu {
    position: relative;
    float: left;
    margin: -6px 0 0;
    overflow: hidden;
    background: #fff;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.rtl .nav-toggle .label-menu {
    float: right;
}

.mini-header .nav-toggle .label-menu {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

.burger-icon {
    position: relative;
    width: 20px;
    height: 2px;
    transition: .5s;
    background: #fff;
    float: left;
    z-index: 1;
}

.rtl .burger-icon {
    margin: 0 0 0 30px;
    float: right;
}

.burger-icon:after, .burger-icon:before {
    display: block;
    content: "";
    width: 20px;
    height: 2px;
    position: absolute;
    z-index: -1;
    transition: .5s .25s;
    background: #fff;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.burger-icon:before {
    top: 5px;
}

.burger-icon:after {
    top: -5px;
}

footer {
    background: #00aded;
    overflow: hidden;
	float:none;
	width:100%;
}

@media screen and (max-width:768px) {
    footer {
        background: none;
    }
}

footer .top {
    text-align: center;
}

@media screen and (max-width:768px) {
    footer .top {
        text-align: left;
    }
}

footer .top .bloc {
    text-align: center;
    overflow: hidden;
    border-radius: 5px;
    background-color: #efeff0;
}

@media screen and (max-width:1024px) {
    footer .social {
        width: 95.827%;
    }
}

@media screen and (max-width:1024px) {
    footer .social, footer .social.keep-ratio {
        padding-bottom: 0;
    }
}

footer .social .content {
    padding: 15% 5%;
}

@media screen and (max-width:1024px) {
    footer .social .content {
        padding: 25px;
        position: relative;
    }
}

@media screen and (max-width:600px) {
    footer .social .content {
        padding: 9%;
    }
}

footer .social ul {
    overflow: hidden;
    margin: 0 auto 17%;
    padding: 0;
    text-align: center;
    width: 86%;
}

@media screen and (max-width:1024px) and (min-width:600px) {
    footer .social ul {
        width: 100%;
        text-align: center;
        margin: 0;
    }
}

@media screen and (max-width:600px) {
    footer .social ul {
        margin: 0 auto;
        width: 100%;
    }
}

footer .social li {
    list-style-type: none;
    display: inline-block;
    /*float: right;*/
}

@media screen and (max-width:1024px) and (min-width:600px) {
    footer .social li {
        float: none;
        margin: 0 25px 25px 0;
    }
}

footer .social li:first-child {
    float: left;
}

footer .social li:nth-child(2) {
    margin-left: auto;
    margin-right: auto;
}

footer .social li:nth-child(3) {
    float: right;
}

@media screen and (max-width:1024px) and (min-width:600px) {
    /*footer .social li:first-child {
        float: none;
    }*/
}

footer .social a {
    display: block;
    width: 70px;
    height: 70px;
    line-height: 85px;
    text-align: center;
    border-radius: 100%;
    background: #00aded;
    text-decoration: none;
}

    footer .social a:hover {
        background: #1172bf;
    }

    footer .social a span {
        display: none;
    }

@media screen and (max-width:768px) and (min-width:600px) {
    footer .social a {
        width: 70px;
        height: 70px;
        line-height: 85px;
    }
}

footer .social i {
    color: #efeff0;
    font-size: 32px;
}

@media screen and (max-width:1024px) {
    footer .social i {
        font-size: 25px;
    }
}

footer .social h2 {
    font-size: 35px;
    font-size: 3.5rem;
    font-weight: 400;
    color: #4d4d4d;
    padding: 0 0 10px;
    margin: 0 0 10px;
    position: relative;
}

@media screen and (max-width:1024px) and (min-width:600px) {
    footer .social h2 {
        padding: 0 0 15px;
        margin: 0 0 15px;
    }
}

@media screen and (max-width:600px) {
    footer .social h2 {
        display: none;
    }
}

@media screen and (max-width:600px) and (min-width:500px) {
    footer .social h2 {
        padding: 0 0 10px;
        margin: 0 0 10px;
        font-size: 28px;
        font-size: 2.8rem;
    }
}

footer .social h2:after {
    content: "";
    display: block;
    height: 1px;
    background: #e7e7e8;
    position: absolute;
    bottom: 0;
    left: 25px;
    right: 25px;
}

footer .social p {
    font-size: 14px;
    font-size: 1.4rem;
    color: #4d4d4d;
    margin: 0;
}

@media screen and (max-width:1024px) and (min-width:600px) {
    footer .social p {
        clear: both;
    }
}

@media screen and (max-width:600px) {
    footer .social p {
        display: none;
    }
}

footer .newsletter {
    background-image: url(../img/news-pic.png);
    background-position: center 18%;
    background-repeat: no-repeat;
}

@media screen and (max-width:1024px) and (min-width:768px) {
    footer .newsletter {
        background-size: 90px;
        background-position: center 12%;
    }
}

@media screen and (max-width:768px) and (min-width:600px) {
    footer .newsletter {
        background-size: 70px;
        background-position: center 13%;
    }
}

footer .newsletter .content {
    padding: 55% 25px 25px;
}

@media screen and (max-width:1024px) {
    footer .newsletter .content {
        padding: 40% 25px 25px;
    }
}

@media screen and (max-width:600px) {
    footer .newsletter .content {
        padding: 55% 25px 25px;
    }
}

@media screen and (max-width:400px) {
    footer .newsletter .content {
        padding: 50% 25px 25px;
    }
}

footer .newsletter input[type=TEXT] {
    background: #fff;
    float: left;
    font-size: 14px;
    font-size: 1.4rem;
    border-right: 0 none;
    border-radius: 4px 0 0 4px;
    margin: 0 0 7%;
    padding: 14px 18px;
    width: 70%;
    height: 50px;
}

@media screen and (max-width:1024px) {
    footer .newsletter input[type=TEXT] {
        margin: 0 0 5%;
    }
}

@media screen and (max-width:600px) {
    footer .newsletter input[type=TEXT] {
        margin: 0 0 6%;
    }
}

footer .newsletter input[type=submit] {
    float: left;
    background: #00aded;
    font-size: 17px;
    font-size: 1.7rem;
    color: #fff;
    border-radius: 0 4px 4px 0;
    text-transform: uppercase;
    padding: 14px 10px;
    text-align: center;
    margin: 0 0 7%;
    width: 30%;
    min-width: 30px;
    border: 0;
    height: 50px;
}

@media screen and (max-width:1024px) {
    footer .newsletter input[type=submit] {
        margin: 0 0 5%;
    }
}

@media screen and (max-width:600px) {
    footer .newsletter input[type=submit] {
        margin: 0 0 6%;
    }
}

footer .newsletter p {
    margin: 0;
    color: #f28f2f;
    line-height: 1.2em;
    font-size: 20px;
    font-size: 2rem;
    clear: both;
}

@media screen and (max-width:500px) {
    footer .newsletter p {
        line-height: 1.1em;
        font-size: 20px;
        font-size: 2rem;
    }
}

footer .bottom {
    clear: both;
    text-align: center;
    background: #008fd2;
    color: #fff;
    padding: 25px;
}

@media screen and (max-width:1024px) {
    footer .bottom {
        padding-top: 40px;
    }
}

@media screen and (max-width:600px) {
    footer .bottom {
        margin: 0 4.172% 4.172%;
        border-radius: 5px;
        padding: 10px;
    }
}

@media screen and (max-width:500px) {
    footer .bottom {
        padding: 10px;
    }
}

footer .bottom ul {
    margin: 0;
    padding: 0;
}

footer .bottom li {
    list-style-type: none;
    display: inline-block;
    font-size: 13px;
    font-size: 1.3rem;
}

    footer .bottom li span {
        display: inline-block;
        margin: 0 1px;
    }

    footer .bottom li a {
        color: #fff;
        text-decoration: none;
    }

footer .bottom p {
    margin: 0;
    font-style: italic;
    font-size: 12px;
    font-size: 1.2rem;
}

footer .bottom .container {
    overflow: visible;
    padding: 0;
    position: relative;
}

footer .back-top {
    position: absolute;
    top: -25px;
    right: 195px;
    padding: 6px 0 0;
    background: hsla(0,0%,100%,.8);
    border-radius: 0 0 5px 5px;
    text-align: center;
    font-style: italic;
    height: 30px;
    width: 60px;
    color: #00aded;
    display: block;
    text-decoration: none;
    font-size: 12px;
    font-size: 1.2rem;
}

    footer .back-top:hover {
        background: #fff;
    }

@media screen and (max-width:1024px) {
    footer .back-top, footer .back-top:hover {
        background: transparent;
    }

    footer .back-top {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        color: #fff;
        padding: 0;
        margin: 0 0 15px;
    }
}

@media screen and (max-width:500px) {
    footer .back-top {
        margin: 0 0 10px;
        display: none;
    }
}

.btn, .cssc-form .submit-box button, .custom-label {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    padding: 1px 12px;
    text-decoration: none;
    background: #00aded;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    -webkit-transition: all .3s;
    transition: all .3s;
    min-height: 20px;
}

    .btn:visited, .cssc-form .submit-box button:visited, .custom-label:visited {
        color: #fff;
    }

    .btn:hover, .cssc-form .submit-box button:hover, .custom-label:hover {
        text-decoration: none;
        background: #1172bf;
    }

    .btn-white.custom-label, .btn.btn-white, .cssc-form .submit-box button.btn-white {
        background: #fff;
        color: #4d4d4d;
        border: 1px solid #b7b7b7;
    }

        .btn-white.custom-label:visited, .btn.btn-white:visited, .cssc-form .submit-box button.btn-white:visited {
            color: #4d4d4d;
        }

        .btn-white.custom-label:hover, .btn.btn-white:hover, .cssc-form .submit-box button.btn-white:hover {
            background: #b7b7b7;
            color: #fff;
        }

    .btn-yellow.custom-label, .btn.btn-yellow, .cssc-form .submit-box button.btn-yellow {
        background: #fec235;
        color: #fff;
    }

        .btn-yellow.custom-label:visited, .btn.btn-yellow:visited, .cssc-form .submit-box button.btn-yellow:visited {
            color: #fff;
        }

        .btn-yellow.custom-label:hover, .btn.btn-yellow:hover, .cssc-form .submit-box button.btn-yellow:hover {
            background: #f28f2f;
            color: #fff;
        }

    .btn-purplz.custom-label, .btn.btn-purplz, .cssc-form .submit-box button.btn-purplz {
        background: #7f5aa4;
        color: #fff;
    }

        .btn-purplz.custom-label:visited, .btn.btn-purplz:visited, .cssc-form .submit-box button.btn-purplz:visited {
            color: #fff;
        }

        .btn-purplz.custom-label:hover, .btn.btn-purplz:hover, .cssc-form .submit-box button.btn-purplz:hover {
            background: #593f73;
            color: #fff;
        }

    .btn-grey.custom-label, .btn.btn-grey, .cssc-form .submit-box button.btn-grey {
        background: #d1d1d1;
        color: #4d4d4d;
    }

        .btn-grey.custom-label:visited, .btn.btn-grey:visited, .cssc-form .submit-box button.btn-grey:visited {
            color: #4d4d4d;
        }

        .btn-grey.custom-label:hover, .btn.btn-grey:hover, .cssc-form .submit-box button.btn-grey:hover {
            background: #4d4d4d;
            color: #fff;
        }

.big-btn .btn, .big-btn .cssc-form .submit-box button, .big-btn .custom-label, .cssc-form .submit-box .big-btn button {
    width: 100%;
    text-align: center;
    padding: 17px 10px 18px;
    font-size: 20px;
    font-size: 2rem;
    text-transform: uppercase;
}

@media screen and (max-width:1024px) {
    .big-btn .btn, .big-btn .cssc-form .submit-box button, .big-btn .custom-label, .cssc-form .submit-box .big-btn button {
        font-size: 20px;
        font-size: 2rem;
    }
}

@media screen and (max-width:768px) {
    .big-btn .btn, .big-btn .cssc-form .submit-box button, .big-btn .custom-label, .cssc-form .submit-box .big-btn button {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

@media screen and (max-width:600px) {
    .big-btn .btn, .big-btn .cssc-form .submit-box button, .big-btn .custom-label, .cssc-form .submit-box .big-btn button {
        font-size: 15px;
        font-size: 1.5rem;
    }
}

.big-btn.custom-label, .btn.big-btn, .cssc-form .submit-box button.big-btn {
    padding: 10px 15px;
    text-transform: uppercase;
}

.btn-lg.custom-label, .btn.btn-lg, .cssc-form .submit-box button.btn-lg {
    padding: 25px 50px;
}

.btn-md.custom-label, .btn.btn-md, .cssc-form .submit-box button.btn-md {
    font-size: 16px;
    font-size: 1.6rem;
}

@media screen and (max-width:500px) {
    .btn, .cssc-form .submit-box button, .custom-label {
        display: block;
        text-align: center;
    }
}

.btn.extra-btn, .cssc-form .submit-box button.extra-btn, .extra-btn.custom-label {
    padding: 25px 50px;
    font-family: syntheseBold,sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
}

.btn-block.custom-label, .btn.btn-block, .cssc-form .submit-box button.btn-block {
    display: block;
    width: 100%;
}

.btn.disabled, .cssc-form .submit-box button.disabled, .disabled.custom-label {
    pointer-events: none;
    background-color: #eeeeef;
}

.buttons-edito {
    text-align: center;
    clear: both;
}

    .buttons-edito .btn, .buttons-edito .cssc-form .submit-box button, .buttons-edito .custom-label, .cssc-form .submit-box .buttons-edito button {
        display: inline-block;
        width: 29.159%;
        margin: 0 4.173% 4.172% 0;
        font-family: syntheseBold,sans-serif;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: 700;
    }

        .buttons-edito .btn a, .buttons-edito .cssc-form .submit-box button a, .buttons-edito .custom-label a, .cssc-form .submit-box .buttons-edito button a {
            text-decoration: none;
            color: #fff;
        }

        .buttons-edito .btn.print, .buttons-edito .cssc-form .submit-box button.print, .buttons-edito .print.custom-label, .cssc-form .submit-box .buttons-edito button.print {
            cursor: pointer;
        }

        .buttons-edito .btn.pdf, .buttons-edito .cssc-form .submit-box button.pdf, .buttons-edito .pdf.custom-label, .cssc-form .submit-box .buttons-edito button.pdf {
            background: #09c0f1;
        }

            .buttons-edito .btn.pdf:hover, .buttons-edito .cssc-form .submit-box button.pdf:hover, .buttons-edito .pdf.custom-label:hover, .cssc-form .submit-box .buttons-edito button.pdf:hover {
                background: #1172bf;
            }

@media screen and (max-width:768px) {
    .buttons-edito .btn, .buttons-edito .cssc-form .submit-box button, .buttons-edito .custom-label, .cssc-form .submit-box .buttons-edito button {
        margin-right: O;
        width: 100%;
    }
}

.custom-label:hover {
    background: #00aded;
}

.custom-label.label-white {
    background: #fff;
    color: #4d4d4d;
    border: 1px solid #b7b7b7;
}

.custom-label.label-purplz {
    background: #7f5aa4;
    color: #fff;
}

.grid {
    width: 1250px;
    margin: 0 auto;
    overflow: hidden;
    padding: 50px 0 0 50px;
    clear: both;
}

    .grid.overflow-visible {
        overflow: visible;
    }

    .grid .pic img {
        width: 100%;
        height: auto;
        border-radius: 5px;
    }

        .grid .pic img.full-height {
            max-height: 100%;
            height: 100%;
            width: auto;
            position: absolute;
            top: 0;
            left: 0;
        }

        .grid .pic img.full-width {
            height: auto;
            width: 100%;
            max-width: 100%;
            position: absolute;
            top: 0;
            left: 0;
        }

section {
    margin-top: -50px;
}

    section.no-margin {
        margin: 0;
    }

footer section {
    margin-top: 0;
}

@media screen and (max-width:1250px) {
    .grid {
        width: 100%;
        margin: 0;
        padding: 4.172% 0 0 4.173%;
    }

    section {
        margin-top: -4.173%;
    }
}

.row-fluid [class^=col-] {
    margin: 0 4.173% 4.172% 0;
    float: left;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
}

@media screen and (min-width:600px) {
    .row-fluid [class^=col-].big-btn {
        margin: 2.086% 4.173% 2.086% 0;
    }
}

.keep-ratio .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.col-lg-3 {
    width: 20.822%;
}

    .col-lg-3.keep-ratio {
        padding-bottom: 20.822%;
    }

.col-lg-4 {
    width: 29.159%;
}

    .col-lg-4.keep-ratio {
        padding-bottom: 29.159%;
    }

.col-lg-6 {
    width: 45.826%;
}

    .col-lg-6.keep-ratio {
        padding-bottom: 45.826%;
    }

.col-lg-8 {
    width: 62.493%;
}

    .col-lg-8.keep-ratio {
        padding-bottom: 62.493%;
    }

.col-lg-9 {
    width: 66.648%;
}

    .col-lg-9.keep-ratio {
        padding-bottom: 66.648%;
    }

.col-lg-12 {
    width: 95.827%;
}

@media screen and (max-width:1024px) {
    .col-md-6 {
        width: 45.826%;
    }

        .col-md-6.keep-ratio {
            padding-bottom: 45.826%;
        }

    .col-md-12 {
        width: 95.827%;
    }

        .col-md-12.keep-ratio {
            padding-bottom: 95.827%;
        }
}

@media screen and (max-width:600px) {
    .hidden-xs {
        display: none!important;
    }

    .col-xs-6 {
        width: 45.826%;
    }

        .col-xs-6.keep-ratio {
            padding-bottom: 45.826%;
        }

    .col-xs-12 {
        width: 95.827%;
    }

        .col-xs-12.keep-ratio {
            padding-bottom: 95.827%;
        }
}

#career-zone, #head-zone, #head-zone-LandingPage, #market-head, #mini-zone, .full-zone {
    color: #fff;
    padding: 237px 0 0;
}

@media screen and (max-width:768px) {
    #career-zone, #head-zone, #head-zone-LandingPage, #market-head, #mini-zone, .full-zone {
        padding: 50px 0;
    }
}

@media screen and (max-width:600px) {
    #career-zone, #head-zone, #head-zone-LandingPage, #market-head, #mini-zone, .full-zone {
        text-align: center;
    }
}

#career-zone p, #head-zone-LandingPage p, #head-zone p, #main-content #career-zone p, #main-content #head-zone-LandingPage p, #main-content #head-zone p, #main-content #market-head p, #main-content #mini-zone p, #main-content .full-zone p, #market-head p, #mini-zone p, .full-zone p {
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0 0 27px;
}

#career-zone h1, #career-zone h2, #career-zone strong, #head-zone-LandingPage h1, #head-zone-LandingPage h2, #head-zone-LandingPage strong, #head-zone h1, #head-zone h2, #head-zone strong, #main-content #career-zone h1, #main-content #career-zone h2, #main-content #career-zone strong, #main-content #head-zone-LandingPage h1, #main-content #head-zone-LandingPage h2, #main-content #head-zone-LandingPage strong, #main-content #head-zone h1, #main-content #head-zone h2, #main-content #head-zone strong, #main-content #market-head h1, #main-content #market-head h2, #main-content #market-head strong, #main-content #mini-zone h1, #main-content #mini-zone h2, #main-content #mini-zone strong, #main-content .full-zone h1, #main-content .full-zone h2, #main-content .full-zone strong, #market-head h1, #market-head h2, #market-head strong, #mini-zone h1, #mini-zone h2, #mini-zone strong, .full-zone h1, .full-zone h2, .full-zone strong {
    display: block;
    font-weight: 400;
    font-size: 50px;
    font-size: 5rem;
    margin: 0 0 13px;
    line-height: 1em;
    color: #fff;
}

#career-zone em, #head-zone-LandingPage em, #head-zone em, #market-head em, #mini-zone em, .full-zone em {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    font-style: italic;
    margin: 0 0 52px;
}

#career-zone a, #head-zone-LandingPage a, #head-zone a, #market-head a, #mini-zone a, .full-zone a {
    color: #fff;
    display: block;
    text-decoration: none;
    font-size: 14px;
    font-size: 1.4rem;
}

    #career-zone a:hover, #head-zone-LandingPage a:hover, #head-zone a:hover, #market-head a:hover, #mini-zone a:hover, .full-zone a:hover {
        text-decoration: underline;
    }

    #career-zone a.btn, #career-zone a.custom-label, #head-zone-LandingPage a.btn, #head-zone-LandingPage a.custom-label, #head-zone a.btn, #head-zone a.custom-label, #market-head a.btn, #market-head a.custom-label, #mini-zone a.btn, #mini-zone a.custom-label, .full-zone a.btn, .full-zone a.custom-label {
        display: inline-block;
        text-transform: uppercase;
        padding: 14px 22px;
        margin: 0 0 12px;
    }

        #career-zone a.btn:hover, #career-zone a.custom-label:hover, #head-zone-LandingPage a.btn:hover, #head-zone-LandingPage a.custom-label:hover, #head-zone a.btn:hover, #head-zone a.custom-label:hover, #market-head a.btn:hover, #market-head a.custom-label:hover, #mini-zone a.btn:hover, #mini-zone a.custom-label:hover, .full-zone a.btn:hover, .full-zone a.custom-label:hover {
            text-decoration: none;
        }

#mini-zone {
    padding: 0;
    min-height: 50px;
}

#career-zone h2, #main-content #career-zone h2 {
    font-size: 70px;
    font-size: 7rem;
}

@media screen and (max-width:1024px) {
    #career-zone h2, #main-content #career-zone h2 {
        font-size: 50px;
        font-size: 5rem;
    }
}

@media screen and (max-width:768px) {
    #career-zone h2, #main-content #career-zone h2 {
        font-size: 40px;
        font-size: 4rem;
    }
}

@media screen and (max-width:600px) {
    #career-zone h2, #main-content #career-zone h2 {
        font-size: 30px;
        font-size: 3rem;
    }
}

#career-zone p, #main-content #career-zone p {
    font-size: 30px;
    font-size: 3rem;
    font-weight: 400;
}

@media screen and (max-width:768px) {
    #career-zone p, #main-content #career-zone p {
        font-size: 25px;
        font-size: 2.5rem;
    }
}

@media screen and (max-width:600px) {
    #career-zone p, #main-content #career-zone p {
        font-size: 20px;
        font-size: 2rem;
    }
}

#career-zone a.btn, #career-zone a.custom-label {
    font-family: syntheseBold,sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
}

#career-zone .container {
    width: auto;
}

    #career-zone .container .grid {
        padding-top: 0;
    }

#market-head {
    position: relative;
}

@media screen and (max-width:768px) {
    #market-head {
        padding-bottom: 0;
    }
}

#market-head .container {
    position: relative;
    height: 100%;
}

#head-zone {
    min-height: 649px;
    text-align: left;
}

@media screen and (max-width:768px) {
    #head-zone {
        text-align: center;
        min-height: auto;
    }
}

#head-zone .container {
    padding: 0 15px;
}

#head-zone-LandingPage .container {
    width: auto;
}

#head-zone-ImmersiveImage.bg-picture{
    margin-bottom:0px;
}

#head-zone-ImmersiveImage.noimage .container{
    width:1250px;
}

#head-zone-ImmersiveImage.noimage #head-custom,
#head-zone-ImmersiveImage.noimage #head-custom h1,
#head-zone-ImmersiveImage.noimage #head-custom p,
#head-zone-ImmersiveImage.noimage #head-custom div{
    color :#1172bf !important;
}

#head-zone-ImmersiveImage.noimage #head-custom{
    margin-bottom:0 !important;
    padding-bottom:30px !important;
}

#head-zone-ImmersiveImage input.ms-long{
    width: 386px !important;
    font-size: 20px !important;
}

#head-zone-ImmersiveImage .ms-formfieldlabel{
    color:#FFF !important;
}

#head-zone-ImmersiveImage textarea{
    color:#444 !important;
    font-size: 12px;
    font-family: "Segoe UI Semilight","Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
}

#main-content #head-custom {
    font-size: 30px;
    font-size: 3rem;
    padding-bottom: 70px;
    font-family: syntheseLight,sans-serif;
}

    #main-content #head-custom h1 {
        font-size: 70px;
        font-size: 7rem;
        font-family: syntheseLight,sans-serif;
    }

@media screen and (max-width:1024px) {
    #main-content #head-custom h1 {
        font-size: 50px;
        font-size: 5rem;
    }
}

@media screen and (max-width:768px) {
    #main-content #head-custom h1 {
        font-size: 40px;
        font-size: 4rem;
    }
}

@media screen and (max-width:600px) {
    #main-content #head-custom h1 {
        font-size: 30px;
        font-size: 3rem;
    }
}

#main-content #head-custom p {
	font-size: 30px;
	font-size: 3rem;
	font-weight: 400;
    margin: 0 0 27px;
    display: block;
    color: #fff;
}

@media screen and (max-width:768px) {
    #main-content #head-custom p {
        font-size: 25px;
        font-size: 2.5rem;
    }
}

@media screen and (max-width:600px) {
    #main-content #head-custom p {
        font-size: 20px;
        font-size: 2rem;
    }
}

@media screen and (max-width:500px) {
    #main-content #head-custom p {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

.entry-arrow {
    padding: 25px 0;
    overflow: hidden;
    border-top: 1px solid #717171;
    border-bottom: 1px solid #717171;
}

@media screen and (max-width:768px) {
    .entry-arrow {
        height: auto;
    }
}

.entry-arrow.col-lg-6 {
    height: 163px;
}

@media screen and (max-width:1024px) {
    .entry-arrow.col-lg-6 {
        height: auto;
    }
}

.entry-arrow a, .entry-arrow label {
    display: table;
    width: 100%;
    text-decoration: none;
    color: #707070;
    overflow: hidden;
}

@media screen and (max-width:600px) {
    .entry-arrow a, .entry-arrow label {
        width: 100%;
    }
}

.entry-arrow .icon {
    width: 20%;
    max-width: 70px;
    display: table-cell;
    vertical-align: middle;
    margin: 0;
}

@media screen and (max-width:1024px) and (min-width:600px) {
    .entry-arrow .icon {
        display: none;
    }
}

.entry-arrow .icon img {
    width: 100%;
    height: auto;
}

.entry-arrow .txt {
    display: table-cell;
    vertical-align: middle;
    width: 60%;
    padding: 0 4%;
    margin: 0;
}

@media screen and (max-width:1024px) and (min-width:600px) {
    .entry-arrow .txt {
        width: 85%;
        padding: 0 7% 0 0;
    }
}

.entry-arrow h3 {
    line-height: 1.2em;
    margin: 0;
    color: #707070;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 700;
}

@media screen and (max-width:1024px) {
    .entry-arrow h3 {
        font-size: 14px;
        font-size: 1.4rem;
    }
}

@media screen and (max-width:768px) {
    .entry-arrow h3 {
        font-size: 13.5px;
        font-size: 1.35rem;
    }
}

@media screen and (max-width:600px) {
    .entry-arrow h3 {
        font-size: 13px;
        font-size: 1.3rem;
    }
}

.entry-arrow p {
    line-height: 1.2em;
    color: #707070;
    margin: 0;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
}

@media screen and (max-width:768px) {
    .entry-arrow p {
        font-size: 13.5px;
        font-size: 1.35rem;
    }
}

@media screen and (max-width:600px) {
    .entry-arrow p {
        font-size: 13px;
        font-size: 1.3rem;
    }
}

.entry-arrow span {
    display: table-cell;
    vertical-align: middle;
    width: 20%;
    font-size: 62px;
    font-size: 6.2rem;
    font-size: 3.5vw;
    line-height: 1.2em;
}

@media screen and (max-width:600px) {
    .entry-arrow span {
        font-size: 40px;
        font-size: 4rem;
    }
}

@media screen and (max-width:1024px) and (min-width:600px) {
    .entry-arrow span {
        width: 15%;
    }
}

.entry-arrow.purple .txt {
    vertical-align: top;
}

.entry-arrow.purple span {
    color: #dfd9ea;
}

.entry-arrow.yellow span {
    color: #ffd27c;
}

.entry-arrow.blue span {
    color: #8ad1ee;
}

.entry-arrow + .entry-arrow span {
    color: #ffd27c;
}

.entry-arrow + .entry-arrow + .entry-arrow span {
    color: #8ad1ee;
}

.full-entry {
    display: table;
}

@media screen and (max-width:768px) {
    .full-entry {
        display: block;
    }
}

.full-entry a {
    display: table-cell;
    vertical-align: middle;
    width: auto;
}

@media screen and (max-width:768px) {
    .full-entry a {
        display: block;
    }
}

@media screen and (max-width:600px) {
    .full-entry a {
        width: 100%;
    }
}

.cssc-form .submit-box .full-entry button, .full-entry .btn, .full-entry .cssc-form .submit-box button, .full-entry .custom-label, .full-entry .icon, .full-entry .txt {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

@media screen and (max-width:768px) {
    .full-entry .icon {
        margin: 0 0 15px;
        width: 13%;
    }
}

.cssc-form .submit-box .full-entry button, .full-entry .btn, .full-entry .cssc-form .submit-box button, .full-entry .custom-label {
    font-size: 14px;
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #fff;
    float: right;
    padding: 24px 24px 23px;
    text-align: center;
}

@media screen and (max-width:768px) {
    .cssc-form .submit-box .full-entry button, .full-entry .btn, .full-entry .cssc-form .submit-box button, .full-entry .custom-label {
        float: none;
        width: 100%;
        padding: 15px;
        text-align: center;
    }
}

.full-entry .txt {
    float: none;
    width: 70%;
    margin: 0 25px 0 0;
    padding: 0 25px;
}

@media screen and (max-width:768px) {
    .full-entry .txt {
        margin: 0 0 15px;
        padding: 0 0 0 25px;
        width: 85%;
    }
}

.full-entry .txt p {
    font-size: 23px;
    font-size: 2.3rem;
}

.quick-link .link {
    width: 47.826%;
    margin: 0 2.087% 4.172% 0;
    float: left;
    position: relative;
    padding: 25px 0;
    overflow: hidden;
    border-top: 1px solid #717171;
    border-bottom: 1px solid #717171;
    display: table;
}

    .quick-link .link + .link {
        margin: 0 0 4.172% 2.087%;
    }

@media screen and (max-width:768px) {
    .quick-link .link {
        margin: 0 0 4.172%;
        width: 100%;
    }

        .quick-link .link + .link {
            margin: 0 0 4.172%;
        }
}

.quick-link .link .icon {
    width: 20%;
    max-width: 70px;
    display: table-cell;
    vertical-align: middle;
    margin: 0;
}

.quick-link .link h3 {
    line-height: 1.2em;
    margin: 0;
    color: #707070;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 700;
}

.quick-link .link .txt {
    display: table-cell;
    vertical-align: middle;
    width: 60%;
    padding: 0 4%;
    margin: 0;
}

.quick-link .link p {
    line-height: 1.2em;
    color: #707070;
    margin: 0;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
}

.quick-link .link .fleche {
    display: table-cell;
    vertical-align: middle;
    width: 20%;
    font-size: 62px;
    font-size: 6.2rem;
    font-size: 3.5vw;
    line-height: 1.2em;
}

    .quick-link .link .fleche a {
        padding: 0;
        line-height: normal;
    }

    .quick-link .link .fleche img {
        float: right;
    }

.square {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}

    .square a {
        display: block;
        height: 100%;
    }

        .square a, .square a:active, .square a:hover, .square a:link, .square a:visited {
            text-decoration: none;
        }

@media screen and (min-width:1024px) {
    .square a:hover {
        text-decoration: none;
    }

        .square a:hover .txt {
            top: 25px!important;
        }

        .square a:hover .date {
            padding: 10px 0;
            height: 45px;
            visibility: visible;
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
            opacity: 1;
            margin-bottom: 25px;
        }

        .cssc-form .submit-box .square a:hover button, .square a:hover .btn, .square a:hover .cssc-form .submit-box button, .square a:hover .custom-label {
            visibility: visible;
            height: 45px;
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
            opacity: 1;
            padding: 10px 25px;
            display: inline-block;
        }

        .square a:hover p {
            overflow: hidden;
        }

            .square a:hover p.extract {
                max-height: 0;
                height: auto;
                filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
                opacity: 0;
                -webkit-transition: all .1s ease-in;
                transition: all .1s ease-in;
            }

            .square a:hover p.full {
                max-height: 500px;
                display: block;
                visibility: visible;
                filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
                opacity: 1;
                -webkit-transition: all .3s ease-in;
                transition: all .3s ease-in;
                margin: 0 0 25px;
            }

        .square a:hover .pic img {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }
}

.square .pic {
    height: 100%;
    overflow: hidden;
    border-radius: 5px;
    z-index: 4;
    position: relative;
}

    .square .pic img {
        width: 100%;
        -webkit-transition: all .7s ease;
        transition: all .7s ease;
    }

.square .txt {
    z-index: 7;
    text-align: center;
    position: absolute;
    left: 25px;
    right: 25px;
    bottom: 25px;
    overflow: hidden;
    background-color: #00aded;
    background-color: rgba(0,173,237,.85);
    border-radius: 5px;
    -webkit-transition: all .3s;
    transition: all .3s;
    padding: 20px;
}

    .square .txt h2 {
        margin: 0 0 10px;
        font-size: 32px;
        font-size: 3.2rem;
        font-weight: 400;
        line-height: 1em;
        color: #fff;
    }

@media screen and (max-width:1024px) {
    .square .txt h2 {
        font-size: 35px;
        font-size: 3.5rem;
    }
}

@media screen and (max-width:768px) {
    .square .txt h2 {
        font-size: 25px;
        font-size: 2.5rem;
    }
}

@media screen and (max-width:600px) {
    .square .txt h2 {
        font-size: 20px;
        font-size: 2rem;
    }
}

.square .txt p {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0;
    overflow: hidden;
    line-height: 1.2em;
    color: #fff;
}

@media screen and (max-width:600px) {
    .square .txt p {
        font-size: 14px;
        font-size: 1.4rem;
    }
}

.square .txt p.extract {
    max-height: 500px;
    height: 62px;
    height: 3.85em;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

@media screen and (max-width:1024px) {
    .square .txt p.extract {
        height: 50px;
    }
}

@media screen and (max-width:768px) {
    .square .txt p.extract {
        height: 50px;
    }
}

@media screen and (max-width:600px) {
    .square .txt p.extract {
        height: 53px;
    }
}

.square .txt p.extract.small {
    height: 44px;
    height: 2.7em;
}

.square .txt p.full {
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    max-height: 0;
    padding-bottom: 8px;
    margin-bottom: 0;
}

.square .txt .date, .square .txt p.full {
    visibility: hidden;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

.square .txt .date {
    -webkit-transition: all .3s;
    transition: all .3s;
    height: 0;
    overflow: hidden;
    font-size: 18px;
    font-size: 1.8rem;
    color: #fff;
    position: relative;
    margin: 0;
    padding: 0;
}

    .square .txt .date:after, .square .txt .date:before {
        position: absolute;
        width: 50px;
        height: 1px;
        background: #fff;
        content: '';
        display: block;
        left: 50%;
        margin-left: -25px;
    }

    .square .txt .date:before {
        top: 0;
    }

    .square .txt .date:after {
        bottom: 0;
    }

.cssc-form .submit-box .square .txt button, .square .txt .btn, .square .txt .cssc-form .submit-box button, .square .txt .custom-label {
    display: none;
    background: transparent;
    padding: 0 25px;
    border: 1px solid #fff;
    font-size: 17px;
    font-size: 1.7rem;
    text-transform: uppercase;
    -webkit-transition: all .3s;
    transition: all .3s;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

    .cssc-form .submit-box .square .txt button:hover, .square .txt .btn:hover, .square .txt .cssc-form .submit-box button:hover, .square .txt .custom-label:hover {
        color: #000;
        background: #fff;
    }

.square.square-white .txt {
    background-color: #fff;
    background-color: hsla(0,0%,100%,.85);
}

    .cssc-form .submit-box .square.square-white .txt button, .square.square-white .txt .btn, .square.square-white .txt .cssc-form .submit-box button, .square.square-white .txt .custom-label {
        color: #707070;
        border-color: #707070;
    }

    .square.square-white .txt .date {
        color: #707070;
    }

    .square.square-white .txt h2 {
        color: #1172bf;
    }

    .square.square-white .txt p {
        color: #707070;
    }

.square.square-orange .txt {
    background-color: #f28f2f;
    background-color: rgba(242,143,47,.85);
}

.square.square-black .txt {
    background: #fff;
    background-color: #000;
    background-color: rgba(0,0,0,.65);
}

    .square.square-black .txt h2, .square.square-black .txt p {
        color: #fff;
    }

.square.square-purple .txt {
    background-color: #60318e;
    background-color: rgba(96,49,142,.85);
}

    .square.square-purple .txt h2, .square.square-purple .txt p {
        color: #fff;
    }

.square.square-full .txt {
    top: 25px;
    padding: 25px;
    background-color: #00aded;
    background-color: rgba(0,173,237,.85);
}

    .square.square-full .txt h2, .square.square-full .txt p {
        color: #fff;
    }

    .square.square-full .txt h2 {
        margin: 0 0 20px;
    }

    .square.square-full .txt p {
        margin: 0 0 25px;
        line-height: 1.5em;
    }

@media screen and (max-width:1200px) and (min-width:1024px) {
    .square.col-lg-4 h2, .square.col-lg-6 h2 {
        font-size: 30px;
        font-size: 3rem;
    }
}

@media screen and (max-width:1024px) and (min-width:768px) {
    .square.col-lg-4 h2, .square.col-lg-6 h2 {
        font-size: 25px;
        font-size: 2.5rem;
    }
}

@media screen and (max-width:768px) and (min-width:600px) {
    .square.col-lg-4 h2, .square.col-lg-6 h2 {
        font-size: 20px;
        font-size: 2rem;
    }
}

@media screen and (max-width:1024px) and (min-width:768px) {
    .square.col-lg-4 p, .square.col-lg-6 p {
        font-size: 14px;
        font-size: 1.4rem;
    }
}

@media screen and (max-width:768px) and (min-width:600px) {
    .square.col-lg-4 p, .square.col-lg-6 p {
        font-size: 13px;
        font-size: 1.3rem;
    }
}

.square-multicolor .square:nth-child(2n+2) .txt {
    background-color: #60318e;
    background-color: rgba(96,49,142,.85);
}

    .square-multicolor .square:nth-child(2n+2) .txt h2, .square-multicolor .square:nth-child(2n+2) .txt p {
        color: #fff;
    }

.square-multicolor .square:nth-child(4n+3) .txt {
    background: #fff;
    background-color: #000;
    background-color: rgba(0,0,0,.65);
}

    .square-multicolor .square:nth-child(4n+3) .txt h2, .square-multicolor .square:nth-child(4n+3) .txt p {
        color: #fff;
    }

.square-multicolor .square:nth-child(4n+4) .txt {
    background-color: #f28f2f;
    background-color: rgba(242,143,47,.85);
}

#dyk-zone, #job, #job-zone, #PanelSurvey, .banner-color {
    padding: 6% 10px 30px;
}

    #dyk-zone .container, #job-zone .container, #job .container, #PanelSurvey .container, .banner-color .container {
        width: 1150px;
    }

@media screen and (max-width:1024px) {
    #dyk-zone .container, #job-zone .container, #job .container, #PanelSurvey .container, .banner-color .container {
        width: 100%;
    }
}

@media screen and (max-width:1024px) {
    #dyk-zone, #job, #job-zone, #PanelSurvey, .banner-color {
        padding: 65px 20px 30px;
        height: auto;
    }
}

@media screen and (max-width:600px) {
    #dyk-zone, #job, #job-zone, #PanelSurvey, .banner-color {
        padding: 20px;
        background: #3bafe0;
        margin: 4.172%;
        border-radius: 5px;
    }

        #dyk-zone .container, #job-zone .container, #job .container, #PanelSurvey .container, .banner-color .container {
            padding: 0;
        }
}

#dyk-zone strong, #job-zone strong, #job strong, #PanelSurvey strong, .banner-color strong {
    font-size: 50px;
    font-size: 5rem;
    font-weight: 400;
    padding: 0 0 33px;
    margin: 0 0 33px;
    display: block;
    position: relative;
    color: #fff;
}

@media screen and (max-width:600px) {
    #dyk-zone strong, #job-zone strong, #job strong, #PanelSurvey strong, .banner-color strong {
        font-size: 35px;
        font-size: 3.5rem;
        padding: 0 0 23px;
        margin: 0 0 23px;
    }
}

#dyk-zone strong:after, #job-zone strong:after, #job strong:after, #PanelSurvey strong:after, .banner-color strong:after {
    display: block;
    content: "";
    width: 47px;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
}

@media screen and (max-width:600px) {
    #dyk-zone strong:after, #job-zone strong:after, #job strong:after, #PanelSurvey strong:after, .banner-color strong:after {
        left: 50%;
        margin-left: -23px;
    }
}

#dyk-zone p, #job-zone p, #job p, #PanelSurvey p, .banner-color p {
    width: 50%;
    color: #fff;
    line-height: 1.2em;
    font-size: 22px;
    font-size: 2.2rem;
    margin: 0 0 50px;
}

@media screen and (max-width:1024px) {
    #dyk-zone p, #job-zone p, #job p, #PanelSurvey p, .banner-color p {
        width: 100%;
    }
}

@media screen and (max-width:600px) {
    #dyk-zone p, #job-zone p, #job p, #PanelSurvey p, .banner-color p {
        font-size: 18px;
        font-size: 1.8rem;
        margin: 0 0 30px;
    }
}

#dyk-zone a.btn, #dyk-zone a.custom-label, #job-zone a.btn, #job-zone a.custom-label, #job a.btn, #job a.custom-label, #PanelSurvey a.btn, #PanelSurvey a.custom-label, .banner-color a.btn, .banner-color a.custom-label {
    border: 0;
    padding: 13px 25px;
    font-size: 15px;
    font-size: 1.5rem;
    color: #00aded;
    text-transform: uppercase;
    text-align: center;
}

@media screen and (max-width:1024px) {
    #dyk-zone a.btn, #dyk-zone a.custom-label, #job-zone a.btn, #job-zone a.custom-label, #job a.btn, #job a.custom-label, #PanelSurvey a.btn, #PanelSurvey a.custom-label, .banner-color a.btn, .banner-color a.custom-label {
        width: 100%;
    }
}

@media screen and (max-width:600px) {
    #dyk-zone a.btn, #dyk-zone a.custom-label, #job-zone a.btn, #job-zone a.custom-label, #job a.btn, #job a.custom-label, #PanelSurvey a.btn, #PanelSurvey a.custom-label, .banner-color a.btn, .banner-color a.custom-label {
        font-size: 13px;
        font-size: 1.3rem;
        padding: 13px 15px;
    }
}

.banner-color {
    overflow: hidden;
}

    .banner-color p, .banner-color strong {
        width: 50%;
        float: right;
        clear: both;
    }

@media screen and (max-width:768px) {
    .banner-color p, .banner-color strong {
        width: 100%;
        float: none;
    }
}

@media screen and (max-width:600px) {
    #dyk-zone, #PanelSurvey {
        background: #3bafe0!important;
        text-align: center;
    }
}

.txt-content {
    position: relative;
}

    .txt-content h2 {
        color: #1172bf;
        margin: 0 0 10px;
        line-height: 1.1em;
        font-weight: 400;
        font-size: 30px;
        font-size: 3rem;
    }

@media screen and (max-width:768px) {
    .txt-content h2 {
        font-size: 30px;
        font-size: 3rem;
    }
}

@media screen and (max-width:600px) {
    .txt-content h2 {
        font-size: 25px;
        font-size: 2.5rem;
    }
}

@media screen and (max-width:400px) {
    .txt-content h2 {
        font-size: 20px;
        font-size: 2rem;
    }
}

.txt-content p {
    margin: 0 0 33px;
    line-height: 1.1em;
    font-size: 20px;
    font-size: 2rem;
    color: #707070;
    position: relative;
    padding: 0 0 33px;
}

@media screen and (max-width:1024px) {
    .txt-content p {
        font-size: 20px;
        font-size: 2rem;
    }
}

@media screen and (max-width:768px) {
    .txt-content p {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

@media screen and (max-width:600px) {
    .txt-content p {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

.txt-content p:after {
    font-family: ico;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    background: none;
    width: auto;
    height: auto;
    content: "\e600";
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #00aded;
    font-size: 9px;
}

.txt-content a.btn, .txt-content a.custom-label {
    font-size: 13px;
    font-size: 1.3rem;
    padding: 9px 20px 10px;
    text-transform: uppercase;
}

@media screen and (max-width:1024px) {
    .txt-content.keep-ratio.col-xs-12 {
        padding-bottom: 0;
    }

        .txt-content.keep-ratio.col-xs-12 .content {
            position: relative;
        }
}

/* PCE : pb KEC */
.col-lg-9, .col-md-12 { padding:0px }

.pic-content {
    overflow: hidden;
    border-radius: 5px;
    position: relative;
    z-index: 1;
	padding:0px;
}

    .pic-content a {
        display: block;
    }

        .pic-content a:hover img {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }

    .pic-content img {
        width: 100%;
        height: auto;
        border-radius: 5px;
        -webkit-transition: all .5s;
        transition: all .5s;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

.simple-content {
    text-align: center;
}

    .simple-content h2 {
        font-size: 45px;
        font-size: 4.5rem;
        font-weight: 400;
        color: #1172bf;
        margin: 0 0 25px;
    }

@media screen and (max-width:1024px) {
    .simple-content h2 {
        font-size: 40px;
        font-size: 4rem;
    }
}

@media screen and (max-width:768px) {
    .simple-content h2 {
        font-size: 35px;
        font-size: 3.5rem;
    }
}

@media screen and (max-width:600px) {
    .simple-content h2 {
        font-size: 30px;
        font-size: 3rem;
    }
}

.simple-content p {
    text-align: left;
    font-size: 18px;
    font-size: 1.8rem;
    color: #707070;
    margin: 0 0 25px;
}

@media screen and (max-width:600px) {
    .simple-content p {
        font-size: 15px;
        font-size: 1.5rem;
    }
}

.simple-content a.btn, .simple-content a.custom-label {
    padding: 25px 50px;
    font-family: syntheseBold,sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
}

.justify-content img {
    border-radius: 5px;
}

.justify-content h1 {
    font-size: 40px;
    font-size: 4rem;
    font-weight: 400;
    color: #1172bf;
    padding: 0 0 25px;
    margin: 0 0 25px;
    position: relative;
    line-height: 1.11em;
}

    .justify-content h1:after {
        display: block;
        content: "";
        width: 47px;
        height: 1px;
        background: #707070;
        position: absolute;
        left: 0;
        bottom: 0;
    }

#main-content .justify-content h1 {
    font-size: 55px;
    font-size: 5.5rem;
    font-weight: 400;
    color: #1172bf;
    padding: 0 0 25px;
    margin: 0 0 25px;
    position: relative;
    line-height: 1.11em;
}

@media screen and (max-width:1024px) {
    #main-content .justify-content h1 {
        font-size: 40px;
        font-size: 4rem;
    }
}

@media screen and (max-width:768px) {
    #main-content .justify-content h1 {
        font-size: 35px;
        font-size: 3.5rem;
    }
}

@media screen and (max-width:600px) {
    #main-content .justify-content h1 {
        font-size: 30px;
        font-size: 3rem;
    }
}

@media screen and (max-width:1024px) {
    .justify-content h1 {
        font-size: 40px;
        font-size: 4rem;
    }
}

@media screen and (max-width:768px) {
    .justify-content h1 {
        font-size: 35px;
        font-size: 3.5rem;
    }
}

@media screen and (max-width:600px) {
    .justify-content h1 {
        font-size: 30px;
        font-size: 3rem;
    }
}

.justify-content h2 {
    font-size: 45px;
    font-size: 4.5rem;
    font-weight: 400;
    color: #1172bf;
    position: relative;
    line-height: 1.11em;
    margin: 0 0 20px;
}

@media screen and (max-width:1024px) {
    .justify-content h2 {
        font-size: 40px;
        font-size: 4rem;
    }
}

@media screen and (max-width:768px) {
    .justify-content h2 {
        font-size: 35px;
        font-size: 3.5rem;
    }
}

@media screen and (max-width:600px) {
    .justify-content h2 {
        font-size: 30px;
        font-size: 3rem;
    }
}

.justify-content h2:after {
    display: none;
}

.justify-content h3 {
    font-size: 35px;
    font-size: 3.5rem;
    font-weight: 400;
    color: #1172bf;
    margin: 0 0 10px;
    position: relative;
    line-height: 1.11em;
}

@media screen and (max-width:1024px) {
    .justify-content h3 {
        font-size: 30px;
        font-size: 3rem;
    }
}

@media screen and (max-width:768px) {
    .justify-content h3 {
        font-size: 25px;
        font-size: 2.5rem;
    }
}

@media screen and (max-width:600px) {
    .justify-content h3 {
        font-size: 20px;
        font-size: 2rem;
    }
}

.justify-content h4 {
    font-size: 30px;
    font-size: 3rem;
    font-weight: 400;
    color: #1172bf;
    margin: 0 0 10px;
    position: relative;
    line-height: 1.11em;
}

@media screen and (max-width:1024px) {
    .justify-content h4 {
        font-size: 25px;
        font-size: 2.5rem;
    }
}

@media screen and (max-width:768px) {
    .justify-content h4 {
        font-size: 20px;
        font-size: 2rem;
    }
}

@media screen and (max-width:600px) {
    .justify-content h4 {
        font-size: 15px;
        font-size: 1.5rem;
    }
}

.justify-content .strg p {
    color: #7f5aa4;
    font-weight: 700;
}

.justify-content li, .justify-content p {
    text-align: left;
    font-size: 18px;
    font-size: 1.8rem;
    color: #707070;
    margin: 0 0 25px;
}

@media screen and (max-width:600px) {
    .justify-content li, .justify-content p {
        font-size: 15px;
        font-size: 1.5rem;
    }
}

.justify-content li strong, .justify-content p strong {
    color: #7f5aa4;
}

.justify-content li {
    margin: 0;
}

.justify-content .product-description, .justify-content strong {
    color: #7f5aa4;
}

    .justify-content strong p {
        color: #7f5aa4;
        font-weight: 700;
    }

@media screen and (max-width:1024px) {
    .justify-content img:not(.ms-rtePosition-2):not(.ms-rtePosition-1) {
        width: 100%!important;
        margin-left: 0!important;
        margin-right: 0!important;
    }
}

@media screen and (max-width:600px) {
    .justify-content.col-lg-12 {
        margin: 0 4.173% 4.172% 0;
        width: 95.827%;
    }
}

@media screen and (max-width:768px) {
    .justify-content img.ms-rtePosition-1, .justify-content img.ms-rtePosition-2 {
        width: 50%!important;
    }
}

@media screen and (max-width:500px) {
    .justify-content img, .justify-content img.ms-rtePosition-1, .justify-content img.ms-rtePosition-2 {
        width: 100%!important;
        margin-left: 0!important;
        margin-right: 0!important;
    }
}

.page-comment {
    margin: 0 0 25px;
}

.exif .news-wrap .col-lg-12 {
    margin: 0 0 16px;
}

.testimonial-title {
    text-align: center;
}

    .testimonial-title h2 {
        margin: 0;
        font-size: 40px;
        font-size: 4rem;
        font-weight: 400;
        color: #1172bf;
    }

@media screen and (max-width:768px) {
    .testimonial-title h2 {
        font-size: 35px;
        font-size: 3.5rem;
    }
}

@media screen and (max-width:600px) {
    .testimonial-title h2 {
        font-size: 27px;
        font-size: 2.7rem;
    }
}

.testimonial-title h3 {
    margin: 0;
    font-size: 25px;
    font-size: 2.5rem;
    font-weight: 400;
    color: #f28f2f;
}

@media screen and (max-width:600px) {
    .testimonial-title h3 {
        font-size: 20px;
        font-size: 2rem;
    }
}

.testimonial {
    text-align: center;
}

    .testimonial a {
        text-decoration: none;
    }

        .testimonial a:hover .pic img {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }

    .testimonial .pic {
        overflow: hidden;
        border-radius: 100%;
        margin: 0 auto 25px;
        position: relative;
        z-index: 1;
        width: 288px;
        height: 288px;
    }

        .testimonial .pic img {
            display: inherit;
            -webkit-transition: all .7s ease;
            transition: all .7s ease;
        }

    .testimonial blockquote {
        font-size: 24px;
        font-size: 2.4rem;
        color: #00aded;
        line-height: 1.2em;
        padding: 0 25px;
        margin: 0 0 25px;
    }

@media screen and (max-width:768px) {
    .testimonial blockquote {
        font-size: 20px;
        font-size: 2rem;
    }
}

@media screen and (max-width:600px) {
    .testimonial blockquote {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

.testimonial .author {
    font-size: 20px;
    font-size: 2rem;
    color: #4d4d4d;
    margin: 0 0 2px;
    line-height: 1.1em;
}

.testimonial .status {
    font-size: 16px;
    font-size: 1.6rem;
    color: #707070;
    line-height: 1.1em;
}

.big-pic-title {
    position: relative;
}

    .big-pic-title .txt {
        bottom: 25px;
        left: 25px;
        position: absolute;
    }

        .big-pic-title .txt h2 {
            font-size: 50px;
            font-size: 5rem;
            color: #fff;
            font-weight: 400;
            line-height: 1em;
            margin: 0;
        }

@media screen and (max-width:1024px) {
    .big-pic-title .txt h2 {
        font-size: 50px;
        font-size: 5rem;
    }
}

@media screen and (max-width:768px) {
    .big-pic-title .txt h2 {
        font-size: 45px;
        font-size: 4.5rem;
    }
}

@media screen and (max-width:600px) {
    .big-pic-title .txt h2 {
        font-size: 50px;
        font-size: 5rem;
    }
}

@media screen and (max-width:500px) {
    .big-pic-title .txt h2 {
        font-size: 35px;
        font-size: 3.5rem;
    }
}

.cssc-form {
    clear: both;
}

    .cssc-form .box:after, .cssc-form .twoboxes:after, .cssc-form:after, .form-append:after {
        content: " ";
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
    }

    .cssc-form .box {
        z-index: 1;
        position: relative;
        vertical-align: baseline;
    }

    .cssc-form .submit-box {
        z-index: 1;
        position: relative;
        text-align: left;
    }

        .cssc-form .submit-box button {
            font-size: 25px;
            font-size: 2.5rem;
            padding: 23px 23px 22px;
            min-width: 316px;
            text-align: center;
            text-transform: uppercase;
        }

@media screen and (max-width:600px) {
    .cssc-form .submit-box button {
        font-size: 20px;
        font-size: 2rem;
    }
}

@media screen and (max-width:500px) {
    .cssc-form .submit-box button {
        width: 100%;
        min-width: 100%;
    }
}

.cssc-form .twoboxes li.box {
    float: left;
    box-sizing: border-box;
    width: 50%;
}

@media screen and (max-width:500px) {
    .cssc-form .twoboxes li.box {
        width: 100%;
    }
}

.cssc-form .fake-label, .cssc-form label {
    display: block;
    line-height: inherit;
}

.float-form .fake-label, .float-form label {
    position: absolute;
    top: 0;
    left: 0;
}

.cssc-form.block-form .checked-box label, .cssc-form.block-form .radio-box label, .cssc-form .checked-box label, .cssc-form.float-form .checked-box label, .cssc-form.float-form .radio-box label, .cssc-form .radio-box label {
    display: inline-block;
    position: static;
    width: auto;
    padding: 0;
    font-weight: 400;
    line-height: inherit;
    vertical-align: baseline;
}

textarea {
    max-width: 100%;
    overflow: auto;
    resize: vertical;
}

button, input[type=image], input[type=submit] {
    cursor: pointer;
}

.cssc-form input[type=checkbox], .cssc-form input[type=radio] {
    vertical-align: 0;
}

.cssc-form .fake-input, .cssc-form input[type=email], .cssc-form input[type=password], .cssc-form input[type=text], .cssc-form input[type=url], .cssc-form select, .cssc-form textarea, .inputbase, .inputreset {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    font-family: inherit;
    vertical-align: middle;
    outline: 0;
}

.cssc-form .fake-input {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.cssc-form .fake-input, .cssc-form [disabled] {
    cursor: not-allowed;
}

.cssc-select {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    text-align: left;
    text-indent: .01px;
    text-overflow: ellipsis;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
}

    .cssc-select:focus {
        outline: none;
    }

.cssc-form small {
    display: block;
}

.cssc-form.block-form .side-small {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
}

.cssc-form .box.has-autocomplete {
    z-index: 2;
}

.cssc-form .box-autocomplete {
    z-index: 1;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    margin-top: 1px;
    background-color: #fff;
}

.form-append {
    min-height: 1;
    overflow: auto;
}

    .form-append > * {
        float: left;
        width: auto;
    }

@media (max-width:720px) {
    .float-form.cssc-form--responsive .box {
        padding-left: 0!important;
    }

        .float-form.cssc-form--responsive .box:not(.checked-box):not(.radio-box) label, .float-form.cssc-form--responsive .fake-label {
            display: block;
            position: static;
            width: auto!important;
            padding-right: 0!important;
            text-align: left;
        }

        .float-form.cssc-form--responsive .box .long-label {
            line-height: inherit!important;
        }
}

@media (max-width:720px) {
    .cssc-form.cssc-form--responsive .twoboxes .box {
        display: block;
        float: none;
        width: auto;
        padding-right: 0!important;
        padding-left: 0!important;
    }
}

.cssc-form--default {
    margin-bottom: 20px;
    max-width: 100%;
}

    .cssc-form--default fieldset {
        border: 0;
        margin: 0 0 50px;
        padding: 0;
        outline: 0;
        font: inherit;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
    }

    .cssc-form--default legend {
        display: block;
        margin: 0 0 10px;
        padding: 0 0 0 5px;
        font-size: 14px;
        font-weight: 700;
    }

    .cssc-form--default ul {
        margin: 0 0 25px;
        padding: 0;
    }

@media screen and (max-width:500px) {
    .cssc-form--default ul {
        margin: 0 0 15px;
    }
}

.cssc-form--default .box {
    min-height: 25px;
    line-height: 25px;
    list-style-type: none;
    margin: 0 0 25px;
    padding: 0;
}

    .cssc-form--default .box input + span {
        color: red;
    }

@media screen and (max-width:500px) {
    .cssc-form--default .box {
        margin: 0 0 15px;
    }
}

.cssc-form--default .box:last-child {
    margin-bottom: 0;
}

.cssc-form--default .twoboxes li.box:nth-child(odd) {
    padding-right: 25px;
}

@media screen and (max-width:600px) {
    .cssc-form--default .twoboxes li.box:nth-child(odd) {
        padding-right: 15px;
    }
}

@media screen and (max-width:500px) {
    .cssc-form--default .twoboxes li.box:nth-child(odd) {
        padding: 0;
    }
}

.cssc-form--default .twoboxes li.box:nth-child(even) {
    padding-left: 25px;
}

@media screen and (max-width:600px) {
    .cssc-form--default .twoboxes li.box:nth-child(even) {
        padding-left: 15px;
    }
}

@media screen and (max-width:500px) {
    .cssc-form--default .twoboxes li.box:nth-child(even) {
        padding: 0;
    }
}

.cssc-form--default.float-form .twoboxes li.box + li.box {
    padding-left: 140px;
}

.cssc-form.cssc-form--default .multibox-box input[type=email], .cssc-form.cssc-form--default .multibox-box input[type=password], .cssc-form.cssc-form--default .multibox-box input[type=text], .cssc-form.cssc-form--default .multibox-box input[type=url] {
    width: 65px;
}

.cssc-form.cssc-form--default .multibox-box input.halfling {
    width: 45px;
}

.cssc-form--default.float-form .box {
    padding-left: 130px;
}

.cssc-form--default.float-form .fake-label, .cssc-form--default.float-form label {
    width: 120px;
    padding-right: 10px;
    text-align: right;
}

.cssc-form--default .fake-label, .cssc-form--default label, .labelcontactform {
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    color: #1172bf;
}

.cssc-form--default.float-form .box .long-label {
    top: -1px;
    line-height: 13px;
}

.cssc-form--default .fake-label em, .cssc-form--default label em {
    font-style: normal;
    font-weight: 700;
    color: #4d4d4d;
}

.cssc-form--default .fake-input, .cssc-form--default input[type=email], .cssc-form--default input[type=password], .cssc-form--default input[type=text], .cssc-form--default input[type=url], .cssc-form--default textarea, .cssc-form select, .cssc-select, .inputbase {
    height: 50px;
    padding: 0 15px;
    border: 1px solid #b7b7b7;
    border-radius: 5px;
    font-size: 17px;
    font-size: 1.7rem;
    color: #4d4d4d;
    background: #fff;
}

.cssc-select {
    padding: 3px 23px 3px 5px;
}

.cssc-form--default .fake-input, .lt_ie9 .cssc-form--default input[type=email], .lt_ie9 .cssc-form--default input[type=password], .lt_ie9 .cssc-form--default input[type=text], .lt_ie9 .cssc-form--default input[type=url], .lt_ie9 .inputbase {
    line-height: 25px;
}

.cssc-form--default textarea {
    padding: 15px;
    min-height: 255px;
}

@media screen and (max-width:600px) {
    .cssc-form--default textarea {
        min-height: 200px;
    }
}

@media screen and (max-width:500px) {
    .cssc-form--default textarea {
        min-height: 150px;
    }
}

@media screen and (max-width:400px) {
    .cssc-form--default textarea {
        min-height: 100px;
    }
}

.cssc-form--default input[type=email]:focus, .cssc-form--default input[type=password]:focus, .cssc-form--default input[type=text]:focus, .cssc-form--default input[type=url]:focus, .cssc-form--default textarea:focus, .cssc-select:focus, .inputbase:focus {
    border-color: #333;
    color: #000;
    background-color: #fff;
}

.cssc-form--default input[type=checkbox], .cssc-form--default input[type=radio] {
    width: 12px;
    height: 12px;
}

.cssc-form--default small {
    font-size: 11px;
    line-height: 16px;
    color: #676767;
}

.cssc-form--default.block-form .side-small {
    line-height: 25px;
}

.cssc-form input[type=email]:not(:focus):not(:default):invalid, .cssc-form input[type=url]:not(:focus):not(:default):invalid {
    border-color: #c33;
}

.cssc-form .fake-input, .cssc-form [disabled] {
    color: #b0b0b0;
}

::-webkit-input-placeholder {
    color: #a0a0a0;
}

:-moz-placeholder {
    color: #a0a0a0;
}

:-ms-input-placeholder {
    color: #a0a0a0 !important;
}

::-webkit-validation-bubble-arrow, ::-webkit-validation-bubble-message {
    border-color: rgba(0,0,0,.2);
    color: #333;
    background: hsla(0,0%,100%,.95);
    box-shadow: none;
}

::-webkit-validation-bubble-text-block {
    font: 13px/1.4 sans-serif;
}

.cssc-form .box-autocomplete, .cssc-form .box-autocomplete .result {
    -webkit-transition: background .3s ease,color .3s ease;
    transition: background .3s ease,color .3s ease;
}

.cssc-form .box-autocomplete {
    border: 1px solid #f0f0f0;
    border-top: 0;
    background: #fff;
    background-color: hsla(0,0%,100%,.9);
}

.cssc-form--default.float-form .box-autocomplete {
    top: 25px;
    left: 130px;
}

.cssc-form--default .box:hover .box-autocomplete {
    background-color: #fff;
}

.cssc-form--default .box-autocomplete .result {
    padding: 0 10px;
    font-size: 13px;
    line-height: 25px;
    color: #999;
    cursor: pointer;
}

    .cssc-form--default .box-autocomplete .result:hover {
        color: #333;
        background-color: #eee;
    }

.form-append--default {
    min-height: 25px;
}

    .form-append--default input {
        -webkit-border-top-right-radius: 0;
        -webkit-border-bottom-right-radius: 0;
        -moz-border-radius-topright: 0;
        -moz-border-radius-bottomright: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .form-append--default button {
        border-left: 0;
        -webkit-border-top-left-radius: 0;
        -webkit-border-bottom-left-radius: 0;
        -moz-border-radius-topleft: 0;
        -moz-border-radius-bottomleft: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

#account_creation_form label {
    display: block;
}

#account_creation_form span {
    color: #c33;
}

#sitemap {
    font-family: syntheseLight,sans-serif;
    font-size: 30px;
    font-size: 3rem;
}

    #sitemap ul {
        font-size: .9em;
        list-style: none;
    }

    #sitemap a {
        margin-bottom: .1em;
        padding-bottom: .1em;
    }

    #sitemap .Products {
        max-height: 800px;
        overflow-y: scroll;
    }

.gmap-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 549px;
}

@media screen and (max-width:600px) {
    .gmap-wrapper {
        padding: 0 40px;
    }
}

.gmap-wrapper #map, .gmap-wrapper .edito-gmap {
    width: 100%;
    height: 100%;
}

.info-window {
    *zoom: 1;
    padding: 5px 0;
}

    .info-window:after, .info-window:before {
        content: " ";
        display: table;
    }

    .info-window:after {
        clear: both;
    }

    .info-window .left-part {
        float: left;
        width: 60%;
        padding-right: 16px;
    }

        .info-window .left-part .pic {
            float: left;
            margin: 0 10px 0 0;
        }

    .info-window .right-part {
        float: left;
        width: 40%;
        padding-right: 16px;
        text-align: right;
    }

        .info-window .right-part span {
            display: block;
        }

        .info-window .right-part a {
            color: #1172bf;
            text-decoration: none;
        }

    .info-window .bottom-part {
        clear: both;
        width: 100%;
    }

        .info-window .bottom-part .image-wrapper {
            padding: 5px 5px 0;
            background: #efefef;
            margin: 10px 0 0;
        }

            .info-window .bottom-part .image-wrapper img {
                padding: 0;
                margin: 0 5px 5px 0;
                float: left;
                height: 150px;
                width: auto;
            }

    .info-window .multi p {
        display: none;
    }

    .info-window .multi .ms-standardheader {
        margin-bottom: 18px;
    }

    .info-window .image-wrapper {
        max-width: 100vw;
        *zoom: 1;
    }

        .info-window .image-wrapper:after, .info-window .image-wrapper:before {
            content: " ";
            display: table;
        }

        .info-window .image-wrapper:after {
            clear: both;
        }

        .info-window .image-wrapper .img {
            float: left;
            width: 50%;
        }

@media screen and (max-width:600px) {
    .info-window .image-wrapper .img {
        width: 100%;
        padding: 0;
    }
}

.skilled .pic {
    overflow: hidden;
    max-height: 100%;
    display: block;
    height: 100%;
    border-radius: 5px;
}

    .skilled .pic img {
        width: 100%;
        height: auto;
        border-radius: 5px;
    }

.skilled .txt h2 {
    font-weight: 400;
    color: #09c0f1;
    line-height: 1.2em;
    font-size: 40px;
    font-size: 4rem;
    position: relative;
    padding: 0 0 41px;
    margin: 0 0 42px;
}

@media screen and (max-width:768px) {
    .skilled .txt h2 {
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 1.2em;
        padding: 0 0 31px;
        margin: 0 0 32px;
    }
}

@media screen and (max-width:600px) {
    .skilled .txt h2 {
        font-size: 28px;
        font-size: 2.8rem;
    }
}

@media screen and (max-width:500px) {
    .skilled .txt h2 {
        font-size: 24px;
        font-size: 2.4rem;
        padding: 0 0 20px;
        margin: 0 0 20px;
    }
}

.skilled .txt h2 strong {
    font-weight: 400;
    color: #1172bf;
}

.skilled .txt h2:after {
    display: block;
    content: "";
    width: 47px;
    height: 1px;
    background: #717171;
    position: absolute;
    bottom: 0;
    left: 0;
}

.skilled .txt p {
    margin: 0;
    line-height: 1.19em;
    font-size: 18px;
    font-size: 1.8rem;
}

@media screen and (max-width:500px) {
    .skilled .txt p {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

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

* {
    -webkit-font-smoothing: antialiased!important;
    /*text-shadow: 1px 1px 1px rgba(0,0,0,.005);*/
}

*, :after, :before {
    box-sizing: border-box;
}

html {
    font-size: 62.5%;
    line-height: 1.4;
}

body {
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 12px;
    color: #4d4d4d;
}

h1, .ms-h2, .ms-h3, .ms-headerFont, body, h2, h3 {
    font-family: syntheseLight,sans-serif;
    /*font-family: "Gotham Narrow SSm A","Gotham Narrow SSm B","Helvetica Neue",Arial,"SimSun","宋体",STXihei,"华文细黑";*/
}

a {
    -webkit-transition: all .3s;
    transition: all .3s;
}

.container {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

@media screen and (max-width:500px) {
    .container {
        padding: 25px 25px 0;
    }
}

@media screen and (max-width:1200px) {
    .container {
        width: 100%;
    }
}

.container .bloc {
    width: 350px;
    height: 350px;
    position: relative;
    margin: 50px 25px;
    float: left;
    background: #efeff0;
    border-radius: 5px;
}

@media screen and (max-width:1200px) {
    .container .bloc .content {
        position: absolute;
        height: 100%;
        width: 100%;
    }
}

.container .bloc .pic, .container .bloc .pic img {
    width: 100%;
}

#cboxLoadedContent {
    background: #fff;
}

.center {
    text-align: center;
}

.bg-picture {
    min-height: 549px;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 50px;
}

@media screen and (max-width:1024px) {
    .bg-picture {
        min-height: 10px;
    }
}

.bg-picture.bg-small {
    min-height: 0;
}

@media screen and (min-width:1025px) {
    .bg-picture {
        background-attachment: fixed;
    }
}

@media screen and (max-width:1200px) {
    .bg-picture {
        margin-bottom: 4.173%;
    }
}

@media screen and (max-width:768px) {
    .bg-picture {
        height: auto;
    }
}

.bg-picture.small {
    height: auto;
}

.clear {
    clear: both;
}

.btn-more {
    text-align: right;
}

    .btn-more a.btn, .btn-more a.custom-label {
        font-family: syntheseBold,sans-serif;
    }

.career-filter.blue-dark h2, .title.blue-dark h2 {
    color: #1172bf;
}

.career-filter h2, .title h2 {
    font-size: 45px;
    font-size: 4.5rem;
    color: #09c0f1;
    font-weight: 400;
    margin: 0;
    line-height: 1.1em;
}

@media screen and (max-width:1024px) {
    .career-filter h2, .title h2 {
        font-size: 40px;
        font-size: 4rem;
    }
}

@media screen and (max-width:600px) {
    .career-filter h2, .title h2 {
        font-size: 35px;
        font-size: 3.5rem;
    }
}

@media screen and (max-width:400px) {
    .career-filter h2, .title h2 {
        font-size: 30px;
        font-size: 3rem;
    }
}

.career-filter h3, .title h3 {
    font-size: 23px;
    font-size: 2.3rem;
    font-weight: 400;
    color: #7f5aa4;
    margin: 15px 0 0;
}

@media screen and (max-width:1024px) {
    .career-filter h3, .title h3 {
        font-size: 20px;
        font-size: 2rem;
    }
}

@media screen and (max-width:600px) {
    .career-filter h3, .title h3 {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

@media screen and (max-width:400px) {
    .career-filter h3, .title h3 {
        font-size: 15px;
        font-size: 1.5rem;
    }
}

.career-filter label, .title label {
    color: #707070;
    margin: 0 10px 0 0;
    font-size: 18px;
    font-size: 1.8rem;
}

@media screen and (max-width:600px) {
    .career-filter label, .title label {
        margin: 0 0 10px;
        display: block;
    }
}

.career-filter select, .title select {
    font-size: 12px;
    font-size: 1.2rem;
    font-family: syntheseBold,sans-serif;
    background: #00aded;
    -webkit-appearance: none;
    background-image: url(../img/arrow.png);
    background-repeat: no-repeat;
    background-size: 0 0;
    -webkit-background-size: 15px 15px;
    background-position: right 5px center;
    border: 0;
    border-radius: 2px;
    color: #fff;
    padding: 10px 15px;
    text-transform: uppercase;
}

@media screen and (max-width:600px) {
    .career-filter select, .title select {
        width: 100%;
    }
}

.career-filter .col-lg-6 + .col-lg-6, .title .col-lg-6 + .col-lg-6 {
    text-align: right;
    padding: 5px 0 0;
}

@media screen and (max-width:600px) {
    .career-filter .col-lg-6 + .col-lg-6, .title .col-lg-6 + .col-lg-6 {
        text-align: left;
    }
}

.career {
    background: #00aded;
    text-align: center;
    border-radius: 5px;
}

    .career .content {
        padding: 25px;
    }

    .career a {
        color: #fff;
        text-decoration: none;
    }

    .career h3 {
        margin: 0;
        color: #fff;
        font-weight: 400;
        position: relative;
        font-size: 30px;
        font-size: 3rem;
    }

@media screen and (max-width:600px) {
    .career h3 {
        font-size: 25px;
        font-size: 2.5rem;
    }
}

@media screen and (max-width:400px) {
    .career h3 {
        font-size: 20px;
        font-size: 2rem;
    }
}

.career h3.underline {
    margin: 0 0 10px;
    padding: 0 0 10px;
}

    .career h3.underline:after {
        content: "";
        display: block;
        height: 1px;
        left: 50%;
        position: absolute;
        bottom: 0;
        width: 150px;
        background: #fff;
        margin-left: -75px;
    }

.career h4 {
    position: relative;
    margin: 0 0 10px;
    padding: 0 0 10px;
    font-family: syntheseBold,sans-serif;
    color: #fff;
    font-weight: 400;
    font-size: 20px;
    font-size: 2rem;
}

    .career h4:after {
        content: "";
        display: block;
        height: 1px;
        left: 50%;
        position: absolute;
        bottom: 0;
        width: 150px;
        background: #fff;
        margin-left: -75px;
    }

@media screen and (max-width:600px) {
    .career h4 {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

@media screen and (max-width:400px) {
    .career h4 {
        font-size: 15px;
        font-size: 1.5rem;
    }
}

.career p {
    line-height: 1.15em;
    margin: 0;
    color: #fff;
    font-size: 17px;
    font-size: 1.7rem;
}

@media screen and (max-width:600px) {
    .career p {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.2em;
    }
}

@media screen and (max-width:400px) {
    .career p {
        font-size: 13px;
        font-size: 1.3rem;
    }
}

.career:nth-child(5n+1) {
    background: #00aded;
}

.career:nth-child(5n+2) {
    background: #0071aa;
}

.career:nth-child(5n+3) {
    background: #f28f2f;
}

.career:nth-child(5n+4) {
    background: #603184;
}

.career:nth-child(5n+5) {
    background: #7f5aa4;
}

.job-application h3 {
    margin: 25px 0;
    font-size: 45px;
    font-size: 4.5rem;
    color: #1172bf;
    font-weight: 400;
    line-height: 1.11;
    font-family: syntheseLight,sans-serif;
}

@media screen and (max-width:768px) {
    .job-application h3 {
        font-size: 35px;
        font-size: 3.5rem;
    }
}

@media screen and (max-width:600px) {
    .job-application h3 {
        font-size: 30px;
        font-size: 3rem;
    }
}

@media screen and (max-width:500px) {
    .job-application h3 {
        font-size: 25px;
        font-size: 2.5rem;
    }
}

@media screen and (max-width:400px) {
    .job-application h3 {
        font-size: 20px;
        font-size: 2rem;
    }
}

.job-application .apply-form h3 {
    margin: 0;
}

.job-application .job-keywords {
    text-align: center;
}

    .job-application .job-keywords ul {
        padding: 0 3.173%;
        margin-top: 20px;
    }

        .job-application .job-keywords ul li {
            margin: 0 8px 12px;
        }

.job-application .entry-arrow {
    margin-bottom: 25px;
}

    .job-application .entry-arrow label {
        display: table;
        width: 100%;
    }

    .job-application .entry-arrow .file-label {
        display: inline;
        font-size: inherit;
        width: auto;
        line-height: inherit;
        vertical-align: inherit;
        word-break: break-all;
        color: #707070;
    }

.job-application input[type=submit]:before {
    content: "\e613";
    font-family: ico;
    color: #fff;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    background: none;
    width: auto;
    height: auto;
    position: absolute;
    right: 20px;
    top: 50%;
    z-index: 4;
    margin: -17px 0 0;
    font-size: 26px;
    font-size: 2.6rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media screen and (max-width:768px) {
    .job-application input[type=submit]:before {
        font-size: 20px;
        font-size: 2rem;
        margin: -11px 0 0;
    }
}

@media screen and (max-width:600px) {
    .job-application input[type=submit]:before {
        font-size: 15px;
        font-size: 1.5rem;
        margin: -6px 0 0;
    }
}

.job-application .visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.send-application {
    background-color: #efeff0;
    background-image: url(../img/news-pic.png);
    background-position: center 25px;
    background-repeat: no-repeat;
    border-radius: 5px;
}

@media screen and (max-width:768px) and (min-width:600px) {
    .send-application {
        background-size: 70px;
    }
}

@media screen and (max-width:400px) {
    .send-application {
        background-size: 70px;
    }
}

.send-application .content {
    padding: 47% 25px 25px;
    text-align: center;
}

@media screen and (max-width:1024px) {
    .send-application .content {
        padding: 40% 25px 25px;
    }
}

@media screen and (max-width:600px) {
    .send-application .content {
        padding: 47% 25px 25px;
    }
}

@media screen and (max-width:400px) {
    .send-application .content {
        padding: 40% 25px 25px;
    }
}

.send-application p {
    color: #f28f2f;
    font-size: 25px;
    font-size: 2.5rem;
    margin: 0;
}

.cssc-form .submit-box .send-application button, .send-application .btn, .send-application .cssc-form .submit-box button, .send-application .custom-label {
    font-size: 15px;
    font-size: 1.5rem;
    padding: 10px 15px;
    text-transform: uppercase;
    margin: 0 0 40px;
}

@media screen and (max-width:1024px) {
    .cssc-form .submit-box .send-application button, .send-application .btn, .send-application .cssc-form .submit-box button, .send-application .custom-label {
        margin: 0 0 20px;
    }
}

@media screen and (max-width:600px) {
    .cssc-form .submit-box .send-application button, .send-application .btn, .send-application .cssc-form .submit-box button, .send-application .custom-label {
        margin: 0 0 40px;
    }
}

@media screen and (max-width:400px) {
    .cssc-form .submit-box .send-application button, .send-application .btn, .send-application .cssc-form .submit-box button, .send-application .custom-label {
        margin: 0 0 20px;
    }
}

section.people-wrap {
    margin: 0;
}

.SeeAllEmployeesTestimonials{
    text-align: right;
    padding-top: 15px;
}

.team-title {
    text-align: center;
}

    .team-title.t-left {
        text-align: left;
    }

    .team-title h2 {
        color: #1172bf;
        font-weight: 400;
        font-size: 45px;
        font-size: 4.5rem;
        margin: 0;
    }

.list-team .team:nth-child(even) .team-pic {
    float: right;
}

.list-team .team:nth-child(even) .team-content {
    text-align: right;
}

    .list-team .team:nth-child(even) .team-content h4:after, .list-team .team:nth-child(even) .team-content h4:before {
        left: auto;
        right: 0;
    }

@media screen and (max-width:600px) {
    .wrap-team {
        margin: 0 0 15px;
    }
}

.wrap-team a {
    display: block;
    overflow: hidden;
    text-decoration: none;
}

@media screen and (min-width:1024px) {
    .wrap-team a:hover img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

.wrap-team .team-pic {
    overflow: hidden;
    border-radius: 100%;
    position: relative;
    z-index: 1;
}

.grid .wrap-team .team-pic img {
    display: inherit;
    position: relative;
    border-radius: 100%;
    -webkit-transition: all .7s ease;
    transition: all .7s ease;
}

.wrap-team .team-content h3 {
    font-size: 40px;
    font-size: 4rem;
    color: #09c0f1;
    font-weight: 400;
    line-height: 1em;
    margin: 0 0 30px;
}

@media screen and (max-width:500px) {
    .wrap-team .team-content h3 {
        font-size: 30px;
        font-size: 3rem;
    }
}

@media screen and (max-width:400px) {
    .wrap-team .team-content h3 {
        font-size: 25px;
        font-size: 2.5rem;
    }
}

.wrap-team .team-content h4 {
    font-size: 18px;
    font-size: 1.8rem;
    color: #7f5aa4;
    font-weight: 400;
    padding: 30px 0;
    margin: 0 0 30px;
    position: relative;
}

    .wrap-team .team-content h4:after, .wrap-team .team-content h4:before {
        display: block;
        content: "";
        width: 47px;
        height: 1px;
        background: #707070;
        position: absolute;
        left: 0;
    }

    .wrap-team .team-content h4:after {
        bottom: 0;
    }

    .wrap-team .team-content h4:before {
        top: 0;
    }

@media screen and (max-width:500px) {
    .wrap-team .team-content h4 {
        font-size: 15px;
        font-size: 1.5rem;
        padding: 15px 0;
        margin: 0 0 15px;
    }
}

@media screen and (max-width:400px) {
    .wrap-team .team-content h4 {
        font-size: 14px;
        font-size: 1.4rem;
    }
}

.wrap-team .team-content p {
    font-size: 18px;
    font-size: 1.8rem;
    color: #707070;
    margin: 0;
}

@media screen and (max-width:500px) {
    .wrap-team .team-content p {
        font-size: 15px;
        font-size: 1.5rem;
    }
}

@media screen and (max-width:400px) {
    .wrap-team .team-content p {
        font-size: 14px;
        font-size: 1.4rem;
    }
}

.news-title, .news-title section {
    margin: 0;
}

.market-desc h2, .why-different h2 {
    font-size: 45px;
    font-size: 4.5rem;
    font-weight: 400;
    color: #1172bf;
    margin: 0 0 25px;
}

@media screen and (max-width:1024px) {
    .market-desc h2, .why-different h2 {
        font-size: 40px;
        font-size: 4rem;
    }
}

@media screen and (max-width:600px) {
    .market-desc h2, .why-different h2 {
        font-size: 35px;
        font-size: 3.5rem;
    }
}

@media screen and (max-width:400px) {
    .market-desc h2, .why-different h2 {
        font-size: 30px;
        font-size: 3rem;
    }
}
/*.market-desc a,.why-different a{font-size:12px;font-size:1.2rem;font-family:syntheseBold,sans-serif;text-transform:uppercase;padding:14px 22px}
*/ .why-different {
    text-align: left;
}

    .why-different p {
        color: #707070;
        font-size: 18px;
        font-size: 1.8rem;
    }

@media screen and (max-width:1024px) {
    .why-different p {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

@media screen and (max-width:600px) {
    .why-different p {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

@media screen and (max-width:400px) {
    .why-different p {
        font-size: 14px;
        font-size: 1.4rem;
    }
}

.market-desc h2 strong {
    display: block;
    color: #1172bf;
    font-weight: 400;
}

.market-desc a.big-btn {
    padding: 25px 50px;
    font-size: 18px;
    font-size: 1.8rem;
}

.market-desc a.small {
    text-decoration: none;
    font-style: italic;
    text-transform: none;
    color: #00aded;
    font-size: 14px;
    font-size: 1.4rem;
}

@media screen and (max-width:600px) {
    .market-desc a.small {
        display: block;
    }
}

.color-banner .title h2, .processes .title h2 {
    color: #1172bf;
}

.color-banner .grid .innovations .pic img, .processes .grid .innovations .pic img {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: auto;
    max-height: none;
}

.color-banner section, .processes section {
    overflow: hidden;
    margin: 0;
}

    .color-banner section .col-lg-4:nth-child(3n+1), .processes section .col-lg-4:nth-child(3n+1) {
        background: #72c4d7;
    }

    .color-banner section .col-lg-4:nth-child(3n+2), .processes section .col-lg-4:nth-child(3n+2) {
        background: #f3902f;
    }

    .color-banner section .col-lg-4:nth-child(3n+3), .processes section .col-lg-4:nth-child(3n+3) {
        background: #60318e;
    }

.color-banner {
    margin: 0 0 50px;
}

@media screen and (max-width:1200px) {
    .color-banner {
        margin: 0 0 4.173%;
    }
}

.process h3 {
    color: #fff;
    margin: 0;
    font-weight: 400;
    font-size: 30px;
    font-size: 3rem;
}

@media screen and (max-width:1024px) {
    .process h3 {
        font-size: 25px;
        font-size: 2.5rem;
    }
}

@media screen and (max-width:768px) {
    .process h3 {
        font-size: 20px;
        font-size: 2rem;
    }
}

.process h4 {
    color: #fff;
    margin: 0 0 25px;
    padding: 0 0 25px;
    font-weight: 400;
    font-size: 45px;
    font-size: 4.5rem;
    position: relative;
    line-height: 1em;
}

@media screen and (max-width:1024px) {
    .process h4 {
        font-size: 40px;
        font-size: 4rem;
    }
}

@media screen and (max-width:768px) {
    .process h4 {
        font-size: 35px;
        font-size: 3.5rem;
    }
}

@media screen and (max-width:600px) {
    .process h4 {
        font-size: 30px;
        font-size: 3rem;
    }
}

.process h4:after {
    display: block;
    content: "";
    width: 47px;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
}

.process p {
    color: #fff;
    margin: 0;
    font-size: 18px;
    font-size: 1.8rem;
}

@media screen and (max-width:768px) {
    .process p {
        font-size: 15px;
        font-size: 1.5rem;
    }
}

.banner h2 {
    color: #fff;
    margin: 0 0 30px;
    padding: 0 0 30px;
    font-weight: 400;
    line-height: 1em;
    position: relative;
    font-size: 70px;
    font-size: 7rem;
}

    .banner h2:after {
        display: block;
        content: "";
        width: 47px;
        height: 1px;
        background: #fff;
        position: absolute;
        left: 0;
        bottom: 0;
    }

@media screen and (max-width:1024px) {
    .banner h2 {
        font-size: 55px;
        font-size: 5.5rem;
    }
}

@media screen and (max-width:768px) {
    .banner h2 {
        font-size: 40px;
        font-size: 4rem;
    }
}

@media screen and (max-width:600px) {
    .banner h2 {
        font-size: 35px;
        font-size: 3.5rem;
    }
}

.banner p {
    color: #fff;
    margin: 0;
    font-size: 25px;
    font-size: 2.5rem;
}

@media screen and (max-width:768px) {
    .banner p {
        font-size: 20px;
        font-size: 2rem;
    }
}

@media screen and (max-width:600px) {
    .banner p {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

.brands, .partnership {
    text-align: center;
}

    .brands .big-btn.custom-label, .brands .btn.big-btn, .brands .cssc-form .submit-box button.big-btn, .cssc-form .submit-box .brands button.big-btn, .cssc-form .submit-box .partnership button.big-btn, .partnership .big-btn.custom-label, .partnership .btn.big-btn, .partnership .cssc-form .submit-box button.big-btn {
        padding: 25px 50px;
        font-family: syntheseBold,sans-serif;
        font-size: 18px;
        font-size: 1.8rem;
    }

@media screen and (max-width:768px) {
    .brands .big-btn.custom-label, .brands .btn.big-btn, .brands .cssc-form .submit-box button.big-btn, .cssc-form .submit-box .brands button.big-btn, .cssc-form .submit-box .partnership button.big-btn, .partnership .big-btn.custom-label, .partnership .btn.big-btn, .partnership .cssc-form .submit-box button.big-btn {
        padding: 10px 25px;
        font-size: 15px;
        font-size: 1.5rem;
    }
}

.grid .partner-logo .pic img.full-height, .grid .partner-logo .pic img.full-width, .partner-logo img {
    max-width: 100%;
    width: 100%;
    height: auto;
    position: relative;
    top: auto;
    left: auto;
}

.brands section:first-child .grid {
    border-top: 1px solid #b7b7b7;
}

.brands section:last-child .grid {
    padding-top: 0;
    border-bottom: 1px solid #008fd2;
}

.brands section:first-child {
    margin: 0;
}

.brand {
    font-size: 30px;
    font-size: 3rem;
    color: #1172bf;
}

    .brand a {
        display: block;
    }

    .brand img {
        border-radius: 5px;
        width: 100%;
        height: auto;
    }

@media screen and (max-width:1024px) {
    .brand {
        font-size: 28px;
        font-size: 2.8rem;
    }
}

@media screen and (max-width:768px) {
    .brand {
        font-size: 20px;
        font-size: 2rem;
    }
}

@media screen and (max-width:600px) {
    .brand {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

.title-brand h2, .title-partnership h2 {
    font-size: 45px;
    font-size: 4.5rem;
    margin: 0 0 15px;
    line-height: 1.1em;
    font-weight: 400;
    color: #1172bf;
}

@media screen and (max-width:1024px) {
    .title-brand h2, .title-partnership h2 {
        font-size: 40px;
        font-size: 4rem;
    }
}

@media screen and (max-width:768px) {
    .title-brand h2, .title-partnership h2 {
        font-size: 35px;
        font-size: 3.5rem;
    }
}

@media screen and (max-width:600px) {
    .title-brand h2, .title-partnership h2 {
        font-size: 30px;
        font-size: 3rem;
    }
}

.title-brand p, .title-partnership p {
    font-size: 23px;
    font-size: 2.3rem;
    color: #603184;
    margin: 0;
}

@media screen and (max-width:768px) {
    .title-brand p, .title-partnership p {
        font-size: 20px;
        font-size: 2rem;
    }
}

@media screen and (max-width:600px) {
    .title-brand p, .title-partnership p {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

.title-brand h2 {
    margin: 0;
    color: #fff;
}

.title-btn .col-lg-8 h2 {
    font-size: 45px;
    font-size: 4.5rem;
    color: #1172bf;
    font-weight: 400;
    margin: 0;
    line-height: 1em;
}

@media screen and (max-width:1024px) {
    .title-btn .col-lg-8 h2 {
        font-size: 40px;
        font-size: 4rem;
    }
}

@media screen and (max-width:600px) {
    .title-btn .col-lg-8 h2 {
        font-size: 35px;
        font-size: 3.5rem;
    }
}

@media screen and (max-width:400px) {
    .title-btn .col-lg-8 h2 {
        font-size: 30px;
        font-size: 3rem;
    }
}

.title-btn .col-lg-4 {
    text-align: right;
    padding-top: 5px;
}

.NewsfullPage {
    position: relative;
}

    .NewsfullPage .social-share {
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -35px;
        padding: 0;
        background: none;
    }

@media screen and (max-width:1024px) {
    .NewsfullPage .social-share {
        position: relative;
        display: block;
        top: auto;
        margin: 0;
    }
}

.NewsfullPage a.back {
    display: table;
    width: 100%;
    border-bottom: 1px solid #b7b7b7;
    height: 70px;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px 0;
    text-decoration: none;
    font-style: italic;
    font-family: syntheseRegular,sans-serif;
    color: #00aded;
    margin-bottom: 41px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

    .NewsfullPage a.back.page {
        margin-bottom: 0;
    }

@media screen and (max-width:600px) {
    .NewsfullPage a.back {
        margin-bottom: 35px;
    }
}

@media screen and (max-width:500px) {
    .NewsfullPage a.back {
        margin-bottom: 20px;
    }
}

.NewsfullPage a.back:hover {
    color: #1172bf;
}

.NewsfullPage a.back span {
    display: table-cell;
    vertical-align: middle;
}

    .NewsfullPage a.back span[class^=ico-] {
        font-size: 58px;
        font-size: 5.8rem;
        margin-right: 19px;
        margin-bottom: 25px;
        margin-top: 25px;
    }

@media screen and (max-width:1024px) {
    .NewsfullPage a.back span[class^=ico-] {
        font-size: 50px;
        font-size: 5rem;
    }
}

@media screen and (max-width:600px) {
    .NewsfullPage a.back span[class^=ico-] {
        font-size: 40px;
        font-size: 4rem;
    }
}

@media screen and (max-width:400px) {
    .NewsfullPage a.back span[class^=ico-] {
        font-size: 30px;
        font-size: 3rem;
    }
}

.NewsfullPage a.back span.ico-back {
    width: 50px;
    padding: 0 10px 0 0;
}

.NewsfullPage + .news-wrap span.author, .NewsfullPage + .news-wrap span.date, .NewsfullPage + .news-wrap span.jobid, .NewsfullPage span.author, .NewsfullPage span.date, .NewsfullPage span.jobid {
    padding: 0 0 1.55em;
}

    .NewsfullPage + .news-wrap span.author:after, .NewsfullPage + .news-wrap span.date:after, .NewsfullPage + .news-wrap span.jobid:after, .NewsfullPage span.author:after, .NewsfullPage span.date:after, .NewsfullPage span.jobid:after {
        display: block;
        content: "";
        width: 47px;
        height: 1px;
        background: #707070;
        position: absolute;
        left: 0;
        bottom: 0;
    }

#cboxContent {
    background: #fff;
}

#cboxClose {
    right: 15px;
}

#cboxLoadedContent {
    border: 0;
}

.hide {
    display: none;
}

.distributor {
    padding: 25px;
}

#cboxContent .distributor {
    display: block;
}

.distributor-map {
    margin: 0;
}

    .distributor-map .grid {
        padding-right: 4.172%;
    }

@media screen and (max-width:1250px) {
    .distributor-map .grid #map {
        display: none;
    }

    .distributor-map .grid .list-distributors ul li {
        position: relative;
        top: 0!important;
        left: 0!important;
        width: 33%;
        height: auto;
        text-indent: 0;
        background: transparent;
        float: left;
    }

        .distributor-map .grid .list-distributors ul li a {
            width: auto;
            height: auto;
        }

        .distributor-map .grid .list-distributors ul li > a {
            display: none;
        }

        .distributor-map .grid .list-distributors ul li .distributor {
            color: #000;
            margin: 0 0 15px;
        }

            .distributor-map .grid .list-distributors ul li .distributor .pic {
                max-width: 200px;
            }

    .distributor-map .grid .list-distributors .hide {
        display: block;
    }
}

@media screen and (max-width:768px) {
    .distributor-map .grid .col-lg-8 {
        width: 100%;
    }

    .distributor-map .grid .distributor, .distributor-map .grid .list-distributors ul {
        padding: 0;
    }

        .distributor-map .grid .list-distributors ul li {
            width: 100%;
            margin: 0 0 15px;
        }

            .distributor-map .grid .list-distributors ul li .item {
                float: none;
            }
}

.distributor-map .col-lg-12 {
    text-align: center;
}

.distributor-map .col-lg-8 {
    width: 80%;
    margin-right: 0;
}

@media screen and (max-width:1250px) {
    .distributor-map .col-lg-8 {
        width: 100%;
    }
}

.distributor-map .col-lg-8 #map img {
    width: 100%;
    height: auto;
}

.distributor-map .col-lg-4 {
    background: #0071aa;
    color: #fff;
    width: 20%;
    margin-right: 0;
}

@media screen and (max-width:1250px) {
    .distributor-map .col-lg-4 {
        width: 100%;
    }
}

.distributor-map h1 {
    font-size: 40px;
    font-size: 4rem;
    font-weight: 400;
    color: #1172bf;
    margin: 0 0 10px;
    line-height: 1.1em;
}

#main-content .distributor-map h1 {
    margin: 0 0 10px;
}

.distributor-map h2 {
    font-size: 25px;
    font-size: 2.5rem;
    font-weight: 400;
    color: #f28f2f;
    margin: 0;
    line-height: 1.1em;
}

.list-distributors {
    position: relative;
    z-index: 4;
}

    .list-distributors ul {
        position: relative;
        margin: 0;
    }

        .list-distributors ul li {
            position: absolute;
            background: url(../img/marker.png) no-repeat;
            text-indent: -9999em;
            overflow: hidden;
            list-style-type: none;
        }

            .list-distributors ul li, .list-distributors ul li a {
                width: 20px;
                height: 36px;
                display: block;
            }

.list-country {
    padding: 25px;
}

    .list-country a {
        display: block;
        color: #fff;
        text-decoration: none;
    }

        .list-country a:hover img {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }

    .list-country .pic {
        position: relative;
        z-index: 1;
        overflow: hidden;
    }

        .list-country .pic img {
            -webkit-transition: all .5s;
            transition: all .5s;
            -webkit-transform: scale(1);
            transform: scale(1);
        }

    .list-country h3 {
        color: #fff;
        margin: 0 0 10px;
    }

    .list-country ul {
        margin: 0;
        padding: 0;
    }

    .list-country li {
        list-style-type: none;
        margin: 0 0 10px;
    }

.distributor {
    overflow: hidden;
}

    .distributor .item {
        float: left;
        margin: 0 25px 0 0;
    }

        .distributor .item:last-child {
            margin: 0;
        }

    .distributor h2 {
        color: #1172bf;
        font-size: 25px;
        font-size: 2.5rem;
    }

    .distributor h2, .distributor h3 {
        font-weight: 400;
        line-height: 1.1em;
        margin: 0 0 5px;
    }

    .distributor h3 {
        color: #f28f2f;
        font-size: 20px;
        font-size: 2rem;
    }

    .distributor h4 {
        color: #000;
        margin: 0 0 10px;
        font-size: 15px;
        font-size: 1.5rem;
        font-weight: 400;
    }

    .distributor a.btn, .distributor a.custom-label {
        text-align: center;
        text-transform: uppercase;
        display: block;
        padding: 14px 22px;
        font-size: 14px;
        font-size: 1.4rem;
        margin: 0 0 15px;
    }

    .distributor .pic {
        overflow: hidden;
    }

        .distributor .pic img {
            width: 100%;
            height: auto;
        }

    .distributor p {
        color: #4d4d4d;
        margin: 0 0 10px;
        font-size: 14px;
        font-size: 1.4rem;
    }

.exp {
    overflow: hidden;
}

    .exp .col-lg-3, .exp .col-lg-9 {
        margin-bottom: 33px;
    }

    .exp .brand-name img {
        width: 100%;
        height: auto;
        border-radius: 5px;
    }

    .exp .brand-desc {
        overflow: hidden;
    }

@media screen and (max-width:768px) {
    .exp .brand-desc p {
        line-height: 1.2em;
        font-size: 14px;
        font-size: 1.4rem;
    }
}

@media screen and (max-width:600px) {
    .exp .brand-desc {
        width: 100%;
        display: block;
    }

        .exp .brand-desc p {
            font-size: 12px;
            font-size: 1.2rem;
        }
}

.exp .brand-desc h3 {
    font-size: 30px;
    font-size: 3rem;
    font-weight: 100;
    color: #00aded;
    margin: 0 0 20px;
}

.exp .brand-desc p {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.4em;
    color: #707070;
    margin: 0 0 25px;
}

    .exp .brand-desc p strong {
        font-family: syntheseBold,sans-serif;
    }

.exp .brand-desc a {
    font-size: 14px;
    font-size: 1.4rem;
    text-transform: uppercase;
    padding: 10px 15px;
}

.innovations {
    background: #71c7d8;
    border-radius: 5px;
    padding: 20px;
    color: #fff;
    overflow: hidden;
    text-align: center;
    height: 760px;
}

    .innovations:nth-child(3n+2) {
        background: #72c4d7;
    }

    .innovations:nth-child(3n+3) {
        background: #f3902f;
    }

    .innovations:nth-child(3n+4) {
        background: #60318e;
    }

    .innovations .title {
        font-size: 30px;
        font-size: 3rem;
        text-align: left;
        display: block;
        margin: 0 0 18px;
    }

    .innovations h2 {
        text-align: left;
        font-size: 45px;
        font-size: 4.5rem;
        font-weight: 400;
        line-height: 1.2em;
        margin: 0 0 19px;
        padding: 11px 0 22px;
        position: relative;
        z-index: 1;
        color: #fff;
    }

@media screen and (max-width:400px) {
    .innovations h2 {
        font-size: 28px;
    }
}

@media screen and (max-width:500px) {
    .innovations h2 {
        font-size: 28px;
    }
}

@media screen and (max-width:600px) {
    .innovations h2 {
        font-size: 28px;
    }
}

.innovations h2:before {
    left: -20px;
    right: -20px;
    bottom: -230px;
    height: 1000%;
    z-index: -1;
    top: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
    opacity: .2;
}

.innovations h2:after, .innovations h2:before {
    position: absolute;
    background: #fff;
    content: "";
    display: block;
}

.innovations h2:after {
    width: 47px;
    height: 1px;
    left: 0;
    bottom: 0;
}

.innovations p {
    text-align: left;
    font-size: 18px;
    font-size: 1.8rem;
    margin: 0 0 68px;
    line-height: 1.2em;
    position: relative;
    z-index: 1;
}

.innovations a.more {
    text-decoration: none;
    margin: 0 0 10px;
    border-radius: 5px;
    color: #fff;
    background: transparent;
    padding: 10px 15px;
    border: 1px solid #fff;
    font-size: 13px;
    font-size: 1.3rem;
    text-transform: uppercase;
    overflow: hidden;
    display: inline-block;
    position: absolute;
    bottom: 25px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
}

    .innovations a.more:hover {
        color: #000;
        background: #fff;
    }

.market-testimonial ul {
    margin: 0 0 50px;
    padding: 0;
}

.market-testimonial li {
    position: relative;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

.market-testimonial .container {
    min-height: 549px;
    padding: 70px 0 30px;
}

.market-testimonial a {
    display: table;
    height: 100%;
    color: #fff;
    text-decoration: none;
    width: 100%;
}

.market-testimonial .half {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
}

.market-testimonial span {
    display: block;
}

    .market-testimonial span.ico-play {
        font-size: 73px;
        font-size: 7.3rem;
        text-align: center;
    }

    .market-testimonial span.name {
        font-size: 70px;
        font-size: 7rem;
        line-height: 1.1em;
    }

    .market-testimonial span.job {
        font-size: 45px;
        font-size: 4.5rem;
        color: #00aded;
        line-height: 1.2em;
        position: relative;
        margin: 0 0 25px;
        padding: 0 0 25px;
    }

        .market-testimonial span.job:after {
            display: block;
            content: "";
            width: 47px;
            height: 1px;
            background: #fff;
            position: absolute;
            left: 0;
            bottom: 0;
        }

.market-testimonial p {
    font-size: 25px;
    font-size: 2.5rem;
}

@media screen and (max-width:600px) {
    .market-testimonial .container {
        height: auto;
        min-height: 20px;
        padding: 0;
    }

    .market-testimonial .half {
        padding: 4.172%;
        text-align: center;
        background: #3bafe0;
    }

        .market-testimonial .half:first-child {
            display: none;
        }

        .market-testimonial .half span {
            font-size: 35px;
            font-size: 3.5rem;
        }

            .market-testimonial .half span.job {
                color: #fff;
            }

            .market-testimonial .half span:after {
                left: 50%;
                margin-left: -26px;
            }

        .market-testimonial .half p {
            font-size: 18px;
            font-size: 1.8rem;
        }
}

.wrap-bg-title {
    text-align: center;
    height: 180px;
    display: table;
    width: 100%;
    background-attachment: scroll;
    margin-bottom: 50px;
}

@media screen and (max-width:1200px) {
    .wrap-bg-title {
        margin-bottom: 4.173%;
    }
}

.wrap-bg-title h1 {
    display: table-cell;
    vertical-align: middle;
    font-weight: 400;
    font-size: 70px;
    font-size: 7rem;
    color: #fff;
}

#main-content .wrap-bg-title h1 {
    color: #fff;
}

.cat-nav span {
    float: left;
    display: inline-block;
    font-size: 20px;
    font-size: 2rem;
    line-height: 2.4em;
    color: #707070;
    margin: 0 15px 15px 0;
}

@media screen and (max-width:600px) {
    .cat-nav span {
        display: block;
        float: none;
        margin: 0 0 15px;
    }
}

@media screen and (max-width:500px) {
    .cat-nav span {
        line-height: 1.2em;
    }
}

.cat-nav ul {
    margin: 0;
    padding: 0;
}

.cat-nav li {
    display: inline-block;
    margin: 0 18px 20px 0;
    padding: 0;
}

@media screen and (max-width:600px) {
    .cat-nav li {
        margin: 0 15px 15px 0;
    }
}

@media screen and (max-width:500px) {
    .cat-nav li {
        display: block;
        margin: 0 15px 15px 0;
    }
}

.cat-nav a {
    text-decoration: none;
    line-height: 1.1em;
    position: relative;
    border-radius: 5px;
    color: #4d4d4d;
    display: inline-block;
    padding: 16px 25px;
    font-size: 17px;
    font-size: 1.7rem;
    background: #efeff0;
}

@media screen and (max-width:500px) {
    .cat-nav a {
        display: block;
    }
}

.cat-nav a.active {
    background: #fec235;
    padding: 16px 25px 16px 40px;
    color: #fff;
    position: relative;
}

    .cat-nav a.active:before {
        content: "\e613";
        font-family: ico;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        background: none;
        width: auto;
        height: auto;
        position: absolute;
        left: 12px;
        top: 16px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.cat-nav a:hover {
    color: #fff;
    background: #fec235;
}

#main-content .edito-title h1 {
    font-size: 45px;
    font-size: 4.5rem;
    font-weight: 400;
    color: #1172bf;
    padding: 0 0 25px;
    margin: 0 0 25px;
    position: relative;
    line-height: 1.11em;
}

@media screen and (max-width:1024px) {
    #main-content .edito-title h1 {
        font-size: 40px;
        font-size: 4rem;
    }
}

@media screen and (max-width:768px) {
    #main-content .edito-title h1 {
        font-size: 35px;
        font-size: 3.5rem;
    }
}

@media screen and (max-width:600px) {
    #main-content .edito-title h1 {
        font-size: 30px;
        font-size: 3rem;
    }
}

@media screen and (max-width:400px) {
    #main-content .edito-title h1 {
        padding: 0 0 15px;
        margin: 0 0 15px;
    }
}

#main-content .edito-title h1:after {
    display: block;
    content: "";
    width: 47px;
    height: 1px;
    background: #707070;
    position: absolute;
    left: 0;
    bottom: 0;
}

.news-wrap {
    margin-top: 0;
}

    .news-wrap a:hover {
        text-decoration: none;
    }

    .news-wrap .grid {
        padding-top: 0;
    }

    .news-wrap.no-pic .txt-content {
        width: 95.827%;
        padding-bottom: 0;
    }

        .news-wrap.no-pic .txt-content .content {
            position: relative;
        }

    .news-wrap .edito-label span.author, .news-wrap .edito-label span.jobid {
        float: right;
    }

@media screen and (max-width:400px) {
    .news-wrap .edito-label span.author, .news-wrap .edito-label span.jobid {
        float: none;
        display: block;
        clear: both;
        font-size: 16px;
        font-size: 1.6rem;
    }
}

.news-wrap .edito-label span.author:after, .news-wrap .edito-label span.jobid:after {
    left: auto;
    right: 0;
}

@media screen and (max-width:400px) {
    .news-wrap .edito-label span.author:after, .news-wrap .edito-label span.jobid:after {
        left: 0;
        right: auto;
    }
}

.news-wrap span.author, .news-wrap span.date, .news-wrap span.jobid {
    font-size: 18px;
    font-size: 1.8rem;
    color: #7f5aa4;
    position: relative;
    margin: 0 0 11px;
    display: block;
}

@media screen and (max-width:400px) {
    .news-wrap span.author, .news-wrap span.date, .news-wrap span.jobid {
        padding: 0 0 15px;
        margin: 0 0 15px;
        font-size: 16px;
        font-size: 1.6rem;
    }
}

.news-wrap h2, .news-wrap h3 {
    font-size: 45px;
    font-size: 4.5rem;
    color: #1172bf;
    text-decoration: none;
    position: relative;
    margin: 24px 0;
    padding: .55em 0 .8em;
}

@media screen and (max-width:400px) {
    .news-wrap h2, .news-wrap h3 {
        font-size: 20px;
        font-size: 2rem;
        padding: .5em 0 .8em;
    }
}

@media screen and (max-width:600px) {
    .news-wrap h2, .news-wrap h3 {
        font-size: 25px;
        font-size: 2.5rem;
    }
}

@media screen and (max-width:768px) {
    .news-wrap h2, .news-wrap h3 {
        font-size: 30px;
        font-size: 3rem;
    }
}

.news-wrap h2:after, .news-wrap h2:before, .news-wrap h3:after, .news-wrap h3:before {
    display: block;
    content: "";
    width: 47px;
    height: 1px;
    background: #707070;
    position: absolute;
    left: 0;
    bottom: 0;
}

.news-wrap h2:before, .news-wrap h3:before {
    top: 0;
}

.news-wrap h2 a, .news-wrap h3 a {
    display: block;
    color: #1172bf;
    text-decoration: none;
}

.news-wrap p {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.3em;
}

.pagination {
    padding: 25px;
    background: #efeff0;
    border-radius: 5px;
}

@media screen and (max-width:768px) {
    .pagination {
        padding: 10px;
    }
}

.pagination .ms-promlink-button-enabled {
    border: 0 solid transparent;
    background: transparent;
    display: inline-block;
    width: auto;
    height: auto;
    padding: 0;
}

.pagination .ms-promlink-button-image img {
    display: none;
}

.pagination ul, .pagination ul#Paging {
    margin: 0;
    padding: 0;
    text-align: center;
}

.pagination li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    list-style-type: none;
}

@media screen and (max-width:1024px) {
    .pagination li {
        margin: 0 5px;
    }
}

@media screen and (max-width:768px) {
    .pagination li {
        margin: 0;
    }
}

.pagination li#PagingImageLink:first-child {
    float: left;
}

.pagination li:last-child {
    float: right;
}

    .pagination li:last-child#PagingSelf {
        float: none;
    }

.pagination li#PagingLink a, .pagination li#PagingSelf a {
    font-size: 20px;
    font-size: 2rem;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 5px;
}

@media screen and (max-width:768px) {
    .pagination li#PagingLink a, .pagination li#PagingSelf a {
        font-size: 15px;
        font-size: 1.5rem;
        width: 25px;
        height: 25px;
        line-height: 25px;
    }
}

.pagination li#PagingLink a:hover, .pagination li#PagingSelf a:hover {
    background: #e7e7e8;
}

.pagination li#PagingSelf a, .pagination li#PagingSelf a:hover {
    background: #7f5aa4;
    color: #fff;
}

.pagination a {
    display: inline-block;
    text-decoration: none;
    color: #00aded;
}

    .pagination a#PageLinkNext, .pagination a#PageLinkPrev {
        font-size: 19px;
        font-size: 1.9rem;
        height: 50px;
        line-height: 50px;
        position: relative;
    }

        .pagination a#PageLinkNext:hover, .pagination a#PageLinkPrev:hover {
            color: #1172bf;
        }

@media screen and (max-width:768px) {
    .pagination a#PageLinkNext, .pagination a#PageLinkPrev {
        height: 25px;
        line-height: 25px;
    }
}

@media screen and (max-width:1024px) {
    .pagination a#PageLinkNext, .pagination a#PageLinkPrev {
        font-size: 0;
    }
}

.pagination a#PageLinkNext:after, .pagination a#PageLinkNext:before, .pagination a#PageLinkPrev:after, .pagination a#PageLinkPrev:before {
    font-family: ico;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    background: none;
    width: auto;
    height: auto;
    font-size: 23px;
    font-size: 2.3rem;
    margin: 14px 0 0 2px;
    vertical-align: top;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media screen and (max-width:768px) {
    .pagination a#PageLinkNext:after, .pagination a#PageLinkNext:before, .pagination a#PageLinkPrev:after, .pagination a#PageLinkPrev:before {
        margin-top: 3px;
        font-size: 18px;
        font-size: 1.8rem;
    }
}

.pagination a#PageLinkPrev {
    float: left;
}

    .pagination a#PageLinkPrev:before {
        content: "\e60b";
        margin-right: 15px;
    }

@media screen and (max-width:768px) {
    .pagination a#PageLinkPrev:before {
        margin-right: 0;
    }
}

.pagination a#PageLinkNext {
    float: right;
}

    .pagination a#PageLinkNext:after {
        content: "\e601";
        margin-left: 15px;
    }

@media screen and (max-width:768px) {
    .pagination a#PageLinkNext:after {
        margin-left: 0;
    }
}

.social-share {
    text-align: center;
    border-radius: 5px;
    background-color: #efeff0;
    padding: 25px;
}

    .social-share.col-lg-12 {
        width: 100%;
    }

@media screen and (max-width:500px) {
    .social-share {
        padding: 10px;
    }
}

.social-share ul {
    overflow: hidden;
    padding: 0;
    text-align: center;
}

.social-share li {
    list-style-type: none;
    display: inline-block;
    margin: 0 12px;
}

@media screen and (max-width:400px) {
    .social-share li {
        margin: 0 5px;
    }
}

.social-share a {
    cursor: pointer;
    margin: 0 12px!important;
    display: block;
    max-width: 70px!important;
    max-height: 70px!important;
    width: 70px!important;
    height: 70px!important;
    line-height: 81px!important;
    text-align: center!important;
    border-radius: 100%;
    background: #00aded!important;
    text-decoration: none;
    position: relative;
    -webkit-transition: all .3s!important;
    transition: all .3s!important;
}

    .social-share a:hover {
        background: #1172bf!important;
    }

    .social-share a span {
        display: none;
    }

@media screen and (max-width:1024px) {
    .social-share a {
        width: 40px!important;
        height: 40px!important;
    }
}

@media screen and (max-width:400px) {
    .social-share a {
        margin: 0 5px;
    }
}

.social-share a .at-share-btn .at4-icon, .social-share a .at-share-btn span, .social-share a.at-svc-email .at4-icon, .social-share a.at-svc-email span, .social-share a.at-svc-facebook .at4-icon, .social-share a.at-svc-facebook span, .social-share a.at-svc-linkedin .at4-icon, .social-share a.at-svc-linkedin span, .social-share a.at-svc-twitter .at4-icon, .social-share a.at-svc-twitter span, .social-share a.at-svc-viadeo .at4-icon, .social-share a.at-svc-viadeo span {
    font-family: ico;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    background: none;
    width: 100%;
    height: 100%;
    font-size: 26px!important;
    vertical-align: top;
    line-height: 69px!important;
    display: inline-block;
    text-indent: 0!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #efeff0;
}

@media screen and (max-width:1024px) {
    .social-share a .at-share-btn .at4-icon, .social-share a .at-share-btn span, .social-share a.at-svc-email .at4-icon, .social-share a.at-svc-email span, .social-share a.at-svc-facebook .at4-icon, .social-share a.at-svc-facebook span, .social-share a.at-svc-linkedin .at4-icon, .social-share a.at-svc-linkedin span, .social-share a.at-svc-twitter .at4-icon, .social-share a.at-svc-twitter span, .social-share a.at-svc-viadeo .at4-icon, .social-share a.at-svc-viadeo span {
        font-size: 16px!important;
        line-height: 41px!important;
    }

    #nav-side .social-share a .at-share-btn .at4-icon, #nav-side .social-share a .at-share-btn span, #nav-side .social-share a.at-svc-email .at4-icon, #nav-side .social-share a.at-svc-email span, #nav-side .social-share a.at-svc-facebook .at4-icon, #nav-side .social-share a.at-svc-facebook span, #nav-side .social-share a.at-svc-linkedin .at4-icon, #nav-side .social-share a.at-svc-linkedin span, #nav-side .social-share a.at-svc-twitter .at4-icon, #nav-side .social-share a.at-svc-twitter span, #nav-side .social-share a.at-svc-viadeo .at4-icon, #nav-side .social-share a.at-svc-viadeo span {
        font-size: 16px!important;
    }
}

.social-share a.at-svc-facebook span:before {
    content: "\e60d";
}

.social-share a.at-svc-twitter span:before {
    content: "\e605";
}

.social-share a.at-svc-viadeo span:before {
    content: "\e615";
}

.social-share a.at-svc-linkedin span:before {
    content: "\e604";
}

.social-share a.at-svc-email span:before {
    content: "\e60e";
}

.social-share i {
    color: #efeff0;
    font-size: 26px;
}

@media screen and (max-width:500px) {
    .social-share i {
        font-size: 14px;
    }
}

.social-share span.at-icon-wrapper {
    height: auto!important;
    width: auto!important;
    background: transparent!important;
}

.social-share svg {
    display: none;
}

.bloc-link {
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    font-family: syntheseBold,sans-serif;
    max-height: 135px;
}

    .bloc-link .table {
        display: table;
        width: 100%;
    }

    .bloc-link a {
        border-radius: 5px;
        height: 135px;
        max-height: 135px;
        overflow: hidden;
        width: 100%;
        background: #c5e8f7;
        text-transform: uppercase;
        text-decoration: none;
        color: #0071aa;
        display: table-cell;
        vertical-align: middle;
        padding: 10px;
        border: 3px solid #c5e8f7;
        font-size: 18px;
        font-size: 1.8rem;
    }

        .bloc-link a:hover {
            background: #fff;
            color: #0071aa;
            border-color: #0071aa;
        }

.product {
    text-align: center;
    border-radius: 5px;
    background-color: #efeff0;
    overflow: hidden;
}

@media screen and (max-width:1024px) {
    .product.keep-ratio {
        padding-bottom: 0;
    }
}

@media screen and (max-width:1024px) {
    .product.keep-ratio .content {
        position: relative;
    }
}

@media screen and (max-width:500px) {
    .product {
        padding: 10px;
    }
}

.product .content {
    padding: 25px;
}

    .product .content .wrap {
        overflow: hidden;
        height: 100%;
        position: relative;
    }

        .product .content .wrap:before {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: -webkit-gradient(linear,left top,left bottom,color-stop(0,hsla(240,3%,94%,0)),color-stop(99%,#efeff0),color-stop(100%,#efeff0));
            background: -webkit-linear-gradient(top,hsla(240,3%,94%,0),#efeff0 99%,#efeff0);
            background: linear-gradient(180deg,hsla(240,3%,94%,0) 0,#efeff0 99%,#efeff0);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efeff0',endColorstr='#efeff0',GradientType=0);
            content: "";
            display: block;
            height: 30px;
            width: 100%;
        }

@media screen and (max-width:1024px) {
    .product .content {
        position: relative;
    }
}

.product a.h3 {
    display: block;
    font-family: syntheseBold,sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    margin: 0 0 25px;
    padding: 0 0 20px;
    text-transform: uppercase;
    color: #603184;
    position: relative;
}

@media screen and (max-width:600px) {
    .product a.h3 {
        margin: 0 0 20px;
        padding: 0 0 15px;
    }
}

.product a.h3:after {
    content: "";
    display: block;
    width: 150px;
    height: 1px;
    background: #717171;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -75px;
}

.product ul {
    margin: 0 0 10px;
    padding: 0;
    text-align: left;
}

.product li {
    list-style-type: none;
    display: inline-block;
    margin: 0 10px 10px 0;
}

.product .product-box {
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.1em;
    position: relative;
    border-radius: 5px;
    padding: 13px 20px 12px;
    background: #7f5aa4;
}

@media screen and (max-width:600px) {
    .product .product-box {
        padding: 10px 15px 9px;
        font-size: 12px;
        font-size: 1.2rem;
    }
}

@media screen and (max-width:500px) {
    .product .product-box {
        display: block;
    }
}

.product .product-box:hover {
    color: #fff;
    background: #603184;
}

.product p {
    font-size: 17px;
    font-size: 1.7rem;
    color: #4d4d4d;
    margin: 0 0 10px;
    text-align: left;
}

@media screen and (max-width:500px) {
    .product p {
        font-size: 15px;
        font-size: 1.5rem;
    }
}

.contact-ways h2 {
    color: #1172bf;
    margin: 0 0 15px;
    font-weight: 100;
    line-height: 1.2em;
    font-size: 45px;
    font-size: 4.5rem;
}

@media screen and (max-width:768px) {
    .contact-ways h2 {
        font-size: 35px;
        font-size: 3.5rem;
    }
}

@media screen and (max-width:600px) {
    .contact-ways h2 {
        display: none;
    }
}

.contact-ways > span {
    color: #707070;
    margin: 0 0 33px;
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
}

@media screen and (max-width:600px) {
    .contact-ways > span {
        display: none;
    }
}

.contact-ways ul {
    margin: 0;
    padding: 0;
}

.contact-ways li {
    list-style-type: none;
    display: block;
    margin: 0 0 25px;
    text-transform: uppercase;
}

.contact-ways a {
    display: block;
    position: relative;
    padding: 20px 24px 20px 68px;
    font-size: 20px;
    font-size: 2rem;
    font-family: syntheseRegular,sans-serif;
}

    .contact-ways a span {
        position: absolute;
        left: 24px;
        top: 50%;
        margin-top: -9px;
    }

.npt {
    padding-top: 0;
}

.event {
    overflow: hidden;
}

.row-fluid .event {
    margin-top: -140px;
}

@media screen and (max-width:768px) {
    .row-fluid .event {
        margin-top: 0;
    }
}

.event span.date, .event span.tag, .event a.tag {
    line-height: 1.1em;
    position: relative;
    color: #fff;
    display: inline-block;
    padding: 16px 25px 16px 60px;
    background: #7f5aa4;
    border-radius: 3px;
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0 25px 0 0;
}
.event a.tag:hover {
    background:#663399;
    text-decoration:none;
}

    .event span.date span, .event span.tag span, .event a.tag span {
        font-size: 25px;
        margin: -12px 0 0;
        position: absolute;
        left: 20px;
        top: 50%;
    }

@media screen and (max-width:768px) {
    .event span.date, .event span.tag, .event a.tag {
        margin: 0 10px 25px;
    }
}

@media screen and (max-width:400px) {
    .event span.date, .event span.tag, .event a.tag {
        display: block;
        padding: 16px 20px 16px 50px;
        margin: 0 0 15px;
    }
}

.event a.btn, .event a.custom-label {
    margin: 0;
    display: inline-block;
    text-transform: uppercase;
    padding: 14px 22px;
    font-size: 14px;
    font-size: 1.4rem;
}

@media screen and (max-width:768px) {
    .event a.btn, .event a.custom-label {
        float: none;
    }
}

@media screen and (max-width:400px) {
    .event a.btn, .event a.custom-label {
        display: block;
    }
}

#whatisyourworld {
    text-align: center;
    padding: 25px;
    max-width: 1024px;
    margin: 0 auto;
}

@media screen and (max-width:600px) {
    #whatisyourworld {
        padding: 15px;
    }
}

#whatisyourworld h2 {
    color: #1172bf;
    margin: 0 0 15px;
    font-weight: 100;
    line-height: 1.2em;
    font-size: 45px;
    font-size: 4.5rem;
}

@media screen and (max-width:768px) {
    #whatisyourworld h2 {
        font-size: 35px;
        font-size: 3.5rem;
    }
}

@media screen and (max-width:600px) {
    #whatisyourworld h2 {
        font-size: 30px;
        font-size: 3rem;
    }
}

@media screen and (max-width:500px) {
    #whatisyourworld h2 {
        font-size: 25px;
        font-size: 2.5rem;
    }
}

@media screen and (max-width:400px) {
    #whatisyourworld h2 {
        font-size: 20px;
        font-size: 2rem;
    }
}

#whatisyourworld p {
    font-size: 18px;
    font-size: 1.8rem;
    margin: 0 0 15px;
}

@media screen and (max-width:400px) {
    #whatisyourworld p {
        font-size: 14px;
        font-size: 1.4rem;
    }
}

#whatisyourworld ul {
    margin: 0 0 25px;
    padding: 0;
}

@media screen and (max-width:400px) {
    #whatisyourworld ul {
        margin: 0 0 15px;
    }
}

#whatisyourworld li {
    list-style-type: none;
    width: 50%;
    float: left;
    padding: 15px;
}

@media screen and (max-width:768px) {
    #whatisyourworld li {
        padding: 10px;
    }
}

@media screen and (max-width:600px) {
    #whatisyourworld li {
        width: 100%;
        padding: 0;
        margin: 0 0 15px;
    }
}

#whatisyourworld a {
    display: block;
    padding: 25px 20px;
}

@media screen and (max-width:768px) {
    #whatisyourworld a {
        font-size: 14px;
        font-size: 1.4rem;
        padding: 20px 10px;
    }
}

#whatisyourworld .more {
    clear: both;
    display: block;
    color: #00aded;
    font-size: 14px;
    font-size: 1.4rem;
    text-decoration: none;
}

    #whatisyourworld .more:hover {
        color: #1172bf;
    }

.special-more-info {
    padding: 9px 20px 10px;
    text-transform: uppercase;
    font-size: 0;
}

    .special-more-info a {
        font-size: 13px;
        font-size: 1.3rem;
        color: #fff;
        text-decoration: none;
    }

#head-zone-ProductPage {
    margin: 0;
}

#WebPartZone1 .ms-ref-ctrl {
    width: 1250px;
    margin: 0 auto;
    overflow: hidden;
    padding: 50px 0 0 50px;
    clear: both;
}

@media screen and (max-width:1200px) {
    #WebPartZone1 .ms-ref-ctrl {
        width: 100%;
    }
}

#WebPartZone1 .ms-ref-ctrl .question {
    float: left;
    clear: both;
}

@media screen and (max-width:768px) {
    #WebPartZone1 .ms-ref-ctrl .question {
        width: 95.827%;
        max-width: 95.827%;
        margin: 0 0 15px;
    }
}

#WebPartZone1 .ms-ref-ctrl .question h3 {
    font-size: 45px;
    font-size: 4.5rem;
    color: #1172bf;
    margin: 0 0 22px;
}

@media screen and (max-width:1024px) {
    #WebPartZone1 .ms-ref-ctrl .question h3 {
        font-size: 40px;
        font-size: 4rem;
        margin: 0 0 18px;
    }
}

@media screen and (max-width:768px) {
    #WebPartZone1 .ms-ref-ctrl .question h3 {
        font-size: 35px;
        font-size: 3.5rem;
        margin: 0 0 14px;
    }
}

#WebPartZone1 .ms-ref-ctrl .question p {
    font-size: 18px;
    font-size: 1.8rem;
    color: #7f5aa4;
    margin: 0;
}

@media screen and (max-width:768px) {
    #WebPartZone1 .ms-ref-ctrl .question p {
        font-size: 14px;
        font-size: 1.4rem;
    }
}

@media screen and (max-width:1250px) {
    #WebPartZone1 .ms-ref-ctrl {
        width: 100%;
        margin: 0;
        padding: 4.172% 0 0 4.173%;
    }
}

#WebPartZone1 .ms-ref-ctrl .other-value {
    clear: both;
    width: auto;
}

.nb-product-found {
    float: right;
    overflow: hidden;
    background: #603184;
    color: #fff;
    margin: 0 4.173% 4.172% 0;
    min-height: 71px;
    border-radius: 5px;
    padding: 5px 20px;
    font-weight: 100;
    line-height: 1.3em;
    font-size: 23px;
    font-size: 2.3rem;
    display: table;
}

@media screen and (max-width:768px) {
    .nb-product-found {
        width: 95.827%;
        max-width: 95.827%;
        float: none;
        clear: both;
    }
}

.nb-product-found strong {
    font-size: 40px;
    font-size: 4rem;
    height: 55px;
    font-weight: 100;
    padding: 6px 15px 0 0;
    vertical-align: middle;
    display: table-cell;
    float: none;
    line-height: 55px;
}

.ie10 .nb-product-found strong {
    line-height: 0;
    padding: 0 15px 0 0;
    position: relative;
    top: -5px;
}

.nb-product-found span {
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
    line-height: 1em;
}

#results .ms-srch-upscope-top {
    display: none!important;
}

@media screen and (max-width:1024px) {
    #results .grid {
        width: 100%;
    }
}

#noresultglobalsearch {
    margin: 0 4.173% 4.172% 0;
}

#product-finder-results .grid, #results .grid {
    width: auto;
    padding: 0;
}

    #product-finder-results .grid .col-lg-12, #results .grid .col-lg-12 {
        width: 100%;
    }

    #product-finder-results .grid .row-fluid [class^=col-], #results .grid .row-fluid [class^=col-] {
        margin: 0 0 4.172%;
    }

#product-finder-results .comparproduct, #results .comparproduct {
    margin: 0;
}

@media screen and (max-width:768px) {
    #product-finder-results .search-block .comparproduct, #product-finder-results .search-block .quick-search, #results .search-block .comparproduct, #results .search-block .quick-search {
        width: 100%;
    }
}

#product-finder-results .search-block .quick-search, #results .search-block .quick-search {
    margin-right: 2%;
}

@media screen and (max-width:768px) {
    #product-finder-results .search-block .quick-search, #results .search-block .quick-search {
        margin: 0 0 2%;
    }
}

#product-finder-results .search-block .quick-search .ms-floatLeft, #results .search-block .quick-search .ms-floatLeft {
    float: none;
}

#product-finder-results .search-block .quick-search .ms-srch-sbLarge, #product-finder-results .search-block .quick-search .ms-srch-sbLarge-fullWidth, #results .search-block .quick-search .ms-srch-sbLarge, #results .search-block .quick-search .ms-srch-sbLarge-fullWidth {
    width: 100%;
}

#product-finder-results .search-block .quick-search #SearchBox, #results .search-block .quick-search #SearchBox {
    padding: 30px;
    background: #efeff0;
    border-radius: 5px;
}

    #product-finder-results .search-block .quick-search #SearchBox input, #results .search-block .quick-search #SearchBox input {
        border: 0;
        float: left;
        width: 80%;
        margin: 0;
        padding: 7px 10px;
        height: auto;
    }

    #product-finder-results .search-block .quick-search #SearchBox a.ms-srch-sb-searchLink, #results .search-block .quick-search #SearchBox a.ms-srch-sb-searchLink {
        float: right;
        margin: 4px 7px 0 0;
    }

#product-finder-results .search-block .comparproduct, #results .search-block .comparproduct {
    margin: 0;
    padding: 15px;
    text-align: center;
}

@media screen and (max-width:768px) {
    #product-finder-results .search-block .comparproduct, #results .search-block .comparproduct {
        margin: 0 0 2%;
    }
}

@media screen and (max-width:600px) {
    #product-finder-results .search-block .comparproduct, #results .search-block .comparproduct {
        margin: 0 0 4.173%;
    }
}

#product-finder-results .search-block .comparproduct a, #results .search-block .comparproduct a {
    text-decoration: none;
}

@media screen and (max-width:768px) {
    #product-finder-results, #results {
        display: block!important;
    }
}

#product-finder-results .ms-srch-upscope-top, #results .ms-srch-upscope-top {
    display: none!important;
}

#product-finder-results section .grid .grid, #results section .grid .grid {
    padding: 0;
    width: auto;
}

    #product-finder-results section .grid .grid .col-lg-12, #results section .grid .grid .col-lg-12 {
        width: 100%;
        margin-bottom: 0;
        margin-top: 4.173%;
    }

@media screen and (max-width:500px) {
    #product-finder-results section .grid .grid .col-lg-12 li, #results section .grid .grid .col-lg-12 li {
        margin: 0 0 15px;
    }

        #product-finder-results section .grid .grid .col-lg-12 li:last-child, #results section .grid .grid .col-lg-12 li:last-child {
            margin: 0;
        }
}

#product-finder-results .ms-ref-refiner, #results .ms-ref-refiner {
    padding: 0;
    margin: 0 0 10px;
}

#product-finder-results .ms-ref-refinername:link, #product-finder-results .ms-ref-refinername:visited, #results .ms-ref-refinername:link, #results .ms-ref-refinername:visited {
    width: auto;
}

#product-finder-results .ms-ref-unselSec, #results .ms-ref-unselSec {
    padding: 10px 15px;
    background: #c5e8f7;
    color: #000;
    margin: 0 0 10px;
}

    #product-finder-results .ms-ref-unselSec .submit, #results .ms-ref-unselSec .submit {
        font-size: 0;
        padding-top: 10px;
    }

        #product-finder-results .ms-ref-unselSec .submit a, #results .ms-ref-unselSec .submit a {
            display: inline-block;
            margin: 0 10px 0 0;
            font-weight: 700;
            padding: 7px 10px 6px;
            font-size: 13px;
            font-size: 1.3rem;
            border-radius: 3px;
            text-decoration: none;
        }

            #product-finder-results .ms-ref-unselSec .submit a:first-child, #results .ms-ref-unselSec .submit a:first-child {
                color: #fff;
                background: #00aded;
            }

                #product-finder-results .ms-ref-unselSec .submit a:first-child:hover, #results .ms-ref-unselSec .submit a:first-child:hover {
                    background: #1172bf;
                }

            #product-finder-results .ms-ref-unselSec .submit a:last-child, #results .ms-ref-unselSec .submit a:last-child {
                color: #00aded;
                background: #fff;
            }

                #product-finder-results .ms-ref-unselSec .submit a:last-child:hover, #results .ms-ref-unselSec .submit a:last-child:hover {
                    color: #1172bf;
                }

#product-finder-results a.ms-ref-refinername, #results a.ms-ref-refinername {
    border-radius: 5px 5px 0 0;
    background: #00aded;
    color: #fff;
    padding: 15px;
    display: block;
}

    #product-finder-results a.ms-ref-refinername .ms-core-listMenu-item, #product-finder-results a.ms-ref-refinername .ms-ref-downarrow, #product-finder-results a.ms-ref-refinername .ms-ref-uparrow, #results a.ms-ref-refinername .ms-core-listMenu-item, #results a.ms-ref-refinername .ms-ref-downarrow, #results a.ms-ref-refinername .ms-ref-uparrow {
        display: block;
        float: left;
        width: 30px;
        height: auto;
        margin: 0 8px 0 0;
        line-height: 14px;
        text-align: center;
    }

    #product-finder-results a.ms-ref-refinername .ms-ref-downarrow, #product-finder-results a.ms-ref-refinername .ms-ref-uparrow, #results a.ms-ref-refinername .ms-ref-downarrow, #results a.ms-ref-refinername .ms-ref-uparrow {
        background: none;
    }

        #product-finder-results a.ms-ref-refinername .ms-ref-downarrow:before, #product-finder-results a.ms-ref-refinername .ms-ref-uparrow:before, #results a.ms-ref-refinername .ms-ref-downarrow:before, #results a.ms-ref-refinername .ms-ref-uparrow:before {
            font-family: ico;
            font-size: 6px;
            font-size: .6rem;
            color: #fff;
            speak: none;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            background: none;
            width: auto;
            height: auto;
            display: inline-block;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        #product-finder-results a.ms-ref-refinername .ms-ref-uparrow:before, #results a.ms-ref-refinername .ms-ref-uparrow:before {
            content: "\e603";
        }

        #product-finder-results a.ms-ref-refinername .ms-ref-downarrow:before, #results a.ms-ref-refinername .ms-ref-downarrow:before {
            content: "\e602";
        }

#product-finder-results .ms-ref-refiner .value, #product-finder-results .ms-ref-unsel-toggle, #product-finder-results .other-value, #product-finder-results .submit-value, #results .ms-ref-refiner .value, #results .ms-ref-unsel-toggle, #results .other-value, #results .submit-value {
    width: auto;
    position: relative;
}

#product-finder-results .ms-entity-resolved, #product-finder-results .ms-entity-unresolved, #product-finder-results .ms-ref-ellipsis, #results .ms-entity-resolved, #results .ms-entity-unresolved, #results .ms-ref-ellipsis {
    white-space: normal;
}

#product-finder-results .other-value, #results .other-value {
    display: none;
}

#product-finder-results input[type=checkbox], #results input[type=checkbox] {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

    #product-finder-results input[type=checkbox]:checked ~ label, #results input[type=checkbox]:checked ~ label {
        font-weight: 700;
        position: relative;
    }

        #product-finder-results input[type=checkbox]:checked ~ label:before, #results input[type=checkbox]:checked ~ label:before {
            background: #fec235;
        }

        #product-finder-results input[type=checkbox]:checked ~ label:after, #results input[type=checkbox]:checked ~ label:after {
            content: "\e613";
            font-family: ico;
            color: #fff;
            speak: none;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            background: none;
            width: auto;
            height: auto;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 4;
            margin: 11px 0 0 6px;
            font-size: 9px;
            font-size: .9rem;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

#product-finder-results label, #results label {
    cursor: pointer;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    position: relative;
    padding: 3px 0 5px 33px;
    overflow: hidden;
    display: block;
    line-height: 1.9em;
}

    #product-finder-results label:before, #results label:before {
        width: 24px;
        height: 24px;
        content: "";
        background: #fff;
        display: inline-block;
        position: absolute;
        left: 0;
        border-radius: 100%;
    }

#product-finder-results .ms-srch-item-path, #results .ms-srch-item-path {
    width: auto;
}

#product-finder-results .ms-srch-ellipsis, #results .ms-srch-ellipsis {
    white-space: normal;
}

#product-finder-results .ms-srch-resultFooter, #results .ms-srch-resultFooter {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #7f5aa4;
    color: #fff;
    border-radius: 5px;
    text-align: left;
    padding: 10px 25px 19px;
    margin: 0 0 4.172%;
}

@media screen and (max-width:768px) {
    #product-finder-results .ms-srch-resultFooter, #results .ms-srch-resultFooter {
        margin-right: 0;
    }
}

#product-finder-results .ms-srch-resultFooter .ms-srch-resultscount, #results .ms-srch-resultFooter .ms-srch-resultscount {
    font-size: 40px;
    font-size: 4rem;
    line-height: 1em;
}

@media screen and (max-width:768px) {
    #product-finder-results .ms-srch-resultFooter .ms-srch-resultscount, #results .ms-srch-resultFooter .ms-srch-resultscount {
        font-size: 20px;
        font-size: 2rem;
        text-align: center;
    }
}

#product-finder-results .ms-srch-resultFooter #ResultFooter, #results .ms-srch-resultFooter #ResultFooter {
    display: none;
}

#product-finder-results .ms-srch-result, #results .ms-srch-result {
    position: relative;
}

    #product-finder-results .ms-srch-result .ms-srch-upscope-top, #results .ms-srch-result .ms-srch-upscope-top {
        width: auto!important;
    }

    #product-finder-results .ms-srch-result .ms-srch-item, #results .ms-srch-result .ms-srch-item {
        padding: 15px 20px;
        margin: 0 4.173% 4.172% 0;
        float: left;
        position: relative;
        clear: none;
        width: 47.826%;
        height: 350px;
        border-radius: 5px;
        text-align: center;
        background: #efeff0;
        overflow: hidden;
    }

        #product-finder-results .ms-srch-result .ms-srch-item:nth-child(odd), #results .ms-srch-result .ms-srch-item:nth-child(odd) {
            margin: 0 2.087% 4.172% 0;
        }

@media screen and (max-width:600px) {
    #product-finder-results .ms-srch-result .ms-srch-item:nth-child(odd), #results .ms-srch-result .ms-srch-item:nth-child(odd) {
        margin: 0 0 4.172%;
    }
}

#product-finder-results .ms-srch-result .ms-srch-item:nth-child(even), #results .ms-srch-result .ms-srch-item:nth-child(even) {
    margin: 0 0 4.172% 2.087%;
}

@media screen and (max-width:600px) {
    #product-finder-results .ms-srch-result .ms-srch-item:nth-child(even), #results .ms-srch-result .ms-srch-item:nth-child(even) {
        margin: 0 0 4.172%;
    }
}

#product-finder-results .ms-srch-result .ms-srch-item input[type=checkbox], #results .ms-srch-result .ms-srch-item input[type=checkbox] {
    visibility: visible;
    top: 10px;
    right: 10px;
    left: auto;
}

#product-finder-results .ms-srch-result .ms-srch-item .ms-srch-body, #results .ms-srch-result .ms-srch-item .ms-srch-body {
    max-height: 321px;
    overflow: hidden;
    position: relative;
}

    #product-finder-results .ms-srch-result .ms-srch-item .ms-srch-body p, #results .ms-srch-result .ms-srch-item .ms-srch-body p {
        position: relative;
        margin: 0;
    }

        #product-finder-results .ms-srch-result .ms-srch-item .ms-srch-body p:empty, #results .ms-srch-result .ms-srch-item .ms-srch-body p:empty {
            display: none;
        }

        #product-finder-results .ms-srch-result .ms-srch-item .ms-srch-body p.cropped:after, #results .ms-srch-result .ms-srch-item .ms-srch-body p.cropped:after {
            content: '...';
            display: inline-block;
        }

@media screen and (max-width:600px) {
    #product-finder-results .ms-srch-result .ms-srch-item, #results .ms-srch-result .ms-srch-item {
        width: 100%;
        max-width: 100%;
        display: block;
        height: auto!important;
    }
}

#product-finder-results .ms-srch-result .ms-srch-item .ms-srch-item-body, #results .ms-srch-result .ms-srch-item .ms-srch-item-body {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 25px;
}

@media screen and (max-width:768px) {
    #product-finder-results .ms-srch-result .ms-srch-item .ms-srch-item-body, #results .ms-srch-result .ms-srch-item .ms-srch-item-body {
        position: relative;
    }
}

#product-finder-results .ms-srch-result .ms-srch-item .ms-srch-item-body > a, #results .ms-srch-result .ms-srch-item .ms-srch-item-body > a {
    text-decoration: none;
}

#product-finder-results .ms-srch-result .ms-srch-item h3, #results .ms-srch-result .ms-srch-item h3 {
    font-size: 18px;
    font-size: 1.8rem;
    font-family: syntheseBold;
    font-weight: 400;
    color: #7f5aa4;
    text-transform: uppercase;
    position: relative;
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid hsla(0,0%,72%,.6);
}

    #product-finder-results .ms-srch-result .ms-srch-item h3 a, #results .ms-srch-result .ms-srch-item h3 a {
        color: #7f5aa4;
        text-decoration: none;
    }

#product-finder-results .col-lg-4 #SearchBox {
    margin-bottom: 10%;
}

@media screen and (max-width:768px) {
    #product-finder-results .col-lg-4 #SearchBox {
        margin-bottom: 4.173%;
    }
}

#results .ms-webpart-zone.ms-fullWidth .ms-webpart-cell-horizontal:first-child, #results .ms-webpart-zone.ms-fullWidth .ms-webpart-cell-vertical:first-child {
    margin: 0 4.173% 4.172% 0;
    display: block;
    float: left;
    position: relative;
    width: 29.159%;
    max-width: 29.159%;
}

@media screen and (max-width:768px) {
    #results .ms-webpart-zone.ms-fullWidth .ms-webpart-cell-horizontal:first-child, #results .ms-webpart-zone.ms-fullWidth .ms-webpart-cell-vertical:first-child {
        width: 95.827%;
        max-width: 95.827%;
        display: block;
    }
}

#results .ms-webpart-zone.ms-fullWidth .ms-webpart-cell-horizontal:nth-child(2), #results .ms-webpart-zone.ms-fullWidth .ms-webpart-cell-vertical:nth-child(2) {
    width: 62.493%;
    margin: 0 4.173% 4.172% 0;
    display: block;
    float: left;
}

@media screen and (max-width:768px) {
    #results .ms-webpart-zone.ms-fullWidth .ms-webpart-cell-horizontal:nth-child(2), #results .ms-webpart-zone.ms-fullWidth .ms-webpart-cell-vertical:nth-child(2) {
        width: 95.827%;
        max-width: 95.827%;
        display: block;
    }
}

#results .grid {
    width: 100%;
    margin: 0;
    padding: 4.172% 0 0 4.173%;
}

#results .ms-srch-result {
    padding-top: 94px;
}

#quick-search .grid {
    padding-bottom: 50px;
    padding-right: 50px;
}

@media screen and (max-width:1250px) {
    #quick-search .grid {
        padding: 4.172% 4.172% 4.172% 4.173%;
    }
}

#quick-search .row-fluid {
    overflow: hidden;
    border-radius: 5px;
    background: #efeff0;
    padding: 35px;
}

    #quick-search .row-fluid #SearchBox {
        float: none;
    }

    #quick-search .row-fluid .ms-srch-sbLarge {
        border-radius: 5px;
        overflow: hidden;
    }

@media screen and (max-width:768px) {
    #quick-search .row-fluid .ms-srch-sbLarge {
        width: 95.827%;
        max-width: 95.827%;
        display: block;
    }
}

#quick-search .row-fluid input[type=text] {
    height: 48px;
}

@media screen and (max-width:768px) {
    #quick-search .row-fluid input[type=text] {
        width: 95.827%;
        max-width: 95.827%;
        display: block;
    }
}

.ms-ref-refiner #Container {
    padding-bottom: 0;
}

#WebPartZone1 .ms-ref-refiner {
    padding: 0;
}

    #WebPartZone1 .ms-ref-refiner a.ms-ref-refinername {
        visibility: hidden;
        display: none;
    }

    #WebPartZone1 .ms-ref-refiner .other-value {
        display: none;
    }

    #WebPartZone1 .ms-ref-refiner .submit-value {
        text-align: center;
        overflow: hidden;
        width: 100%;
        clear: both;
        font-size: 0;
        padding: 0;
    }

        #WebPartZone1 .ms-ref-refiner .submit-value a {
            background: #00aded;
            font-size: 18px;
            font-size: 1.8rem;
            text-transform: uppercase;
            text-align: center;
            text-decoration: none;
            padding: 22px 50px 23px;
            color: #fff;
            border-radius: 5px;
            display: inline-block;
            margin: 0 4.173% 4.172% 0;
        }

            #WebPartZone1 .ms-ref-refiner .submit-value a:first-child:before {
                content: "\e601";
                font-family: ico;
                color: #fff;
                speak: none;
                font-style: normal;
                font-weight: 400;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                background: none;
                width: auto;
                height: auto;
                display: inline-block;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

@media screen and (max-width:768px) {
    #WebPartZone1 .ms-ref-refiner .submit-value a {
        width: 95.827%;
        max-width: 95.827%;
    }
}

#WebPartZone1 .ms-ref-refiner #unselShortList {
    clear: both;
}

#WebPartZone1 .ms-ref-refiner .value {
    margin: 0 4.173% 4.172% 0;
    float: left;
    position: relative;
    width: 29.159%;
    max-width: 29.159%;
    display: table;
    overflow: hidden;
    font-family: syntheseBold,sans-serif;
}

@media screen and (max-width:1024px) {
    #WebPartZone1 .ms-ref-refiner .value {
        width: 45.826%;
        max-width: 45.826%;
    }
}

@media screen and (max-width:500px) {
    #WebPartZone1 .ms-ref-refiner .value {
        width: 95.827%;
        max-width: 95.827%;
    }
}

#WebPartZone1 .ms-ref-refiner .value input[type=CHECKBOX] {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
}

    #WebPartZone1 .ms-ref-refiner .value input[type=CHECKBOX]:checked ~ label {
        background: #fff;
        color: #0071aa;
        border-color: #0071aa;
    }

        #WebPartZone1 .ms-ref-refiner .value input[type=CHECKBOX]:checked ~ label:before {
            content: "\e613";
            font-family: ico;
            speak: none;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            background: none;
            width: auto;
            height: auto;
            display: inline-block;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

#WebPartZone1 .ms-ref-refiner .value label {
    padding: 10px;
    cursor: pointer;
    text-align: center;
    height: 135px;
    max-height: 135px;
    width: 100%;
    text-transform: uppercase;
    text-decoration: none;
    color: #0071aa;
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
    font-size: 1.8rem;
    white-space: normal;
    background: #c5e8f7;
    border: 3px solid #c5e8f7;
    border-radius: 5px;
}

@media screen and (max-width:600px) {
    #WebPartZone1 .ms-ref-refiner .value label {
        font-size: 15px;
        font-size: 1.5rem;
    }
}

@media screen and (max-width:400px) {
    #WebPartZone1 .ms-ref-refiner .value label {
        font-size: 13px;
        font-size: 1.3rem;
        font-size: 11px;
        font-size: 1.1rem;
    }
}

#step-product-finder {
    background: #00aded;
    margin: 0 0 9px;
    overflow: hidden;
}

    #step-product-finder .container {
        position: relative;
        overflow: visible;
        display: table;
    }

@media screen and (max-width:500px) {
    #step-product-finder .container {
        padding: 0;
    }
}

#step-product-finder .container.step1-active:before {
    background-color: #fff;
}

#step-product-finder .container.step2-active:before, #step-product-finder .container.step3-active:before {
    background-color: #1172bf;
}

#step-product-finder .container.step3-active:after {
    background-color: #fff;
}

#step-product-finder .container:after, #step-product-finder .container:before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
}

#step-product-finder .container:before {
    left: -100%;
}

#step-product-finder .container:after {
    right: -100%;
}

#step-product-finder .step {
    width: 33.333333%;
    float: left;
    display: block;
    position: relative;
    padding: 37px 0 48px;
    text-align: center;
}

@media screen and (max-width:1024px) {
    #step-product-finder .step {
        padding: 29px 0 40px;
    }
}

@media screen and (max-width:600px) {
    #step-product-finder .step {
        width: 100%;
        height: auto;
        min-height: 0;
        padding: 10px;
    }
}

#step-product-finder .step.step3 {
    background-color: #00aded;
}

    #step-product-finder .step.step3:after {
        display: none;
    }

    #step-product-finder .step.step3 .arrow {
        background-color: #00aded;
    }

        #step-product-finder .step.step3 .arrow:before {
            border-left-color: #008fd2;
        }

    #step-product-finder .step.step3.active .arrow {
        background-color: #fff;
    }

        #step-product-finder .step.step3.active .arrow:before {
            border-left-color: #008fd2;
        }

#step-product-finder .step.step2, #step-product-finder .step.step2 .arrow {
    background-color: #008fd2;
}

    #step-product-finder .step.step2 .arrow:before {
        border-left-color: #1172bf;
    }

    #step-product-finder .step.step2.active .arrow {
        background-color: #fff;
    }

        #step-product-finder .step.step2.active .arrow:before {
            border-left-color: #1172bf;
        }

    #step-product-finder .step.step2.active + .step3 .arrow:before {
        border-left-color: #fff;
    }

#step-product-finder .step.step1 {
    background-color: #1172bf;
}

    #step-product-finder .step.step1.active + .step2 .arrow:before {
        border-left-color: #fff;
    }

#step-product-finder .step .arrow {
    position: absolute;
    left: -5.833em;
    top: 0;
    bottom: 0;
    width: 5.833em;
}

    #step-product-finder .step .arrow:before {
        content: '';
        width: 0;
        height: 0;
        border-top: 5.833em solid transparent;
        border-bottom: 5.833em solid transparent;
        border-left: 5.833em solid transparent;
        position: absolute;
        right: 0;
    }

@media screen and (max-width:1024px) {
    #step-product-finder .step .arrow {
        width: 55px;
        left: -55px;
    }

        #step-product-finder .step .arrow:before {
            border-left-width: 55px;
            border-bottom-width: 55px;
            border-top-width: 55px;
        }
}

@media screen and (max-width:768px) {
    #step-product-finder .step .arrow {
        width: 4.625em;
        left: -4.625em;
    }

        #step-product-finder .step .arrow:before {
            border-left-width: 4.625em;
            border-bottom-width: 4.625em;
            border-top-width: 4.625em;
        }
}

@media screen and (max-width:600px) {
    #step-product-finder .step .arrow {
        width: 4.625em;
        left: -4.625em;
    }

        #step-product-finder .step .arrow:before {
            border-left-width: 4.625em;
            border-bottom-width: 4.625em;
            border-top-width: 4.625em;
        }
}

#step-product-finder .step .label {
    position: relative;
    z-index: 4;
    font-size: 40px;
    font-size: 4rem;
    color: #fff;
    width: 100%;
    margin: 0;
}

@media screen and (max-width:1200px) {
    #step-product-finder .step .label {
        font-size: 35px;
        font-size: 3.5rem;
    }
}

@media screen and (max-width:1024px) {
    #step-product-finder .step .label {
        font-size: 30px;
        font-size: 3rem;
    }
}

@media screen and (max-width:768px) {
    #step-product-finder .step .label {
        font-size: 25px;
        font-size: 2.5rem;
    }
}

@media screen and (max-width:600px) {
    #step-product-finder .step .label {
        font-size: 20px;
        font-size: 2rem;
    }
}

#step-product-finder .step .label a {
    color: #fff;
    text-decoration: none;
}

#step-product-finder .step .nb {
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}

#step-product-finder .step.active {
    background-color: #fff;
}

    #step-product-finder .step.active .arrow:before {
        border-left-color: #fff;
    }

    #step-product-finder .step.active .label, #step-product-finder .step.active .label a {
        color: #0071aa;
    }

    #step-product-finder .step.active:before {
        content: "\e613";
        font-family: ico;
        color: #0071aa;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        background: none;
        width: auto;
        height: auto;
        position: absolute;
        left: 24px;
        top: 50%;
        z-index: 4;
        margin: -17px 0 0;
        font-size: 26px;
        font-size: 2.6rem;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

@media screen and (max-width:768px) {
    #step-product-finder .step.active:before {
        font-size: 20px;
        font-size: 2rem;
        margin: -11px 0 0;
    }
}

@media screen and (max-width:600px) {
    #step-product-finder .step.active:before {
        font-size: 15px;
        font-size: 1.5rem;
        margin: -6px 0 0;
    }
}

#product-finder-results, .wrap-product-step:nth-child(2), .wrap-product-step:nth-child(3) {
    display: none;
}

.tag-bloc {
    border-radius: 5px;
    background-color: #efeff0;
    overflow: hidden;
    padding: 20px;
}

@media screen and (max-width:1024px) {
    .tag-bloc {
        margin: 0 0 4.172%!important;
    }
}

@media screen and (max-width:600px) {
    .tag-bloc {
        padding: 20px 20px 10px;
    }
}

.tag-bloc h2 {
    font-family: syntheseBold,sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    margin: 0 0 10px;
    text-transform: uppercase;
    color: #603184;
    position: relative;
}

.tag-bloc ul {
    margin: 0;
    padding: 0;
    text-align: left;
    min-height: 50px;
}

.tag-bloc li {
    list-style-type: none;
    display: inline-block;
    margin: 0 10px 10px 0;
}

.tag-bloc a {
    cursor: default;
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.1em;
    position: relative;
    padding: 13px 20px 12px;
    background: #7f5aa4;
    border-radius: 5px;
}

@media screen and (max-width:600px) {
    .tag-bloc a {
        padding: 10px 15px 9px;
        font-size: 12px;
        font-size: 1.2rem;
    }
}

@media screen and (max-width:500px) {
    .tag-bloc a {
        display: block;
    }
}

.tag-bloc a:hover {
    color: #fff;
    background: #7f5aa4;
}

.tag-bloc p {
    font-size: 14px;
    font-size: 1.4rem;
    color: #4d4d4d;
    margin: 0 0 10px;
    text-align: left;
}

@media screen and (max-width:500px) {
    .tag-bloc p {
        font-size: 15px;
        font-size: 1.5rem;
    }
}

.table table, .table td, .table th {
    border: 1px solid #efeff0;
    text-align: left;
}

.table table {
    margin: 0 0 20px;
}

.doc-list {
    border-radius: 5px;
    background-color: #efeff0;
    padding: 25px;
    max-height: 500px;
    overflow-y: auto;
}

    .doc-list.product-doc-list ul {
        max-height: 75%;
        overflow-y: auto;
    }

        .doc-list.product-doc-list ul li {
            position: relative;
            padding-left: 20px;
        }

            .doc-list.product-doc-list ul li:before {
                position: absolute;
                left: 0;
                top: 8px;
                content: '\e614';
                font-family: ico;
                font-size: 10px;
                font-size: 1rem;
                color: #7f5aa4;
                speak: none;
                font-style: normal;
                font-weight: 700;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                background: none;
                width: auto;
                height: auto;
                display: inline-block;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

            .doc-list.product-doc-list ul li a {
                display: inline-block;
            }

@media screen and (max-width:600px) {
    .doc-list {
        max-height: none;
    }
}

.msds-colorbox .doc-list {
    overflow: hidden;
}

.doc-list h3 {
    font-family: syntheseBold,sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    margin: 0 0 20px;
    padding: 0 0 20px;
    text-transform: uppercase;
    position: relative;
    text-align: center;
}

    .doc-list h3, .doc-list h3 a {
        color: #603184;
    }

        .doc-list h3:after {
            content: "";
            display: block;
            height: 1px;
            position: absolute;
            bottom: 0;
            left: 25px;
            right: 25px;
            background: #4d4d4d;
        }

@media screen and (max-width:600px) {
    .doc-list h3 {
        margin: 0 0 20px;
        padding: 0 0 15px;
    }
}

.doc-list ul {
    margin: 0;
    padding: 0;
    text-align: left;
}

.doc-list li {
    list-style-type: none;
    display: block;
    margin: 0 10px 10px 0;
}

.doc-list a {
    display: block;
    text-decoration: none;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.1em;
    padding: 5px 0;
    position: relative;
    color: #707070;
}

@media screen and (max-width:600px) {
    .doc-list a {
        font-size: 12px;
        font-size: 1.2rem;
    }
}

.doc-list a:hover {
    color: #000;
}

.doc-list p {
    font-size: 14px;
    font-size: 1.4rem;
    color: #4d4d4d;
    margin: 0 0 10px;
    text-align: left;
}

@media screen and (max-width:500px) {
    .doc-list p {
        font-size: 15px;
        font-size: 1.5rem;
    }
}

.doc-list.col-lg-6 {
    padding: 0;
}

    .doc-list.col-lg-6 h3 {
        padding: 0;
        margin: 0;
    }

        .doc-list.col-lg-6 h3 a {
            padding: 25px;
        }

        .doc-list.col-lg-6 h3:after {
            display: none;
        }

.doc-list .doclist_moreinfo {
    display: inline-block;
}

    .cssc-form .submit-box .doc-list .doclist_moreinfo button, .doc-list .doclist_moreinfo .btn, .doc-list .doclist_moreinfo .cssc-form .submit-box button, .doc-list .doclist_moreinfo .custom-label {
        display: inline-block;
        margin: 0 10px;
    }

.doc-list #msds-languages {
    font-size: 12px;
    font-size: 1.2rem;
    font-family: syntheseBold,sans-serif;
    background: #00aded;
    -webkit-appearance: none;
    background-image: url(../img/arrow.png);
    background-repeat: no-repeat;
    background-size: 0 0;
    -webkit-background-size: 15px 15px;
    background-position: right 5px center;
    border: 0;
    border-radius: 2px;
    color: #fff;
    padding: 10px 15px;
    text-transform: uppercase;
}

@media screen and (max-width:600px) {
    .doc-list #msds-languages {
        width: 100%;
    }
}

#technical-characteristics {
    width: 100%;
    overflow-x: auto;
    padding: 0;
    padding-top: 20px;
}

#TableDisclaimer {
    padding-top: 0;
}

    #TableDisclaimer .tabscontent > div {
        margin-top: 5px;
        padding-top: 0;
        background: none;
    }

    #TableDisclaimer .table-title {
        font-size: 16px;
        font-size: 1.6rem;
        background-color: #00aded;
        padding: 25px;
        color: #fff;
    }

#TableProductAAndB, #TableProductAPlusB {
    padding-top: 0;
}

    #TableProductAPlusB .table-title {
        font-size: 24px;
        font-size: 2.4rem;
        background-color: #00aded;
        padding: 25px 0;
        text-indent: 50px;
        color: #fff;
    }

    #TableProductAPlusB .tabscontent > div {
        margin-top: 5px;
        padding-top: 0;
        background: none;
    }

    #TableProductAPlusB .ListProperties {
        margin-top: -35px;
    }

        #TableProductAPlusB .ListProperties tbody tr th {
            min-width: 400px;
        }

        #TableProductAPlusB .ListProperties thead tr:first-child {
            background: none;
        }

            #TableProductAPlusB .ListProperties thead tr:first-child th {
                border-right-color: transparent;
            }

table.to-hide {
    display: none;
}

table.ListProperties {
    border: 0;
    width: 100%;
}

@media screen and (max-width:768px) {
    table.ListProperties {
        display: none;
    }
}

table.ListProperties thead tr:first-child {
    background: #00aded;
    border-bottom: 1px solid #fff;
}

    table.ListProperties thead tr:first-child th {
        border-right: 20px solid #00aded;
    }

        table.ListProperties thead tr:first-child th:first-child, table.ListProperties thead tr:first-child th:last-child {
            border: 0;
        }

table.ListProperties thead tr:last-child th {
    border-radius: 0;
}

table.ListProperties thead th {
    border: 0;
    text-align: center;
    border-right: 20px solid #fff;
    font-size: 14px;
    font-size: 1.4rem;
}

    table.ListProperties thead th span {
        display: block;
        background: #8b6baf;
        color: #fff;
        padding: 10px;
        border-radius: 5px 5px 0 0;
    }

    table.ListProperties thead th:first-child {
        background: transparent;
        border: 0;
    }

    table.ListProperties thead th:last-child {
        border: 0;
    }

table.ListProperties tbody tr {
    background: #a1daf1;
}

    table.ListProperties tbody tr:last-child td {
        border-radius: 0 0 5px 5px;
    }

        table.ListProperties tbody tr:last-child td:first-child {
            border-radius: 0;
        }

    table.ListProperties tbody tr:last-child td, table.ListProperties tbody tr:last-child th {
        border-bottom: 0;
    }

table.ListProperties tbody td {
    font-size: 14px;
    font-size: 1.4rem;
    border: 0;
    text-align: center;
    padding: 10px;
    color: #fff;
    border-bottom: 2px solid #8b6baf;
    border-right: 20px solid #a1daf1;
    background: #585ba5;
    min-width: 200px;
}

    table.ListProperties tbody td:last-child {
        border-right: 0;
    }

table.ListProperties tbody th {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px;
    border-radius: 5px 0 0 5px;
    background: #a1daf1;
    color: #7f5aa4;
    border: 0;
    border-bottom: 2px solid #fff;
    text-align: left;
}

.responsive-table {
    display: none;
    width: 100%;
    background-color: #00aded;
}

@media screen and (max-width:768px) {
    .responsive-table {
        display: block;
    }
}

.responsive-table .product-property {
    display: table;
    width: 100%;
    padding: 5px 10px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    font-family: syntheseLight,sans-serif;
}

.responsive-table .property-title .title {
    background-color: #8b6baf;
    border-bottom: 1px solid #fff;
    border-radius: 4px 4px 0 0;
}

.responsive-table .tr {
    display: table-row;
}

    .responsive-table .tr .empty, .responsive-table .tr .item, .responsive-table .tr .title, .responsive-table .tr .value {
        display: table-cell;
        color: #fff;
        padding: 10px;
        border-bottom: 1px solid #fff;
    }

    .responsive-table .tr .empty {
        border: none;
    }

    .responsive-table .tr .item {
        width: 30%;
        color: #7f5aa4;
        background-color: #a1daf1;
        border-radius: 4px 0 0 4px;
    }

    .responsive-table .tr .value {
        width: 70%;
        background-color: #585ba5;
        border-radius: 0 0 4px 4px;
    }

    .responsive-table .tr:last-child .empty, .responsive-table .tr:last-child .item, .responsive-table .tr:last-child .title, .responsive-table .tr:last-child .value {
        border: none;
    }

.tabslink {
    display: table;
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
    border-radius: 5px 5px 0 0;
}

@media screen and (max-width:768px) {
    .tabslink {
        display: block;
    }
}

.tabslink li {
    display: table-cell;
    width: 25%;
    list-style-type: none;
    padding-right: 5px;
}

    .tabslink li:last-child {
        padding-right: 0;
    }

    .tabslink li a {
        font-size: 14px;
        font-size: 1.4rem;
        border-radius: 5px 5px 0 0;
        display: block;
        padding: 20px;
        color: #707070;
        background: #efefef;
        text-decoration: none;
    }

    .tabslink li.active {
        pointer-events: none;
    }

        .tabslink li.active a {
            background: #00aded;
            color: #fff;
        }

@media screen and (max-width:768px) {
    .tabslink li {
        display: block;
        width: auto;
        margin-bottom: 8px;
    }

        .tabslink li a {
            border-radius: 5px;
        }
}

.tabscontent {
    max-width: 1149px;
}

    .tabscontent > div {
        padding: 15px;
        background: #00aded;
        color: #fff;
        font-size: 14px;
        font-size: 1.4rem;
        border-radius: 0 0 5px 5px;
    }

.disclamer {
    padding: 15px;
}

    .disclamer p {
        font-style: italic;
        margin: 0;
    }

.global-search-header, .product-finder-header {
    min-height: 180px;
}

    .global-search-header .container, .product-finder-header .container {
        margin-top: 137px;
    }

.small-results-wrap {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    overflow: hidden;
    padding: 25px 0;
}

    .small-results-wrap .nb-product-found {
        float: left;
        margin: 0;
    }

@media screen and (max-width:768px) {
    .small-results-wrap .nb-product-found {
        float: none;
        width: 100%;
        max-width: 100%;
        margin: 0 0 15px;
    }

        .small-results-wrap .nb-product-found + #show-results {
            display: none;
        }
}

.small-results-wrap #RES_ProductsFinderURL {
    margin: 0 0 0 15px;
}

@media screen and (max-width:768px) {
    .small-results-wrap #RES_ProductsFinderURL {
        width: 100%;
    }
}

.small-results-wrap a#show-results {
    float: right;
    color: #09c0f1;
    border: 2px solid #09c0f1;
    font-size: 14px;
    font-size: 1.4rem;
    text-transform: uppercase;
    font-weight: 700;
    padding: 22px 30px;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin: 0 0 15px 15px;
}

    .small-results-wrap a#show-results:hover {
        background: #09c0f1;
        color: #fff;
    }

@media screen and (max-width:768px) {
    .small-results-wrap a#show-results {
        float: none;
        width: 100%;
        max-width: 100%;
        margin: 0 0 2%;
    }
}

.ms-srch-result .ms-srch-resultFooter {
    max-width: 1150px;
    margin: 0 auto 4.173%;
    padding: 25px;
    background: #efeff0;
    border-radius: 5px;
    font-size: 20px;
    font-size: 2rem;
    color: #00aded;
}

@media screen and (max-width:768px) {
    .ms-srch-result .ms-srch-resultFooter {
        padding: 10px;
    }
}

.cookie {
    position: fixed;
    z-index: 10;
    left: 0;
    right: 0;
    top: -100%;
    padding: 7px 0;
    background: #4d5054;
    -webkit-transition: all .3s;
    transition: all .3s;
    text-align: center;
}

    .cookie.show {
        top: 0;
    }

    .cookie p {
        width: 1150px;
        margin: 0 auto;
        padding: 0;
        font-size: 13px;
        color: #fff;
        position: relative;
    }

@media screen and (max-width:1200px) {
    .cookie p {
        width: 100%;
    }
}

.cookie p a {
    padding: 3px 7px;
    width: auto;
}

.cookie p button {
    margin: 0 0 0 10px;
}

@media screen and (max-width:500px) {
    .cookie p button {
        display: inline-block;
    }
}

.news-search-wrap .s4-wpcell-plain.ms-webpartzone-cell {
    width: 45.826%;
    margin: 0 4.173% 4.172% 0;
    float: left;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
}

p.cropped:after {
    content: '...';
    display: inline-block;
}

#product-finder-results section .grid .grid .col-lg-12 {
    width: 100%;
}

#main-content section.subsidiaries h1 {
    margin: 0;
}

#newsandevent-dispform-to-hide, .ms-srch-result #ResultFooter {
    display: none;
}

.edisc-SearchResultItemContainer:hover, .ms-srch-item:hover, .ms-srch-resultHover:hover {
    background: transparent;
}

#Product_ProcessingConnected {
    display: block!important;
}

#WebPartZone1.product-layout {
    /*margin-top: 140px;*/
}

@media screen and (max-width:1024px) {
    #WebPartZone1.product-layout {
        margin: 0;
    }
}

#SslWarning {
    padding: 25px;
    text-align: center;
}

.thank-you-download {
	background-image: url(/SiteCollectionImages/Common/Immersive/ThankYou-imm.jpg);
    background-position-x: center;
    background-position-y: -200px;
    background-size: cover;
    background-repeat: no-repeat;
    min-height:700px;
    position:relative;
    color: #fff !important;
}

.thank-you-download .grid {
    padding-top: 15%;
}
.thank-you-download h1{
    color: #fff !important;
    font-size: 5.5rem !important;
    line-height: normal !important;
    font-weight: bold;
}

.thank-you-download p{
    font-size: 1.6em;
}

.defaultloginpage {
	background-image: url(/SiteCollectionImages/Common/Immersive/Login-imm.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height:700px;
    position:relative;
}

@media screen and (max-width:1024px) {
    .defaultloginpage{
		min-height:0px;
	}
}

.defaultloginpageBox{
    position: absolute;
    right: 100px;
    top: 100px;
    width: 500px;
    /*height: 400px;*/
    background-color: #fff;
    border-radius: 6px;
    padding:40px;
}

@media screen and (max-width:1024px) {
    .defaultloginpageBox{
		width: 100%;
		background-color: #fff;
		position:static;
		padding:40px;
		border-radius: 0px;

	}
}

.defaultloginpage h1{
    margin: 0 0 20px 0 !important;
}

.defaultloginpage #SslWarning{
    padding: 0 0 15px 0;
	text-align:left;
}

.defaultloginpage label {
    display: inline-block;
}

.defaultloginpage .box.submit-box {
    margin: 0 20px 10px 0;
}

@media screen and (max-width:500px) {
    .defaultloginpage .box.submit-box + li {
        clear: both;
    }
}

.defaultloginpage .box.submit-box + li + li {
    clear: both;
}

.defaultloginpage #HyperLinkAccountCreator, .defaultloginpage #HyperLinkTroubleToConnect {
    /*margin: 57px 0 0 5px;
    position: relative;
    white-space: nowrap;
    background: #d1d1d1;
    color: #000;
    display: inline-block;
    font-size: 10px;
    font-size: 1rem;
    border-radius: 3px;
    padding: 4px 12px 1px;
    text-decoration: none;*/
}

@media screen and (max-width:500px) {
    .defaultloginpage #HyperLinkAccountCreator, .defaultloginpage #HyperLinkTroubleToConnect {
        margin: 20px 0 0 5px;
    }
}

.defaultloginpage #HyperLinkAccountCreator:hover, .defaultloginpage #HyperLinkTroubleToConnect:hover {
    color: #1172bf;
}

.defaultloginpage .cssc-form--default, .defaultloginpage .cssc-form--default fieldset {
	margin:0;
}

.defaultloginpage .cssc-form--default .box{
    margin-bottom:15px;
}

.defaultloginpage .extra-btn {
    background: #00aded;
    color: #fff;
    border: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin: 0 !important;
	padding: 8px 30px !important;
	border-radius: 8px !important;
}

@media screen and (max-width:500px) {
    .defaultloginpage .extra-btn {
        float: none;
        margin: 0;
        width: 100%;
    }
}

.defaultloginpage .extra-btn:hover {
    background: #1172bf;
}

.defaultloginpage li {
    margin: 0 0 15px;
    list-style-type: none;
}

.defaultloginpage input[type=checkbox] {
    margin: 2px 3px 0 0;
}

.box select {
    height: 210px;
    margin-top: 26px;
}

.ms-srch-result {
    margin: 0;
}

.ms-webpart-chrome-title {
    display: none;
}

.ms-SPZone > .s4-wpActive .ms-webpart-chrome-title, .ms-webpart-unselected .ms-webpart-chrome-title {
    display: block;
}

.ms-srch-item {
    width: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
}

header .head .nav li.ms-listMenu-editLink {
    display: none;
}

.ms-core-listMenu-horizontalBox .dynamic .dynamic-children.additional-background {
    background: transparent;
}

ul.dynamic .ms-srch-result #Paging {
    margin: 0;
}

    ul.dynamic .ms-srch-result #Paging li {
        display: inline-block;
    }

.distributor-map {
    overflow: hidden;
}

@media screen and (min-width:1250px) {
    .distributor-map #MSOZoneCell_WebPartWPQ1 {
        position: absolute;
    }
}

@media screen and (max-width:1250px) {
    .distributor-map #MSOZoneCell_WebPartWPQ4 {
        display: none;
    }
}

.distributor-map #MSOZoneCell_WebPartWPQ1, .distributor-map #MSOZoneCell_WebPartWPQ4 {
    width: 80%;
    float: left;
}

@media screen and (max-width:768px) {
    .distributor-map #MSOZoneCell_WebPartWPQ1, .distributor-map #MSOZoneCell_WebPartWPQ4 {
        width: 100%;
    }
}

.distributor-map #MSOZoneCell_WebPartWPQ1 .col-lg-8, .distributor-map #MSOZoneCell_WebPartWPQ4 .col-lg-8 {
    width: 100%;
}

.distributor-map #MSOZoneCell_WebPartWPQ2 {
    width: 20%;
    float: left;
}

@media screen and (max-width:768px) {
    .distributor-map #MSOZoneCell_WebPartWPQ2 {
        width: 100%;
    }
}

.distributor-map #MSOZoneCell_WebPartWPQ2 .col-lg-4, .ms-core-tableNoSpace {
    width: 100%;
}

#main-content {
    margin-top: -93px;
}

@media screen and (max-width:1024px) {
    #main-content {
        margin-top: -65px;
    }
}

.sharepoint-bo #main-content {
    margin-top: 0;
}

#main-content h1 {
    margin: 0 0 41px;
    line-height: 1em;
    font-size: 45px;
    font-size: 4.5rem;
    color: #1172bf;
}

@media screen and (max-width:1024px) {
    #main-content h1 {
        font-size: 40px;
        font-size: 4rem;
    }
}

@media screen and (max-width:600px) {
    #main-content h1 {
        font-size: 35px;
        font-size: 3.5rem;
    }
}

@media screen and (max-width:400px) {
    #main-content h1 {
        font-size: 30px;
        font-size: 3rem;
    }
}

.cbs-List {
    width: 100%;
    margin: 0;
    padding: 0;
}

#s4-bodyContainer {
    padding-bottom: 0;
}

#ms-designer-ribbon *, #MSO_tblPageBody * {
    box-sizing: content-box;
}

#MSOTlPn_MainTD {
    position: relative;
    z-index: 6;
}

.ms-webpartzone-cell {
    margin: 0;
}

.silicone-daily-life .ms-webpartzone-cell {
    margin: 0 4.173% 4.172% 0;
    float: left;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 29.159%;
}

    .silicone-daily-life .ms-webpartzone-cell [class^=col-] {
        width: 100%;
        padding-bottom: 100%;
        margin: 0;
    }

    .silicone-daily-life .ms-webpartzone-cell:first-child {
        width: 62.493%;
    }

@media screen and (max-width:1024px) {
    .silicone-daily-life .ms-webpartzone-cell:first-child {
        width: 95.827%;
    }
}

.silicone-daily-life .ms-webpartzone-cell:nth-child(2), .silicone-daily-life .ms-webpartzone-cell:nth-child(3) {
    width: 29.159%;
}

@media screen and (max-width:1024px) {
    .silicone-daily-life .ms-webpartzone-cell:nth-child(2), .silicone-daily-life .ms-webpartzone-cell:nth-child(3) {
        width: 45.826%;
    }
}

@media screen and (max-width:768px) {
    .silicone-daily-life .ms-webpartzone-cell:nth-child(2), .silicone-daily-life .ms-webpartzone-cell:nth-child(3) {
        width: 95.827%;
    }
}

#navigation-panel {
    display: table;
    z-index: 9;
    position: fixed;
    right: -60px;
    top: 0;
    bottom: 0;
    height: 100%;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
}

    #navigation-panel.show-nav-panel {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
        right: 0;
    }

#nav-side {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    padding-top: 63px;
}

    #nav-side #next-nav, #nav-side #prev-nav {
        list-style-type: none;
        text-align: center;
        position: relative;
        display: block;
        color: #fff;
        height: 54px;
        text-indent: 0;
        width: 60px;
        background: #008fd2;
        padding: 0;
    }

        #nav-side #next-nav:hover span, #nav-side #prev-nav:hover span {
            color: #1172bf;
        }

        #nav-side #next-nav span, #nav-side #prev-nav span {
            display: block;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -11px;
            margin-top: -6px;
            text-indent: 0;
        }

        #nav-side #next-nav a, #nav-side #prev-nav a {
            width: 100%;
            height: 100%;
        }

            #nav-side #next-nav a:after, #nav-side #next-nav a:before, #nav-side #prev-nav a:after, #nav-side #prev-nav a:before {
                display: none;
            }

    #nav-side #prev-nav {
        border-bottom: 1px solid #fff;
    }

    #nav-side #next-nav {
        border-top: 1px solid #fff;
    }

    #nav-side ul {
        position: relative;
        padding-left: 0;
        margin: 0;
    }

        #nav-side ul li {
            list-style-type: none;
            text-align: center;
            background: #008fd2;
        }

            #nav-side ul li.active a:after {
                background: #00aded;
            }

            #nav-side ul li:first-child {
                padding-top: 10px;
            }

            #nav-side ul li:last-child {
                padding-bottom: 10px;
            }

            #nav-side ul li a {
                position: relative;
                display: block;
                color: #fff;
                text-indent: -9999em;
                width: 60px;
                height: 33px;
                background: #008fd2;
            }

                #nav-side ul li a:hover {
                    text-decoration: none;
                }

                    #nav-side ul li a:hover span.title {
                        background: #008fd2;
                        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
                        opacity: 1;
                        right: 60px;
                    }

                    #nav-side ul li a:hover:after {
                        background: #00aded;
                    }

                #nav-side ul li a span.title {
                    position: absolute;
                    text-indent: 0;
                    display: inline-block;
                    font-size: 17px;
                    font-size: 1.7rem;
                    padding: 5px 10px;
                    white-space: nowrap;
                    right: -200px;
                    background: #00aded;
                    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
                    opacity: 0;
                    -webkit-transition: opacity .3s;
                    transition: opacity .3s;
                }

                #nav-side ul li a:before {
                    width: 1px;
                    height: 40px;
                    top: 0;
                    left: 30px;
                }

                #nav-side ul li a:after, #nav-side ul li a:before {
                    content: "";
                    display: block;
                    background: #fff;
                    position: absolute;
                }

                #nav-side ul li a:after {
                    -webkit-transition: all .3s;
                    transition: all .3s;
                    text-indent: 0;
                    width: 11px;
                    height: 11px;
                    left: 50%;
                    top: 50%;
                    margin-left: -5px;
                    margin-top: -5px;
                    border-radius: 100%;
                }

            #nav-side ul li:first-child a:before {
                top: 20px;
            }

            #nav-side ul li:last-child a:before {
                top: -10px;
                height: 30px;
            }

            #nav-side ul li.show-title span.title {
                right: 60px;
                filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
                opacity: 1;
            }

    #nav-side .social, #nav-side .social-share {
        width: 100%;
        max-width: 60px;
        text-align: center;
        background-color: #1172bf;
        padding: 0;
        border-radius: 0;
    }

        #nav-side .social-share .at-share-btn, #nav-side .social .at-share-btn {
            display: block;
            max-width: 60px!important;
            max-height: 60px!important;
            margin: 0!important;
            border-radius: 0!important;
        }

@media screen and (max-width:768px) {
    #nav-side .social-share .at-share-btn, #nav-side .social .at-share-btn {
        max-width: 30px!important;
        max-height: 30px!important;
    }
}

#nav-side .social-share .at-share-btn .at4-icon, #nav-side .social .at-share-btn .at4-icon {
    font-size: 20px!important;
}

#nav-side .contacts {
    display: block;
    min-width: 60px;
}

    #nav-side .contacts a {
        position: relative;
        display: block;
        color: #fff;
        padding: 16px 0;
        background: #00aded;
        text-decoration: none;
        text-align: center;
        font-size: 20px;
        font-size: 2rem;
    }

        #nav-side .contacts a:hover {
            background: #1172bf;
        }

@media screen and (max-width:1024px) {
    #nav-side .contacts {
        min-width: 40px;
    }

        #nav-side .contacts a {
            font-size: 16px;
            font-size: 1.6rem;
            padding: 8px 0;
        }
}

@media screen and (max-width:768px) {
    #nav-side .contacts {
        min-width: 30px;
    }
}

@media screen and (max-width:1024px) and (min-width:600px) {
    #WebPartZone4 .row-fluid #MSOZoneCell_WebPartWPQ11 {
        float: right;
    }
}

@media screen and (max-width:768px) and (min-width:600px) {
    #WebPartZone4 .row-fluid .txt-content h2 {
        font-size: 30px;
        font-size: 3rem;
    }

    #WebPartZone4 .row-fluid .txt-content p {
        font-size: 18px;
        font-size: 1.8rem;
    }

    #WebPartZone4 .row-fluid .txt-content a.btn, #WebPartZone4 .row-fluid .txt-content a.custom-label {
        font-size: 11px;
        font-size: 1.1rem;
    }
}

#WebPartZone6 .ms-webpartzone-cell, #WebPartZone10 .ms-fullWidth .s4-wpcell-plain.ms-webpartzone-cell.ms-webpart-cell-horizontal {
    width: 100%;
}

.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item {
    margin: 0;
    border: 0;
}

.last-innovation .row-fluid .s4-wpcell-plain {
    width: 62.493%;
    margin: 0 4.173% 4.172% 0;
    float: left;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
}

@media screen and (max-width:1024px) {
    .last-innovation .row-fluid .s4-wpcell-plain {
        width: 45.826%;
    }
}

@media screen and (max-width:600px) {
    .last-innovation .row-fluid .s4-wpcell-plain {
        width: 95.827%;
    }
}

.last-innovation .row-fluid .s4-wpcell-plain:first-child {
    width: 29.159%;
}

@media screen and (max-width:1024px) {
    .last-innovation .row-fluid .s4-wpcell-plain:first-child {
        width: 45.826%;
    }
}

@media screen and (max-width:600px) {
    .last-innovation .row-fluid .s4-wpcell-plain:first-child {
        width: 95.827%;
    }
}

@media screen and (max-width:1024px) {
    .last-innovation .row-fluid .s4-wpcell-plain:first-child [class^=col-] {
        padding-bottom: 0;
    }
}

.last-innovation .row-fluid .s4-wpcell-plain [class^=col-] {
    width: 100%;
    padding-bottom: 100%;
    margin: 0;
}

#WebPartZone4 .row-fluid .s4-wpcell-plain {
    margin: 0 4.173% 4.172% 0;
    float: left;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 45.826%;
}

@media screen and (max-width:600px) {
    #WebPartZone4 .row-fluid .s4-wpcell-plain {
        width: 95.827%;
    }
}

@media screen and (max-width:1024px) {
    #WebPartZone4 .row-fluid .s4-wpcell-plain [class^=col-] {
        padding-bottom: 0;
    }
}

#WebPartZone4 .row-fluid .s4-wpcell-plain [class^=col-] {
    width: 100%;
    padding-bottom: 100%;
    margin: 0;
}

#WebPartZone4 .row-fluid .s4-wpcell-plain .txt-content {
    width: 100%;
    padding-bottom: 100%;
    margin-bottom: 14.4%;
}

@media screen and (max-width:600px) {
    #WebPartZone4 .row-fluid .s4-wpcell-plain .txt-content {
        padding-bottom: 0;
    }
}

@media screen and (max-width:600px) {
    #WebPartZone4 .row-fluid .s4-wpcell-plain .txt-content .content {
        position: relative;
    }
}

#WebPartZone2.product-layout .row-fluid .s4-wpcell-plain {
    margin: 0 4.173% 4.172% 0;
    float: left;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 29.159%;
}

@media screen and (max-width:1024px) {
    #WebPartZone2.product-layout .row-fluid .s4-wpcell-plain {
        width: 45.826%;
    }
}

@media screen and (max-width:600px) {
    #WebPartZone2.product-layout .row-fluid .s4-wpcell-plain {
        width: 95.827%;
    }
}

@media screen and (max-width:1024px) {
    #WebPartZone2.product-layout .row-fluid .s4-wpcell-plain [class^=col-] {
        padding-bottom: 0;
    }
}

#WebPartZone2.product-layout .row-fluid .s4-wpcell-plain [class^=col-] {
    width: 100%;
    margin: 0;
    padding: 0 0 100%;
}

    #WebPartZone2.product-layout .row-fluid .s4-wpcell-plain [class^=col-] .content {
        padding: 25px;
    }

#WebPartZone3.product-layout .row-fluid .s4-wpcell-plain {
    margin: 0 4.173% 4.172% 0;
    float: left;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 45.826%;
}

@media screen and (max-width:600px) {
    #WebPartZone3.product-layout .row-fluid .s4-wpcell-plain {
        width: 95.827%;
    }
}

@media screen and (max-width:1024px) {
    #WebPartZone3.product-layout .row-fluid .s4-wpcell-plain [class^=col-] {
        padding-bottom: 0;
    }
}

#WebPartZone3.product-layout .row-fluid .s4-wpcell-plain [class^=col-] {
    width: 100%;
    margin: 0;
}

.ms-rtePosition-2 {
    border-radius: 5px;
}

#main-content {
    margin: 0;
}

@media screen and (max-width:1024px) {
    #main-content {
        /*margin: 81px 0 0;*/
		margin: 0;
    }
}

#s4-workspace {
    z-index: 1;
}

#ms-designer-ribbon {
    position: relative;
    z-index: 2;
}

@media screen and (max-width:1024px) {
    #navigation-panel #nav-side > ul {
        display: none;
    }
}

#MSOTlPn_WebPartPageDiv section {
    margin: 0;
}

#lang-selector {
    width: 80vw;
    max-width: 850px;
}

    #lang-selector .doc-list {
        background-color: #fff;
        font-family: syntheseBold,sans-serif;
        color: #707070;
        font-size: 18px;
        font-size: 1.8rem;
    }

    #lang-selector .title {
        color: #1172bf;
        text-align: center;
        font-family: syntheseLight,sans-serif;
        font-size: 45px;
        font-size: 4.5rem;
    }

@media screen and (max-width:1024px) {
    #lang-selector .title {
        font-size: 30px;
        font-size: 3rem;
    }
}

#lang-selector .sub-title {
    font-family: syntheseLight,sans-serif;
    color: #7f5aa4;
    font-size: 23px;
    font-size: 2.3rem;
}

.page-comment {
    font-family: syntheseBold,sans-serif;
    color: #7f5aa4;
}

.mandatory-label {
    margin: 0 0 15px;
    font-size: 18px;
    font-size: 1.8rem;
    color: #7f5aa4;
    font-family: syntheseLight,sans-serif;
}

    .mandatory-label sup {
        top: 0;
        margin-right: 5px;
        font-size: 1em;
    }

.required {
    position: relative;
}

    .required.txtarea textarea {
        padding-right: 24px;
    }

    .required.txtarea:before {
        top: 12px;
        margin-top: 0;
    }

    .required:before {
        content: '*';
        position: absolute;
        top: 38px;
        right: 12px;
        color: #7f5aa4;
        font-family: syntheseLight,sans-serif;
        font-size: 29px;
        font-size: 2.9rem;
    }

    .required input[type=email], .required input[type=password], .required input[type=text], .required input[type=url] {
        padding-right: 30px;
    }

.title-2 {
    color: #1172bf;
    margin: 0 0 15px;
    font-weight: 100;
    line-height: 1.2em;
    font-size: 45px;
    font-size: 4.5rem;
}

@media screen and (max-width:768px) {
    .title-2 {
        font-size: 35px;
        font-size: 3.5rem;
    }
}

@media screen and (max-width:600px) {
    .title-2 {
        font-size: 30px;
        font-size: 3rem;
    }
}

@media screen and (max-width:500px) {
    .title-2 {
        font-size: 25px;
        font-size: 2.5rem;
    }
}

@media screen and (max-width:400px) {
    .title-2 {
        font-size: 20px;
        font-size: 2rem;
    }
}

#DeltaPageStatusBar #pageStatusBar {
    margin-bottom: 0;
}

#eMotionusecookies {
    background-color: hsla(0,0%,94%,.78);
    padding: 10px 25px;
    font-size: 14px;
    font-size: 1.4rem;
}

@media screen and (max-width:400px) {
    .grid {
        max-width: 400px;
    }
}

@media screen and (max-width:320px) {
    .grid {
        max-width: 320px;
    }
}

.apply-form ul li input[type=submit], .contact-us-form ul li input[type=submit], .cssc-form--default ul li input[type=submit] {
    margin: 0 0 15px;
    padding: 25px 50px;
    font-family: syntheseBold,sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
}

.apply-form ul li p, .contact-us-form ul li p, .cssc-form--default ul li p {
    clear: both;
    display: block!important;
    font-family: syntheseBold,sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    margin: 0;
}

.apply-form input[type=submit], .contact-us-form input[type=submit], .cssc-form--default input[type=submit] {
    margin: 0 0 15px;
    padding: 25px 50px;
    font-family: syntheseBold,sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    background: #00aded;
    color: #fff;
    border: 0;
}

    .apply-form input[type=submit]:hover, .contact-us-form input[type=submit]:hover, .cssc-form--default input[type=submit]:hover {
        background: #1172bf;
    }

#noresultglobalsearch {
    font-size: 18px;
    font-size: 1.8rem;
    color: #707070;
}

.mypage-layout {
    margin: 0;
    background: url(../img/news-bg-title.jpg);
}

@media screen and (max-width:600px) {
    .mypage-layout {
        height: auto;
        padding: 15px;
    }
}

.mypage_subtitle {
    color: #0072c6;
    font-size: 25px;
    font-size: 2.5em;
}

#mypage_events > ul > li {
    padding: 15px 15px 15px 0;
    list-style-type: none;
    margin: 0 0 20px;
    border-bottom: 1px solid #efeff0;
}

    #mypage_events > ul > li .my_events_item_date {
        font-size: 18px;
        font-size: 1.8rem;
        color: #7f5aa4;
        position: relative;
        margin: 0 0 5px;
        display: block;
    }

    #mypage_events > ul > li .my_events_item_title {
        font-size: 20px;
        font-size: 2rem;
        color: #1172bf;
        text-decoration: none;
        position: relative;
        margin: 0 0 15px;
        padding: 0 0 15px;
    }

        #mypage_events > ul > li .my_events_item_title:after {
            display: block;
            content: "";
            width: 47px;
            height: 1px;
            background: #707070;
            position: absolute;
            left: 0;
            bottom: 0;
        }

        #mypage_events > ul > li .my_events_item_title a {
            text-decoration: none;
        }

    #mypage_events > ul > li ul.my_events_item_industry_list:empty, #mypage_events > ul > li ul.my_events_item_market_list:empty {
        display: none;
    }

.myinformations .box label {
    cursor: auto;
}

    .myinformations .box label[for] {
        cursor: pointer;
    }

    .myinformations .box label:not(:empty) + span {
        min-height: 30px;
        border-top: 1px solid #efeff0;
        width: 100%;
        display: block;
        font-size: 16px;
        padding-top: 3px;
        margin-top: 3px;
    }

.myinformations .box ul {
    list-style: none;
}

#mypage_events ul {
    list-style-position: inside;
}

#divExample, #divKeyBenefits, #divProcessingConnec {
    text-align: left;
    font-size: 18px;
    font-size: 1.8rem;
    color: #707070;
    margin: 0 0 25px;
}

#dyk-zone, #job, #job-zone, #PanelSurvey, .banner-color {
    padding: 6% 4.172% 30px;
}

@media screen and (max-width:1024px) {
    .col-lg-4.col-md-6.col-xs-12.keep-ratio.txt-content {
        padding-bottom: 0!important;
    }
}

@media screen and (max-width:600px) {
    #main-content #career-zone {
        padding: 10px 0;
    }
}

#main-content #career-zone h1 {
    font-size: 70px;
    font-size: 7rem;
    font-weight: 400;
    line-height: 1em;
    font-family: syntheseLight,sans-serif;
}

@media screen and (max-width:768px) {
    #main-content #career-zone h1 {
        font-size: 50px;
        font-size: 5rem;
    }
}

@media screen and (max-width:600px) {
    #main-content #career-zone h1 {
        font-size: 40px;
        font-size: 4rem;
    }
}

@media screen and (max-width:500px) {
    #main-content #career-zone h1 {
        font-size: 35px;
        font-size: 3.5rem;
    }
}

@media screen and (max-width:500px) {
    #main-content #career-zone p {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

#searchheader {
    margin-bottom: 5%;
    font-size: 0;
}

@media screen and (max-width:600px) {
    #searchheader {
        max-height: inherit;
        height: inherit;
    }
}

#SearchBox {
    padding: 25px;
    background: #efeff0;
    border-radius: 5px;
    margin-bottom: 20px;
    width: 100%;
}

@media screen and (max-width:600px) {
    #SearchBox {
        margin-bottom: 4.173%;
    }
}

#SearchBox .ms-srch-sbLarge {
    width: 100%;
    position: relative;
    z-index: auto;
}

#SearchBox input {
    border: 0;
    float: left;
    width: 90%;
    margin: 0;
    padding: 7px 10px;
    height: auto;
}

#SearchBox a.ms-srch-sb-searchLink {
    float: right;
    top: 5px;
    right: 5px;
    position: absolute;
}

#searchfooter .col-lg-6 {
    margin: 0 5.9%;
}

@media screen and (max-width:768px) {
    #searchfooter .col-lg-6 {
        margin: 0 0 5%;
        width: 100%;
    }
}

@media screen and (max-width:600px) {
    #searchfooter .col-lg-6 {
        margin: 0;
    }
}

.nbproduct {
    background: #7f5aa4;
    padding: 25px;
    padding-top: 10px;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    display: inline-block;
    float: left;
    height: 96px;
    font-size: 14px;
}

@media screen and (max-width:1024px) {
    .nbproduct {
        padding: 15px;
    }
}

@media screen and (max-width:768px) {
    .nbproduct {
        margin: 0 0 4.173%;
        width: 100%;
        height: auto;
        padding: 15px;
    }
}

@media screen and (max-width:600px) {
    .nbproduct {
        display: block;
        float: none;
        padding: 15px;
    }
}

.nbproduct p {
    font-size: 30px;
    font-size: 3rem;
    width: 100%;
    margin: 0;
}

@media screen and (max-width:768px) {
    .nbproduct p {
        display: inline;
    }
}

.newsearch {
    background: #00aded;
    padding: 25px 15px;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    display: inline-block;
    height: 96px;
    vertical-align: top;
    margin: 0 5.9%;
    position: relative;
}

@media screen and (max-width:768px) {
    .newsearch {
        margin: 0 0 5%;
        width: 100%;
    }
}

@media screen and (max-width:600px) {
    .newsearch {
        margin: 0 0 4.173%;
        display: block;
        padding: 8px 15px 15px;
        height: auto;
    }
}

.newsearch .img-container {
    height: 32px;
    width: 32px;
    top: 6px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin: 0 10px 0 0;
}

    .newsearch .img-container img {
        right: 0;
        top: -75px;
        position: absolute;
    }

.newsearch a {
    text-decoration: none;
    color: inherit;
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 1em;
}

a[disabled=disabled]::-ms-value {
    color: #fff;
    text-shadow: none;
}

.comparproduct {
    display: inline-block;
    text-align: center;
    height: 96px;
}

    .comparproduct a {
        font-size: 17px;
        font-size: 1.7rem;
        line-height: 1em;
        display: block;
        line-height: 1.9em;
    }

        .comparproduct a, .comparproduct a.disabled, .comparproduct a[disabled=disabled] {
            color: #fff;
            text-shadow: 0 0 0 transparent;
        }

@media screen and (max-width:768px) {
    .comparproduct {
        height: auto;
    }
}

@media screen and (max-width:600px) {
    .comparproduct {
        display: block;
    }
}

@media screen and (max-width:1024px) {
    .comparproduct {
        font-size: 15px;
        font-size: 1.5rem;
    }
}

@media screen and (max-width:768px) {
    #product-finder-results .col-lg-4, #product-finder-results .col-lg-8 {
        width: 95.827%;
    }
}

.customer-satisfaction {
    font-size: 0;
}

    .cssc-form .submit-box .customer-satisfaction button.btn-white, .customer-satisfaction .btn-white.custom-label, .customer-satisfaction .btn.btn-white, .customer-satisfaction .cssc-form .submit-box button.btn-white {
        margin: 0 10px 10px 0;
    }

    .customer-satisfaction .info_answer_no input[type=text] {
        height: 31px;
        margin: 0 10px 10px 0;
        width: 50%;
        border: 0;
        font-size: 12px;
    }

@media screen and (max-width:600px) {
    .customer-satisfaction .info_answer_no input[type=text] {
        width: 70%;
        width: 50%;
    }
}

#ValidationSendNewsletter span {
    width: 100%;
}

.cssc-form--default .box input + span {
    color: red;
    height: 7px;
    display: block;
}

.jobDetail .news-wrap .justify-content.desc p {
    margin: 0;
    padding: 11px 0 22px;
}

.jobDetail .news-wrap .justify-content.desc:after {
    display: block;
    content: " ";
    width: 47px;
    height: 1px;
    background: #707070 none repeat scroll 0 0;
    position: relative;
    left: 0;
    bottom: 0;
}

.news-wrap .edito-label span.jobid.date {
    float: right;
}

#results .ms-webpart-zone .s4-wpcell-plain.ms-webpartzone-cell.ms-webpart-cell-vertical.ms-fullWidth .ms-webpart-chrome-vertical {
    display: block;
}

#ComparatorProductA, #ComparatorProductB {
    display: none;
}

@media screen and (max-width:500px) {
    #PanelSurvey .btn, #PanelSurvey .cssc-form .submit-box button, #PanelSurvey .custom-label, .cssc-form .submit-box #PanelSurvey button {
        display: inline-block;
        text-align: center;
    }
}

#product-finder-results .comparproduct {
    overflow: hidden;
    background: #603184;
    color: #fff;
    margin: 0 83px 40px 0;
    border-radius: 5px;
    padding: 3px 70px 7px 10px;
    font-weight: 100;
    line-height: 1.3em;
    font-size: 23px;
    font-size: 2.3rem;
}

    #product-finder-results .comparproduct.disabled, #product-finder-results .comparproduct:disabled, #product-finder-results .comparproduct[disabled=disabled] {
        pointer-events: none;
        background-color: #ccc;
        -ms-text-shadow: none;
        text-shadow: none;
        color: #fff;
        cusor: pointer;
    }

        #product-finder-results .comparproduct.disabled a, #product-finder-results .comparproduct:disabled a, #product-finder-results .comparproduct[disabled=disabled] a {
            cursor: default;
        }

    #product-finder-results .comparproduct a {
        color: #fff;
    }

#thisapplication, #thisindustry, #thismarket {
    display: none;
}

#RES_ProductsFinderURL {
    float: right;
    color: #09c0f1;
    border: 2px solid #09c0f1;
    font-size: 1.4rem;
    text-transform: uppercase;
    font-weight: 700;
    padding: 22px 30px;
    transition: all .3s ease 0s;
}

#Panelwrongformaterror {
    color: red;
}

.ui-helper-hidden-accessible {
    Display: none;
}

.ui-autocomplete li {
    background-color: #fff;
}

.ui-autocomplete {
    padding: 10px!important;
    position: absolute!important;
}

.ui-menu-item {
    text-decoration: none;
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
    padding: 2px!important;
    border-bottom: 1px solid #eee;
}

    .ui-menu-item:hover, .ui-menu-item a:hover {
        background: rgba(0,173,237,.9) none repeat scroll 0 0;
        color: #fff;
        text-decoration: none;
    }

#product-finder-results .ms-srch-resultFooter, #Result.noresult .ms-srch-resultFooter {
    display: none;
}

#Errorcv {
    color: red;
}

#step-product-finder, .small-results-wrap {
    Display: none;
}

#product-finder-results {
    Display: block;
}

div#TableProductAPlusB.grid.table-a-plus-b div.tabscontent div#tab-2, div#TableProductAPlusB.grid.table-a-plus-b div.tabscontent div#tab-3, div#TableProductAPlusB.grid.table-a-plus-b div.tabscontent div#tab-n {
    display: none;
}

.required:before {
    right: 20px;
}

.contact-us-form .Mandatory {
    color: #1172bf;
    font-size: 16px;
    font-weight: 700;
}

div#navigation-panel.show-nav-panel div#nav-side div.contacts a.livechat {
    display: none;
}

.cookie {
    padding: 12px 0;
    background: rgba(77,80,84,.9) none repeat scroll 0 0;
}

#Refinement #Container .ms-ref-refinername {
    min-width: 240px;
}

#s4-workspace #s4-bodyContainer .tools .search #restSearch {
    width: 170px;
}

.mypage-layout-WebPartZones #WebPartZone2 .s4-wpcell-plain.ms-webpartzone-cell.ms-webpart-cell-vertical {
    width: 31%;
}

.mypage-layout-WebPartZones #WebPartZone2 .ms-webpartzone-cell {
    float: left;
    margin: 10px;
}

.mypage-layout-WebPartZones #WebPartZone2 .col-lg-4.col-xs-12.doc-list {
    width: 100%;
}

.contact-us-form .Mandatory {
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    color: #1172bf;
}

#thisbrand {
    visibility: hidden;
}

.oneboxe .box .required.txtarea:before {
    top: 40px;
    margin-top: 0;
}

.twoboxes .terms span {
    color: red;
}

ul.twoboxes {
    list-style-type: none;
}

.twoboxes .terms #termsconditions {
    float: left;
    margin-right: 10px;
}

.box select {
    margin-top: 0;
}

.required.list:before {
    top: 12px;
    margin-top: 0;
}

.required.list2:before {
    top: 60px;
    margin-top: 0;
}

.required:before {
    right: 40px;
}

#account_creation_form span.forminfo {
    color: gray;
}

#s4-bodyContainer .navbar .tools .search .cssc-form .submit-box button.submit, #s4-bodyContainer .navbar .tools .search .submit.btn, #s4-bodyContainer .navbar .tools .search .submit.custom-label, .cssc-form .submit-box #s4-bodyContainer .navbar .tools .search button.submit {
    float: left;
    border-radius: 0 3px 3px 0;
    height: 36px;
    border: 0;
    font-size: 12px;
    font-size: 1.2rem;
    color: #fff;
    margin: 0;
    padding: 7px 20px;
    min-width: inherit;
    background: #00aded url(../img/search.png) no-repeat center center;
}

#ValidationSendNewsletter span {
    float: left;
    margin-left: 3px;
    margin-top: -18px;
}

@media screen and (max-width:1024px) {
    #ValidationSendNewsletter span {
        float: none;
    }
}

header .head .show-nav .show-mobile a.lang-selector span {
    padding: 2px 10px 5px;
    font-size: .9rem;
    font-family: syntheseBold,sans-serif;
    margin: 0 5px 0 0;
    display: inline-block;
    text-transform: uppercase;
}

#downloadForm{
    padding:5px 25px;
    border-radius: 5px;
    background-color: #efeff0;
}

#downloadForm .btn-yellow{
    background: #f28f2f;
}

#downloadForm .btn-yellow:hover{
    background: #fec235;
}

#downloadForm .title {
    font-size: 45px;
    font-size: 4.5rem;
    font-weight: 400;
    color: #1172bf;
    margin: 0 0 25px;
}

.otherhelpfullinks {
  padding-top: 12%;
  padding-left: 10%;
}

.separator {
    border-top:2px solid #c6c6c6;
    text-align:center;
    width:96%;
}

.twoboxes .news {
    margin-top: 15px;
}

.twoboxes .news #subscribenewsletter {
    float: left;
    margin-right: 10px;
}

.entry-arrow.ohl-arrow span {
    color: #dfd9ea !important;
}

#app_header .navbar {padding-bottom:30px; margin-bottom: 0px; border: 0px; border-radius: 0px; background-color: white; color: #777;}
#app_header a.navbar-brand {font-size: 24px; height: 100%; padding: 10px 15px 10px 15px; }
#app_header, #app_menu a {font-family: 'Open Sans', sans-serif; font-weight: 300;}
#app_menu { font-size:18px;}

#app_header a.navbar-brand, #app_menu a, #quicklinks a {color: #3C3C3B; line-height: 30px;}

#app_menu, #quicklinks {margin-bottom: 0 !important; margin-top: 10px; }
#app_menu > a { text-transform: capitalize; padding-bottom: 20px; }
#app_menu a:hover, #app_menu .open > a {color: white; background-color: #0066A5; }
#app_menu .dropdown-menu>li>a {padding: 10px 20px;}
.dropdown-header {color: #0066A5; font-weight: bold;}
header .navbar .container{overflow:visible;}

.navbar-header .navbar-toggle .icon-bar {
	width: 22px;
	transition: all 0.2s;
}
.navbar-header .navbar-toggle .icon-bar-1 {
	transform: rotate(45deg);
	transform-origin: 10% 10%;
}
.navbar-header .navbar-toggle .icon-bar-2 {
	opacity: 0;
}
.navbar-header .navbar-toggle .icon-bar-3 {
	transform: rotate(-45deg);
	transform-origin: 10% 90%;
}

.navbar-header .navbar-toggle.collapsed .icon-bar-1{
    transform: rotate(0);
}
.navbar-header .navbar-toggle.collapsed .icon-bar-2 {
    opacity: 1;
}
.navbar-header .navbar-toggle.collapsed .icon-bar-3 {
    transform: rotate(0);
}

.MenuCorpoBurger{
	margin: 5px -15px; padding: 10px 15px; border-top: 1px solid #e7e7e7;
}

.MenuCorpoBurger .hlist{
	padding: 0;
	display:block !important;
}

.MenuCorpoBurger .hlist li{
	margin: 5px 0;
}

.MenuCorpoBurger .mcBar{
	display:none;
}

#app_breadcrumb {background-color:  #00aded; font-size:16px;}
#app_breadcrumb a, #app_breadcrumb li {color:  #fff;}
#app_breadcrumb .breadcrumb {background-color: transparent; margin-bottom: 0px;}

@media screen and (max-width:1024px) {
    #app_header {
        position: relative;
    }

    #app_header .navbar-toggle{
        min-width: 0px;
    }

    #app_breadcrumb .container{
        padding-top: 0;
    }

    #app_header .navbar .tools, #app_header .navbar .tools .search{
        float:none;
    }
    #app_header .navbar .tools .search{
        margin: 15px 0;
    }

    #app_header .navbar .tools .search input.text{
        margin:0;
        width:84% !important;
    }
}

.MenuCorpo li
{
    /*box-sizing: border-box;*/
    color: rgb(62, 62, 62);
    display: inline-block;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 23px;
    list-style-type: none;
    padding-right: 30px;
}

.MenuCorpo a, .MenuCorpo span
{
    background-color: transparent;
    box-sizing: border-box;
    color: #3C3C3B;
    cursor: pointer;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 23px;
    list-style-type: none;
    text-decoration: none;
}

.MenuCorpo span
{
    cursor:auto;
}
.MenuCorpo img 
{
    box-sizing: border-box;
    color: rgb(60, 60, 59);
    max-width: 92.61px;
    list-style-image: none;
    list-style-position: outside;
    vertical-align: middle;
    width: 25px;
    padding-left: 2px;
    padding-right: 3px;
}
.MenuCorpo .select-language img
{
    padding-bottom: 2px;
}

.icon-facebook
{
    background-position: center; 
    width: 70px; 
    height: 70px; 
    display: inline-block; 
    background-image: url("/_layouts/15/BSI/img/facebook.png"); 
    background-repeat: no-repeat;
    background-size: 35px;
}

.icon-wechat
{
    background-position: center; 
    width: 70px; 
    height: 70px; 
    display: inline-block; 
    background-image: url("/_layouts/15/BSI/img/wechat.png"); 
    background-repeat: no-repeat;
    background-size: 48px 40px;
}

.icon-linkedin
{
    background-position: center; 
    width: 70px; 
    height: 70px; 
    display: inline-block; 
    background-image: url("/_layouts/15/BSI/img/linkedin.png"); 
    background-repeat: no-repeat;
    background-size: 32px;
}

.icon-youtube
{
    background-position: center; 
    width: 70px; 
    height: 70px; 
    display: inline-block; 
    background-image: url("/_layouts/15/BSI/img/youtube.png"); 
    background-repeat: no-repeat;
    background-size: 35px 24px;
}

.icon-youku
{
    background-position: center; 
    width: 70px; 
    height: 70px; 
    display: inline-block; 
    background-image: url("/_layouts/15/BSI/img/youku.png"); 
    background-repeat: no-repeat;
    background-size: 60px;
}