@charset "utf-8";

/*Fonts Azbuka*/
@font-face {
	font-family:'AzbukaPro';
    src: url('font/305EC7_1_0.eot');
    src: url('font/305EC7_1_0.eot?#iefix') format('embedded-opentype'),
    url('font/305EC7_1_0.woff2') format('woff2'),
    url('font/305EC7_1_0.woff') format('woff'),
    url('font/305EC7_1_0.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:'AzbukaProBold';
    src: url('font/305EC7_1_0.eot');
    src: url('font/305EC7_1_0.eot?#iefix') format('embedded-opentype'),
    url('font/305EC7_1_0.woff2') format('woff2'),
    url('font/305EC7_1_0.woff') format('woff'),
    url('font/305EC7_1_0.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family:'AzbukaProBoldItalic';
    src: url('font/305EC7_1_0.eot');
    src: url('font/305EC7_1_0.eot?#iefix') format('embedded-opentype'),
    url('font/305EC7_1_0.woff2') format('woff2'),
    url('font/305EC7_1_0.woff') format('woff'),
    url('font/305EC7_1_0.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family:'AzbukaProHeavy';
    src: url('font/305EC7_0_0.eot');
    src: url('font/305EC7_0_0.eot?#iefix') format('embedded-opentype'),
    url('font/305EC7_0_0.woff2') format('woff2'),
    url('font/305EC7_0_0.woff') format('woff'),
    url('font/305EC7_0_0.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'AzbukaProHeavyItalic';
    src: url('font/305EC7_0_0.eot');
    src: url('font/305EC7_0_0.eot?#iefix') format('embedded-opentype'),
    url('font/305EC7_0_0.woff2') format('woff2'),
    url('font/305EC7_0_0.woff') format('woff'),
    url('font/305EC7_0_0.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family:'AzbukaProItalic';
    src: url('font/305EC7_0_0.eot');
    src: url('font/305EC7_0_0.eot?#iefix') format('embedded-opentype'),
    url('font/305EC7_0_0.woff2') format('woff2'),
    url('font/305EC7_0_0.woff') format('woff'),
    url('font/305EC7_0_0.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

/* CSS Document */
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    margin: 0!important;
}
html.no-js {
    margin: 0!important;
}
body, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, fieldset, p, ul, li, td, th, table, ol, input, select, textarea, * {
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6 {
    font: inherit;
}
object {
    -moz-outline-style: none;
    outline-style: none;
    outline-width: 0;
    outline-color: -moz-use-text-color;
}
ul {
    list-style-type: none;
}
a {
    color: inherit;
    text-decoration: none;
}
a img {
    border: none;
}
img {
    -ms-interpolation-mode: bicubic;
}
button {
    overflow: visible;
}
a {
    outline: none;
}
:focus {
    -moz-outline-style: none;
}
.clear {
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
* html .clearfix {
    height: 1%}
.clearfix {
    display: block;
}
.clear-left {
    clear: left;
}
.clear-right {
    clear: right;
}
.hide {
    display: none;
}
.block {
    display: block!important;
}
.blockcentre {
    display: block!important;
    margin: 0 auto;
}
.valigntexttop {
    vertical-align: text-top;
}
.float-left {
    float: left!important;
}
.float-right {
    float: right!important;
}
.float-none {
    float: none!important;
}
@media only screen and (max-width: 640px) {

    .cms .float-left,
    .cms .float-right {
        float: none !important;
    }
}
form p {
    font-size: .75em;
    margin-bottom: 10px;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}
.text-justify {
    text-align: justify;
}
.text11 {
    font-size: 11px;
}
.bold {
    font-weight: 700;
}
.italic {
    font-style: italic;
}
.underline {
    border-bottom: 1px solid;
}
.noborder {
    border: none;
}
.nopadding {
    padding: 0!important;
}
.nomargin {
    margin: 0!important;
}
.noindent {
    margin-left: 0;
    padding-left: 0;
}
.nobullet {
    list-style: none;
    list-style-image: none;
}
.relative {
    position: relative;
}
body {
    -webkit-font-smoothing: antialiased;
    color: #787878;
    background: #eaebed;
    font: normal normal 1em/normal Arial, Verdana, Sans-serif;
}
.col_937 {
    width: 100%;
    max-width: 937px;
    margin: 0 auto;
}
.col_467 {
    width: 467px;
    margin: 0;
    padding: 0;
    float: left;
}
.col_467 .box.col_224  {
    margin-left:  10px;
}
.col_704 {
    width: 75%;
    padding-top: 20px;
    padding-bottom: 53px;
    float: right;
    background: #fff;
}
@media only screen and (max-width:960px) {

    .col_704 {
        float: none;
        width: 100%;
        padding-bottom: 0;
    }
}
.nopaddingBottom {
    padding-bottom: 20px;
}
.padder,
.padder_2 {
    width: 100%;
    box-sizing: border-box;
    float: left;
    padding-right: 10px;
    padding-bottom: 20px;
}
.padder:after,
.padder_2:after,
.cms:after {
    content: "";
    clear: both;
    display: block;
    width: 100%;
    height: 1px;
}
.single-produit .padder {
    float: none;
}
.padder_2 {
    padding-left: 10px;
}
@media only screen and (max-width: 960px) {

    .padder_2 {
        padding: 0;
    }
}
.padder {
    padding-left: 19px;
}
@media only screen and (max-width: 960px) {

    .padder,
    .padder_2 {
        float: none;
    }
}
@media only screen and (max-width:960px) {

    .padder {
        padding: 0 40px;
    }
    .padder > .padder {
        padding: 0;
    }
    .padder > .cms,
    .padder #content-page .cms {
        padding: 0;
    }
}
@media only screen and (max-width:640px) {

    .padder {
        padding: 0 10px;
    }
}
.whiteBg {
    background: #fff;
    float: left;
}
.positionning {
    z-index: 2;
    position: relative;
    width: 100%;
    margin: 0 auto;
}
.title_grey, #sitemap li > a {
    font: normal bold 0.875em/normal Arial, Verdana, Sans-serif!important;
    color: #3d3d3d!important;
    border-bottom: 1px solid #3d3d3d;
    display: inline-block;
    margin-bottom: 12px!important;
}
#sitemap .sub-menu li a {
    margin: 0!important;
    border: 0;
    text-transform: capitalize;
    font-size: 12px!important;
    font-weight: 400!important;
}
#liste_activites .title_grey {
    text-transform: uppercase!important;
    font-weight: 700!important;
    font-size: 14px!important;
    border-bottom: 1px solid #3D3D3D;
}
.title_grey a {
    font: normal bold 0.875em/normal Arial, Verdana, Sans-serif!important;
}
@media only screen and (max-width: 960px) {

    .title_grey a {
        padding: 10px 0;
    }
}
.result .title_grey a {
    font-weight: 700!important;
    color: #3D3D3D!important;
    font-size: 13px!important;
}
#header {
    /*background: #121212 url(images/header_worldwide.png) right top no-repeat, url(images/header_bg.jpg) left top repeat-x;*/
    width: 100%;
}
#header .quick-access,
#header .main-menu-container {
    max-width: 937px;
    margin: 0 auto;
}
#header .main-menu-container {
    float: none;
    clear: both;
    padding: 15px 0 45px;
}
@media only screen and (max-width: 960px) {

    #header .main-menu-container {
        padding-top: 0;
        padding-bottom: 20px;
    }
}
#header .main-menu-container:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    clear: both;
}
#header .top-bar {
    font-family: "AzbukaPro", Verdana, Arial, sans-serif;
    background: #1b1b1b;
}
#header .middle-bar {
    background: #d20024;
    color: #fff;
}
#main-menu {
    display: flex;
}
@media only screen and (max-width: 960px) {

    #main-menu {
        display: block;
        clear: both;
        padding-top: 40px;
    }
}
.main-menu--trigger {
    display: none;
    float: right;
    position: relative;
    width: 60px;
    height: 70px;
    margin-right: 20px;
    padding-top: 60px;
    box-sizing: border-box;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    transition: background 0.3s;
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
    -moz-transition: background 0.3s;
}
.main-menu--trigger span {
    position: absolute;
    display: block;
    width: 38px;
    height: 6px;
    background: #d20024;
    top: 50%;
    margin-top: -1px;
    left: 50%;
    margin-left: -19px;
    transition: background 0.3s;
    border-radius: 6px;
}
.main-menu--trigger span:before,
.main-menu--trigger span:after {
    content: "";
    position: absolute;
    left: 0;
    background: inherit;
    border-radius: 6px;
    width: 100%;
    height: 100%;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -o-transform: translateZ(0);
    -moz-transform: translateZ(0);
    backface-visibility: hidden;
    transition: transform 0.3s, background 0s;
    -webkit-transition: transform 0.3s, background 0s;
    -moz-transition: transform 0.3s, background 0s;
    -o-transition: transform 0.3s, background 0s;
}
.main-menu--trigger span:before {
    top: -12px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.main-menu--trigger span:after {
    bottom: -12px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.main-menu--trigger.opened span {
    background: #eaebed;
}
.main-menu--trigger.opened span:before,
.main-menu--trigger.opened span:after {
    background: #d20024;
    transition-delay: 0s, 0.3s;
}
.main-menu--trigger.opened span:before {
    top: 0;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
.main-menu--trigger.opened span:after {
    bottom: 0;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
}
.main-menu--trigger:hover.opened span,
.main-menu--trigger:active.opened span,
.main-menu--trigger:focus.opened span {
    background: #eaebed;
}
.main-menu--trigger:hover span,
.main-menu--trigger:active span,
.main-menu--trigger:focus span {
    background: #e8052c;
}
.main-menu--trigger:hover span:before,
.main-menu--trigger:hover span:after,
.main-menu--trigger:active span:before,
.main-menu--trigger:active span:after,
.main-menu--trigger:focus span:before,
.main-menu--trigger:focus span:after {
    background: #e8052c;
    transition-delay: 0s, 0.3s;
}
@media only screen and (max-width: 960px) {

    .main-menu--trigger {
        display: block;
    }
}
#logo {
    width: 30%;
    max-width: 276px;
    height: 100px;
    line-height: 100px;
    vertical-align: middle;
}
#logo, #logo img {
    display: block;
}
#logo img {
    display: inline-block;
    width: 100%;
    height: auto;
    vertical-align: middle;
}

@media only screen and (max-width: 960px) {

    #logo {
        margin-left: 20px;
    }
}
@media only screen and (max-width: 640px) {

    #logo {
        margin-left: 0;
    }
}
nav {
    position: relative;
    float: left;
    width: inherit;
}
nav dl {
    float: left;
    border-left: 1px solid #565656;
}
nav dl:first-child {
    border-left: 0;
}
nav dl dt {
    color: #fff;
    font: normal bold 0.688em/normal Arial, Verdana, Sans-serif;
}
nav dl dt > * {
    display: inline-block;
    width: 133px;
    text-align: center;
    line-height: 28px;
    height: 28px;
}
nav dl dt > * > span {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}
nav dl dd {
    display: none;
    position: absolute;
    width: 100%;
    background: #2b2b2b;
    z-index: 1;
    left: 0;
    top: 38px;
}
#activite dd > ul > li {
    float: left;
    width: 133px;
    padding-top: 10px;
    margin-left: 1px;
}
#activite dd > ul > li:first-child {
    margin-left: 0;
}
#activite dd > ul > li > div {
    padding-top: 12px;
    position: relative;
}
#activite dd > ul > li > div:before {
    border-left: 1px solid #6b6b6b;
    content: "";
    height: 100%;
    position: absolute;
    left: -1px;
    top: 0;
}
#activite dd > ul > li:first-child > div:before {
    display: none;
}
#activite dd > ul > li:hover,
#activite dd > ul > li:focus {
    background: #fff;
}
#activite dd > ul > li:hover a,
#activite dd > ul > li:focus a,
.rollover dd > ul > li > a:hover,
.rollover dd > ul > li > a:focus {
    color: #e2001a;
    background-image: url(images/list_puce_rollover.png);
}
.customRollover dl dd {
    border-top: 1px solid #3d3d3d;
}
.rollover {
    position: relative;
}
.rollover dd {
    width: 266px;
}
nav dl:last-child dd {
    left: -133px;
}
#activite dd > ul > li > div > ul, .rollover dd > ul {
    padding: 20px 10px;
}
#activite dd > ul > li:hover p,
#activite dd > ul > li:focus p {
    color: #393939;
}
#activite dd > ul > li > div > ul > li a, .rollover dd > ul > li > a {
    color: #c9c9c9;
    text-transform: uppercase;
    background: url(images/list_puce_white.png) left 3px no-repeat transparent;
    font: normal bold 0.625em/normal Arial, Verdana, Sans-serif;
    display: inline-block;
    margin-bottom: 10px;
}
#activite dd > ul > li > div > ul > li > a span, .rollover dd > ul > li > a {
    display: inline-block;
    padding-left: 15px;
}
#activite dd > ul > li > div > ul > li a:hover,
#activite dd > ul > li > div > ul > li a:focus {
    color: #282828;
}
#activite dd > ul > li p {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font: normal bold 0.750em/normal Arial, Verdana, Sans-serif;
    padding-bottom: 23px;
}
#activite dd > ul > li .mask {
    display: block;
    background: url(images/trame.png) left top no-repeat transparent;
    width: 133px;
    height: 155px;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
}
#activite dd > ul > li:hover .mask,
#activite dd > ul > li:focus .mask {
    display: none;
}
#produits dd > ul {
    margin: 21px 0;
    float: left;
}
#produits dd > ul > li {
    float: left;
    width: 166px;
    padding: 0 0 9px 11px;
    margin-left: 10px;
    border-left: 1px solid #6b6b6b;
}
#produits dd > ul > li:first-child {
    padding-left: 0;
    border-left: 0;
}
#produits dd > ul > li > a {
    display: block;
    margin-top: 31px;
}
#produits dd > ul > li > a:first-child {
    margin-top: 0;
}
#produits dd > ul > li > a > span {
    color: #c9c9c9;
    font: normal bold 0.750em/normal Arial, Verdana, Sans-serif;
    display: block;
    margin-bottom: 8px;
}
#produits dd > ul > li > a > .relative {
    display: block;
}
#produits dd > ul > li > a > .relative:hover .mask,
#produits dd > ul > li > a > .relative:focus .mask {
    display: block;
}
#produits dd > ul > li > a > .relative > .mask {
    position: absolute;
    display: none;
    left: -4px;
    top: -4px;
    width: 163px;
    height: 83px;
    border: 5px solid #fff;
}
#produits dd > ul > li > a img {
    border: 1px solid #606060;
    display: block;
}
nav dl:hover > dt > a,
nav dl:focus > dt > a,
nav dl.current > dt > a {
    background: url(images/rollover_rubrique.jpg) left top repeat-x #2b2b2b;
    padding: 6px 0 10px;
    margin-top: -6px;
    z-index: 2;
}
nav dl:hover + dl,
nav dl:focus + dl,
nav dl:hover,
nav dl:focus,
nav dl.current,
nav dl.current + dl {
    border-color: transparent;
    margin-bottom: -16px;
}
nav dl:hover dd,
nav dl:focus dd {
    display: block;
}
#top-menu {
    display: flex;
    float: right;
    width: auto;
}
@media only screen and (max-width : 640px) {

    #top-menu {
        width: 70%;
    }
}
#top-menu li {
    float: left;
    width: 120px;
    color: #fff;
    text-transform: uppercase;
    font: normal normal 0.8em/normal Arial, Verdana, Sans-serif;
    border-left: 2px solid #fff;
}
#top-menu li:last-child {
    border-right: 2px solid #fff;
}
@media only screen and (max-width: 960px) {

    #top-menu li {
        width: 90px;
    }

    #top-menu li:last-child {
        border-right: 0;
    }
}
@media only screen and (max-width: 640px) {

    #top-menu li {
        width: 32%;
    }
}
#top-menu li:hover,
#top-menu li:focus {
    color: #fff;
}
#top-menu li:first-child:before {
    display: none;
}
#top-menu li a {
    font-family: "AzbukaProHeavy", Arial, Verdana, sans-serif;
    display: block;
    width: 100%;
    padding: 65px 0 20px;
    box-sizing: border-box;
    text-align: center;
}
@media only screen and (max-width: 640px) {

    #top-menu li a {
        font-size: 0.85em;
    }
}
.menu-search a {
    background: url('images/icon-search.png') center 20px no-repeat;
    background-size: 20px auto;
}
.menu-sav a {
    background: url('images/icon-settings.png') center 15px no-repeat;
    background-size: 30px auto;
}
.menu-contact a {
    background: url('images/icon-contact.png') center 20px no-repeat;
    background-size: 25px auto;
}
.search-target {
    clear: both;
    z-index : 2;
    width: 100%;
    max-width: 937px;
    padding: 20px;
    box-sizing: border-box;
    background-color: #d20024;
}
.search-field {
    width: 90%;
    padding: 10px;
    box-sizing: border-box;
    text-transform: uppercase;
    background: #d20024;
    border: 0;
    color: #fff;
    font-size: 1em;
}
@media only screen and (max-width: 640px) {

    .search-field {
        width: 100%;
        text-align: center;
    }
}
.search-field:focus {
    background: #9e021d;
}
.search-submit  {
    padding: 10px;
    box-sizing: border-box;
    font-size: 1.2em;
    font-weight: bold;
    background: transparent;
    border: 0;
    color: #fff;
    font-family: "AzbukaPro", Arial, Verdana, sans-serif;
}
@media only screen and (max-width: 640px) {

    .search-submit  {
        display: block;
        margin: 10px auto;
    }
}
.trame {
    margin: 0 0 10px;
}
.trame:after {
    content: "";
    display: block;
    clear: both;
    width: 100%;
    height: 1px;
}
.trame.home {
    /*background: url(images/section_bg.jpg) left top repeat #1c1c1c;*/
    padding: 0 0 10px;
}
.trame.PI {
    /*background: url(images/degrade_white_2.png) left bottom repeat-x, url(images/pi_trame.jpg) left top repeat transparent;*/
}
.lte-ie8 .trame.PI {
    background: url(images/bg-pi.png) repeat;
}
aside p {
    font-size: .75em;
    margin-bottom: 10px;
}
section .title, aside .title {
    text-transform: uppercase;
    color: #fff!important;
    padding-bottom: 7px;
    border-bottom: 1px solid #5f5f5f;
    margin-bottom: 16px!important;
    font: normal bold 0.750em/normal Arial, Sans-serif;
}
#container {
    margin-bottom: 20px;
}
#container :first-child {
    margin-left: 0;
}
.box {
    float: left;
    min-height: 211px;
    padding: 11px;
    background: rgba(0, 0, 0, 0.5);
}
.push {
    padding: 45px 40px;
    box-sizing: border-box;
    background: #fff;
}
@media only screen and (max-width: 640px) {
    
    .push {
        padding: 25px 20px;
    }
}
.push:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
}
.push.alternate {
    background: #b7b7b7;
    color: #fff;
}
.push-highlight {
    padding: 30px;
    box-sizing: border-box;
    text-transform: uppercase;
    text-align: center;
    background: #d20024;
    color: #fff;
    font-family: "AzbukaPro", Arial, Verdana, sans-serif;
}
.push-title {
    margin-bottom: 30px;
    font-size: 14px;
    font-weight: bold;
    color: #404040;
    text-transform: uppercase;
}
.push.alternate .push-title {
    color: #fff;
}
.push-title.big {
    font-size: 3.214em;
    font-family: "AzbukaProHeavy", Arial, Verdana, sans-serif;
}
@media only screen and (max-width: 768px) {

    .push-title.big {
        font-size: 2.214em;
    }
}
.push-title.alternate {
    text-align: center;
}
.push-title:after {
    content: "";
    display: block;
    width: 75px;
    height: 1px;
    margin-top: 20px;
    background: #666666;
}
.push-title.alternate:after {
    margin-left: auto;
    margin-right: auto;
}
.push-title.big:after {
    background: #fff;
    margin-top: 50px;
}
.push-intro {
    font-size: 1em;
    line-height: 1.4;
    color: #969494;
}
.push-news {
    clear: both;
    padding-left: 0;
    padding-right: 0;
}
.push-news ul li {
    float: left;
    width: 50%;
    min-height: 390px;
    padding: 0 45px;
    box-sizing: border-box;
}
.push-news ul li:first-child {
    border-right: 2px solid #bfbdbd;
}
@media only screen and (max-width: 640px) {

    .push-news ul li {
        float: none;
        width: auto;
        min-height: 1px;
        padding: 25px 0;
        margin: 0 20px !important;
    }
    .push-news ul li:first-child {
        border-right: 0;
        border-bottom: 2px solid #bfbdbd;
    }
}
.push-news .time {
    display: block;
    width: 130px;
    height: 130px;
    margin-bottom: 40px;
    line-height: 130px;
    font-size: 1.286em;
    text-align: center;
    border-radius: 100%;
    background: #d20024;
    color: #fff;
    font-family: "AzbukaPro", Arial, Verdana, sans-serif;
}
@media only screen and (max-width: 640px) {

    .push-news .time {
        display: block;
        margin-left: auto !important;
        margin-right: auto;
    }
}
.strate {
    width: 100%;
}
.strate-title {
    text-transform: uppercase;
}
.strate-title.alternate {
    margin-bottom: 60px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #404040;
}
.strate-title.alternate:after {
    content: "";
    display: block;
    width: 75px;
    height: 1px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    background: #666666;
}
.strate-video {
    padding: 30px 50px;
    box-sizing: border-box;
    background: #2a2a2a;
    color: #ffffff;
}
@media only screen and (max-width: 640px) {

    .strate-video  {
        padding: 25px 20px;
    }
}
.strate-video iframe {
    display: block;
    width: 75%;
    height: 400px;
    margin: 60px auto;
}
@media only screen and (max-width: 640px) {

    .strate-video iframe  {
        width: 100%;
        height: 300px;
    }
}
.video-link-list {
    width: 75%;
    margin: 60px auto 0;
}
.video-link-list:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    clear: both;
}
.video-link-list > li {
    float: left;
    width: 50%;
    margin: 10px 0;
}
@media only screen and (max-width: 640px) {

    .video-link-list {
        width: 100%;
    }
    .video-link-list > li {
        float: none;
        width: 100%;
        margin: 20px 0;
    }
}
.strate-keypoints {
    padding: 35px 30px;
    box-sizing: border-box;
    text-transform: uppercase;
    background: #d20025;
    color: #ffffff;
}
.strate-keypoints .keypoints-list {
    display: block;
    width: 100%;
    padding: 70px 0;
    border: 1px solid #ffffff;
    box-sizing: border-box;
}
.strate-keypoints .keypoints-list:after {
    content: "";
    display: block;
    clear: both;
    width: 100%;
    height: 1px;
}
.strate-keypoints .keypoints-list > li {
    float: left;
    width: 33%;
    padding-top: 55px;
    font-family: AzbukaPro, Arial, Verdana, sans-serif;
    text-align: center;
    font-size: 1.2em;
    background: #d20024 url("images/icon-precia.png") center top no-repeat;
    background-size: 60px auto;
}
.strate-keypoints .keypoints-list img {
    width: auto;
    max-width: 100%;
    height: auto;
}
@media only screen and (max-width: 640px) {

    .strate-keypoints .keypoints-list > li {
        float: none;
        width: 100%;
        margin-bottom: 60px;
    }
    .strate-keypoints .keypoints-list > li:last-child {
        margin-bottom: 0;
    }
}
.strate-keypoints .keypoints-list--highlight {
    display: block;
    font-size: 3em;
}
.strate-technical-sheet {
    width: 100%;
    padding: 45px 0 35px;
    box-sizing: border-box;
    background: #ffffff;
}
.technical-sheet--list {
    position: relative;
    counter-reset: section;
}
.technical-sheet--item {
    float: left;
    width: 50%;
    padding: 0 45px;
    box-sizing: border-box;
}
.technical-sheet--item > ul {
    margin: 30px 0 30px 15px;
}
/*.technical-sheet--item:before {
    counter-increment: section;
    content: counter(section);
    display: block;
    width: 130px;
    height: 130px;
    margin-bottom: 40px;
    line-height: 130px;
    font-size: 1.286em;
    font-family: AzbukaPro, Arial, Verdana, sans-serif;
    text-align: center;
    border-radius: 100%;
    background: #2a2a2a;
    color: #ffffff;
}*/
.technical-sheet--item:first-child:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    background: #dedede;
}
@media only screen and (max-width: 640px) {

    .technical-sheet--item {
        position: relative;
        float: none;
        width: 100%;
        padding: 25px 20px;
    }

    .technical-sheet--item:before {
        margin-left: auto;
        margin-right: auto;
    }

    .technical-sheet--item:first-child:after {
        width: 90%;
        height: 1px;
        left: 5%;
        top: auto;
        bottom: 0;
    }
}
.technical-sheet--item p {
    margin-bottom: 30px;
}
.technical-sheet--item p:last-child {
    margin-bottom: 0;
}
.technical-sheet--item ul {
    list-style: disc;
    margin-left: 15px;
}
.technical-point--title {
    display: block;
    min-height: 60px;
    margin-bottom: 30px;
    font: normal 1.786em/normal Arial, Verdana, Sans-serif;
    text-transform: uppercase;
    font-family: "AzbukaPro", Arial, Verdana, sans-serif;
    color: #2a2a2a;
}
.strate-appli {
    background: #ffffff;
}
.strate-appli img {
    float: left;
    width: 63%;
}
.strate-appli--list {
    float: left;
    width: 37%;
    padding: 90px 60px;
    box-sizing: border-box;
    font-family: AzbukaPro, Arial, Verdana, sans-serif;
}
.strate-appli--list ul {
    list-style-type: disc;
    margin: 30px 0 30px 15px;
}
.strate-appli--list ul > li {
    margin-bottom: 15px;
}
.strate-appli--list ul > li:last-child {
    margin-bottom: 0;
}
@media only screen and (max-width: 640px) {

    .strate-appli--list,
    .strate-appli img {
        float: none;
        width: 100%;
    }

    .strate-appli--list {
        padding: 25px 20px;
    }

    .strate-appli--list ul {
        margin-left: 15px !important;
    }
}
.strate-appli.fullwidth .strate-appli--list,
.strate-appli.fullwidth img {
    float: none;
    width: 100%;
    height: auto;
}
.news--list {
    margin-top: 60px;
}
.youtube-frame {
    float: left;
    width: 63%;
    height: 340px;
}
.youtube-frame.full {
    clear: both;
    float: none;
    width: 100%;
    height: auto;
}
.youtube-frame img {
    display: block;
    width: 100%;
    height: auto;
}
.youtube-frame > iframe {
    width: 100%;
    height: 100%;
}
.youtube-frame.fullvideoonly > iframe {
    height: 400px;
}
.push-job {
    float: left;
    width: 37%;
    height: 340px;
    font-size: 1.3em;
}
.push-highlight.push-job {
    background: #d20024 url("images/icon-precia.png") center 105px no-repeat;
    background-size: 60px auto;
}
.push-job .inner-padder {
    display: block;
    width: 100%;
    height: 100%;
    padding: 120px 62px 60px;
    box-sizing: border-box;
}
.push-informations,
.push-implantations {
    float: left;
    width: 50%;
    min-height: 580px;
}
@media only screen and (max-width: 960px) {

    .push-job .inner-padder {
        padding-left: 32px;
        padding-right: 32px;
        padding-bottom: 30px;
    }
}
@media only screen and (max-width: 640px) {

    .push-informations,
    .push-implantations,
    .youtube-frame,
    .push-job {
        float: none;
        width: 100%;
        min-height: 1px;
    }
    .youtube-frame {
        height: 240px;
    }
}
.push-informations .push-intro {
    width: 70%;
}
.push-informations .push-actions {
    margin-top: 100px;
}
.push.alternate.push-implantations {
    padding-top: 170px;
    background: #b7b7b7 url("images/icon-worldwide.png") 40px 45px no-repeat;
    background-size: 70px auto;
}
.push-link-product,
.push-link-download {
    display: block;
    padding: 35px 30px;
    font-size: .875em;
    text-transform: uppercase;
    background: url("images/white_arrow.png") 98% center no-repeat #2a2a2a;
    color: #fff;
}
.push-link-product {
    margin: 30px 0;
}
.push-link-download {
    text-align: center;
}
.push-link-download.half {
   float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.push-link-download.half:first-child {
    border-right: 1px solid #ffffff;
}
@media only screen and (max-width: 640px) {

    .push-link-product,
    .push-link-download {
        padding: 25px 20px;
    }

    .push-link-download.half {
        float: none;
        width: 100%;
    }

    .push-link-download.half:first-child {
        border-right: none;
        border-bottom: 1px solid #ffffff;
    }
}
.inner-border {
    border: 1px solid #fff;
}

aside {
    margin-bottom: 10px;
}
aside .box ul li > a > div {
    width: 202px;
}
@media only screen and (max-width: 960px) {

    aside .box ul li > a > div {
        width: 100%;
    }
}
aside .box {
    background: #3d3d3d;
    min-height: 1px;
}
aside > * {
    margin-top: 10px;
    clear: both;
}
aside {
    float: left;
    margin-right: 9px;
}
#sidebar {
    width: 24%;
}
@media only screen and (max-width: 960px) {

    #sidebar {
        float: none;
        width: 100%;
        padding: 0 40px;
        box-sizing: border-box;
    }
}
@media only screen and (max-width: 640px) {

    #sidebar {
        padding: 0 10px;
    }
}
.box p {
    color: #d8d7d7;
}
.box p strong {
    display: block;
    clear: both;
}
.box ul li .title_actu {
    color: #e2001a;
    font: normal bold 0.875em/normal Arial,Verdana,Sans-serif;
    text-transform: uppercase;
}
.box.col_456 {
    width: 50%;
    max-width: 438px;
}
.box.col_224 {
    width: 202px;
}
@media only screen and (max-width: 960px) {

    .box.col_224 {
        float: left;
        clear: none;
        width: 48%;
        box-sizing: border-box;
        margin-right: 4%;
    }
    .box.col_224:last-child {
        margin-right: 0;
    }
    .box.col_224 aside {
        float: none;
    }
    .box.col_224 aside:first-child .widget-title {
        margin-top: 0;
    }
}
@media only screen and (max-width: 640px) {

    .box.col_224 {
        float: none;
        width: 100%;
        margin-right: 0;
    }
}
@media only screen and (max-width: 960px) {

    .result a.document,
    .result a.moredetails {
        display: inline-block;
        margin: 10px 0;
        padding: 10px;
        font-size: 12px;
        color: #fff;
        background: #e2001a;
    }

    .result a.document:hover,
    .result a.document:focus,
    .result a.moredetails:hover,
    .result a.moredetails:focus {
        background: #2a2a2a;
        color: #fff;
    }

    .result a.categorysearch {
        display: inline-block;
        margin-top: 5px;
        margin-bottom: 5px;
        margin-right: 5px;
        padding: 5px;
        color: #fff;
        background: #6b6b6b;
    }

    .result a.categorysearch:hover,
    .result a.categorysearch:focus {
        color: #fff;
        background: #e2001a;
    }
}
.box .link {
    text-transform: lowercase;
    text-align: right;
    float: right;
    font: normal bold 0.917em/normal Arial, Verdana, Sans-serif;
}
.box .link:after {
    content: "";
    clear: both;
    display: block;
    width: 100%;
    height: 1px;
}
@media only screen and (max-width: 960px) {

    .box .link {
        margin: 10px 0;
        padding: 10px;
        color: #fff;
        background: #e2001a;
    }
}
.box .link:hover,
.box .link:focus {
    color: #fff;
}
.box .link:first-letter {
    text-transform: uppercase;
}
.link-all-news {
    display: block;
    width: 100%;
    line-height: 90px;
    background: #d20024;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
}
.link-all-news:after {
    content: "+";
    float: right;
    display: inline-block;
    width: 90px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    font-size: 2.857em;
    font-weight: bold;
    border-left: 2px solid #fff;
}
div.pictos_labels {
    float: left;
    margin: 10px 0 0 10px;
    width: 233px;
}
a.redLink {
    background: url(images/white_arrow.png) center right no-repeat #e2001a;
    color: #fff!important;
    text-transform: uppercase;
    height: 25px;
    margin-bottom: 10px;
    display: inline-block;
    padding: 0 28px 0 11px;
    font: normal bold .75em/25px Arial, Verdana, Sans-serif;
    white-space: nowrap;
    float: right;
}
a.redLink:hover,
a.redLink:focus {
    background-color: #2a2a2a;
}
@media screen and (max-width: 960px) {

    a.redLink {
        float: none;
        display: block;
        width: 200px;
        padding-top: 10px;
        padding-bottom: 10px;
        margin: 10px auto;
    }
}
.box .redLink {
    width: 163px;
}
@media only screen and (max-width: 960px) {

    .box .redLink,
    .box a.redLink.special {
        width: 100%;
        min-height: 45px;
        padding: 10px;
        box-sizing: border-box;
    }
    .box a.redLink.special {
        line-height: 25px;
    }
}

a.redLink.lastChild {
    margin: 0;
}
a.redLink.special {
    height: auto;
    display: block;
    font: normal bold .75em/15px Arial, Verdana, Sans-serif;
    white-space: normal;
    padding: 5px 28px 5px 11px;
}
a.greyLink {
    display: block;
    width: 100%;
    padding: 35px 30px;
    box-sizing: border-box;
    margin-bottom: 5px;
    background: url(images/white_arrow.png) 95% center no-repeat #2a2a2a;
    color: #fff!important;
    text-transform: uppercase;
    font: normal bold .75em/25px Arial, Verdana, Sans-serif;
    white-space: nowrap;
}
a.greyLink:hover,
a.greyLink:focus {
    background-color: #d20024;
}
@media only screen and (max-width: 640px) {

    a.greyLink {
        padding: 25px 20px;
    }
}
#contactLink:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 35px;
    margin-right: 20px;
    background: url('images/icon-contact.png') 0 2px no-repeat;
    background-size: 100% auto;
}
#savLink:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    margin-right: 20px;
    background: url('images/icon-settings.png') 0 0 no-repeat;
    background-size: 100% auto;
}
.box ul > li {
    padding-bottom: 20px;
    float: left;
}
.box ul > li:after {
    content: "";
    display: block;
    clear: both;
    width: 100%;
    height: 1%;
}
@media only screen and (max-width: 960px) {

    .box ul > li {
        float: none;
    }
}
.box ul > li > a:hover .link,
.box ul > li > a:focus .link {
    color: #fff;
}
.box ul li.lastChild {
    padding-bottom: 0;
}
.box ul li > div.block > div {
    width: 211px;
    float: left;
}
.box ul li > div > * {
    position: relative;
    top: -2px;
}
.title_actu {
    margin-bottom: 30px;
    color: #d20024;
    font: normal 1.786em/normal Arial, Verdana, Sans-serif;
    text-transform: uppercase;
    font-family: "AzbukaPro", Arial, Verdana, sans-serif;
}
.desc_actu {
    font-size: 1em;
    color: #969495;
}
.box ul li .time {
    color: #bbb;
    font: normal bold 0.750em/normal Arial, Verdana, Sans-serif;
    display: block;
    padding-bottom: 3px;
}
@media only screen and (max-width: 960px) {

    .box ul li .time {
        margin-bottom: 3px;
    }
}
.box ul li .border {
    border-left: 1px solid #8a8a8a;
    padding-left: 10px;
}
.box ul li .link {
    font-size: .813em;
    line-height: 1.5em;
}
@media only screen and (max-width: 960px) {

    .box ul li .link {
        font-size: 1em;
    }
    .box ul > li > a:hover .link,
    .box ul > li > a:focus .link {
        background: #2a2a2a;
    }
}
@media only screen and (max-width: 640px) {

    .box ul li .link {
        display: block;
        float: none;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
}
#newsletter {
    padding: 20px 30px;
    box-sizing: border-box;
    margin: 30px 0;
    text-transform: uppercase;
    background: #2a2a2a;
}
#newsletter p {
    margin: 0;
}
#country {
    float: none;
    height: 40px;
    line-height: 1.2;
    padding: 8px 0;
    box-sizing: border-box;
    width: 100%;
    max-width: 937px;
    margin: 0 auto;
}
#country fieldset {
    width: 70%;
    display: inline-block;
    text-align: right;
}
@media only screen and (max-width: 768px) {

    #country {
        height: auto;
        text-align: center;
    }

    #country .label_left {
        width: 49%;
    }
}
#country div p, #country div div {
    line-height: normal;
}
#country div div#lang_sel {
    padding: 0;
}
#country div div#lang_sel .choose-lang-item {
    text-transform: uppercase;
}
#country div p:first-child {
    border: 0;
    padding: 0;
}
#country div p label, #country div div label {
    padding: 0;
    width: auto;
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
    float: none;
}
#country div p label img {
    display: inline-block;
    vertical-align: middle;
}
#country input {
    display: inline-block;
    vertical-align: middle;
    font: normal normal 11px/normal Arial, Sans-serif;
    color: #fff;
}
#country .btn-submit {
    width: 20px!important;
    height: 20px;
    background: url(images/picto_loupe.png) 0 0 no-repeat;
    font-size: 0;
    text-indent: -999em;
    border: 0;
}
footer {
    padding: 60px 40px 50px;
    box-sizing: border-box;
    background: #1b1b1b;
    font-size: .850em;
}
@media only screen and (max-width: 640px) {

    footer {
        padding: 30px 30px 25px;
    }
}
footer .title {
    display: block;
    color: #b7b7b7;
}
footer .sub-menu .title {
    text-transform: capitalize;
    color: #6A6A6A;
    font-weight: 400;
}
footer .sub-menu .title:hover,
footer .sub-menu .title:focus {
    color: #fff;
}

footer #sitemapFooter {
    margin-bottom: 30px;
}

footer #sitemapFooter > li {
    float: left;
    padding: 0 5px;
    border-right: 1px solid #fff;
}

footer #sitemapFooter > li:first-child {
    padding-left: 0;
}
footer #sitemapFooter > li:last-child {
    padding-right: 0;
    border-right: 0;
}

@media only screen and (max-width: 640px) {

    footer #sitemapFooter > li {
        float: none;
        padding: 20px;
        border-right: 0;
        text-align: center;
    }
    footer #sitemapFooter > li:first-child {
        padding-left: 20px;
    }
    footer #sitemapFooter > li:last-child {
        padding-right: 20px;
    }
}

footer #sitemapFooter > li > ul > li {
    margin-bottom: 4px;
    color: #6a6a6a;
}
footer #sitemapFooter > li > ul > li a:hover,
footer #sitemapFooter > li > ul > li a:focus {
    color: #fff;
}
.container {
    padding: 43px 10px 57px;
    color: #d8d7d7;
    float: left;
    background: url(images/bg_recrutement.png) left top no-repeat transparent;
    font-size: 1.091em;
    line-height: 1.25em;
    position: relative;
}
.container .more_info {
    width: 37px;
    height: 37px;
    background: url(images/picto_plus.png) left top no-repeat transparent;
    position: absolute;
    bottom: 17px;
    right: 11px;
    font-size: 0;
}
.container:hover .more_info,
.container:focus .more_info {
    background: url(images/picto_plus_rollover.png) left top no-repeat transparent;
}
.container#recrutement {
    width: 155px;
    height: 185px;
    background: url(images/bg_recrutement.png) left top no-repeat transparent;
}
.container .title_2 {
    color: #fff;
    margin-bottom: 5px;
    text-transform: uppercase;
    font: normal bold 20px/20px Arial, Verdana, Sans-serif;
}
.size18 {
    font: normal bold 18px/18px Arial, Verdana, Sans-serif;
}
footer #footerLinks {
    float: right;
    margin: 9px 0;
}
footer #footerLinks li {
    float: left;
    color: #636363;
}
footer #footerLinks li:hover,
footer #footerLinks li:focus {
    color: #fff;
}
footer #yandex {
    float: left;
    width: 200px;
    margin: 9px 0;
}
footer #informations {
    text-align: center;
}
footer #informations ul {
    display: block;
    margin-top: 15px;
    font-size: .786em;
    line-height: 1.4;
    font-weight: bold;
    color: #b7b7b7;
}
footer #informations ul li {
    float: left;
}
@media only screen and (max-width: 640px) {

    footer #informations ul li {
        float: none;
    }
}
footer #informations ul li:first-child:before {
    display: none;
}
footer #informations ul li strong {
    color: #c9c9c9;
}
.old-browser-msg {
    height: 64px;
    padding: 0;
    background: url(images/old-browser/alert_bg.gif) repeat-x left top;
    font: normal normal 12px/normal Arial, Verdana, Sans-serif;
}
.old-browser-msg-container {
    margin: 0 auto;
    text-align: center;
}
.old-browser-msg .message {
    display: block;
    height: 54px;
    color: #d10000;
    padding: 12px 0 0;
    text-decoration: none;
}
.old-browser-msg strong {
    display: block;
    font-size: 14px;
    padding: 0 0 3px;
}
.old-browser-msg .message:hover,
.old-browser-msg .message:focus {
    text-decoration: underline;
}
.old-browser-msg .close {
    display: block;
    position: absolute;
    right: 24px;
    top: 23px;
    cursor: pointer;
}
.classicForm {
    float: left;
    width: 100%;
    font-size: .75em;
}
.classicForm fieldset {
    border: none;
    vertical-align: middle;
}
.classicForm legend {
    text-transform: uppercase;
    color: #c9c9c9;
    font-weight: 700;
    float: left;
    padding: 0 10px;
}
@media only screen and (max-width: 960px) {

    .classicForm legend {
        float: none;
    }
}
.classicForm div {
    display: inline-block;
}
@media only screen and (max-width: 960px) {

    .classicForm div {
        display: block;
    }
}
.classicForm .colTitle {
    font-size: 1.2em;
    font-weight: 700;
    padding: 0;
}
.classicForm p {
    display: inline-block;
}
@media only screen and (max-width: 960px) {

    .classicForm p {
        display: block;
    }
}
.classicForm .label_left {
    display: inline-block;
    position: relative;
}
.classicForm input.text, .classicForm input.password, .classicForm select.select, .classicForm textarea.textarea, .classicForm input.submit {
    background: #2a2a2a;
    color: #fff;
    font: normal normal 12px/normal Arial, Sans-serif;
    border: 0;
}
.classicForm input.checkbox, .classicForm input.radio {
    padding: 0;
    margin: 1px 5px 0 0;
    vertical-align: middle;
}
.classicForm input.radio {
    vertical-align: text-bottom;
}
.classicForm input.text {
    width: 90%;
    height: 50px;
    padding: 10px 0;
    box-sizing: border-box;
    text-transform: uppercase;
}
@media only screen and (max-width: 640px) {

    .classicForm input.text {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
    }
}
.classicForm input.submit {
    float: right;
    margin: 0;
    line-height: 50px;
    vertical-align: middle;
    cursor: pointer;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase!important;
    font-weight: 700;
    font-family: "AzbukaPro", Arial, Verdana, sans-serif;
}
@media only screen and (max-width: 640px) {

    .classicForm input.submit {
        display: block;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
}
/*.home .classicForm input.submit {
    margin-top: -4px;
}
*/
.classicForm input.submit:hover,
.classicForm input.submit:focus {
    color: #fff;
}
.classicForm label {
    width: 100%;
    cursor: pointer;
}
.classicForm div.col_100 {
    width: 100%}
.classicForm div.col_50 {
    width: 49%;
    padding-right: 2%}
.classicForm div.col_33 {
    width: 32%;
    padding-right: 2%}
.classicForm div.col_25 {
    width: 23%;
    padding-right: 2%}
.classicForm div.col_25.firstCol, .classicForm div.col_25.lastCol {
    width: 24%}
.classicForm div.lastChild, .classicForm div.lastCol {
    padding-right: 0!important;
}
.classicForm p.label_left label, .classicForm div.label_left label {
    float: left;
    display: block;
    width: 32%;
    padding-right: 2%}
.classicForm p.label_left input, .classicForm p.label_left select, .classicForm p.label_left textarea {
    width: 66%}
.classicForm p.label_right label {
    width: auto;
    padding-right: 0;
}
.classicForm p.label_right input, .classicForm p.label_right select, .classicForm p.label_right textarea {
    width: auto;
}
.classicForm div.col_100 input.submit, .classicForm div.col_50 input.submit, .classicForm div.col_33 input.submit, .classicForm div.col_25 input.submit {
    width: 100%}
.classicForm p.submit_left {
    text-align: left;
}
.classicForm p.submit_right {
    text-align: right;
}
.classicForm p.submit_center {
    text-align: center;
}
.classicForm p.submit_left input.submit, .classicForm p.submit_right input.submit, .classicForm p.submit_center input.submit {
    width: auto;
}
.classicForm .required {
    color: #c00;
}
.classicForm .error input, .error select, .error textarea {
    border-color: #E2001A!important;
    color: #E2001A!important;
}
.classicForm .error label {
    color: #E2001A;
}
.errorFeedback {
    z-index: 42;
    position: absolute;
    color: #fff;
    background: #E2001A;
    padding: 10px;
    margin: 0 0 10px;
    border-radius: 2px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.7);
    font: normal normal 11px/normal Verdana, Arial, Sans-serif;
}
.errorFeedback .appendice {
    position: absolute;
    left: 10px;
    bottom: -14px;
    width: 14px;
    height: 14px;
    background: url(images/error_msg.gif) no-repeat left top;
}
span.select-custom {
    cursor: pointer;
    min-width: 200px;
    display: inline-block;
    vertical-align: middle;
    font: normal normal 11px/normal "AzbukaPro";
    background: #2a2a2a url(images/selectCustom_arrow.png) right center no-repeat;
    color: #AEAEB7;
    height: 25px;
    line-height: 25px;
    padding: 0 20px;
    box-sizing: border-box;
    position: relative;
    text-align: left;
}
@media only screen and (max-width: 768px) {

    span.select-custom {
        min-width: 1px;
        width: 100%;
    }
}
#lang_sel {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    font: normal normal 0.9em/normal Arial, Sans-serif;
    background: #2a2a2a url(images/selectCustom_arrow.png) right center no-repeat;
    color: #fff;
    height: 25px;
    line-height: 25px;
    padding: 8px 20px;
    position: relative;
    width: auto!important;
}
@media only screen and (max-width: 768px) {

    #lang_sel {
        width: 100%!important;
    }
}
#lang_sel span.lang_sel_sel,
#lang_sel a.lang_sel_sel {
    padding: 0;
    display: block;
    border: 0;
}
#lang_sel a.lang_sel_sel span,
#lang_sel span.lang_sel_sel span {
    font-family: "AzbukaPro", Verdana, Arial, sans-serif;
    color: #AEAEB7;
    padding: 0 10px;
    display: block;
    text-align: left;
}
#lang_sel a.lang_sel_sel,
#lang_sel span.lang_sel_sel {
    background: #2a2a2a url(images/selectCustom_arrow.png) right center no-repeat !important;
    color: #fff;
    line-height: 25px;
}
@media only screen and (max-width: 768px) {

    #lang_sel a.lang_sel_sel,
    #lang_sel span.lang_sel_sel {
        background: transparent !important;
    }
}
#lang_sel a.lang_sel_sel:hover span,
#lang_sel a.lang_sel_sel:focus span,
#lang_sel span.lang_sel_sel:hover span,
#lang_sel span.lang_sel_sel:focus span {
    color: #fff;
}
#lang_sel li {
    width: 244px;
}
@media only screen and (max-width: 768px) {

    #lang_sel li {
        width: 100%;
    }
}
#lang_sel ul {
    border: 0!important;
}
span.select-custom:hover,
span.select-custom:focus {
    color: #fff;
}
span.select-custom.disabled {
    opacity: .7;
    filter: alpha(opacity=70);
    cursor: default;
}
#customSelect {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: -1px;
    padding: 3px 8px;
    width: 244px!important;
    list-style-type: none;
    z-index: 1;
    background: #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #4a4a4a;
    border-left: 1px solid #4a4a4a;
    border-right: 1px solid #4a4a4a;
    border-bottom: 1px solid rgba(74, 74, 74, 0.9);
    border-left: 1px solid rgba(74, 74, 74, 0.9);
    border-right: 1px solid rgba(74, 74, 74, 0.9);
}
#customSelect.form_country {
    width: 100% !important;
}
#customSelect li {
    padding: 1px 3px;
}
#customSelect li a {
    cursor: pointer;
}
#customSelect.form_language li:hover,
#customSelect.form_language li:focus {
    color: #fff;
}
#customSelect.form_language li {
    text-transform: uppercase;
    font: normal normal 0.625em/normal Arial, Sans-serif;
}
#page {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}
#homeCarousel {
    width: 100%;
    max-width: 937px;
    height: 600px;
    margin: 0 auto;
    overflow: hidden;
}
#homeCarousel .list {
    float: left;
    width: 100%;
    height: 600px;
    position: relative;
}
#homeCarousel .list > li {
    display: block;
    float: left;
    height: 600px;
    overflow: hidden;
    position: relative;
}
#homeCarousel .list > li > img {
    display: block;
}
#homeCarousel ul.pager {
    position: absolute;
    top: 510px;
    right: 28%;
}
#homeCarousel ul.pager > li {
    display: none;
    cursor: pointer;
    width: 90px;
    height: 90px;
    font-size: 0;
}
#homeCarousel ul.pager > li.prev, #homeCarousel ul.pager > li.next {
    display: inline-block;
}
#homeCarousel ul.pager > li:hover,
#homeCarousel ul.pager > li:focus {
    opacity: .7;
    filter: alpha(opacity=70);
}
#homeCarousel ul.pager > li.current {
    color: #c00;
}
#homeCarousel ul.pager > li.prev {
    background: #d20024 url("images/white_arrow.png") center center no-repeat;
}
#homeCarousel ul.pager > li.next {
    background: #d20024 url("images/white_arrow.png") center center no-repeat;
}
.container_overlaySlide {
    position: relative;
}
.overlaySlide {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("images/slider_trame.png") left top repeat transparent;
    top: 0;
    left: 0;
}
.textBox {
    position: absolute;
    top: 228px;
    min-height: 180px;
    width: 276px;
    vertical-align: middle;
    display: block;
    color: #292929;
}
@media only screen and (max-width: 960px) {

    .textBox {
        width: 190px;
        min-height: 123px;
    }
}
.homeSlider,
.landingProductSlider {
    position: relative;
    width: 100%;
    max-width: 937px;
    margin: 0 auto;
}
.homeSlider .slider li,
.landingProductSlider .slider li {
    float: left;
    width: 100%;
    height: 500px;
    background: #fff;
}
@media only screen and (max-width: 960px) {

    .homeSlider .slider li,
    .landingProductSlider .slider li {
        height: 400px;
    }
}
@media only screen and (max-width: 640px) {

    .homeSlider .slider li,
    .landingProductSlider .slider li {
        height: auto;
    }
}
.homeSlider .slider li:after,
.homeSlider .slider:after,
.landingProductSlider .slider li:after,
.landingProductSlider .slider:after {
    content: "";
    display: block;
    clear: both;
    width: 100%;
    height: 1px;
}
.homeSlider  .slide--img,
.homeSlider  .slide--content,
.landingProductSlider  .slide--img,
.landingProductSlider  .slide--content {
    float: left;
}
.homeSlider .slide--content,
.landingProductSlider .slide--content {
    width: 37%;
}
.homeSlider .slide--img,
.landingProductSlider .slide--img {
    width: 63%;
    overflow: hidden;
}
.homeSlider .slide--img img,
.landingProductSlider .slide--img img {
    width: auto;
    height: 100%;
}
.homeSlider .slide--content,
.landingProductSlider .slide--content {
    padding: 40px 60px;
    box-sizing: border-box;
}
.landingProductSlider .slide--content {
    height: 100%;
}
@media only screen and (max-width: 960px) {

    .homeSlider .slide--content {
        padding: 20px 30px 160px;
    }
    .landingProductSlider .slide--content {
        padding: 20px 30px 80px;
    }
}
@media only screen and (max-width: 640px) {

    .homeSlider .slide--img,
    .homeSlider .slide--content,
    .landingProductSlider .slide--img,
    .landingProductSlider .slide--content {
        float: none;
        width: 100%;
    }
    .homeSlider .slide--img img,
    .landingProductSlider .slide--img img {
        width: 100%;
        height: auto;
    }
}
.homeSlider .slide--content a {
    float: right;
    display: block;
    padding: 17px 15px;
    margin-top: 30px;
    font-family: "AzbukaProBold", Arial, Verdana, sans-serif;
    font-size: 0.8em;
    background: #d20024;
    color: #fff;
}
.homeSlider .slide--content a:hover {
    background: #2a2a2a;
}
@media only screen and (max-width: 640px) {

    .homeSlider .slide--content a {
        float: none;
        text-align: center;
    }
}
.landingProductSlider .link-slider {
    position: absolute;
    bottom: 4px;
    right: 0;
    display: block;
    width: 37%;
    line-height: 90px;
    font-size: 0.8em;
    text-align: center;
    text-transform: uppercase;
    background: #d20024;
    color: #ffffff;
    border-left: 1px solid #ffffff;
    box-sizing: border-box;
}
.landingProductSlider .link-slider:after {
    content: "+";
    float: right;
    display: inline-block;
    width: 90px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    font-size: 2.28em;
    font-weight: bold;
    border-left: 2px solid #fff;
}
@media only screen and (max-width: 960px) {

    .landingProductSlider .link-slider {
        width: 45px;
        height: 45px;
        line-height: 45px;
        right: 0;
    }

    .landingProductSlider .link-slider .label {
        display: none;
    }

    .landingProductSlider .link-slider:after {
        float: none;
        width: 45px;
        height: 45px;
        line-height: 45px;
    }
}
.homeSlider .slide--category,
.landingProductSlider .slide--category {
    margin-bottom: 30px;
    font-size: 0.9em;
    font-weight: bold;
    color: #3e3e3e;
    text-transform: uppercase;
}
.homeSlider .slide--category:after,
.landingProductSlider .slide--category:after {
    content: '';
    display: block;
    width: 70px;
    height: 1px;
    margin-top: 20px;
    background: #3e3e3e;
}
.homeSlider .slide--title,
.landingProductSlider .slide--title {
    font-family: "AzbukaPro", Arial, Verdana, sans-serif;
    margin-bottom: 30px;
    font-size: 1.7em;
    color: #d20024
}
.homeSlider .slide--desc,
.landingProductSlider .slide--desc {
    color: #969494;
}
.homeSlider .responsive-slider--pager-nav,
.landingProductSlider .responsive-slider--pager-nav {
    position: absolute;
    bottom: 0;
}
.homeSlider .responsive-slider--pager-nav {
    right: 27%;
}
.landingProductSlider .responsive-slider--pager-nav {
    right: 37%;
}
@media only screen and (max-width: 640px) {

    .homeSlider .responsive-slider--pager-nav  {
        right: 0;
    }
    .landingProductSlider .responsive-slider--pager-nav {
        right: auto;
        left: 0;
    }
}
.homeSlider .next,
.homeSlider .prev,
.landingProductSlider .next,
.landingProductSlider .prev {
    display: inline-block;
    width: 90px;
    height: 90px;
    cursor: pointer;
}
@media only screen and (max-width: 960px) {

    .landingProductSlider .next,
    .landingProductSlider .prev {
        display: inline-block;
        width: 45px;
        height: 45px;
        cursor: pointer;
    }
}
.homeSlider .next:hover,
.homeSlider .prev:hover,
.landingProductSlider .next:hover,
.landingProductSlider .prev:hover {
    background-color: #1b1b1b;
}
.homeSlider .next,
.landingProductSlider .next {
    background: #d20024 url(images/white_arrow.png) center center no-repeat;
}
.homeSlider .prev,
.landingProductSlider .prev {
    background: #d20024 url(images/white_arrow-inverse.png) center center no-repeat;
}
.homeSlider .next.off,
.homeSlider .prev.off,
.landingProductSlider .next.off,
.landingProductSlider .prev.off {
    opacity: 0.7;
}
.homeSlider .prev,
.landingProductSlider .prev {
    margin-right: 2px;
}
#containerVisu {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #000;
}
#containerVisu.implantations {
    height: 418px;
    min-height: 418px;
}
#containerVisu.product {
    min-height: 565px;
    background-repeat: repeat-x!important;
}
#containerVisu > img {
    display: block;
    width: auto;
    max-height: 450px;
    margin: 0 auto;
}
@media only screen and (max-width: 960px) {

    #containerVisu {
        height: 250px;
    }

    #containerVisu > img {
        position: absolute;
        bottom: 0;
        right: 0;
        width: auto;
        height: 120%;
    }
    #containerVisu.product > img {
        position: absolute;
        left: auto;
        right: 0;
        width: auto;
    }
}
@media only screen and (max-width: 480px) {

    #containerVisu > img {
        right: -70%;
    }

    .single-range #containerVisu > img {
        right: 0;
    }
}
#containerVisu .textBox .content {
    padding: 11px 10px;
    min-height: 92px;
}
#containerVisu .textBox {
    top: 15%;
}
.textBox .content {
    background: transparent url("images/bg_textBox.png") left top repeat;
    padding: 3px 21px 29px;
    line-height: normal;
}
@media only screen and (max-width: 960px) {

    .textBox .content {
        width: 190px;
        box-sizing: border-box;
    }
}
.textBox .top {
    background: url("images/slideBox_top.png") left bottom no-repeat transparent;
    width: 276px;
    height: 55px;
}
.textBox .bottom {
    background: url("images/slideBox_bottom.png") left top no-repeat transparent;
    width: 276px;
    height: 55px;
}

@media only screen and (max-width: 960px) {

    .textBox .top,
    .textBox .bottom {
        width: 190px;
        height: 37px;
    }
    .textBox .top {
        background-size: 100% auto;
    }
    .textBox .bottom {
        background-size: 120% auto;
    }
}
.textBox .title1 {
    font: normal bold 1em/normal Arial, Verdana, Sans-serif;
    text-transform: uppercase;
    margin-bottom: 4px;
}
@media only screen and (max-width: 960px) {

    .textBox .title1 {
        font-size: 0.8em;
    }
}
.textBox .title1.grey {
    color: #9d9d9d;
}
.textBox .title2 {
    font: normal bold 1.563em/normal Arial, Verdana, Sans-serif;
    text-transform: uppercase;
    margin-bottom: 3px;
}

@media only screen and (max-width: 960px) {

    .textBox .title2 {
        font-size: 1.2em;
    }
}
.textBox p {
    font: normal normal 0.688em/normal Arial, Verdana, Sans-serif;
    margin-bottom: 16px;
}
.textBox .links li {
    color: #e2001a;
    margin-top: 6px;
    text-transform: uppercase;
    font: normal bold 0.688em/normal Arial, Verdana, Sans-serif;
    background: url(images/list_puce_rollover.png) left 4px no-repeat transparent;
    padding-left: 12px;
}
.textBox .links li:hover,
.textBox .links li:focus {
    color: #000;
    background: url(images/list_puce.png) left 4px no-repeat transparent;
}
.textBox .links li:first-child {
    margin-top: 0;
}
#breadcrumb {
    margin-bottom: 18px;
    float: left;
}
@media only screen and (max-width: 960px) {

    .padder_2 #breadcrumb {
        padding: 0 40px;
    }
}
@media only screen and (max-width: 640px) {

    .padder_2 #breadcrumb {
        padding: 0 10px;
    }
}
#breadcrumb:after {
    content: "";
    display: block;
    clear: both;
    width: 100%;
    height: 1px;
}
#breadcrumb li {
    text-transform: uppercase;
    font: normal bold 0.625em/normal Arial, Verdana, Sans-serif;
    color: #787878;
    float: left;
}
#breadcrumb li a {
    color: #A4A4A4;
}
#breadcrumb li.active {
    color: #686767;
}
#breadcrumb li:before {
    padding-left: 3px;
    margin-left: 3px;
    content: "";
    background: url(images/grey_arrow.png) left center no-repeat transparent;
    display: inline-block;
    height: 6px;
    width: 4px;
}
#breadcrumb li:first-child:before {
    display: none;
}
.cms {
    float: left;
}
@media only screen and (max-width: 960px) {

    .cms {
        float: none;
        padding: 0 40px;
    }
}
@media only screen and (max-width: 640px) {

    .cms {
        padding: 0 10px;
    }

    .cms img {
        display: block;
        float: none;
        width: auto;
        max-width: 100%;
        height: auto;
        margin: 10px auto;
    }
}
.single-produit .cms, .page-template-page-implantation-service-php .cms {
    float: none;
}
.cms.marginBottom {
    margin-bottom: 11px;
}
.padder img {
    cursor: pointer;
}
#liste > li, .sub-pages ul > li {
    border-bottom: 1px solid #c7c7c7;
}
@media only screen and (max-width: 960px) {

    #liste > li, .sub-pages ul > li {
        padding: 10px 0;
        text-align: center;
    }
}
#liste > li a,
.sub-pages ul > li a {
    padding: 10px 10px 10px 0;
    color: #3d3d3d;
    text-transform: uppercase;
    font: normal bold 0.750em/normal Arial, Verdana, Sans-serif;
    background: url(images/list_puce_rollover.png) right center no-repeat transparent;
    width: 212px;
    display: inline-block;
}
@media only screen and (max-width: 960px) {

    #liste > li a,
    .sub-pages ul > li a {
        background: none;
    }
}
#liste > li > ul > li > a {
    padding: 0 0 10px 12px;
    text-transform: none;
    font-weight: 400;
    background: none;
}
#liste > li > a:hover,
#liste > li > a:focus,
#liste > li > a.current,
.sub-pages ul > li.current-menu-item > a,
.sub-pages ul > li > a:hover,
.sub-pages ul > li > a:focus {
    color: #e2001a;
}
#liste > li a:hover,
#liste > li a:focus {
    background: url(images/list_puce.png) right center no-repeat transparent;
}
#liste > li > ul > li > a:hover,
#liste > li > ul > li > a:focus {
    background: url(images/list_puce_rollover.png) left 4px no-repeat transparent;
    font-weight: 700;
}
#liste > li > a.current {
    background: url(images/list_puce_deployed.png) right center no-repeat transparent;
}
@media only screen and (max-width: 960px) {

    #liste > li > a.current {
        background: none;
    }
}

/*Master page*/
.master-page--title {
    font-family: "AzbukaPro", Arial, Verdana, sans-serif;
    font-size: 2.18em;
    text-align: center;
    text-transform: uppercase;
    color: #d20024;
}
.master-page--title:before {
    content: "";
    display: block;
    margin: 0 auto 25px;
    width: 75px;
    height: 1px;
    background: #d20024;
}
.master-page--list {
    margin-top: 50px;
}
.master-page--list > li {
    float: left;
    width: 30%;
    min-height: 400px;
    margin-right: 4%;
    margin-bottom: 30px;
    overflow: hidden;
}
.master-page--list > li:nth-child(3n+3) {
    margin-right: 0;
}
@media only screen and (max-width: 960px) {

    .master-page--list > li {
        width: 48%;
        min-height: 600px;
    }

    .master-page--list > li:nth-child(3n+3) {
        margin-right: 4%;
    }
    .master-page--list > li:nth-child(2n+2) {
        margin-right: 0;
    }
}
@media only screen and (max-width: 640px) {

    .master-page--list > li {
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
        min-height: 1px;
    }
}
.master-page--item--img {
    display: block;
    width: 100%;
    height: auto;
}
.master-page--item--title {
    font-size: 1.125em;
    font-family: "AzbukaPro", Arial, Verdana, sans-serif;
    text-transform: uppercase;
}
.master-page--item--content {
    min-height: 210px;
    padding: 40px 30px;
    box-sizing: border-box;
    color: #fff;
    background: #2a2a2a;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.master-page--list > li a:hover .master-page--item--content {
    background: #d20024;
}
#sitemap {
    background: url(images/sitemap_bg.png) left top repeat-y transparent;
    display: inline-block;
    font: normal normal 0.750em/normal Arial, Verdana, Sans-serif;
    color: #424242;
}
@media only screen and (max-width: 640px) {

    #sitemap {
        background: none;
    }
}
#sitemap .title_grey {
    font-size: 1.125em;
}
#sitemap > ul {
    width: 217px;
    float: left;
    margin-left: 12px;
}
@media only screen and (max-width: 640px) {

    #sitemap > ul {
        float: none;
        width: 100%;
    }
}
#sitemap > ul:first-child {
    margin-left: 0;
}
#sitemap > ul > li {
    margin-bottom: 20px;
}
#sitemap > ul > li > ul > li {
    background: url(images/sitemap_puce.png) left 4px no-repeat transparent;
    padding: 0 0 0 11px;
    margin-bottom: 3px;
}
@media only screen and (max-width: 640px) {

    #sitemap > ul > li > ul > li {
        padding: 10px 10px 10px 11px;
        background-position: left 14px;
    }
}
#sitemap > ul > li > ul > li > ul {
    margin: 8px 0;
}
#sitemap > ul > li > ul > li > ul > li, #sitemap .sub-menu li ul li a {
    font: normal normal 0.917em/normal Arial, Verdana, Sans-serif;
    color: #797979;
}
#sitemap .sub-menu li ul li a {
    font: normal normal 0.917em/normal Arial, Verdana, Sans-serif!important;
    color: #797979!important;
}
#sitemap > ul > li > ul > li > ul > li a:hover,
#sitemap > ul > li > ul > li > ul > li a:focus {
    color: #000;
}
#sitemap > ul > li > ul > li a:hover,
#sitemap > ul > li > ul > li a:focus {
    color: #e2001a;
}
.result {
    margin-bottom: 20px;
    display: block;
    clear: both;
    overflow: hidden;
}
.result p strong {
    font-size: 0.8em;
    color: #5a5a5a;
}
.result a {
    font: normal bold 0.625em/normal Arial, Verdana, Sans-serif;
    color: #e2001a;
    vertical-align: top;
    cursor: pointer;
}
.result p a {
    font-size: 12px;
    color: #787878;
}
.result ul li {
    float: left;
    text-transform: uppercase;
}
.result:not(.cms) ul li:before {
    content: "";
    padding: 0 7px 0 0;
    margin: 0 0 0 7px;
    background: url(images/sep.gif) left 3px no-repeat transparent;
}
@media only screen and (max-width: 960px) {

    .result ul li {
        margin-right: 10px;
    }

    .result ul li:before {
        display: none;
    }
}
.result ul li:first-child:before {
    margin: 0;
    padding: 0;
}
.result a:hover,
.result a:focus {
    color: #000;
}
#pager_results {
    float: right;
}
#pager_results li {
    float: left;
}
#pager_results li a {
    color: #6a6663;
    font: italic normal .688em/.688em Verdana, Arial, Sans-serif;
    display: inline-block;
    vertical-align: middle;
    line-height: 35px;
    padding: 0 4px;
    position: relative;
}
#pager_results li a.current {
    color: #e2001a;
    margin-right: 9px;
}
#pager_results li a.current:after {
    position: absolute;
    background: url(images/pager_sep.png) center center no-repeat transparent;
    content: "";
    width: 9px;
    height: 35px;
    right: -9px;
}
#pager_results li a.next, #pager_results li a.prev {
    font-size: 0;
    width: 35px;
    height: 35px;
}
#pager_results li a.next {
    background: url(images/pager_next.jpg) center center no-repeat transparent;
}
#pager_results li a.prev {
    background: url(images/pager_prev.jpg) center center no-repeat transparent;
}
#pager_results li a.next.active {
    background: url(images/pager_next_active.jpg) center center no-repeat transparent;
}
#pager_results li a.prev.active {
    background: url(images/pager_prev_active.jpg) center center no-repeat transparent;
}
#liste_activites {
    float: left;
    padding: 20px 11px 11px;
    background: url(images/trame_grise.jpg) left top repeat transparent;
}
#liste_activites:after {
    content: "";
    clear: both;
    display: block;
    width: 100%;
    height: 1%;
}
@media only screen and (max-width: 960px) {

    #liste_activites {
        float: none;
    }
}
#liste_activites img.image_a_gauche, #liste_activites img.alignleft {
    clear: none;
}
#liste_activites > div {
    float: left;
}
@media only screen and (max-width: 960px) {

    #liste_activites > div {
        width: 49%;
    }
}
@media only screen and (max-width: 640px) {

    #liste_activites > div {
        width: 100%;
        margin-bottom: 20px;
    }
    #liste_activites > div:last-child {
        margin-bottom: 0;
    }
}
#liste_activites > div:first-child {
    margin-right: 10px;
}
#liste_activites .bgWhite {
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    float: left;
    clear: both;
}
#liste_activites > div > .bgWhite {
    margin-bottom: 20px;
    width: 384px;
    min-height: 250px;
}
@media only screen and (max-width: 960px) {

    #liste_activites > div > .bgWhite {
        width: 100%;
    }
}
@media only screen and (max-width: 640px) {

    #liste_activites > div > .bgWhite {
        min-height: 0;
    }
}
#liste_activites > div > .bgWhite.lastChild {
    margin-bottom: 0;
}
#liste_activites > div:first-child > .bgWhite {
    width: auto;
}
@media only screen and (max-width: 960px) {

    #liste_activites > div:first-child > .bgWhite {
        width: 100%;
    }
}
#liste_activites > div > .bgWhite img {
    float: right;
    border: 4px solid #cdcdcd;
}
@media only screen and (max-width: 640px) {

    #liste_activites > div > .bgWhite img {
        float: none;
        display: block;
        margin: 0 auto;
    }
}
#liste_activites .liste {
    float: left;
    width: 226px;
    padding: 8px 0 0;
}
@media only screen and (max-width: 640px) {

    #liste_activites .liste {
        float: none;
        width: 100%;
        box-sizing: border-box;
    }
}
.download {
    background: url(images/picto_download.png) left center no-repeat transparent;
    color: #e2001a;
    font: italic bold .688em/1em Verdana, Arial, Sans-serif;
    padding: 0 0 0 20px;
}
a:hover.download,
a:focus.download {
    color: #000;
}
@media only screen and (max-width: 960px) {

    .download {
        display: block;
        width: 200px;
        padding: 10px 0 10px 20px;
        margin: 10px auto;
        font-size: .8em;
    }
}
.containerCarousel {
    position: relative;
    float: right;
    padding: 11px 12px;
    background: url("images/trame_grise.jpg") left top repeat transparent;
    width: 98%;
    box-sizing: border-box;
}
.containerCarousel:after {
    content: '';
    display: block;
    clear: both;
    width: 100%;
    height: 1px;
}
@media only screen and (max-width: 960px) {

    .containerCarousel {
        float: none;
        margin: 0 auto;
        padding-left: 40px;
        padding-right: 40px;
        box-sizing: border-box;
    }
}
@media only screen and (max-width: 640px) {

    .containerCarousel {
        padding-left: 10px;
        padding-right: 10px;
    }
}
.containerCarousel .title_produit {
    color: #5a5a5a;
    font: normal bold .875em/1.375em Arial, Verdana, Sans-serif;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.carousel {
    list-style-type: none;
    overflow: hidden;
}
.carousel:after {
    content: "";
    display: block;
    clear: both;
    width: 100%;
    height: 1px;
}
.carousel li {
    position: relative;
    overflow: hidden;
    float: left;
    width: 25%;
    /*margin-right: 11px;*/
    margin-top: 10px;
    color: #e2001a;
    text-transform: uppercase;
    font: normal normal 0.875em/normal Arial, Verdana, Sans-serif;
}
@media only screen and (max-width: 960px) {

    .carousel li {
        width: 33%;
        max-width: 100%;
        box-sizing: border-box;
    }
}
@media only screen and (max-width: 640px) {

    .carousel li {
        width: 50%;
    }
}
.carousel li:last-child {
    margin-right: 0;
}
.carousel li img {
    margin: 0 auto;
    display: block;
    width: 100%;
    height: auto;
}
.carousel li:hover .containerCarouselItem ,
.carousel li:focus .containerCarouselItem  {
    border-color: #cdcdcd;
    cursor: pointer;
}
.containerCarouselItem {
    margin: 0 auto;
    width: 95%;
    padding: 11px 10px;
    box-sizing: border-box;
    border: 4px solid #fff;
    background: #fff;
}
.pagination {
    text-align: center;
    list-style-type: none;
    font-size: 0;
}
.containerCarousel .prev,
.containerCarousel .next,
.pagination li.next,
.pagination li.prev {
    opacity: .3;
    filter: alpha(opacity=30);
    height: 47px;
    width: 47px;
    cursor: pointer;
    position: absolute;
    top: 49%;
    cursor: pointer;
    z-index: 100;
}
.containerCarousel .next,
.pagination li.next {
    background: url(images/slider_pagination_next.jpg) center center no-repeat transparent;
    right: 0;
}
.containerCarousel .prev,
.pagination li.prev {
    background: url(images/slider_pagination_prev.jpg) center center no-repeat transparent;
    left: 0;
}
@media only screen and (max-width: 960px) {

    .containerCarousel .prev,
    .pagination li.prev {
        left: 40px;
    }

    .containerCarousel .next,
    .pagination li.next {
        right: 40px;
    }
}
@media only screen and (max-width: 640px) {

    .containerCarousel .prev,
    .pagination li.prev {
        left: 0;
    }

    .containerCarousel .next,
    .pagination li.next {
        right: 0;
    }
}
.containerCarousel .prev:hover,
.containerCarousel .prev:focus,
.containerCarousel .next:hover,
.containerCarousel .next:focus,
.pagination li:hover,
.pagination li:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}
.containerCarousel .off,
.containerCarousel .off:hover,
.containerCarousel .off:focus {
    opacity: 0.1;
    filter: alpha(opacity=10);
}
.containerCarousel .dots {
    display: none;
}
#alphabet, .listNav {
    float: left;
    margin-bottom: 35px;
}
#alphabet li, .listNav a {
    float: left;
    font: normal bold 1.375em/normal Arial, Verdana, Sans-serif;
    margin-right: 11px;
    text-transform: uppercase;
}
#alphabet li a, .listNav a {
    color: #3d3d3d;
}
#alphabet li a:hover,
#alphabet li a:focus,
.listNav a:hover,
.listNav a:focus {
    color: #000;
}
#alphabet li a.inactif {
    color: #9d9d9d;
}
#alphabet li a.current, .listNav a.ln-selected {
    color: #e2001a;
    text-decoration: underline;
}
#glossaire, .glossaire {
    background: url(images/sitemap_bg.png) repeat-y 4px top transparent;
    float: left;
}
#glossaire > li, .glossaire > li {
    width: 212px;
    padding-right: 9px;
    float: left;
    margin-left: 9px;
}
#glossaire > li:first-child, .glossaire > li:first-child {
    margin: 0;
}
#glossaire > li > ul > li, .glossaire > li > ul > li {
    margin-bottom: 15px;
}
#glossaire a, .glossaire a {
    background: url(images/sitemap_puce.png) left 3px no-repeat transparent;
    padding: 0 0 0 13px;
    display: inline-block;
    text-transform: uppercase;
    color: #3d3d3d;
    font: normal bold 0.750em/normal Arial, Verdana, Sans-serif;
}
#glossaire a:hover, .glossaire a:hover,
#glossaire a:hover, .glossaire a:focus {
    color: #e2001a;
}
#accordion {
    width: 100%;
    border-bottom: 1px solid #a4a4a4;
}
#accordion > li {
    background: url(images/trame_accordion.jpg) left top repeat-x #fff;
    border-top: 1px solid #a4a4a4;
    padding: 30px 12px;
    min-height: 28px;
}
@media only screen and (max-width: 960px) {

    #accordion > li {
        padding-left: 40px;
        padding-right: 40px;
    }
}
@media only screen and (max-width: 640px) {

    #accordion > li {
        padding-left: 10px;
        padding-right: 10px;
    }
}
#accordion > li > :first-child {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-right: 42px;
    box-sizing: border-box;
    font: normal normal 1.563em/32px Arial, Verdana, Sans-serif;
    color: #3e3e3e;
    cursor: pointer;
}
#accordion > li > :first-child:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    background: url(images/black_cross.png) 0 0 no-repeat transparent;
    background-size: 100% auto;
}
#accordion > li > .current:after {
    background: url(images/black_cross_deployed.png) 0 0 no-repeat transparent;
}
#accordion > li > ul > li > a {
    display: inline-block;
    line-height: normal;
}
#accordion > li > ul {
    display: none;
}
#accordion > li > ul > li {
    padding: 10px 0;;
    border-top: 1px solid #e5e5e5;
}
#accordion .bloc {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}
#accordion .titre_accordion {
    color: #e2001a;
    font: normal bold .75em Arial, Verdana, Sans-serif;
    margin-bottom: 10px;
}
@media only screen and (max-width: 640px) {

    #accordion .titre_accordion {
        padding: 10px 0;
    }
}
#accordion .bloc.txt {
    width: 61%;
}
#accordion .bloc.img {
    width: 38%;
    text-align: center;
}
@media only screen and (max-width: 640px) {

    #accordion .bloc.txt,
    #accordion .bloc.img {
        width: 100%;
    }
    #accordion .bloc.img {
        margin-top: 10px;
    }
}
#accordion > li > ul > li:first-child {
    border-top: 0;
}
.styleForm {
    float: left;
    margin-bottom: 29px;
    background: url(images/trame_grise.jpg) left top repeat transparent;
}
@media only screen and (max-width: 960px) {

    .styleForm {
        float: none;
        clear: both;
    }
}
.styleForm fieldset {
    border: none;
    padding: 20px 11px;
}
.styleForm.width_335 {
    width: 335px;
    margin-right: 4px;
    position: relative;
    min-height: 190px;
}
@media only screen and (max-width: 960px) {

    .styleForm.width_335 {
        width: 100%;
        margin-right: 0;
    }
}
#password .submit {
    position: absolute;
    bottom: 20px;
    right: 10px;
}
.styleForm.width_335.lastChild {
    margin-right: 0;
}
.styleForm div {
    float: left;
    width: 100%}
@media only screen and (max-width: 960px) {

    .styleForm div {
        float: none;
    }
}
.styleForm legend {
    text-transform: uppercase;
    color: #3d3d3d;
    font: normal bold 0.875em/normal Arial, Verdana, Sans-serif;
    text-decoration: underline;
    float: left;
    width: 100%;
    margin-bottom: 18px;
}
.styleForm p {
    float: left;
    width: 100%;
    display: block;
}
.styleForm input.text, .styleForm input.password, .styleForm select.select, .styleForm textarea.textarea {
    width: 100%;
    display: inline-block;
    color: #666;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    background: #fff;
    font: normal normal 1em/normal Arial, Verdana, Sans-Serif;
}
.styleForm select.select {
    height: 28px;
    background: url(images/bg_input.jpg) left bottom repeat-x #fff;
    padding: 0 0 0 8px;
}
@media only screen and (max-width: 960px) {

    .styleForm select.select {
        display: block;
        width: 100%;
        height: 48px;
        padding: 10px 0;
    }
}
.styleForm select.select.error {
    border: 1px solid red;
}
.styleForm input.text, .styleForm textarea.textarea {
    background: url(images/bg_input.jpg) left bottom repeat-x #fff;
}
.styleForm textarea.textarea {
    width: 100%;
    padding: 11px 9px;
    box-sizing: border-box;
}
.styleForm input.text {
    line-height: 28px;
    height: 28px;
    text-indent: 10px;
}
@media only screen and (max-width: 960px) {

    .styleForm input.text {
        display: block;
        padding: 10px 0;
    }
}
input.text.error {
    border: 1px solid red;
}
.styleForm input.radio {
    padding: 0;
    margin: 0 10px 0 0;
    vertical-align: middle;
    position: relative;
    top: -2px;
}
.styleForm input.submit {
    margin: 9px 0 0;
    padding: 0;
    border: 0;
    cursor: pointer;
    background: url(images/white_arrow.png) no-repeat right center #E2001A;
    color: #fff;
    font: normal bold 0.75em/normal Arial, Verdana, Sans-serif;
    padding: 7px 25px 7px 7px;
    text-transform: uppercase;
}
@media only screen and (max-width: 960px) {

    .styleForm input.submit {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}
@media only screen and (max-width: 640px) {

    .styleForm input.submit {
        width: 100%;
    }
}
.styleForm input.submit:hover,
.styleForm input.submit:focus {
    background: url(images/white_arrow.png) no-repeat right center #6B6B6B;
}
.styleForm label {
    width: 100%;
    cursor: pointer;
}
.styleForm div.col_100 {
    width: 100%}
.styleForm div.col_50 {
    width: 49%;
    padding-right: 2%}
.styleForm div.col_33 {
    width: 32%;
    padding-right: 2%}
.styleForm div.col_25 {
    width: 23%;
    padding-right: 2%}
.styleForm div.col_25.firstCol, .styleForm div.col_25.lastCol {
    width: 24%}

@media only screen and (max-width: 960px) {

    .styleForm div.col_100,
    .styleForm div.col_50,
    .styleForm div.col_33,
    .styleForm div.col_25,
    .styleForm div.col_25.firstCol,
    .styleForm div.col_25.lastCol {
        width: 100%;
    }
}
.styleForm div.lastChild, .styleForm div.lastCol {
    padding-right: 0!important;
}
.styleForm p.label_left label {
    float: left;
    display: block;
    width: 32%;
    padding-right: 2%}
.styleForm p.label_left input, .styleForm p.label_left select, .styleForm p.label_left textarea {
    width: 66%}
@media only screen and (max-width: 960px) {

    .styleForm p.label_right {
        padding: 5px 0;
    }
}
.styleForm p.label_right label {
    width: auto;
    padding-right: 11px;
}
.styleForm p.label_right input, .styleForm p.label_right select, .styleForm p.label_right textarea {
    width: auto;
}
.styleForm div.col_100 input.submit, .styleForm div.col_50 input.submit, .styleForm div.col_33 input.submit, .styleForm div.col_25 input.submit {
    width: 100%}
.styleForm p.submit_left {
    text-align: left;
}
.styleForm .submit_right {
    text-align: right;
}
.styleForm p.submit_center {
    text-align: center;
}
.styleForm p.submit_left input.submit, .styleForm p.submit_right input.submit, .styleForm p.submit_center input.submit {
    width: auto;
}
.styleForm .required {
    color: #c00;
}
.styleForm .error input, .error select, .error textarea {
    border-color: #E2001A!important;
    color: #E2001A!important;
}
.styleForm .error label {
    color: #E2001A;
}
#overlay {
    display: block;
    z-index: 40;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
}
#greyBox {
    display: none;
    z-index: 41;
    position: absolute;
    left: 0;
    margin: 0 0 0 50%;
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.7);
    border-radius: 5px;
}
@media only screen and (max-width: 640px) {

    #greyBox {
        width: 220px !important;
        left: -110px !important;
    }
}
#greyBox .content {
    padding: 9px;
    background: #fff;
    position: relative;
    border-radius: 5px;
}
#greyBox .close {
    cursor: pointer;
    position: absolute;
    right: -18px;
    top: -18px;
    height: 17px;
    padding: 0 20px 0 0;
    background: url(images/close.gif) no-repeat right top;
}
@media only screen and (max-width: 960px) {

    #greyBox .close {
        height: 24px;
        background-size: 100% auto;
    }
}
#greyBox .close img {
    display: block;
}
#greyBoxImage {
    display: block;
}
#greyBoxLoader {
    min-height: 200px;
    background: url(images/ajax-loader.gif) no-repeat center center;
}
.home #greyBox iframe {
    width: 100%;
    height: 450px;
}
@media only screen and (max-width: 960px) {

    .home #greyBox {
        width: 600px !important;
        height: 300px !important;
        left: -300px !important;
    }
    .home #greyBox .content,
    .home #greyBox iframe {
        height: 300px !important;
    }
}
@media only screen and (max-width: 640px) {

    .home #greyBox {
        width: 300px !important;
        height: 150px !important;
        left: -150px !important;
    }
    .home #greyBox .content,
    .home #greyBox iframe {
        height: 150px !important;
    }
}
#implantations li {
    margin: 0 0 7px;
}
@media only screen and (max-width: 960px) {

    #implantations {
        margin-bottom: 20px;
    }

    #implantations li {
        display: inline-block;
        margin-right: 15px;
    }
    #implantations li:last-child {
        margin-right: 0;
    }
}
@media only screen and (max-width: 640px) {

    #implantations {
        text-align: center;
    }

    #implantations li {
        display: block;
    }
}
#implantations li a {
    background: url(images/picto_PI.png) no-repeat left center;
    display: inline-block;
    text-transform: uppercase;
    color: #5a5a5a;
    font: normal bold 0.750em/normal Arial, Verdana, Sans-serif;
    padding: 0 0 0 22px;
}
@media only screen and (max-width: 960px) {

    #implantations li a {
        padding: 15px 0 15px 15px;
        background-position: left 15px;
    }
}
#implantations li a:hover,
#implantations li a:focus {
    color: #e2001a;
}
#googleMap, #mapWrap {
    width: 100%;
    height: 418px;
    margin: 0 auto;
    position: relative;
}
.implantations {
    background: #ababa9;
}
.containerInfo {
    position: absolute;
    background: url(images/bg_textBox.png) left top repeat transparent;
    padding: 20px 10px 10px;
    width: 526px;
    min-height: 140px;
    right: 10%;
    top: 30%;
}
@media only screen and (max-width: 960px) {


    .containerInfo {
        left: auto;
        top: auto;
        bottom: 0;
        right: 0;
        width: 100%;
        max-width: 400px;
        min-height: 0;
        padding: 5px 10px;
        box-sizing: border-box;
    }
}
.containerInfo .pays {
    font: normal normal 1.563em/normal Arial, Verdana, Sans-serif;
    text-transform: uppercase;
    color: #e2001a;
    margin-bottom: 20px;
}
.containerInfo .close {
    z-index: 20;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 7px;
    height: 7px;
}
@media only screen and (max-width: 960px) {

    .containerInfo .close {
        width: 20px;
        height: 20px;
    }
}
.containerInfo p {
    text-transform: uppercase;
    font: normal normal .75em/20px Arial, Verdana, Sans-serif;
    color: #3d3d3d;
    margin-bottom: 10px;
    width: 160px;
}
@media only screen and (max-width: 960px) {

    .containerInfo p {
        font-size: 0.7em;
    }
}
.containerInfo a {
    color: #e2001a;
    font: italic normal 0.750em/normal Arial, Verdana, Sans-serif;
}
.containerInfo p.pays {
    width: 500px;
}
@media only screen and (max-width: 960px) {

    .containerInfo p.pays {
        width: 100%;
        font-size: 1.2em;
        margin-bottom: 10px;
    }
}
.contentInfo {
    width: 354px;
    outline: 0;
}
@media only screen and (max-width: 640px) {

    .contentInfo {
        width: 100%;
    }
}
.contentInfo:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
}
.containerInfo .firstChild, .containerInfo .lastChild {
    float: left;
    padding-right: 4px;
    min-height: 88px;
}
@media only screen and (max-width: 960px) {

    .containerInfo .firstChild, .containerInfo .lastChild {
        float: left;
        width: 48%;
        min-height: 0;
        box-sizing: border-box;
    }
}
@media only screen and (max-width: 640px) {

    .containerInfo .firstChild, .containerInfo .lastChild {
        float: none;
        width: 100%;
    }
}
.containerInfo .firstChild {
    border-right: 1px solid #afafaf;
}
@media only screen and (max-width: 640px) {

    .containerInfo .firstChild {
        border-right: 0;
    }
}
.containerInfo div.firstChild p {
    width: 150px;
    overflow: hidden;
}
@media only screen and (max-width: 960px) {

    .containerInfo div.firstChild p {
        width: 100%;
        margin-bottom: 5px;
    }
}
.jspDrag, .jspVerticalBar, .jspTrack {
    width: 10px!important;
}
.jspDrag {
    background: #afafaf;
    overflow: hidden;
}
.jspTrack, .jspVerticalBar {
    background: none;
}
.jspVerticalBar {
    background: #fff;
}
.containerInfo div.lastChild {
    padding: 0 8px;
    border-right: 0;
    width: 182px;
}
@media only screen and (max-width: 640px) {

    .containerInfo div.lastChild {
        padding: 0;
        width: 100%;
    }
}
.containerInfo .picture {
    margin-top: 18px;
    float: right;
}
.infoBox {
    position: relative!important;
    background: url(images/infoBox.png) left top no-repeat transparent;
    text-align: center;
    width: 106px;
    height: 30px;
    padding-right: 5px;
    color: #000;
    font: normal normal 10px/17px Arial, Verdana, Sans-serif;
    top: 50px!important;
    left: 200px!important;
}
.infoBox > img {
    display: none;
}
.item-title {
    float: left;
    width: 14%;
    font: normal bold 0.688em/normal Arial, Verdana, Sans-serif;
    text-align: center;
    color: #282828;
    border-left: 1px solid #b4b5b7;
}
.item-title:last-child {
    border-right: 1px solid #b4b5b7;
}
@media only screen and (max-width: 960px) {

    .item-title {
        float: none;
        width: 100%;
        border-left: 0;
        border-bottom: 1px solid #b4b5b7;
    }
    .item-title:last-child {
        border-bottom: 0;
        border-right: 0;
    }
}
.item-title > a > span {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    text-align: center;
}
.item-title > a {
    padding: 0 14px 0 15px;
    text-align: center;
    line-height: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    font-family: "AzbukaProHeavy", Arial, Verdana, sans-serif;
}
@media only screen and (max-width: 960px) {

    .item-title > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}
.activites-list ul li:first-child div {
    border-left: 0;
}
.activites-list > ul > li:first-child > div::before {
    border-left: 0;
}
.item-title:hover > a,
.item-title:focus > a {
    /*background: url(images/rollover_rubrique.jpg) left top repeat-x #2B2B2B;*/
}
nav .sub-menu {
    width: 248px;
    padding: 20px 10px;
    display: none;
    position: absolute;
    background: #2B2B2B;
    z-index: 99;
    top: 38px;
}
.services .sub-menu, .groupe .sub-menu {
    left: 0;
}
.medias .sub-menu {
    right: 0;
}
.item-title .sub-menu li {
    float: none;
    display: block;
    margin: 0;
    padding: 0;
}
.item-title .sub-menu li a {
    color: #C9C9C9;
    text-transform: uppercase;
    background: url(images/list_puce_white.png) left 3px no-repeat transparent;
    display: inline-block;
    margin-bottom: 10px;
    display: inline-block;
    padding-left: 15px;
    text-align: left;
}
.item-title:hover .activites-list,
.item-title:focus .activites-list {
    display: block;
}
.item-title .sub-menu li a:hover,
.item-title .sub-menu li a:focus,
.item-title .sub-menu li.current_page_item a {
    color: #E2001A;
    background-image: url(images/list_puce_rollover.png);
}
.item-title:hover .sub-menu,
.item-title:focus .sub-menu,
.item-title:hover .products-list,
.item-title:focus .products-list,
.item-title:hover .activites-list,
.item-title:focus .activites-list {
    display: block;
}
.products-list, .activites-list {
    position: absolute;
    width: 937px;
    background: #2B2B2B;
    z-index: 99;
    left: 0;
    top: 38px;
    display: none;
    overflow: hidden;
}
.products-list ul {
    margin: 21px 0;
    float: left;
}
.products-list ul li {
    float: left;
    width: 166px;
    padding: 0 10px 9px 11px;
    border-right: 1px solid #6B6B6B;
}
.products-list > ul > li.last {
    border: 0;
    padding: 0 0 9px 11px;
}
.products-list > ul > li > a {
    display: block;
    margin-bottom: 18px;
}
.products-list > ul > li > a > span {
    color: #C9C9C9;
    font: normal bold 1.1em/normal Arial, Verdana, Sans-serif;
    display: block;
    margin-bottom: 8px;
    min-height: 32px;
}
.products-list > ul > li > a > span.relative {
    background: -webkit-linear-gradient(top, #818181 0%, #3E3E3E 100%) repeat scroll 0 0 transparent;
    background: linear-gradient(to bottom, #818181 0%, #3E3E3E 100%) repeat scroll 0 0 transparent;
}
.products-list > ul > li > a img {
    border: 1px solid #606060;
    display: block;
}
.products-list > ul > li > a > .relative > .mask {
    position: absolute;
    display: none;
    left: -4px;
    top: -4px;
    width: 163px;
    height: 83px;
    border: 5px solid #fff;
}
.products-list > ul > li > a > .relative:hover > .mask,
.products-list > ul > li > a > .relative:focus > .mask {
    display: block;
}
.activites-list > ul > li {
    float: left;
    width: 133px;
    padding-top: 10px;
    margin-left: 1px;
}
.activites-list > ul > li:first-child {
    margin-left: 0;
}
.activites-list > ul > li > div {
    padding-top: 12px;
    position: relative;
}
.activites-list > ul > li p {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font: normal bold 1.1em/normal Arial, Verdana, Sans-serif;
    padding-bottom: 23px;
    min-height: 30px;
}
.activites-list > ul > li:hover,
.activites-list > ul > li:focus {
    background: #fff;
}
.activites-list > ul > li:hover p,
.activites-list > ul > li:focus p {
    color: #393939;
}
.activites-list > ul > li .mask {
    display: block;
    background: url(images/trame.png) left top no-repeat transparent;
    width: 133px;
    height: 155px;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
}
.activites-list > ul > li:hover .mask,
.activites-list > ul > li:focus .mask {
    display: none;
}
.activites-list > ul > li > div > ul {
    padding: 20px 10px;
}
.activites-list > ul > li > div > ul > li a {
    color: #C9C9C9;
    text-transform: uppercase;
    background: url(images/list_puce_white.png) left 3px no-repeat transparent;
    font: normal bold 0.9em/normal Arial, Verdana, Sans-serif;
    display: inline-block;
    margin-bottom: 10px;
}
.activites-list > ul > li > div > ul > li > a span {
    display: inline-block;
    padding-left: 15px;
}
.activites-list > ul > li > div > ul > li a:hover,
.activites-list > ul > li > div > ul > li a:focus {
    color: #282828;
}
.activites-list > ul > li > div::before {
    border-left: 1px solid #6B6B6B;
    content: "";
    height: 100%;
    position: absolute;
    left: -1px;
    top: 0;
}
.activites-list > ul > li:hover a,
.activites-list > ul > li:focus a {
    color: #E2001A;
    background-image: url(images/list_puce_rollover.png);
}
.services, .medias {
    position: relative;
}
.box.col_224 aside {
    margin-left: 0;
}
.list-vids li {
    float: left;
    width: 300px;
    margin: 0 45px 22px 0;
}
@media only screen and (max-width: 960px) {

    .list-vids li {
        width: 45%;
    }
    .list-vids li iframe {
        width: 100%;
    }
}
@media only screen and (max-width: 640px) {

    .list-vids li {
        width: 100%;
    }
    .list-vids li iframe {
        height: 320px;
    }
}
.list-vids li h3 {
    min-height: 44px;
}
@media only screen and (max-width: 640px) {

    .list-vids li h3 {
        min-height: 0;
        margin-bottom: 10px;
    }
}
.list-vids li a {
    display: block;
}
.list-vids li.last {
    margin-right: 0;
}
.baseline-filiale {
    width: 24%;
    display: inline-block;
    color: #fff;
    padding-right: 40px;
}
@media only screen and (max-width: 768px) {

    .baseline-filiale {
        display: block;
        width: 100%;
        margin-bottom: 10px;
        padding-right: 0;
        text-align: center;
    }
}
#lang_sel ul ul {
    width: 100%;
    padding: 8px 0 2px!important;
    box-sizing: border-box;
    border: 0!important;
    left: -2px!important;
    top: 19px!important;
}
#customSelect.form_country {
    width: 100%;
    padding: 0!important;
    box-sizing: border-box;
    border: 0!important;
    left: auto !important;
    top: 28px!important;
    z-index: 3;
}
#lang_sel ul ul li,
#customSelect.form_country > li {
    font-family: "AzbukaPro", Verdana, Arial, sans-serif;
    width: 100%;
    float: none;
    height: 25px;
    background: #2a2a2a!important;
    padding: 0!important;
    border-width: 0 1px;
    text-align: left;
}
@media only screen and (max-width: 640px) {

    #lang_sel ul ul li,
    #customSelect.form_country > li {
        height: auto;
    }
}
#customSelect.form_country > li {
    height: auto;
}
#customSelect.form_country > li a {
    display: block;
    width: 100%;
    padding: 5px 10px;
    box-sizing: border-box;
    color: #fff;
}
#lang_sel ul ul li a,
#customSelect.form_country > li a{
    background: #2a2a2a!important;
    border: 0!important;
}
@media only screen and (max-width: 640px) {

    #lang_sel ul ul li a,
    #customSelect.form_country > li a{
        padding-top: 15px;
        padding-bottom: 15px;
    }
}
#lang_sel a:hover,
#lang_sel a:focus,
#lang_sel ul ul a:hover,
#lang_sel ul ul a:focus,
#customSelect.form_country > li a:hover,
#customSelect.form_country > li a:focus {
    color: #fff;
    background: #000;
}
#lang_sel ul li a {
    color: #aeaeb7!important;
}
#lang_sel {
    z-index: 55;
}
/*Message GEOIP*/
.geoip-message {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    padding: 30px 20%;
    box-sizing: border-box;
    font-family: "AzbukaPro", Arial, Verdana, sans-serif;
    text-align: center;
    color: #ffffff;
    background: #2a2a2a;
}
.geoip-message--close {
    display: block;
    position: absolute;
    top: 20px;
    right: 15%;
    text-decoration: underline;
    text-align: right;
    font-size: 0.8em;
}
.geoip-message--close:hover {
    cursor: pointer;
}
.geoip-message--close:after {
    content: "x";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    line-height: 18px;
    vertical-align: middle;
    text-align: center;
    border-radius: 100%;
    background: #d20024;
}

@media only screen and (max-width: 800px) {

    .geoip-message {
        padding: 60px 20px 30px;
    }
}

#footerLinks li {
    background: url(images/footerLinks_border.jpg) left center no-repeat transparent;
}
#footerLinks li:first-child {
    background: none;
}
#footerLinks li a {
    display: block;
    margin: 0 20px!important;
}
footer #informations ul li {
    padding: 0 10px!important;
    font-weight: 700;
    background: url(images/footerLinks_border.jpg) left center no-repeat transparent;
}
@media only screen and (max-width: 640px) {

    footer #informations ul li {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        background: none;
    }
}
footer #informations ul li:first-child {
    padding-left: 0 !important;
    background: none;
}
footer #informations ul li:last-child {
    padding-right: 0 !important;
}
.tab-test {
    clear: both;
}
.error {
    color: red;
}
.fancybox-wrap {
    border: 6px solid #fff!important;
    border-radius: 5px;
}
.label_right label {
    padding-left: 10px;
}
.product-link {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100px;
}
@media only screen and (max-width: 960px) {

    .product-link {
        height: 140px;
    }
}
@media only screen and (max-width: 640px) {

    .product-link {
        height: auto;
    }
}
.sub-liste {
    display: none;
}
@media only screen and (max-width: 960px) {

    .sub-liste {
        display: none !important;
    }

    #liste .sub-liste > li {
        padding: 5px 0;
    }
}
#liste .sub-liste .produit, #liste .sous-gamme {
    padding-left: 15px;
    font-size: 16px;
}
#liste .sous-gamme span {
    text-transform: none;
    padding: 0 0 10px 12px;
    color: #3d3d3d;
    font-weight: 700;
    font-size: 12px;
    display: block;
}
.not-float {
    float: none;
    display: block;
    clear: both;
}
.single-activites #liste_activites {
    width: 100%;
    box-sizing: border-box;
}
.succes, .error-form {
    clear: both;
    color: green;
    font-size: 15px;
    padding: 10px;
}
.error-form {
    color: red;
}
.div-clear {
    clear: both;
    overflow: hidden;
}
#newsletter-form .label_right input {
    float: left;
}
#newsletter-form .label_right label {
    display: block;
    float: left;
    margin-top: -1px;
}
#accordion li ul {
    display: none;
}
.product-details-link {
    display: block;
    height: 32px;
}
footer #recrutement {
    float: right;
}
.lte-ie8 #newsletter #form_email {
    margin-top: 8px;
    float: left;
}
.lte-ie8 .box {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000, endColorstr=#50000000);
    zoom: 1;
}
.lte-ie8 aside .box {
    background: #3D3D3D;
}
.lte-ie8 #country input, .lte-ie8 .classicForm input.text, .lte-ie8 .styleForm input.text {
    line-height: 25px;
}
.lte-ie8 #newsletter fieldset {
    display: block;
    float: left;
}
.not-padding {
    padding: 0!important;
}
@media only screen and (max-width: 960px) {

    .not-padding {
        padding: 0 40px!important;
    }
}
@media only screen and (max-width: 640px) {

    .not-padding {
        padding: 0 10px!important;
    }
}
body#ru .products-list > ul > li > a > span {
    min-height: 48px;
}
body#ru .activites-list > ul > li {
    width: 160px;
}
body#ru .activites-list > ul > li .relative img, body#ru .activites-list > ul > li .mask {
    width: 160px;
    height: 180px;
}
body#de .activites-list > ul > li {
    width: 170px;
}
body#de .activites-list > ul > li .relative img {
    width: 170px;
    height: 190px;
}
body#de .activites-list > ul > li .mask {
    background: url(images/trame.png) left top repeat transparent;
    width: 170px;
    height: 190px;
}
#container .happynewYear {
    float: right;
    margin: 10px 0 0!important;
}
.products-list > ul > li > a > span.relative  {
    background:  -webkit-linear-gradient(top,  #818181 0%,  #3E3E3E 100%) repeat scroll 0 0 transparent;
    background:  linear-gradient(to bottom,  #818181 0%,  #3E3E3E 100%) repeat scroll 0 0 transparent;
}
#range-txt {
    text-align: justify;
}
.wpcf7-list-item {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}
.styleForm .error input, .error select, .error textarea, input.wpcf7-not-valid, select.wpcf7-not-valid, textarea.wpcf7-not-valid   {
    color:  #e2001a !important;
    border: 1px solid #e2001a !important;
}
.home div.wpcf7-response-output  {
    margin: 0;
}
#content-page .gallery img {
    float: left;
    padding: 9px;
}


/*----- BANDEAU COOKIE -----*/
#cookie-notice {
    font-family: "AzbukaPro", Verdana, Arial, sans-serif;
    box-shadow: 0 0px 10px 0 rgba(0, 0, 0, .25);
}

#cookie-notice .cookie-notice-container {
    padding: 0;
}

#cookie-notice #cn-notice-text {
    padding: 20px 10px;
    display: inline-block;
}

#cookie-notice .button {
    padding: 10px;
    min-width: 50px;
    background-color: #1b1b1b;
    display: inline-block;
    text-transform: uppercase;
}

#cookie-notice .button:hover {
    background-color: white;
    color: #1b1b1b;
}

@media only screen and (max-width: 960px) {

    #cookie-notice #cn-notice-text {
        display: block;
    }

    #cookie-notice {
        padding-bottom: 15px;
    }
}