@font-face {
  font-family: 'Regular';
  src:url('/public/share/assets/fonts/regular-light.eot');
  src:url('/public/share/assets/fonts/regular-light.eot?#iefix') format('embedded-opentype'),
  url('/public/share/assets/fonts/regular-light.otf') format('opentype'),
  url('/public/share/assets/fonts/regular-light.woff') format('woff'),
  url('/public/share/assets/fonts/regular-light.ttf') format('truetype'),
  url('/public/share/assets/fonts/regular-light.svg#regular-light') format('svg');
  font-weight:lighter;
  font-style:normal
}

@font-face {
  font-family: 'Regular';
  src:url('/public/share/assets/fonts/regular-bold.eot');
  src:url('/public/share/assets/fonts/regular-bold.eot?#iefix') format('embedded-opentype'),
  url('/public/share/assets/fonts/regular-bold.otf') format('opentype'),
  url('/public/share/assets/fonts/regular-bold.woff') format('woff'),
  url('/public/share/assets/fonts/regular-bold.ttf') format('truetype'),
  url('/public/share/assets/fonts/regular-bold.svg#regular-bold') format('svg');
  font-weight:700;
  font-style:normal
}

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

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

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

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


/****************************/
/* Total Styling            */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

html {
    line-height: 1
}

ol,
ul {
    list-style: none
}

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

caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}

q,
blockquote {
    quotes: none
}

q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
    content: none
}

a img {
    border: none
}

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

html {
    font-family: sans-serif
}

html input[type="button"] {
    cursor: pointer
}

html input[disabled] {
    cursor: default
}

body {
    margin: 0 auto;
    font-size: 16px;
    font-family: Arial;
    color: #666;
    min-height: 100%;
    line-height: 1.12em;
    transform-origin: center top 0
}

body.i18n-zh-hans {
    line-height: 1.4em
}

a {
    color: #666;
    text-decoration: none
}

a:focus {
    outline: thin dotted
}

a:active {
    outline: 0
}

a:hover {
    outline: 0;
    text-decoration: underline
}

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

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

b {
    font-weight: bold
}

strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

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

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

code {
    font-family: monospace, serif;
    font-size: 1em
}

kbd {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    font-family: monospace, serif;
    font-size: 1em;
    white-space: pre-wrap
}

samp {
    font-family: monospace, serif;
    font-size: 1em
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border: 0
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
    border: none;
    padding: 0;
    margin: 0
}

legend {
    border: 0;
    padding: 0
}

button {
    line-height: normal;
    text-transform: none;
    cursor: pointer
}

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

input {
    line-height: normal
}

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

input:focus {
    outline: 0
}

select {
    text-transform: none
}

textarea {
    overflow: auto;
    vertical-align: top;
    height: 86px
}

textarea:focus {
    outline: 0
}

input[type="reset"] {
    cursor: pointer
}

input[type="submit"] {
    cursor: pointer
}

button[disabled] {
    cursor: default
}

input[type="radio"]+label::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    width: 20px;
    margin: -3px 10px 0 0;
    background-image: url(https://ebusiness.total.com/assets/images/radio.png);
    background-repeat: no-repeat;
    background-position: 0 0
}

input[type="radio"]:checked+label::before {
    background-position: 0 -40px
}

input[type="search"] {
    box-sizing: content-box
}

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

@-webkit-keyframes fontfix {
    from {
        opacity: 1
    }
    to {
        opacity: 1
    }
}

ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

p {
    margin: 0;
    font-weight: normal
}

h2 {
    margin: 0;
    font-weight: normal
}

h3 {
    margin: 0;
    font-weight: normal
}

h4 {
    margin: 0;
    font-weight: normal
}

article {
    display: block
}

aside {
    display: block
}

details {
    display: block
}

figcaption {
    display: block
}

figure {
    display: block;
    margin: 0
}

hgroup {
    display: block
}

main {
    display: block
}

section {
    display: block
}

summary {
    display: block
}

audio {
    display: inline-block
}

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

canvas {
    display: inline-block
}

video {
    display: inline-block
}

[hidden] {
    display: none
}

input[type="file"] {
    display: none
}

label {
    color: #666;
    font-family: "Roboto Condensed";
    font-weight: 300;
    font-size: 131%;
    display: inline-block;
    margin-top: 9px;
    vertical-align: top
}

.f-right {
    float: right
}

.f-left {
    float: left
}

.is-hidden {
    display: none
}

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

.clear {
    clear: both
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.padding-0 {
    padding: 0 !important
}

.padding-20 {
    padding: 20px 0
}

.margin-bottom-60 {
    margin-bottom: 60px
}

.padding-40 {
    padding: 40px 0
}

.block-66 {
    width: 592px;
    float: left
}

.block-33 {
    width: 300px;
    float: right
}

.block-33 .item-video {
    margin-bottom: 20px
}

.block-33 .item-media {
    margin-bottom: 20px
}

.block-33 .block-shared {
    background-color: #fff;
    margin-top: 28px
}

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

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

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

.helvetica-MdCn,
.node-type-webform div.error {
    font-weight: normal;
    font-style: normal;
    font-family: "Roboto Condensed";
    font-weight: 400
}

.helvetica-BdCn,
.banner .banner-titre .link-video {
    font-weight: normal;
    font-style: normal;
    font-family: "Roboto Condensed";
    font-weight: 700
}

.helvetica-LtCn,
.banner .banner-titre h2 {
    font-weight: normal;
    font-style: normal;
    font-family: "Roboto";
    font-weight: 300;
}

.hidden,
.text-hidden {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.mosaic-no-image .item-mosaic .description .btn-white,
.btn-red {
    background: url("https://ebusiness.total.com/assets/images/icons/arrow-white.png") #df0c36 no-repeat 15px 15px;
    color: #fff;
    min-width: 210px;
    box-sizing: border-box;
    padding: 10px 10px 11px 35px;
    font-family: "Roboto Condensed";
    font-weight: 500;
    font-size: 100%;
    display: inline-block
}

.mosaic-no-image .item-mosaic .description .v-arabic .btn-white {
    background: #df0c36 url("https://ebusiness.total.com/assets/images/icons/arrow-back-white.png") no-repeat 93% 15px;
    padding-left: 10px;
    padding-right: 35px;
    float: left
}

.read-more,
.read-less {
    color: #fff;
    width: 230px;
    text-align: center;
    display: block;
    margin: 30px auto 60px;
    background-color: #df0c36;
    font-family: "Roboto Condensed";
    font-weight: 500;
}

.read-more a,
.read-less a {
    color: #fff !important;
    text-decoration: none !important;
    display: block;
    padding: 10px 0
}

.read-more a:before,
.read-less a:before {
    content: "";
    display: inline-block;
    margin-right: 15px
}

.title-2color,
.text-rte h2 {
/*    color: #666; */
    color: #374649;
    font-size: 375%;
    line-height: 1em;
    margin-bottom: 40px;
   font-family: 'Nunito';
    text-transform: none;
    font-weight: normal
}

.title-2color strong,
.text-rte h2 strong {
    font-family: 'Nunito';
    color: #ed0000;
    font-weight: 700;
}

.mosaic-no-image .item-mosaic .description .isChrome .v-arabic .btn-white,
.isChrome .v-arabic .btn-red,
.isChrome .v-arabic .mosaic-no-image .item-mosaic .description .btn-white {
    background-position: 93% 14px;
    padding-left: 10px;
    padding-right: 35px
}

.icons-arrow-back-red-main,
.icons-arrow-back-white,
.icons-arrow-facebook-right,
.icons-arrow-facebook,
.icons-arrow-red-main,
.icons-arrow-twitter-right,
.icons-arrow-twitter,
.icons-arrow-white-bottom,
.icons-arrow-white-top,
.icons-arrow-white,
.icons-icon-home-gray,
.icons-icon-video-play,
.icons-marker-round-blue,
.icons-marker-round-green,
.icons-marker-round-rose,
.icons-marker-round-violet,
.icons-marker-round-yellow,
.read-more a:before,
.read-less a:before,
.container-white .pager .icons-arrow-back-red-main,
.container-white .pager .v-arabic .icons-arrow-red-main,
.container-white .pager .v-arabic .icons-arrow-back-red-main,
.container-white .pager .v-arabic .block-activities .list-activities li p>a:after,
.container-white .pager .icons-arrow-red-main,
.container-white .pager .block-activities .list-activities li .v-arabic p>a:after,
.container-white .pager .block-activities .list-activities li p>a:after,
.worldwide-tabs .tabs-content .legend .text-blue:before,
.worldwide-tabs .tabs-content .legend .text-green:before,
.worldwide-tabs .tabs-content .legend .text-rose:before,
.worldwide-tabs .tabs-content .legend .text-violet:before,
.worldwide-tabs .tabs-content .legend .text-yellow:before,
.worldwide-tabs .btn-close a:before,
.worldwide-tabs .btn-open a:before,
.block-activities .list-activities li .v-arabic p>a:after,
.block-activities .list-activities li .v-arabic .container-white .pager p>a:after,
.block-activities .list-activities li p>a:after,
.block-activities .list-activities li .container-white .pager p>a:after,
.block-social-news .block-facebook li .v-arabic p>a:after,
.block-social-news .block-facebook li p>a:after,
.block-social-news .block-twitter li .v-arabic p>a:after,
.block-social-news .block-twitter li p>a:after {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle
}

.icons-marker-round-blue,
.icons-marker-round-green,
.icons-marker-round-rose,
.icons-marker-round-violet,
.icons-marker-round-yellow,
.worldwide-tabs .tabs-content .legend .text-blue:before,
.worldwide-tabs .tabs-content .legend .text-green:before,
.worldwide-tabs .tabs-content .legend .text-rose:before,
.worldwide-tabs .tabs-content .legend .text-violet:before,
.worldwide-tabs .tabs-content .legend .text-yellow:before {
    height: 16px;
    width: 16px;
    margin: -4px 5px 0 0
}


select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #e7ebf3 url(/public/share/assets/images/arrow-red-down.png) no-repeat 98% 50%;
    background-size: 6px;
    box-sizing: border-box;
    vertical-align: top;
    line-height: 21px;
/*    color: #666666;*/
    color: #374649;
    height: 39px;
    border: 2px solid #e7ebf3;
    background-color: #e7ebf3;
    width: 100%;
    font-family: 'Roboto Condensed';
    font-weight: 400;
    font-size: 100%;
    border-radius: 0;
    padding-top: 5px;
    padding-left: 7px;
}

select::-ms-expand {
	display: none;
}
 
textarea,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"] {
    border: 2px solid #e7ebf3;
    background-color: #e7ebf3;
    font-size: 100%;
    height: 39px;
    width: 100%;
    padding-left: 7px;
    box-sizing: border-box;
    vertical-align: top;
    color: #666;
    font-size: 106%;
    border-radius: 0;
    padding-top: 5px;
    font-family: 'Roboto Condensed';
    font-weight: 600;
}

input[type="checkbox"]+label,
input[type="radio"]+label {
    font-family: 'Roboto Condensed';
    font-weight: 500;
    color: #374649;
    cursor: pointer;
    font-size: 106%
}

.full-page-form input[type="text"],
.full-page-form input[type="email"],
.full-page-form input[type="number"],
.full-page-form textarea,
.full-page-form .stylized_select,
.full-page-form .download-item {
    width: 85%;
    display: inline-block;
    text-align: left;
    color: #666
}

header .header-bottom .section-sharing .stMainServices,
header .header-bottom .section-sharing .stLarge {
    background: url(https://ebusiness.total.com/assets/images/icons/btn-sharethis.png) !important;
    height: 20px;
    width: 28px
}

.slider-homepage .bx-next,
.slider-homepage .bx-prev {
    position: absolute;
    top: 100px;
    height: 180px;
    width: 38px;
    text-indent: 38px;
    overflow: hidden;
    cursor: pointer
}

.pager .link-back,
.pager .link-next {
    min-width: 95px;
    display: inline-block;
    text-align: center;
    padding: 12px 0;
    color: #df0c36;
    background: #fff
}

.block-activities .list-activities li .v-arabic .block-news p>a:after {
    background: url("https://ebusiness.total.com/assets/images/icons/arrow-back-red-main.png") no-repeat 0 0;
    width: 9px;
    height: 10px
}

.text-rte .btn-red,
.text-rte .mosaic-no-image .item-mosaic .description .btn-white,
.mosaic-no-image .item-mosaic .description .text-rte .btn-white {
    color: #fff;
    text-decoration: none;
    margin-bottom: 10px
}

.mosaic .bx-controls-direction .bx-prev,
.mosaic .bx-controls-direction .bx-next {
    position: absolute;
    top: 100px;
    height: 110px;
    width: 24px;
    text-indent: 24px;
    overflow: hidden
}

.slider-3slides .bx-controls-direction .bx-prev,
.slider-3slides .bx-controls-direction .bx-next {
    width: 38px;
    height: 360px;
    top: 0;
    text-indent: 100px
}

.double-slider .first-slider .btn-next,
.double-slider .first-slider .btn-prev {
    position: absolute;
    top: 130px;
    height: 180px;
    width: 38px;
    text-indent: 38px;
    overflow: hidden;
    cursor: pointer
}

.double-slider .second-slider .bx-next,
.double-slider .second-slider .bx-prev {
    position: absolute;
    top: 0;
    height: 180px;
    width: 38px;
    text-indent: 38px;
    overflow: hidden
}

.download-layer,
.print-layer,
.video-layer {
    width: 100%;
    background: url("https://ebusiness.total.com/assets/images/bg-overlay.png");
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100
}

#splash-logo, #splash-redirect {
    width: 600px;
    height: 600px;
}
#click-to-redirect {
     font-family: Roboto;
     font-size: 28.8px;
     line-height: initial;
     text-align: center;
}
#workspace-totalenergies {
	font-size: 41px;
	font-weight: 800;
	font-family: 'Nunito';
        text-align: center;
}
#your-workspace {
	font-size: 64px;
	line-height: 64px;
	font-weight: 700;
	font-family: 'Nunito';
}
#popup-text p,
#popup-text p a {
    color: #666 !important;
    margin: 0;
    line-height: 2em;
    font-size: 14px;
    font-family: Arial
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: none !important;
    background: none !important;
    font-weight: bold;
    color: #654b24;
    border-radius: 0
}

.download-wrapper,
.iframe-wrapper,
#print-wrapper {
    padding: 20px;
    background-color: #FFF;
    max-width: 960px;
    margin: 0 auto
}

.download-wrapper .close-btn,
.iframe-wrapper .close-btn,
#print-wrapper .close-btn {
    display: block;
    float: right;
    width: 37px
}

.download-wrapper p,
#print-wrapper p {
    font-size: 48px;
    margin-bottom: 20px;
    line-height: 1em;
    text-transform: uppercase;
    font-family: "Roboto Condensed";
    font-weight: 300
}

.icons-sprite {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat
}

.icons-arrow-back-gray {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1368px
}

.icons-arrow-back-red-main {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1388px;
    width: 9px;
    height: 10px
}

.icons-arrow-back-red-main_2x {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -998px
}

.icons-arrow-back-red-mini {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1454px
}

.icons-arrow-back-red-mini_2x {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1265px
}

.icons-arrow-back-red2 {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1378px
}

.icons-arrow-back-red2_2x {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1016px
}

.icons-arrow-back-white {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1398px
}

.icons-arrow-back-white_2x {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1034px
}

.icons-arrow-facebook-right {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1301px;
    width: 9px;
    height: 10px
}

.icons-arrow-facebook-right_2x {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1052px
}

.icons-arrow-facebook {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1281px;
    width: 9px;
    height: 10px
}

.icons-arrow-facebook_2x {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -944px
}

.icons-arrow-gray {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1348px
}

.icons-arrow-red-main {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1331px;
    width: 9px;
    height: 10px
}

.icons-arrow-red-main_2x {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1070px
}

.icons-arrow-red-mini {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1446px
}

.icons-arrow-red-mini_2x {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1249px
}

.icons-arrow-red2 {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1358px
}

.icons-arrow-red2_2x {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -962px
}

.icons-arrow-slider-left {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1416px
}

.icons-arrow-slider-right {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1427px
}

.icons-arrow-twitter-right {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1311px;
    width: 9px;
    height: 10px
}

.icons-arrow-twitter-right_2x {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1088px
}

.icons-arrow-twitter {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1291px;
    width: 9px;
    height: 10px
}

.icons-arrow-twitter_2x {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -980px
}

.icons-arrow-white-bottom {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1462px;
    height: 8px;
    width: 9px
}

.icons-arrow-white-little-left {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1478px
}

.icons-arrow-white-little-right {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1510px
}

.icons-arrow-white-top {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1470px;
    height: 8px;
    width: 9px
}

.icons-arrow-white {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1321px
}

.icons-arrow-white_2x {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1231px
}

.icons-btn-a-min {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -620px
}

.icons-btn-a-plus {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -600px
}

.icons-btn-close-popin-little {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -884px
}

.icons-btn-close-popin {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -728px
}

.icons-btn-map {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -56px;
    width: 65px;
    height: 65px
}

.icons-btn-menu-close {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -789px
}

.icons-btn-menu {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1486px
}

.icons-btn-print {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -580px
}

.icons-btn-search-header {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -843px
}

.icons-btn-select {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1341px
}

.icons-btn-sharethis {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -560px
}

.icons-icon-facebook-big {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -323px
}

.icons-icon-facebook {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -473px
}

.icons-icon-home-gray {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -857px;
    width: 28px;
    height: 27px
}

.icons-icon-home-gray:hover {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -816px;
    width: 28px;
    height: 27px
}

.icons-icon-home-red {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -816px;
    width: 28px;
    height: 27px
}

.icons-icon-joinus {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -121px
}

.icons-icon-jpg {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -233px
}

.icons-icon-mail {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -640px
}

.icons-icon-mp4 {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -366px
}

.icons-icon-pdf {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -417px
}

.icons-icon-search {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -504px
}

.icons-icon-twitter-big {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -284px
}

.icons-icon-twitter {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -534px
}

.icons-icon-video-play-red {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1196px
}

.icons-icon-video-play {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -663px;
    width: 66px;
    height: 65px
}

.icons-icon-webelieve {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 0
}

.icons-icon-westand {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -177px
}

.icons-marker-round-blue {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1138px
}

.icons-marker-round-green {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1122px
}

.icons-marker-round-red-main {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1184px
}

.icons-marker-round-red-main_2x {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -765px
}

.icons-marker-round-rose {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -912px
}

.icons-marker-round-violet {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -928px
}

.icons-marker-round-yellow {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1106px
}

.icons-marker15x15-gray-main {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1169px;
    height: 15px;
    width: 15px
}

.icons-marker15x15-red-main {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1154px;
    height: 15px;
    width: 15px
}

.icons-marker8x8-gray-main {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1408px
}

.icons-marker8x8-red-main {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1438px
}

.active .icons-icon-home-gray {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -816px;
    width: 28px;
    height: 27px
}


header {
    display: block
}

header .my-header-top {
    text-align: right;
    padding: 8px 0;
    text-transform: uppercase;
    font-size: 81%;
    font-weight: bold;
    direction: ltr
}

header .my-header-top .header-top-menu {
    padding: 3px 0;
    color: #666;
    display: inline-block
}

header .my-header-top .header-top-menu .link-red {
    color: #df0c36
}

header .my-header-top .header-top-menu .top-menu-link {
    margin: 0 7px;
    display: inline-block;
    line-height: 1em
}

header .my-header-top .header-top-menu ul {
    display: inline-block;
    line-height: 1em
}

header .my-header-top .header-top-menu li {
    display: inline-block;
    margin: 0 7px
}

header .my-header-top .header-top-menu li a {
    color: #666
}

header .my-header-top .header-top-menu .border-right {
    border-right: 1px solid #bbbcbd;
    padding-right: 14px
}

header .my-header-top .header-top-menu .border-left {
    border-left: 1px solid #bbbcbd;
    margin-left: 10px
}

header .my-header-top .select-lang-single {
    padding: 3px 0;
    color: #768389;
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-left: 15px;
    z-index: 101
}

header .my-header-top .select-lang {
    padding: 3px 0;
    color: #768389;
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding-right: 15px;
    margin-left: 15px;
    z-index: 101
}

header .my-header-top .select-lang:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #768389;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -2px
}

header .my-header-top .select-lang ul {
    display: none;
    position: absolute;
    left: -15px;
    width: 120px;
    top: 24px;
    background: #fff;
    padding: 7px 15px 5px;
    text-align: left
}

header .my-header-top .select-lang ul li {
    margin-bottom: 5px
}

header .my-header-top .no-menu:after {
    display: none
}

header .my-header-top .no-menu ul {
    display: none
}

header .header-search {
    float: right;
    margin-left: 28px;
    width: 132px;
    background-color: #fff;
    border: 1px solid #707173
}

header .header-search input[type="text"] {
    border: none;
    background-color: #fff;
    width: 106px;
    padding: 5px;
    height: 22px;
    float: left
}

header .header-search input[type="submit"] {
    border: none;
    background: #fff url(https://ebusiness.total.com/assets/images/icons/btn-search-header.png) no-repeat center;
    width: 24px;
    height: 22px;
    float: left;
    text-indent: 100px;
    overflow: hidden
}

header .bar-logo-title {
    background: linear-gradient(to right, #ffffff 20%, #e6e6e6 80%);
    margin-bottom: 15px;
    direction: ltr;
    overflow: hidden
}

header .bar-logo-title .inner {
    background: url(/public/share/assets/images/bg-header-960.png) repeat-y 0 0;
    height: 84px
}

header .bar-logo-title .inner .signature {
    display: none;
    text-align: right;
    color: #fff;
    text-transform: uppercase;
    display: table-cell;
    vertical-align: middle;
    font-family: "Roboto Condensed";
    font-weight: 500;
    font-size: 188%;
    line-height: 0.9em
}

header .bar-logo-title .inner .logo {
    width: 288px;
    padding-left: 0
}

header .bar-logo-title .inner .logo h1 {
    margin: 0
}

header .bar-logo-title .inner .logo a {
    display: block;
    width: 288px;
    height: 70px
}

header .bar-logo-title .inner .logo a img {
    max-width: 100%
}

header .bar-logo-title .inner .logo img {
    width: 100%;
    height: auto;
    display: block
}

header .header-bottom {
    background: linear-gradient(to right, #ffffff 30%, #e2e2e3 60%);
    padding-bottom: 7px
}

header .header-bottom .nav-container {
    background: #fff
}

header .header-bottom .block-sharing-search {
    float: right;
    padding-top: 22px
}

header .header-bottom .block-sharing-search .header-search {
    display: none;
    font-size: 82%
}

header .header-bottom .section-sharing {
    text-align: right
}

header .header-bottom .section-sharing a {
    width: 29px;
    display: inline-block
}

header .header-bottom .section-sharing a img {
    max-width: 100%
}

header .header-bottom .section-sharing .sharethis-wrapper {
    display: inline-block;
    height: 20px;
    margin: 0 1px 0 0;
    overflow: hidden;
    vertical-align: top
}

header .header-bottom .section-sharing .stButton {
    margin: 0
}

nav {
    display: block;
    float: left
}

nav ul {
    margin-left: 80px;
    height: 50px
}

nav li {
    float: left;
    vertical-align: bottom;
    font-size: 112%;
    font-family: "Roboto Condensed";
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1em;
    margin: 0 0 -7px;
    padding: 0 15px 7px;
    padding-bottom: 7px
}

nav li a {
    color: #666;
    display: table-cell;
    vertical-align: bottom;
    height: 43px
}

nav li a:hover {
    color: #666;
    text-decoration: none
}

nav .menu-container {
    position: relative
}

nav .menu-container .hover-flying {
    height: 7px;
    width: 0;
    background: #df0c36;
    display: block;
    position: absolute;
    bottom: -7px;
    left: 4px
}

.touch nav .active {
    border-bottom: 7px solid #df0c36;
    padding-bottom: 7px
}

.touch nav .active:hover {
    border-bottom: 7px solid #df0c36;
    padding-bottom: 7px
}

.touch nav li:hover {
    border-bottom: none;
    color: #666;
    padding-bottom: 7px
}

.touch nav li:hover a {
    color: #666
}

.touch nav .menu-container .hover-flying {
    display: none
}

footer {
    display: block;
    margin-top: 30px
}

footer a {
    /* color: #666 */
    color: #374649;
}

footer .footer-top {
    background-color: #f8f8f8;
    font-size: 87.5%
}

footer .footer-top .col {
    width: 180px;
    display: inline-block;
    vertical-align: top;
    margin-left: 65px
}

footer .footer-top .col:first-child {
    margin-left: 0
}

footer .footer-top .col:nth-child(4n+1) {
    margin-left: 0
}

footer .footer-top .col p {
    text-transform: uppercase;
    color: #df0c36;
    font-weight: bold;
    margin-bottom: 12px
}

footer .footer-top .col li {
    margin: 0 0 8px 17px;
    list-style-image: url("https://ebusiness.total.com/assets/images/icons/arrow-red-main.png");
    list-style-position: outside
}

footer .footer-top .col ul {
    margin-bottom: 20px
}

footer .footer-bottom {
    background-color: #fff;
    text-align: center;
    font-size: 81%
}

footer .footer-bottom li {
    display: inline-block;
    border-left: 1px solid #666;
    padding: 0 25px;
/*    color: #666; */
    color: #374649;
}

footer .footer-bottom li:first-child {
    border-left: none
}

footer .footer-bottom .inner h4 {
    color: #df0c36
}

footer .social-bar {
    padding: 26px 0;
    background: #f8f8f8
}

footer .social-bar .container {
    margin: 0 auto;
    width: 546px
}

footer .social-bar .container .title {
    float: left;
    margin: 0 44px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 30px;
    color: #707173
}

footer .social-bar .container li {
    float: left;
    margin: 0;
    border: none;
    padding: 0 12px
}

footer .social-bar .container li a {
    display: block;
    padding: 0
}

footer .social-bar .container li a img {
    display: block
}

footer .inner {
    padding: 30px 15px;
    box-sizing: border-box
}

footer .inner-logo-translate {
    padding-top: 0
}

footer .inner-logo-translate .logo-translate {
    font-size: 82%;
    padding-bottom: 5px;
    text-align: center;
    text-transform: uppercase;
    color: #df0c36
}

.footer-bottom h5 {
    font-size: 16px;
    font-family: Arial;
    color: #666;
    display: none
}

body.lang-en footer .social-bar .container {
    width: 546px
}

body.lang-fr footer .social-bar .container {
    width: 586px
}

.breadcrumb {
    font-size: 82%;
    color: #df0c36;
    font-style: normal;
    font-weight: bold;
    padding: 45px 0 15px
}

.breadcrumb li {
    display: inline
}

.breadcrumb li a {
    text-decoration: underline
}

.breadcrumb li:before {
    content: ">";
    color: #666
}

.breadcrumb li:last-child {
    font-style: italic
}

.breadcrumb li.last {
    font-style: italic
}

.breadcrumb li:first-child:before {
    display: none
}

.read-more a:before {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1462px;
    height: 8px;
    width: 9px
}

.read-more a:hover {
    text-decoration: none
}

.read-more:hover {
    background-color: #b00429
}

.read-less a:before {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1470px;
    height: 8px;
    width: 9px
}

.read-less a:hover {
    text-decoration: none
}

.read-less:hover {
    background-color: #b00429
}

.js-read-more-container .read-less {
    display: none
}

.js-read-more-container .read-less .text-less {
    display: block
}

.js-read-more-container .read-less .text-more {
    display: none
}

.js-read-more-container .read-more {
    display: none
}

.js-read-more-container .read-more .text-more {
    display: block
}

.js-read-more-container .read-more .text-less {
    display: none
}

.inner {
    width: 960px;
    margin: 0 auto;
    box-sizing: border-box
}

.title-media .inner {
    border-bottom: 1px solid #666;
    padding: 27px 0
}

.title-media .inner h1 {
    text-transform: uppercase;
    color: #df0c36;
    font-size: 375%;
    font-family: "Roboto";
    line-height: 1em
}

.link-more {
    color: #df0c36;
    font-size: 100%;
    font-family: "Roboto Condensed";
    font-weight: 400;
    background: url("https://ebusiness.total.com/assets/images/icons/arrow-red-main.png") no-repeat 0 5px;
    padding-left: 20px
}

.top-menu-link {
    display: none
}

.stripe-grey {
    color: #666;
    width: 100%;
    overflow: hidden;
    background: #f8f8f8
}

.stripe-grey .stripe-grey-inner {
    text-align: right;
    max-width: 960px;
    margin: 0 auto;
    overflow: hidden;
    background: #F8F8F8
}

@media screen and (max-width: 480px) {
    .stripe-grey .stripe-grey-inner {
        text-align: center;
        padding: 0
    }
}

.stripe-grey .stripe-grey-inner a {
    padding: 20px
}

@media screen and (min-width: 481px) {
    .stripe-grey .stripe-grey-inner a {
        float: right
    }
}

@media screen and (max-width: 480px) {
    .stripe-grey .stripe-grey-inner a {
        clear: both;
        display: inline-block
    }
}

.stripe-grey .stripe-grey-inner a p {
    float: left;
    padding: 9px 10px 0 0;
    text-transform: uppercase;
    font-weight: bold
}

.stripe-grey .stripe-grey-inner a img {
    float: left;
    width: 30px
}

.lt-ie9 .btn-shareImg P {
    width: 178px;
    text-align: right
}

.lt-ie9 .btn-down P {
    width: 223px;
    text-align: right
}

.lt-ie9 .lang-en .btn-shareImg P {
    width: 156px
}

.lt-ie9 .lang-en .btn-down P {
    width: 230px
}

.lt-ie9 .lang-fr .btn-shareImg P {
    width: 202px
}

.lt-ie9 .lang-fr .btn-down P {
    width: 232px
}

.text-rte h3 {
    font-size: 187%;
    font-family: "Roboto Condensed";
    font-weight: 300;
    margin: 30px 0 35px;
    line-height: 1em
}

.text-rte h3 strong {
    font-weight: normal;
    font-family: "Roboto Condensed";
    font-weight: 500;
}

.text-rte h3.red {
    color: #df0c36
}

.text-rte h4 {
    text-transform: uppercase;
    font-size: 85%;
    color: #df0c36;
    font-weight: bold;
    font-family: Arial;
    margin-bottom: 15px
}

.text-rte p {
    margin: 0 0 20px
}

.text-rte .exergue {
    margin: 0 0 40px;
    font-weight: bold
}

.text-rte .border-red {
    margin-left: 40px;
    border-left: 1px solid #df0c36;
    padding-left: 15px;
    margin-right: 360px;
    margin-bottom: 40px
}

.text-rte table {
    width: auto;
    margin: 40px auto 40px
}

.text-rte table th {
    background-color: #df0c36;
    color: #fff;
    font-weight: normal;
    border-left: 1px solid #fff;
    padding: 10px 15px
}

.text-rte table th:first-child {
    border-left: 1px solid #df0c36
}

.text-rte table td {
    padding: 10px 15px;
    text-align: center;
    border-right: 1px solid #df0c36;
    border-bottom: 1px solid #df0c36
}

.text-rte table td:first-child {
    border-left: 1px solid #df0c36
}

.text-rte table .cell-gray {
    background-color: #fff5ee
}

.text-rte .text-red {
    color: #df0c36
}

.text-rte blockquote {
    font-size: 187%;
    font-family: "Roboto Condensed";
    font-weight: 300;
    line-height: 1.4em;
    padding: 0 5px;
    margin: 40px 10px
}

.text-rte blockquote:before {
    content: "\201c";
    color: #df0c36;
    font-weight: bold;
    margin-left: -10px;
    margin-right: 5px
}

.text-rte blockquote:after {
    content: "\201d";
    color: #df0c36;
    font-weight: bold;
    margin-right: -10px;
    margin-left: 5px
}

.text-rte a {
    color: #df0c36;
    text-decoration: underline
}

.text-rte .link-file {
    color: #666;
    font-size: 106%;
    font-family: "Roboto Condensed";
    font-weight: 500;
    background: url(https://ebusiness.total.com/assets/images/icons/icon-pdf.png) no-repeat left center;
    padding: 10px 0 10px 65px;
    display: inline-block;
    margin-right: 60px
}

.text-rte .link-file span {
    display: block
}

.text-rte ol {
    margin: 0 0 40px;
    padding: 0 0 0 18px;
    list-style-position: outside;
    font-size: 85%
}

.text-rte ol li {
    margin-bottom: 5px
}

.text-rte ul {
    margin: 0 0 40px;
    padding: 0 0 0 18px;
    font-size: 85%
}

.text-rte ul li {
    list-style-image: url("https://ebusiness.total.com/assets/images/icons/arrow-red-main.png");
    list-style-position: outside;
    margin-bottom: 5px
}

.text-rte img {
    width: 456px;
    height: auto
}

.text-rte img.f-left {
    margin-right: 20px
}

.text-rte img.f-right {
    margin-left: 20px
}

.text-rte .block-websites h2 {
    margin-left: 15px
}

.text-rte .v-arabic .block-websites h2 {
    margin-right: 15px;
    margin-left: 0
}

.text-rte .block-partners h2 img {
    vertical-align: middle;
    max-width: 150px
}

.text-rte .block-partners h2 span {
    vertical-align: middle;
    margin-right: 10px
}

.text-rte .block-resume h2 {
    margin-bottom: 20px
}

.text-rte .block-websites-local h2 {
    margin-bottom: 5px
}

.rte {
    font-size: 14px;
    line-height: 17px
}

.rte p {
    margin: 10px 0;
    line-height: 1em
}

.rte ul {
    list-style-type: disc;
    margin: 14px;
    padding-left: 20px
}

.container-beige .block-shared {
    padding: 20px 0 30px
}

.container-beige .block-shared li {
    display: inline-block;
    margin: 0 0 0 50px;
    vertical-align: bottom
}

.container-beige .block-shared li .label {
    vertical-align: bottom !important
}

.container-beige .block-shared li>span {
    width: auto;
    margin-right: 10px;
    vertical-align: middle
}

.container-beige .block-shared ul {
    display: inline-block
}

.container-beige .block-shared h2 {
    display: inline-block;
    margin: 0 30px 0 0;
    float: none;
    vertical-align: bottom;
    line-height: 25px
}

.container-beige .search-results li strong {
    background-color: #df0c36;
    color: #fff;
    font-weight: normal;
    padding: 0 3px
}

.container-beige .search-results li .search-word {
    background-color: #df0c36;
    color: #fff;
    font-weight: normal;
    padding: 0 3px
}

.container-beige .search-results li img.publicationIcon {
    float: left
}

.container-beige .search-results li a.publicationFile {
    text-decoration: underline
}

.container-beige-diagonal {
    background: #f8f8f8 url(https://ebusiness.total.com/assets/images/bg-overlay.png) repeat 0 0;
    padding: 30px 0
}

.container-beige-diagonal .block-websites .item-websites {
    background-color: #fff
}

.container-white {
    background-color: #fff;
    padding: 30px 0
}

.container-white .pager .icons-arrow-back-red-main {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1398px
}

.container-white .pager .v-arabic .icons-arrow-red-main {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1398px
}

.container-white .pager .v-arabic .icons-arrow-back-red-main {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1321px
}

.container-white .pager .v-arabic .block-activities .list-activities li p>a:after {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1398px
}

.container-white .pager .icons-arrow-red-main {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1321px
}

.container-white .pager a {
    color: #fff
}

.container-white .pager .link-back {
    background-color: #df0c36;
    color: #fff
}

.container-white .pager .link-back:hover {
    background-color: #b00429
}

.container-white .pager .link-back:hover a {
    text-decoration: none
}

.container-white .pager .link-next {
    background-color: #df0c36;
    color: #fff
}

.container-white .pager .link-next:hover {
    background-color: #b00429
}

.container-white .pager .link-next:hover a {
    text-decoration: none
}

.container-white .pager .block-activities .list-activities li .v-arabic p>a:after {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1398px
}

.container-white .pager .block-activities .list-activities li p>a:after {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1321px
}

.container-white .pager ul li {
    background-color: #df0c36;
    color: #fff
}

.container-white .pager ul li:hover {
    background-color: #b00429
}

.container-white .pager ul li:hover a {
    text-decoration: none
}

.container-white .pager .current-page:hover {
    background-color: #df0c36
}

.container-white p {
    letter-spacing: 0.4px;
    line-height: 1.4em;
    text-align: justify;
    width: 100%
}

.container-piliers .block-pilier {
    float: left;
/*	margin: 0px 15px; */
	margin: 15px 15px 30px 0px;
    width: 300px;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff
}

.container-piliers .block-pilier .container-top {
    padding: 25px 25px 75px;
    position: relative;
    height: 294px;
    margin: 0 0 5px;
    box-sizing: border-box;
    border-radius: 20px;
}

.container-piliers .block-pilier .container-top .surface {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(https://ebusiness.total.com/assets/images/pix.gif) left top repeat;
    z-index: 1
}

.container-piliers .block-pilier .container-top .sharer-total {
    position: relative;
    z-index: 2
}

.container-piliers .block-pilier .container-top p {
    line-height: 1.4em;
    letter-spacing: 0.4px
}

.container-piliers .block-pilier .container-top h2 {
    font-size: 175%;
    font-family: 'Roboto Condensed';
    line-height: 1em;
    min-height: 0;
    margin: 0 0 18px 0;
    width: 200px
}

.container-piliers .block-pilier .container-top h2 strong {
    font-family: 'Roboto Condensed';
    font-weight: 800;
    text-transform: uppercase;
    display: block;
    font-size: 93%
}

.container-piliers .block-pilier .container-top .icon-pilier {
    position: absolute;
    top: 13px;
    right: 13px;
    width: 58px;
    height: 58px
}

.container-piliers .block-pilier .container-top .icon-pilier img {
    width: 100%;
    height: 100%;
    display: block
}

/*
.container-piliers .block-pilier:first-child {
    margin-left: 0
}
*/
.container-piliers .block-pilier .btn-white {
    right: 0;
    bottom: 20px
}

.container-piliers .block-pilier .container-bottom {
    height: 355px;
    margin-bottom: 5px;
    overflow: hidden
}

.container-piliers .block-pilier .container-bottom img {
    display: block;
    height: 232px;
    width: auto;
    margin: 0 auto
}

.container-piliers .block-pilier .container-bottom .block-stat {
    background: #fff;
    height: 232px;
    color: #df0c36;
    font-family: "Roboto Condensed";
    margin: 0;
    width: 270px;
    padding: 0 20px 0 10px;
    display: table-cell;
    vertical-align: bottom
}

.container-piliers .block-pilier .container-bottom .block-stat .number-container {
    margin-bottom: 25px
}

.container-piliers .block-pilier .container-bottom .block-stat .number-container em {
    text-align: right
}

.container-piliers .block-pilier .container-bottom .description {
    padding: 10px 12px
}

.container-piliers .block-pilier .container-bottom .description p {
    font-size: 130%;
    font-family: "Roboto Condensed";
    font-weight: 500;
    line-height: 1.1em
}

.container-piliers .block-pilier .link-more {
    float: right
}

.container-piliers .block-pilier.block-pilier-share {
    margin-bottom: 45px
}

.container-piliers .block-pilier.block-pilier-share .container-top {
    background-color: #f8f8f8;
    color: #666;
    height: 250px
}

.container-piliers .block-pilier.block-pilier-share .container-top h2 {
    min-height: 50px
}

.container-piliers .block-pilier.block-pilier-share .display-none-480 {
    display: block !important
}

.container-piliers .block-pilier-red .container-top {
/*    background-color: #df0c36 */
	background-color: #ed0000;
}

.container-piliers .block-pilier-red .container-bottom {
/*    background-color: #df0c36 */
	background-color: #ed0000;
}

.container-piliers .block-pilier-dark-red .container-top {
    background-color: #b00429
}

.container-piliers .block-pilier-dark-red .container-top .block-stat {
    color: #b00429
}

.container-piliers .block-pilier-dark-red .container-top .btn-white {
    color: #b00429;
    background-image: url(https://ebusiness.total.com/assets/images/icons/arrow-red2.png)
}

.container-piliers .block-pilier-dark-red .container-bottom {
    background-color: #b00429
}

.container-piliers .block-pilier-dark-red .container-bottom .block-stat {
    color: #b00429
}

.container-piliers .block-pilier-dark-red .container-bottom .btn-white {
    color: #b00429;
    background-image: url(https://ebusiness.total.com/assets/images/icons/arrow-red2.png)
}

.container-piliers .block-pilier-dark-red .link-more {
    color: #b00429;
    background-image: url(https://ebusiness.total.com/assets/images/icons/arrow-red2.png)
}

.container-piliers .block-pilier-gray .container-top {
/*    background-color: #666 */
    background-color: #7098A7;
}

.container-piliers .block-pilier-gray .container-top .block-stat {
    /* color: #666 */
    color: #7098A7;
}

.container-piliers .block-pilier-gray .container-top .btn-white {
    color: #666;
   /* background-image: url("https://ebusiness.total.com/assets/images/icons/arrow-gray.png") */
    background: #fff url(/public/share/assets/images/arrow-gray.png) no-repeat 15px 13px;
}

.container-piliers .block-pilier-gray .container-top .btn-white:before {
    background: url(/public/share/assets/images/arrow-gray.png) no-repeat 0 0;
}

.container-piliers .block-pilier-gray .container-bottom {
    background-color: #666
}

.container-piliers .block-pilier-gray .container-bottom .block-stat {
    color: #666
}

.container-piliers .block-pilier-gray .container-bottom .btn-white {
    color: #666;
    background-image: url("https://ebusiness.total.com/assets/images/icons/arrow-gray.png")
}

.container-piliers .block-pilier-gray .link-more {
    color: #666;
    background-image: url("https://ebusiness.total.com/assets/images/icons/arrow-gray.png")
}

.container-piliers .share-logo {
    margin-bottom: 25px;
    float: left
}

.container-piliers.grey {
    margin-bottom: 10px
}

.container-piliers.grey .btn-white {
    background-color: transparent
}

.container-piliers.grey .block-pilier-red .container-top {
    background-color: #F8F8F8;
    color: #666
}

.container-piliers.grey .block-pilier-dark-red .container-top {
    background-color: #F8F8F8;
    color: #666
}

.pager {
    text-align: right;
    font-size: 106%;
    font-family: "Roboto Condensed";
    font-weight: 500;
    line-height: 1em;
    margin-top: 30px
}

.pager ul {
    display: inline-block;
    margin: 0 4px
}

.pager ul li {
    display: inline-block;
    padding: 12px 0;
    width: 46px;
    text-align: center;
    background: #fff
}

.pager ul li a {
    padding: 12px 19px
}

.pager ul li a:hover {
    text-decoration: none
}

.pager a {
    color: #df0c36
}

.pager .link-back a {
    padding: 12px 0
}

.pager .link-back span {
    margin-right: 2px
}

.pager .link-next a {
    padding: 12px 0
}

.pager .link-next span {
    margin-left: 2px
}


.block-activities .list-activities {
    margin-left: 15px
}

.block-activities .list-activities li {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    box-sizing: border-box;
    padding: 0 12px 0 60px;
    margin-bottom: 35px;
    color: #666;
    line-height: 1.3em;
    background: url("https://ebusiness.total.com/assets/images/icons/marker-round-red-main.png") no-repeat 25px 8px
}

.block-activities .list-activities li .v-arabic .icons-arrow-back-red-main {
    margin-left: 3px
}

.block-activities .list-activities li .v-arabic p>a:after {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1388px;
    width: 9px;
    height: 10px
}

.block-activities .list-activities li .v-arabic .container-white .pager p>a:after {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1398px
}

.block-activities .list-activities li .v-arabic span.icons-arrow-back-red-main {
    display: none
}

.block-activities .list-activities li a {
    color: #666;
    display: inline
}

.block-activities .list-activities li h3 {
    font-size: 175%;
    line-height: 1em;
    font-family: "Roboto Condensed";
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px
}

.block-activities .list-activities li .icons-arrow-red-main {
    margin-left: 3px
}

.block-activities .list-activities li p>a:after {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1331px;
    width: 9px;
    height: 10px;
    margin-left: 3px;
    content: "";
    margin-left: -10px;
    position: relative;
    right: -17px;
    top: -1px
}

.block-activities .list-activities li .container-white .pager p>a:after {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1321px
}

.block-activities .list-activities li span.icons-arrow-red-main {
    display: none
}

.block-activities .list-activities li .isChrome .confirmation-message .link-back p>a:after {
    margin-bottom: 0
}

.block-activities .list-activities .no-bullet {
    background: none
}

.block-activities .list-activities .block-news li p>a:after {
    margin-left: 7px
}

.block-activities .list-activities .list-articles li p>a:after {
    margin-left: 10px
}

.block-activities .read-more {
    margin: 0 auto;
    display: none
}

.block-activities .read-more:hover {
    background-color: #df0c36
}

.block-activities .read-more a:hover {
    background-color: #b00429
}

.block-activities .read-less:hover {
    background-color: #df0c36
}

.block-activities .read-less a:hover {
    background-color: #b00429
}

.block-social-news {
    padding-top: 10px
}

.block-social-news .block-facebook li {
    border-top-color: #3b5998
}

.block-social-news .block-facebook li .date {
    color: #3b5998
}

.block-social-news .block-facebook li .v-arabic p>a:after {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1301px;
    width: 9px;
    height: 10px
}

.block-social-news .block-facebook li p>a:after {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1281px;
    width: 9px;
    height: 10px;
    content: "";
    margin-left: -10px;
    position: relative;
    right: -17px;
    bottom: 1px
}

.block-social-news .block-facebook.direction-rtl {
    direction: rtl
}

.block-social-news .block-facebook.direction-rtl li p>a:after {
    right: 3px;
    background-position: 0 -1301px
}

.block-social-news .block-twitter li {
    border-top-color: #5ea9dd
}

.block-social-news .block-twitter li .date {
    color: #5ea9dd
}

.block-social-news .block-twitter li .v-arabic p>a:after {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1311px;
    width: 9px;
    height: 10px
}

.block-social-news .block-twitter li p>a:after {
    background: url("https://ebusiness.total.com/assets/images/icons-s5b6bd0bcde.png") no-repeat;
    background-position: 0 -1291px;
    width: 9px;
    height: 10px;
    content: "";
    margin-left: -10px;
    position: relative;
    right: -17px;
    bottom: 1px
}

.block-social-news .block-twitter.direction-rtl {
    direction: rtl
}

.block-social-news .block-twitter.direction-rtl li p>a:after {
    right: 3px;
    background-position: 0 -1301px;
    background-position: 0 -1311px
}

.block-social-news .btn-social {
    float: right;
    margin-top: 4px
}

.block-social-news .btn-social.hidden {
    display: none
}

.block-social-news h2 {
    padding-left: 10px;
    margin-bottom: 15px;
    color: #3b5998;
    font-size: 175%;
    line-height: 1em;
    font-family: "Roboto Condensed";
    font-weight: 300
}

.block-social-news h2 strong {
    font-family: "Roboto Condensed";
    font-weight: 700;
    text-transform: uppercase
}

.block-social-news .tabs li {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 5px
}

.block-social-news .tabs li a:hover {
    text-decoration: none
}

.block-social-news .tabs .ui-state-active {
    background: #fff
}

.block-social-news .tabs .title-facebook {
    color: #3b5998;
    font-weight: normal;
    padding: 7px 0 7px 55px;
    font-size: 100%;
    background: url(https://ebusiness.total.com/assets/images/icons/icon-facebook.png) no-repeat 0 0
}

.block-social-news .tabs .title-facebook a {
    color: #3b5998
}

.block-social-news .tabs .title-twitter {
    color: #5ea9dd;
    font-weight: normal;
    padding: 7px 0 7px 70px;
    font-size: 100%;
    background: url(https://ebusiness.total.com/assets/images/icons/icon-twitter.png) no-repeat 10px 0
}

.block-social-news .tabs .title-twitter a {
    color: #5ea9dd
}

.block-social-news .block-social-item {
    background: #fff;
    min-height: 331px
}

.block-social-news .block-social-item .btn-social {
    position: absolute;
    left: -10000px
}

.block-social-news .block-social-item .title-facebook {
    position: absolute;
    left: -10000px
}

.block-social-news .block-social-item .title-twitter {
    position: absolute;
    left: -10000px
}

.block-social-news .block-social-item li {
    padding: 7px 15px;
    border-top: 1px solid #3b5998;
    overflow: hidden
}

.block-social-news .block-social-item li:first-child {
    border-top: none
}

.block-social-news .block-social-item li .date {
    font-style: italic;
    font-size: 87.5%;
    margin-top: 4px
}

.block-social-news>.twitter {
    margin-right: -21px
}

.block-social-news .ui-tabs .ui-tabs-hide {
    display: none
}

.block-websites {
    margin: 0 -15px
}

.block-websites .title-2color {
    margin-left: 15px
}

.block-websites .item-websites {
    background: #f8f8f8;
    float: left;
    width: 300px;
    min-height: 210px;
    box-sizing: border-box;
    padding: 15px;
    margin: 0 15px 25px;
    position: relative;
    text-align: right
}


.block-fey-figures .legend {
    text-transform: uppercase;
    font-family: "Roboto Condensed";
    font-weight: 500;
    font-size: 90%;
    float: left;
    margin-top: 10px
}

.block-fey-figures .link-more {
    float: right;
    font-family: "Roboto Condensed";
    font-weight: 500;
    text-transform: uppercase;
    margin: 20px 20px 0 0;
    background-position: 0 4px
}

.block-fey-figures .list-figures {
    margin: 0 -10px
}

.block-fey-figures .list-figures li {
    float: left;
    background: #df0c36;
    margin: 0 10px;
    width: 200px;
    padding: 10px;
    height: 260px;
    overflow: hidden;
    font-family: "Roboto Condensed";
    font-weight: 300;
    color: #fff;
    width: 265px;
    height: 275px;
    margin: 10px;
    padding: 20px !important
}

.block-fey-figures .list-figures li .description {
    font-size: 130%;
    line-height: 1em;
    padding: 5px;
    font-size: 26px
}

.block-fey-figures .list-figures .number-container {
    display: table;
    width: 100%;
    margin-bottom: 40px;
    vertical-align: bottom
}

.block-fey-figures .list-figures .number-container .js-number {
    display: table-cell;
    vertical-align: bottom;
    text-align: center;
    height: 130px;
    text-align: left
}

.block-fey-figures .list-figures .number-container span {
    line-height: 0.5em;
    display: inline-block;
    margin-top: 30px;
    vertical-align: bottom
}

.block-fey-figures .list-figures .number-container em {
    font-size: 30%;
    font-style: normal;
    text-transform: uppercase;
    line-height: 0.8em;
    font-family: "Roboto Condensed";
    font-weight: 300;
}

.block-fey-figures .list-figures .item-text em {
    font-size: 26px;
    line-height: 28px;
    text-align: right;
    vertical-align: bottom;
    padding-top: 3px;
    display: block
}

.block-fey-figures .list-figures .item-sup em {
    font-size: 26px;
    line-height: 1.2em;
    vertical-align: top
}


.cookies {
    margin: 0 0 10px
}

.cookies h2 {
/*    color: #666; */
    color: #374649;
    font-size: 30px;
    margin-top: 18px;
    font-weight: bold;
    font-family: "Roboto Condensed";
    margin: 30px 0 35px;
    text-transform: uppercase;
    line-height: 40px
}

.cookies h2 strong {
    font-family: "Roboto Condensed";
    font-weight: 500;
    font-weight: normal;
    line-height: 1.3em
}

.cookies h3 {
    background: none repeat scroll 0 0 transparent;
/*    color: #666; */
    color: #374649;
    font-size: 30px;
    text-transform: none;
    font-weight: bold;
    font-family: "Roboto Condensed";
    font-weight: 300;
    margin: 30px 0 35px;
    line-height: 1.3em
}

.cookies p {
    line-height: 1.5em;
    margin-bottom: 12px;
    font-size: 16px;
    text-align: justify
}

.cookies a {
    line-height: 1.5em;
    margin-bottom: 12px;
    font-size: 16px;
    text-decoration: underline;
    /* color: #DF0C36 */
    color: #ed0000;
}


.isChrome .link-more {
    background-position: 0 4px
}

.isChrome .v-arabic .link-more {
    background-position: 97% 4px
}

.isChrome .v-arabic .btn-white {
    background-position: 93% 14px;
    padding: 10px 35px 10px 10px
}

.isChrome .v-arabic .block-fey-figures .link-more {
    background-position: 98% 3px
}

.isChrome .btn-red {
    background-position: 15px 14px;
    padding: 10px 10px 10px 35px
}

.isChrome .btn-white {
    background-position: 15px 14px;
    padding: 10px 10px 10px 35px
}

.isChrome .mosaic-no-image .item-mosaic .description .btn-white {
    background-position: 15px 14px;
    padding: 10px 10px 10px 35px
}

.isChrome .block-websites .item-websites .link-more {
    background-position: 0 5px
}

.isChrome .item-mosaic .description .link-more {
    background-position: 0 4px
}

.isChrome .block-fey-figures .link-more {
    background-position: 0 3px
}

.isChrome .double-slider .first-slider {
    width: 960px !important;
    overflow: hidden
}

.isChrome .double-slider .first-slider .bx-wrapper {
    width: 961px !important
}

.isChrome .double-slider .first-slider .bx-wrapper li {
    width: 961px !important
}

.isChrome .confirmation-message .link-back .icons-arrow-red-main {
    margin-bottom: 0
}

.isChrome .confirmation-message .link-back .v-arabic .icons-arrow-back-red-main {
    margin-bottom: 0
}

.isChrome .confirmation-message .link-back .block-activities .list-activities li p>a:after {
    margin-bottom: 0
}


.ui-dialog {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: 50px;
    outline: 0;
    background: #fff;
    box-sizing: border-box;
    width: 960px;
    z-index: 1000
}

.ui-dialog .ui-dialog-titlebar {
    padding: 0;
    position: relative
}

.ui-dialog .ui-dialog-title {
    display: none
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    top: -40px;
    right: -40px;
    width: 37px;
    margin: 0;
    padding: 0;
    height: 37px;
    background: url(https://ebusiness.total.com/assets/images/icons/btn-close-popin.png) no-repeat 0 0;
    border: none;
    text-indent: 999px;
    display: block
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 0;
    background: none;
    overflow: auto
}

.ui-dialog .ui-dialog-content p {
    font-size: 87.5%;
    margin-bottom: 15px
}

.ui-dialog .ui-dialog-content .title-popin {
    font-family: "Roboto Condensed";
    font-weight: 500;
    color: #df0c36;
    font-size: 175%;
    line-height: 1em;
    margin-bottom: 15px
}

.ui-dialog .ui-dialog-content .title-popin .link-sharethis {
    margin-left: 55px;
    display: inline-block
}

.ui-dialog .ui-dialog-content .copyright {
    margin-bottom: 5px;
    font-size: 75%
}

.ui-button-text {
    cursor: pointer;
    display: inline-block;
    margin-right: 20px;
    margin-top: 1em;
    vertical-align: middle;
    background-color: #fff;
    background: #fff url("https://ebusiness.total.com/assets/images/icons/arrow-gray.png") no-repeat 10px 10px;
    color: #666;
    padding: 10px 25px;
    min-width: auto !important;
    border: none;
    font-size: 14px;
    text-align: left !important
}

.ui-icon {
    display: none !important
}

.ui-dialog-titlebar-close .ui-button-text {
    display: none
}

.stylized_select {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 39px;
    background: #e6e6e6 url(https://ebusiness.total.com/assets/images/icons/btn-select.png) right center no-repeat;
    border: none
}

.stylized_select select {
    position: relative;
    z-index: 2;
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    height: 39px;
    background-color: #e6e6e6;
    color: #666;
    font-family: "Roboto Condensed";
    font-weight: 500;
    font-size: 106%;
    border-radius: 0
}

.stylized_select .input_wrapper {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 90%;
    padding: 0 17px 0 7px
}

.stylized_select .input_wrapper input {
    width: 100%;
    height: 37px;
    line-height: 20px;
    border: 0;
    background: none;
    color: #666;
    vertical-align: middle;
    padding-left: 0;
    border-radius: 0
}

.js-inputMessage {
    font-size: 82%;
    display: inline-block;
    margin-left: 15px;
    vertical-align: middle
}

.label-required {
    font-size: 82%
}

.form-item {
    margin-bottom: 12px
}

.form-item .form-required {
    color: #666
}

.radio-container {
    margin-bottom: 16px
}

.radio-container .radio-item {
    display: inline-block;
    margin-right: 50px
}

.radio-container .radio-item input[type="radio"] {
    position: absolute;
    left: -10000px
}

.radio-container .radio-item label {
    display: inline-block !important;
    width: auto !important
}

.radio-container .form-item {
    display: inline-block;
    margin-right: 50px
}

.radio-container .webform-component-radios {
    margin: 0 !important
}

.error-item input[type="text"] {
    border-color: #df0c36
}

.error-item input[type="email"] {
    border-color: #df0c36
}

.error-item input[type="number"] {
    border-color: #df0c36
}

.error-item textarea {
    border-color: #df0c36
}

.error-item label {
    color: #df0c36
}

.full-page-form {
    margin-bottom: 0 !important
}

.full-page-form .form-item {
    text-align: right
}

.full-page-form label {
    width: 14%;
    text-align: left;
    font-weight: normal
}

.full-page-form .download-item {
    text-align: left
}

.full-page-form .radio-container {
    padding-left: 15%
}

.full-page-form input[type="submit"] {
    float: right;
    padding: 9px 0 9px 35px
}

.full-page-form .label-required {
    margin-top: 30px
}

.date-item {
    width: 50%
}

.date-item:first-child {
    text-align: left
}

.date-item .stylized_select {
    width: 110px;
    display: inline-block;
    margin-left: 24px
}

.all-press-search {
    margin-top: 40px
}

.all-press-search .form-item {
    text-align: right;
    margin-bottom: 20px
}

.all-press-search label {
    width: 145px;
    text-align: right;
    margin-right: 0
}

.all-press-search input[type="text"] {
    width: 790px;
    display: inline-block;
    text-align: left;
    margin-left: 20px
}

.all-press-search input[type="submit"] {
    float: right
}

.all-press-search .radio-container label {
    margin-right: 20px
}

.all-press-search .radio-container .radio-item {
    margin-right: 0
}

.all-press-search .views-widget-filter-field_news_type_value .stylized_select {
    display: none
}

.search-form .search-item {
    text-align: left;
    background-color: #f9f9f9;
    padding: 3px 0
}

.search-form .search-item input[type="text"] {
    width: 90%;
    background: #f9f9f9;
    border-color: #f9f9f9
}

.search-form .search-item input[type="image"] {
    width: 32px;
    float: right;
    margin: 4px 15px
}

.search-form .radio-container {
    padding-left: 0
}

.search-form .radio-container label {
    margin-right: 20px;
    width: auto;
    min-width: 10%
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://ebusiness.total.com/assets/images/bg-overlay.png) 0 0 repeat;
    z-index: 999
}

.btn-file {
    border: 1px solid #df0c36;
    color: #df0c36;
    background: #fff url("https://ebusiness.total.com/assets/images/icons/arrow-red-main.png") no-repeat 15px 15px;
    height: 40px;
    min-width: 188px;
    box-sizing: border-box;
    padding: 8px 0 12px 35px;
    font-family: "Roboto Condensed";
    font-weight: 500;
    font-size: 106%;
    line-height: 1em;
    display: inline-block;
    text-align: left
}

.js-popin {
    display: none
}

.js-popin .flash_kplayer {
    height: 346px !important;
    width: 860px !important
}

#contact-form .msg-error {
    color: #df0c36;
    line-height: 1.2em;
    font-size: 170%;
    font-family: "Roboto Condensed";
    font-weight: 500
}

.content input[type="submit"] {
    border: none;
    height: 39px;
    background: #df0c36 url("https://ebusiness.total.com/assets/images/icons/arrow-white.png") no-repeat 15px 15px;
    color: #fff;
    min-width: 210px;
    box-sizing: border-box;
    padding: 8px 0 12px 35px;
    font-family: "Roboto Condensed";
    font-weight: 500;
    font-size: 106%;
    line-height: 1em;
    display: inline-block;
    text-align: left;
    margin-top: 12px;
    border-radius: 0
}

.confirmation-message p {
    font-size: 175%;
    margin-bottom: 10px;
    line-height: 1.2em;
    font-family: "Roboto Condensed";
    font-weight: 500
}

.confirmation-message .link-back {
    font-family: "Roboto Condensed";
    font-weight: 500;
    color: #df0c36;
    float: right;
    font-size: 108%;
    margin-top: 25px
}

.confirmation-message .link-back span {
    margin-left: 8px;
    margin-bottom: 1px
}

.no-result-search {
    padding-bottom: 20px
}

.js-popin-home {
    display: none
}

.select-inner {
    border: 1px solid #ccc;
    width: 320px;
    border-radius: 1px;
    overflow: hidden;
    background: #e6e6e6 url("https://ebusiness.total.com/assets/images/icons/select.jpg") no-repeat 98% 50%
}

.select-inner select {
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    font-size: 11px
}

.select-inner select:focus {
    outline: none
}

.resizable-textarea .grippie {
    display: none !important
}

.btn-menu {
    display: none
}

.btn-menu .btn-menu-open {
    background: url(https://ebusiness.total.com/assets/images/icons/btn-menu.png) no-repeat 1% 105%;
    padding: 6px 0 2px 35px !important;
    display: inline-block;
    font-family: "Roboto Condensed";
    font-weight: 700;
    color: #df0c36;
    text-transform: uppercase;
    cursor: pointer
}

.btn-menu .btn-menu-close {
    background: url(https://ebusiness.total.com/assets/images/icons/btn-menu-close.png) no-repeat left bottom;
    padding: 10px 0 2px 35px;
    display: inline-block;
    font-family: "Roboto Condensed";
    font-weight: 700;
    color: #df0c36;
    text-transform: uppercase;
    cursor: pointer;
    display: none
}

.btn-menu-320 {
    display: none
}

.btn-red:hover {
    background-color: #b00429;
    text-decoration: none
}

.btn-white {
    background: #fff url(/public/share/assets/images/arrow-darkred.png) no-repeat 15px 13px;
    box-sizing: border-box;
    padding: 10px 10px 11px 35px;
    position: absolute;
    font-family: "Roboto Condensed";
    font-size: 100%;
    line-height: 17.92px;
    color: #df0c36;
    width: 170px
}

.btn-white:hover {
    text-decoration: none
}


.ie9 header .bar-logo-title {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0OCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)
}

.ie9 header .header-bottom {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNlMmUyZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)
}

.lt-ie9 input[type="text"] {
    padding-top: 6px
}

.lt-ie9 input[type="password"] {
    padding-top: 6px
}

.lt-ie9 input[type="email"] {
    padding-top: 6px
}

.lt-ie9 input[type="number"] {
    padding-top: 6px
}

.lt-ie9 textarea {
    padding-top: 6px
}

.lt-ie9 .radio-item label {
    background: url(https://ebusiness.total.com/assets/images/radio.png) no-repeat 0 0;
    padding: 2px 0 2px 32px
}

.lt-ie9 .radio-item.is-checked label {
    background-position: 0 -40px
}

.lt-ie9 .webform-client-form input[type="text"] {
    margin-top: -20px
}

.lt-ie9 .webform-client-form input[type="password"] {
    margin-top: -20px
}

.lt-ie9 .webform-client-form input[type="email"] {
    margin-top: -20px
}

.lt-ie9 .webform-client-form input[type="number"] {
    margin-top: -20px
}

.lt-ie9 .webform-client-form .stylized_select {
    margin-top: -20px
}

.lt-ie9 .webform-client-form .stylized_select input[type="text"] {
    margin-top: 0
}

.lt-ie9 .webform-client-form .form-textarea-wrapper {
    display: inline-block;
    width: 85%;
    margin-top: -20px
}

.lt-ie9 .webform-client-form .form-textarea-wrapper textarea {
    width: 100%;
    width: 100% !important;
    display: block
}

.lt-ie9 header .header-bottom {
    background: url(/public/share/assets/images/bg-header-960-ie.png) repeat-y top center
}

.lt-ie9 header .bar-logo-title {
    background: url(/public/share/assets/images/bg-header-960-ie.png) repeat-y top center
}

.lt-ie9 header .header-search {
    height: 24px;
    overflow: hidden
}

.lt-ie9 header .header-search input[type="text"] {
    width: 105px;
    padding: 5px 5px 0 5px
}

.lt-ie9 header .header-search fieldset {
    height: 22px;
    padding: 0 !important
}

.lt-ie9 .banner-image {
    background-size: cover
}

.lt-ie9 .double-slider .slider-4slide li {
    filter: alpha(opacity=50)
}

.lt-ie9 .double-slider .slider-4slide .current {
    filter: alpha(opacity=100)
}

.lt-ie9 .double-slider .second-slider .bx-pager .bx-pager-item .bx-pager-link {
    background-size: cover
}

.lt-ie9 .stylized_select .input_wrapper input {
    padding-top: 9px
}

.lt-ie9 .all-press-search .form-item {
    text-align: left
}

.lt-ie9 .all-press-search .form-item label {
    display: inline-block;
    width: 130px
}

.lt-ie9 .all-press-search .form-item .f-right {
    text-align: right
}

.lt-ie9 footer .footer-top .col {
    width: 180px;
    display: inline-block;
    vertical-align: top;
    margin-right: 45px;
    margin-left: 0
}

.lt-ie9 .block-websites .item-websites {
    min-height: 155px
}

.lt-ie9 .slider-3slides .bx-pager .bx-pager-item .bx-pager-link {
    background: url("https://ebusiness.total.com/assets/images/icons/marker8x8-gray-main.png") no-repeat 0 0
}

.lt-ie9 .slider-3slides .bx-pager .bx-pager-item .active {
    background: url("https://ebusiness.total.com/assets/images/icons/marker8x8-red-main.png") no-repeat 0 0
}

.lt-ie9 .container-beige h2 {
    margin-right: 20px
}



@media screen and (max-width: 719px) {
    body {
        overflow-x: hidden
    }
    .content {
        font-size: 16px;
        line-height: 1.12em
    }
    .i18n-zh-hans .content {
        line-height: 1.2em
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .link-more {
        background: transparent;
        position: relative
    }
    .link-more:before {
        content: "";
        background: url(https://ebusiness.total.com/assets/images/icons/arrow-red-main_2x.png) no-repeat 0 0;
        display: block;
        position: absolute;
        height: 9px;
        width: 8px;
        background-size: cover;
        top: 6px;
        left: 0
    }
    .v-arabic .link-more {
        background: transparent
    }
    .v-arabic .link-more:before {
        left: auto;
        right: 0;
        background-image: url(https://ebusiness.total.com/assets/images/icons/arrow-back-red-main_2x.png)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .btn-red,
    .mosaic-no-image .item-mosaic .description .btn-white {
        background: #df0c36;
        position: relative
    }
    .btn-red:before,
    .mosaic-no-image .item-mosaic .description .btn-white:before {
        content: "";
        background: url(https://ebusiness.total.com/assets/images/icons/arrow-white_2x.png) no-repeat 0 0;
        display: block;
        position: absolute;
        height: 9px;
        width: 8px;
        background-size: cover;
        top: 50%;
        margin-top: -4px;
        left: 15px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2) {
    .btn-white {
        background: white
    }
    .btn-white:before {
        content: "";
        background: url(/public/share/assets/images/arrow-darkred.png) no-repeat 0 0;
        display: block;
        position: absolute;
        height: 9px;
        width: 8px;
        background-size: cover;
        top: 50%;
        margin-top: -4px;
        left: 15px
    }
    .v-arabic .btn-white {
        background: white;
        padding-left: 10px;
        padding-right: 35px
    }
    .v-arabic .btn-white:before {
        left: auto;
        right: 15px;
        background-image: url(https://ebusiness.total.com/assets/images/icons/arrow-back-red-main_2x.png)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .v-arabic .btn-red,
    .v-arabic .mosaic-no-image .item-mosaic .description .btn-white,
    .mosaic-no-image .item-mosaic .description .v-arabic .btn-white {
        background: #df0c36;
        padding-left: 10px;
        padding-right: 35px
    }
    .v-arabic .btn-red:before,
    .v-arabic .mosaic-no-image .item-mosaic .description .btn-white:before,
    .mosaic-no-image .item-mosaic .description .v-arabic .btn-white:before {
        left: auto;
        right: 15px;
        background-image: url(https://ebusiness.total.com/assets/images/icons/arrow-back-white_2x.png)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .isChrome .btn-white {
        padding: 11px 10px 9px 35px
    }
    .isChrome .btn-red,
    .isChrome .mosaic-no-image .item-mosaic .description .btn-white,
    .mosaic-no-image .item-mosaic .description .isChrome .btn-white {
        padding: 11px 10px 9px 35px
    }
    .isChrome .link-more {
        padding-top: 3px
    }
}

@media screen and (max-width: 959px) {
    .display-none-mob {
        display: none !important
    }
}

@media screen and (min-width: 720px) {
	.display-none-over-719 {
		display: none !important;
	}
}

@media screen and (max-width: 719px) {
    .display-none-480 {
        display: none !important
    }
    .display-none-over-719 {
    	margin: auto;
    	margin-top: 10px;
    }
    .workspace-footer-copyright {
		float: right;
		font-size: 12px;
		width: 300px;
		margin-top: 2px;
		text-align: left;
		color: #666;
	}
	.workspace-footer-signature {
		width: 150px;
		text-align: right;
	}
    .title-2color,
    .text-rte h2 {
        font-size: 183%;
        margin-bottom: 30px
    }
    .js-read-more-container .read-less,
    .js-read-more-container .read-more {
        display: block
    }
    .btn-red,
    .mosaic-no-image .item-mosaic .description .btn-white,
    .btn-white {
        padding: 8px 10px 11px 35px
    }
    .link-more {
        background-position: 0 6px
    }
    .v-arabic .link-more {
        background-position: 97% 6px
    }
    .isChrome .btn-red,
    .isChrome .mosaic-no-image .item-mosaic .description .btn-white,
    .mosaic-no-image .item-mosaic .description .isChrome .btn-white {
        padding-top: 8px;
        padding-bottom: 10px
    }
    .isChrome .btn-white {
        padding-top: 8px;
        padding-bottom: 10px
    }
}

@media only screen and (max-width: 719px) and (-webkit-min-device-pixel-ratio: 2) {
    .link-more:before {
        top: 7px;
        left: 0
    }
}
@media screen and (max-width: 479px) {
	.display-none-over-719 {
		width: 280px;
		margin: auto;
	}
	.workspace-footer-copyright {
		float: right;
		font-size: 12px;
		width: 150px;
		text-align: center;
		margin-top: -5px;
/*		color: #666; */
		color: #374649;
	}
}
@media screen and (max-height: 580px) {
/*  #transition-te {
	height: 50%;
  } */
  #splash-redirect-img-sizing {
	width: 220px;
	height: 220px;
  }
}
@media screen and (max-width: 719px) {
#workspace-totalenergies {
	font-size: 30px;
}
#click-to-redirect {
	font-size: 21.2px;
}
}
@media screen and (max-width: 479px) {
#workspace-totalenergies {
	font-size: 19px;
}
#click-to-redirect {
	font-size: 13.4px;
}
#your-workspace {
	font-size: 42px;
}
#transition-te {
	width: 70%;
}
    #splash-logo {
	width: 400px;
	height: 400px;
    }
    body {
        overflow-x: hidden
    }
    .container-white p {
        letter-spacing: 0.4px;
        line-height: 1.4em;
        text-align: justify;
        width: 100%
    }
    .display-none-320 {
        display: none !important
    }
    .title-2color,
    .text-rte h2 {
        font-size: 166%;
        margin-bottom: 22px
    }
    .title-2color strong,
    .text-rte h2 strong {
        display: block
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .icons-arrow-red-main,
    .v-arabic .icons-arrow-back-red-main,
    .v-arabic .icons-arrow-red-main,
    .block-activities .list-activities li p>a:after {
        background: url(https://ebusiness.total.com/assets/images/icons/arrow-red-main_2x.png) no-repeat 0 0;
        background-size: cover;
        height: 9px;
        width: 8px
    }
    .icons-arrow-back-red-main,
    .v-arabic .icons-arrow-red-main,
    .v-arabic .icons-arrow-back-red-main,
    .v-arabic .block-activities .list-activities li p>a:after,
    .block-activities .list-activities li .v-arabic p>a:after {
        background: url(https://ebusiness.total.com/assets/images/icons/arrow-back-red-main_2x.png) no-repeat 0 0;
        background-size: cover;
        height: 9px;
        width: 8px
    }
    .icons-arrow-facebook,
    .block-social-news .block-facebook li p>a:after {
        background: url(https://ebusiness.total.com/assets/images/icons/arrow-facebook_2x.png) no-repeat 0 0;
        background-size: cover;
        height: 9px;
        width: 8px
    }
    .icons-arrow-twitter,
    .block-social-news .block-twitter li p>a:after {
        background: url(https://ebusiness.total.com/assets/images/icons/arrow-twitter_2x.png) no-repeat 0 0;
        background-size: cover;
        height: 9px;
        width: 8px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .isChrome .full-page-form input[type="submit"] {
        padding: 11px 0 8px 35px
    }
}

@media screen and (max-width: 959px) {
    #splash-logo {
	width: 600px;
	height: 600px;
    }
    .all-press-search label {
        width: auto;
        text-align: left;
        margin: 0 0 7px 0;
        display: block;
        min-width: 45px
    }
    .all-press-search input[type="text"] {
        width: 100%;
        display: block;
        margin-left: 0
    }
    .all-press-search .radio-container label {
        margin-right: 20px;
        display: inline-block
    }
    .all-press-search .date-item .stylized_select {
        width: 100px
    }
    .all-press-search .date-item label {
        width: auto;
        display: inline-block;
        margin: 10px 0 0
    }
}

@media screen and (max-width: 719px) {
    #splash-logo, #splash-redirect {
	width: 450px;
	height: 450px;
    }
    label {
        display: block;
        margin-bottom: 5px;
        font-size: 116%
    }
    .full-page-form .form-item {
        text-align: left
    }
    .full-page-form label {
        width: auto;
        text-align: left
    }
    .full-page-form input[type="text"],
    .full-page-form input[type="email"],
    .full-page-form input[type="number"],
    .full-page-form textarea,
    .full-page-form .stylized_select {
        display: block;
        width: 100%;
        text-align: left
    }
    .full-page-form .radio-container {
        padding-left: 0
    }
    .full-page-form input[type="submit"] {
        float: right
    }
    .full-page-form .download-item {
        margin-left: 0%
    }
    .v-arabic .full-page-form .radio-container {
        padding-left: 0;
        padding-right: 0
    }
    .v-arabic .full-page-form .btn-file {
        margin-right: 15px
    }
    .v-arabic .full-page-form input[type="text"],
    .v-arabic .full-page-form input[type="email"],
    .v-arabic .full-page-form input[type="number"],
    .v-arabic .full-page-form textarea,
    .v-arabic .full-page-form .stylized_select,
    .v-arabic .full-page-form .download-item {
        display: block;
        width: 100%
    }
    .all-press-search .radio-container .radio-item {
        margin-right: 20px
    }
    .all-press-search .radio-container label {
        margin-right: 14px
    }
    .all-press-search .date-item {
        display: block;
        float: none;
        margin-bottom: 20px;
        width: 100%;
        text-align: left
    }
    .all-press-search .date-item .stylized_select {
        width: 100px;
        margin-left: 20px
    }
    .all-press-search .date-item label {
        width: auto;
        display: inline-block;
        margin: 10px 0 0
    }
    .all-press-search .views-widget-filter-field_news_type_value .stylized_select {
        display: inline-block;
        margin-left: 0px;
        width: 110px
    }
    .all-press-search .views-widget-filter-field_news_type_value .radio-item {
        margin-left: 10px;
        text-align: left
    }
    .search-form .search-item input[type="text"] {
        width: 80%;
        display: inline-block
    }
    .search-form .search-item input[type="image"] {
        margin: 4px 12px 4px 0
    }
    .node-type-webform div.error ul li {
        font-size: 130%
    }
}

@media screen and (max-width: 479px) {
    .full-page-form .js-inputMessage {
        display: block;
        margin: 5px 0 0;
        vertical-align: middle
    }
    .v-arabic .full-page-form .btn-file {
        margin-right: 0
    }
    .all-press-search label {
        min-width: 49px
    }
    .all-press-search .radio-container label {
        float: left
    }
    .all-press-search .radio-container .radio-item {
        margin: 0 0 10px 70px;
        display: block
    }
    .all-press-search .radio-container .radio-item label {
        float: none
    }
    .all-press-search .date-item .stylized_select {
        width: 100px
    }
    .all-press-search .date-item label {
        width: auto;
        display: inline-block;
        margin: 10px 0 0
    }
}

@media screen and (max-width: 959px) {
    .ui-dialog {
        padding: 40px 10px
    }
    .ui-dialog .ui-dialog-titlebar-close {
        top: -30px;
        right: 0px
    }
}

@media screen and (max-width: 719px) {
    .ui-dialog {
        padding: 65px 10px
    }
    .ui-dialog .ui-dialog-content .title-popin .link-sharethis {
        float: right
    }
    .ui-dialog .ui-dialog-titlebar-close {
        top: -55px;
        width: 27px;
        height: 27px;
        background: url(https://ebusiness.total.com/assets/images/icons/btn-close-popin-little.png) no-repeat 0 0
    }
}

@media screen and (max-width: 479px) {
    .ui-dialog .ui-dialog-content p {
        font-size: 77.5%
    }
    .ui-dialog .ui-dialog-content .title-popin {
        font-size: 127%
    }
    .ui-dialog .ui-dialog-content .title-popin .link-sharethis {
        margin-left: 0;
        margin-top: 10px;
        display: block;
        float: none
    }
}

@media screen and (min-width: 980px) {
    .container {
	width: 980px;
    }
}
@media screen and (max-width: 979px) {
    .container {
	width: 720px;
    }
    nav ul.menu_list li {
	padding: 0 7px 7px;
    }
    .inner {
        width: 720px;
        padding: 0 8px
    }
    .container-white {
        padding: 35px 0
    }
    .block-66,
    .block-33 {
        width: auto;
        float: none
    }
    .margin-bottom-60 {
        margin-bottom: 30px
    }
    .padding-40 {
        padding: 30px 0
    }
}

@media screen and (max-width: 719px) {
    .container {
        width: 480px
    }
    .inner {
        width: 480px
    }
    .container-white {
        padding: 25px 0
    }
    .container-beige {
        background-color: #f8f8f8
    }
}

@media screen and (max-width: 479px) {
    .container-white {
        padding: 25px 0;
        width: 300px;
        margin: auto
    }
    .inner {
        width: 320px
    }
    .container {
        width: 320px
    }
    .content .inner {
        padding: 0 10px
    }
    .content .inner img {
        max-width: 100%
    }
}

@media screen and (max-width: 959px) {
    header .my-header-top {
    /*    padding: 14px 8px 13px */
    }
    header .my-header-top .header-search {
        display: none
    }
    header .my-header-top .select-lang ul {
        left: auto;
        right: 0
    }
    header .bar-logo-title {
        margin-bottom: 7px
    }
    header .bar-logo-title .inner {
        background: url(/public/share/assets/images/bg-header-720.png) repeat-y 0 0;
        height: 82px
    }
    header .header-search input[type="text"] {
        padding: 2px 5px
    }
    header .header-bottom .block-sharing-search {
        padding-top: 22px
    }
    header .header-bottom .block-sharing-search .header-search {
        display: block;
        margin: 8px 0 7px
    }
}

@media screen and (max-width: 959px) {
    .lt-ie9 header .header-bottom {
        background: url(/public/share/assets/images/bg-header-720-ie.png) repeat-y top center
    }
    .lt-ie9 header .bar-logo-title {
        background: url(/public/share/assets/images/bg-header-720-ie.png) repeat-y top center
    }
}

@media screen and (max-width: 719px) {
    header .my-header-top .header-top-menu .link-red {
     /*   border-right: 1px solid #bbbcbd; 
        padding-right: 18px */
    }
    header .bar-logo-title {
        margin-bottom: 30px
    }
    header .bar-logo-title .inner {
        background: url(/public/share/assets/images/bg-header-480.png) repeat-y 0 0;
        height: 60px
    }
    header .bar-logo-title .inner .logo {
        width: 210px;
        padding-left: 0
    }
    header .header-search input[type="text"] {
        height: 20px;
        padding: 2px 5px
    }
    header .header-search input[type="submit"] {
        height: 20px
    }
    header .header-bottom {
        padding-bottom: 3px
    }
    header .header-bottom .block-sharing-search {
        width: 60%;
        padding-top: 15px;
        margin-bottom: 7px;
        text-align: right
    }
    header .header-bottom .block-sharing-search .header-search,
    header .header-bottom .block-sharing-search .section-sharing {
        display: inline-block;
        margin: 0;
        float: none;
        vertical-align: top
    }
    header .header-bottom .block-sharing-search .header-search {
        margin-left: 5px
    }
}

@media screen and (max-width: 719px) {
    .lt-ie9 header .header-bottom {
        background: url(/public/share/assets/images/bg-header-480-ie.png) repeat-y top center
    }
    .lt-ie9 header .bar-logo-title {
        background: url(/public/share/assets/images/bg-header-480-ie.png) repeat-y top center
    }
}

@media screen and (max-width: 479px) {
    #page-campaign .btn-get {
        display: none
    }
    header header .bar-logo-title {
        position: relative;
        margin-bottom: 45px;
        overflow: hidden
    }
    header .bar-logo-title .inner {
        display: block;
        background: url(/public/share/assets/images/bg-header-320.png) repeat-y 0 0;
        height: auto
    }
    header .header-bottom {
        padding-bottom: 2px;
        padding-top: 0;
        margin-top: 0
    }
    header .header-bottom .block-sharing-search {
        width: 100%;
        margin-bottom: 8px;
        padding-top: 0;
        text-align: right
    }
}

@media screen and (max-width: 479px) {
    .lt-ie9 header .header-bottom {
        background: url(/public/share/assets/images/bg-header-320-ie.png) repeat-y top center
    }
    .lt-ie9 header .bar-logo-title {
        background: url(/public/share/assets/images/bg-header-320-ie.png) repeat-y top center
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    footer .footer-top .col li {
        list-style-image: none;
        position: relative
    }
    footer .footer-top .col li:before {
        content: "";
        background: url(https://ebusiness.total.com/assets/images/icons/arrow-red-main_2x.png) no-repeat 0 0;
        display: block;
        position: absolute;
        height: 9px;
        width: 8px;
        background-size: cover;
        top: 5px;
        left: -16px
    }
    .isChrome footer .footer-top .col li:before {
        top: 4px
    }
    .v-arabic footer .footer-top .col li {
        list-style-image: none
    }
    .v-arabic footer .footer-top .col li:before {
        left: auto;
        right: -16px;
        background-image: url(https://ebusiness.total.com/assets/images/icons/arrow-back-red-main_2x.png)
    }
}

@media screen and (max-width: 959px) {
    footer .footer-top .inner {
        padding: 0 140px 20px
    }
    footer .footer-top .inner .col {
        float: none;
        width: 46.5%;
        min-width: 10px;
        display: inline-block;
        vertical-align: top;
        margin: 30px 3% 0 0
    }
    footer .footer-top .inner .col:nth-child(2n) {
        margin: 30px 0 0 3%
    }
    footer .footer-bottom li,
    footer .footer-bottom li a {
        font-size: 12px;
        padding: 0 5px
    }
}

@media screen and (max-width: 719px) {
    footer {
        font-size: 18px
    }
    footer .footer-top {
        font-size: 100%;
        background: #f8f8f8
    }
    footer .footer-top .inner {
        padding: 0 20px 20px
    }
    footer .footer-top .inner .col {
        float: left;
        width: 100%;
        min-width: 10px;
        display: block;
        margin: 25px 0 0 0
    }
    footer .footer-top .inner .col:nth-child(2n) {
        margin: 25px 0 0 0
    }
    footer .footer-bottom li,
    footer .footer-bottom li a {
        font-size: 12px;
        padding: 0 5px
    }
    body.lang-en footer .social-bar .container,
    body.lang-fr footer .social-bar .container {
        width: 450px
    }
    footer .social-bar .container .title {
        margin: 0 20px
    }
    footer .social-bar .container li {
        padding: 0 8px
    }
    footer .social-bar .container img {
        height: 30px
    }
}

@media screen and (max-width: 1040px) {
    nav .menu-container .hover-flying {
        height: 7px;
        width: 0;
        background: #df0c36;
        display: none;
        position: absolute;
        bottom: -7px;
        left: 4px
    }
}

@media screen and (max-width: 959px) {
    nav .menu-container .hover-flying {
        height: 7px;
        width: 0;
        background: #df0c36;
        display: none;
        position: absolute;
        bottom: -7px;
        left: 4px
    }
}

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

    #splash-logo {
	width: 300px;
	height: 300px;
    }
	footer .inner {
    	padding: 30px 0px;
    	width: 300px;
    	right: -10px;
    	/* before 031118 */
    	/* position: relative; */
    }
    
    .footer-bottom li {
        padding: 0 12px 0 15px;
        margin-bottom: 10px
    }
    body.lang-en footer .social-bar .container,
    body.lang-fr footer .social-bar .container {
        width: 278px
    }
    footer .social-bar .container .title {
        float: none;
        margin: 0 0 22px;
        text-align: left
    }
    footer .social-bar .container ul {
        float: none
    }
    footer .social-bar .container li {
        padding: 0 6px
    }
    footer .social-bar .container li.first {
        padding-left: 0
    }
    footer .social-bar .container li.last {
        padding-right: 0
    }
    footer .social-bar .container img {
        height: 30px
    }
}

@media screen and (max-width: 719px) {
    .header-bottom .inner {
        position: relative;
        z-index: 100
    }
    nav {
        margin-top: 0;
        float: none;
        padding-top: 2px
    }
    nav ul {
        padding-left: 0;
        height: auto;
        margin-left: 0
    }
    nav .menu-container {
        background: #fff;
        position: static
    }
    nav .menu-container .hover-flying {
        display: none
    }
    nav .menu-container li {
        display: block;
        font-size: 100%;
        background: url(https://ebusiness.total.com/assets/images/menu-mob-border.png) no-repeat left top;
        padding: 1px 0 0 0 !important;
        margin: 0;
        float: none
    }
    nav .menu-container li:first-child {
        padding: 0;
        background: none
    }
    nav .menu-container li:hover {
        border-bottom: none
    }
    nav .menu-container li:hover a {
        color: #df0c36
    }
    nav .menu-container li a {
        display: block;
        padding: 22px 15px 20px;
        margin: 0 !important;
        height: auto;
        font-size: 16px
    }
    nav .menu-container li br {
        display: none
    }
    nav .menu-container li .icons-icon-home-gray {
        width: auto;
        height: auto;
        background: none;
        padding: 22px 15px 20px;
        margin: 0;
        text-indent: 0
    }
    nav .menu-container .active {
        border-bottom: none;
        color: #666666
    }
    nav .menu-container .active a {
        color: #666666
    }
    nav .menu-container .active a:hover {
        color: #df0c36
    }
    nav .menu-container .top-menu-link {
        background: url(https://ebusiness.total.com/assets/images/menu-mob-border.png) no-repeat left top;
        padding: 1px 0 0 0;
        display: block
    }
    nav .menu-container .top-menu-link .active:first-child {
        padding: 22px 15px 20px
    }
    nav .menu-container .top-menu-link li a {
        font-family: Arial;
        font-size: 13px;
        color: #707173;
        font-weight: bold
    }
    nav .menu-container .top-menu-link li a {
        color: #707173
    }
    nav .menu-container .top-menu-link li a:hover {
        color: #df0c36
    }
    .btn-menu {
        display: block;
        margin: 7px 0 0;
        float: none
    }
    .btn-menu-320 {
        display: none
    }
    .v-arabic nav ul {
        padding: 0
    }
    .v-arabic .header-bottom .btn-menu {
        float: right
    }
}

@media screen and (max-width: 479px) {
    .header-bottom {
        padding: 0
    }
    nav .btn-menu {
        padding: 0 0 12px 0
    }
    nav .btn-menu .btn-menu-open {
        display: none !important
    }
    nav .btn-menu .btn-menu-open {
        display: none
    }
    nav .menu-container {
        top: 72px
    }
    .btn-menu-320 {
        display: block;
        padding: 0 0 12px 0;
        margin: 0
    }
}

@media screen and (max-width: 959px) {
    .banner {
        margin: 0 -8px
    }
    .banner .banner-titre {
        left: 25px;
        right: 25px
    }
    .banner .banner-titre h2 {
        font-size: 306%
    }
    .slider-homepage {
        width: auto
    }
    .slider-homepage .bx-next,
    .slider-homepage .bx-prev {
        top: 60px
    }
    .slider-homepage .bx-next {
        right: 9px
    }
    .slider-homepage .bx-prev {
        left: 9px
    }
    .js-popin .flash_kplayer {
        height: 265px !important;
        width: 660px !important
    }
}

@media screen and (max-width: 719px) {
    .banner .banner-titre {
        left: 15px;
        right: 10px;
        bottom: 10px
    }
    .banner .banner-titre .link-video {
        font-size: 100%
    }
    .banner .banner-titre h2 {
        font-size: 183%
    }
    .banner-video .banner-titre {
        left: 15px;
        right: 10px;
        bottom: 10px
    }
    .banner-video .banner-titre .btn-video {
        width: 44px;
        margin-right: 8px
    }
    .v-arabic .banner-video .btn-video {
        margin-right: 0;
        margin-left: 8px
    }
    .slider-homepage .bx-next,
    .slider-homepage .bx-prev {
        position: absolute;
        top: 40px;
        height: 110px;
        width: 24px;
        text-indent: 24px;
        overflow: hidden
    }
    .slider-homepage .bx-next {
        background: #df0c36 url(https://ebusiness.total.com/assets/images/icons/arrow-white-little-right.png) no-repeat center center
    }
    .slider-homepage .bx-prev {
        background: #df0c36 url(https://ebusiness.total.com/assets/images/icons/arrow-white-little-left.png) no-repeat center center
    }
    .js-popin .flash_kplayer {
        height: 210px !important;
        width: 520px !important
    }
}

@media screen and (max-width: 479px) {
    .banner {
        margin: 0 -10px
    }
    .banner .banner-titre {
        left: 10px;
        right: 10px;
        bottom: 10px
    }
    .banner-video .banner-titre {
        left: 10px;
        right: 10px;
        bottom: 10px
    }
    .banner-video .banner-titre .link-video {
        float: left;
        width: 230px
    }
    .banner-video .banner-titre .btn-video {
        width: 55px;
        margin-right: 8px;
        margin-top: 7px
    }
    .v-arabic .banner-video .btn-video {
        margin-right: 0;
        margin-left: 8px
    }
    .slider-homepage {
        font-size: 13px;
        width: auto
    }
    .slider-homepage .bx-next,
    .slider-homepage .bx-prev {
        top: 9px
    }
    .slider-homepage .bx-next {
        right: 10px
    }
    .slider-homepage .bx-prev {
        left: 10px
    }
    .js-popin .flash_kplayer {
        height: 125px !important;
        width: 320px !important
    }
}

@media screen and (max-width: 959px) {
    .banner-image {
        background-size: 130% auto
    }
    .banner-image .inner .banner-title {
        left: 10px;
        font-size: 306%
    }
    .v-arabic .banner-image .inner .banner-title {
        left: auto;
        right: 10px
    }
}

@media screen and (max-width: 719px) {
    .banner-image {
        height: auto
    }
    .banner-image .inner .banner-title {
        font-size: 183%
    }
}

@media screen and (max-width: 479px) {
    .banner-image {
        height: auto
    }
    .banner-image .inner .banner-title {
        left: 5px;
        bottom: 5px
    }
}

@media screen and (max-width: 959px) {
    .banner-no-image .inner .banner-title {
        left: 10px;
        font-size: 306%
    }
}

@media screen and (max-width: 719px) {
    .banner-no-image {
        height: 210px
    }
    .banner-no-image .inner {
        height: 210px
    }
    .banner-no-image .inner .banner-title {
        font-size: 183%
    }
}

@media screen and (max-width: 479px) {
    .banner-no-image {
        height: 187px
    }
    .banner-no-image .inner {
        height: 187px
    }
    .banner-no-image .inner .banner-title strong {
        display: block
    }
}

@media screen and (max-width: 959px) {
    .breadcrumb {
        padding: 35px 0 20px
    }
}

@media screen and (max-width: 719px) {
    .breadcrumb {
        font-size: 72%
    }
    .i18n-ko .breadcrumb {
        font-size: 90%
    }
}

@media screen and (max-width: 479px) {
    .breadcrumb {
        padding: 5px 0
    }
    .breadcrumb .inner span {
        padding: 0 0 0 9px;
        background: url("https://ebusiness.total.com/assets/images/icons/arrow-gray.png") no-repeat 0px 50%
    }
}

@media screen and (max-width: 959px) {
    .block-downloads li {
        text-align: center
    }
    .block-downloads li a {
        text-align: left
    }
}

@media screen and (max-width: 719px) {
    .block-downloads li {
        text-align: center
    }
    .block-downloads li a {
        text-align: center;
        display: block;
        margin-top: 15px
    }
    .block-downloads li img {
        margin: 0
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .container-white .pager .icons-arrow-red-main,
    .container-white .pager .v-arabic .icons-arrow-back-red-main,
    .v-arabic .container-white .pager .icons-arrow-back-red-main,
    .container-white .pager .block-activities .list-activities li p>a:after,
    .block-activities .list-activities li .container-white .pager p>a:after {
        background: url(https://ebusiness.total.com/assets/images/icons/arrow-white_2x.png) no-repeat 0 0;
        background-size: cover;
        height: 9px;
        width: 8px;
        margin-bottom: 2px
    }
    .container-white .pager .icons-arrow-back-red-main,
    .container-white .pager .v-arabic .icons-arrow-red-main,
    .v-arabic .container-white .pager .icons-arrow-red-main,
    .container-white .pager .v-arabic .block-activities .list-activities li p>a:after,
    .v-arabic .block-activities .list-activities li .container-white .pager p>a:after,
    .container-white .pager .block-activities .list-activities li .v-arabic p>a:after,
    .block-activities .list-activities li .v-arabic .container-white .pager p>a:after {
        background: url(https://ebusiness.total.com/assets/images/icons/arrow-back-white_2x.png) no-repeat 0 0;
        background-size: cover;
        height: 9px;
        width: 8px;
        margin-bottom: 2px
    }
}

@media screen and (max-width: 719px) {
    .pager ul {
        display: none
    }
    .pager .link-back {
        float: left
    }
    .pager .link-next {
        float: right
    }
    .v-arabic .pager .link-back {
        float: right
    }
    .v-arabic .pager .link-next {
        float: left
    }
}

@media screen and (max-width: 959px) {
    .js-item-video-container {
        display: block;
        float: right;
        width: 330px;
        margin: 0 0 20px 20px
    }
    .item-video .description {
        padding: 15px 10px 10px;
        background-color: #f8f8f8
    }
}

@media screen and (max-width: 719px) {
    .js-item-video-container {
        display: none
    }
    .item-video {
        margin: 0 -10px 25px
    }
    .item-video .btn-video {
        width: 35px;
        height: 35px;
        margin-top: 1px
    }
    .item-video .description {
        padding: 12px 10px 0;
        background-color: white
    }
}

@media screen and (max-width: 719px) {
    .item-media {
        margin: 0 -10px 25px
    }
    .item-media .btn-video {
        width: 35px;
        height: 35px;
        margin-top: 1px
    }
}

@media screen and (max-width: 959px) {
    #sliding-popup .popup-content {
        background-color: transparent;
        width: 704px;
        padding: 15px 8px
    }
}

@media screen and (max-width: 719px) {
    #sliding-popup .popup-content {
        background-color: transparent;
        width: 464px;
        padding: 15px 8px
    }
    #sliding-popup .popup-content #popup-buttons {
        text-align: right
    }
    #sliding-popup .popup-content #popup-buttons button {
        margin-right: 0;
        margin-left: 20px
    }
    #sliding-popup .popup-content #popup-text {
        line-height: 1.5em
    }
}

@media screen and (max-width: 479px) {
    #sliding-popup .popup-content {
        background-color: transparent;
        width: 290px;
        padding: 15px 15px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .container-piliers .block-pilier-dark-red .container-top .btn-white,
    .container-piliers .block-pilier-dark-red .container-bottom .btn-white {
        background: white
    }
    .container-piliers .block-pilier-dark-red .container-top .btn-white:before,
    .container-piliers .block-pilier-dark-red .container-bottom .btn-white:before {
        content: "";
        background: url(https://ebusiness.total.com/assets/images/icons/arrow-red2_2x.png) no-repeat 0 0;
        display: block;
        position: absolute;
        height: 9px;
        width: 8px;
        background-size: cover;
        top: 50%;
        margin-top: -4px;
        left: 15px
    }
    .v-arabic .container-piliers .block-pilier-dark-red .container-top .btn-white,
    .v-arabic .container-piliers .block-pilier-dark-red .container-bottom .btn-white {
        background: white
    }
    .v-arabic .container-piliers .block-pilier-dark-red .container-top .btn-white:before,
    .v-arabic .container-piliers .block-pilier-dark-red .container-bottom .btn-white:before {
        left: auto;
        right: 15px;
        background-image: url(https://ebusiness.total.com/assets/images/icons/arrow-back-red2_2x.png)
    }
    .container-piliers .block-pilier-dark-red .link-more {
        background: transparent;
        position: relative
    }
    .container-piliers .block-pilier-dark-red .link-more:before {
        content: "";
        background: url(https://ebusiness.total.com/assets/images/icons/arrow-red2_2x.png) no-repeat 0 0;
        display: block;
        position: absolute;
        height: 9px;
        width: 8px;
        background-size: cover;
        top: 6px;
        left: 0
    }
    .v-arabic .container-piliers .block-pilier-dark-red .link-more {
        background: transparent
    }
    .v-arabic .container-piliers .block-pilier-dark-red .link-more:before {
        background: url(https://ebusiness.total.com/assets/images/icons/arrow-back-red2_2x.png) no-repeat 0 0;
        left: auto;
        right: 0
    }
}

@media screen and (min-width: 960px) {
    .container-piliers .block-pilier .container-top p img {
    	width: 130px;
    }
}

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

/*
    .container-piliers .block-pilier {
        width: 230px;
        margin-left: 7px
    }
    .container-piliers .block-pilier .container-top {
        padding: 20px 20px 70px;
        height: 280px
    }
    .container-piliers .block-pilier .container-top h2 {
        font-size: 156%;
        width: 165px
    }
    .container-piliers .block-pilier .container-top p {
        font-size: 94%;
        line-height: 1em
    }

    .container-piliers .block-pilier .container-top p img {
    	width: 85px;
    }
    
    .container-piliers .block-pilier .container-top .icon-pilier {
        position: absolute;
        top: 7px;
        right: 7px;
        width: 35px;
        height: 35px
    }
    .container-piliers .block-pilier .container-bottom {
        height: 245px
    }
    .container-piliers .block-pilier .container-bottom .block-stat {
        height: 178px;
        width: 200px
    }
    .container-piliers .block-pilier .container-bottom .description p {
        font-size: 94%;
        line-height: 1em
    }
    .container-piliers .block-pilier .container-bottom img {
        height: 178px
    }
    .v-arabic .container-piliers .block-pilier .container-top .icon-pilier {
        left: 7px
    }
    
*/
}

@media screen and (max-width: 719px) {
    .container-piliers .block-pilier {
        float: none;
        width: auto;
        margin: 0 -8px 20px
    }
    .container-piliers .block-pilier:first-child {
        margin-left: -8px
    }
    .container-piliers .block-pilier:last-child {
        margin-bottom: 0;
    }
    .container-piliers .block-pilier .container-bottom {
        display: none;
    }
    .container-piliers .block-pilier .link-more {
        display: none;
    }
    .container-piliers .block-pilier .container-top {
        height: auto;
    }
    .container-piliers .block-pilier .container-top .icon-pilier {
        width: 53px;
        height: 52px;
    }
    .container-piliers .block-pilier .container-top h2 {
        width: 400px;
    }
    .container-beige.container-piliers {
        background: white;
        padding-bottom: 0;
    }
}

@media screen and (max-width: 479px) {
    .container-piliers .block-pilier {
        margin: 0 auto 15px;
        width: 300px;
    }
    .container-piliers .block-pilier:first-child {
        margin: auto;
    }
	.container-piliers .block-pilier .container-top {
		margin-bottom: 25px;
	}

    .container-piliers .block-pilier .container-top .icon-pilier {
        width: 38px;
        height: 37px;
    }
    .container-piliers .block-pilier .container-top h2 {
        width: 250px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .block-activities .list-activities li {
        background: transparent;
        position: relative
    }
    .block-activities .list-activities li:before {
        content: "";
        display: block;
        position: absolute;
        height: 12px;
        width: 12px;
        border-radius: 12px;
        background-color: #df0c36;
        top: 9px;
        left: 25px
    }
    .block-activities .list-activities li p>a:after {
        top: -1px
    }
    .isChrome .block-activities .list-activities li:before {
        top: 6px
    }
    .isChrome .block-activities .list-activities li p>a:after {
        bottom: 1px
    }
    .v-arabic .block-activities .list-activities li {
        background: transparent
    }
    .v-arabic .block-activities .list-activities li:before {
        left: auto;
        right: 25px
    }
}

@media screen and (max-width: 1080px) {
    .display-none-mob {
        display: none !important
    }
}

@media screen and (max-width: 959px) {
    .block-activities .list-activities {
        margin-left: 0
    }
    .block-activities .list-activities li {
        display: block;
        width: auto;
        margin-bottom: 50px;
        padding-left: 40px;
        background-position: 10px 8px
    }
    .v-arabic .block-activities .list-activities {
        margin-left: 0;
        margin-right: 0
    }
    .v-arabic .block-activities .list-activities li {
        padding: 0 40px 0 20px;
        background: url(https://ebusiness.total.com/assets/images/icons/marker-round-red-main.png) no-repeat 98% 8px
    }
}

@media screen and (max-width: 959px) and (-webkit-min-device-pixel-ratio: 2) {
    .block-activities .list-activities li:before {
        left: 13px
    }
    .v-arabic .block-activities .list-activities li:before {
        left: auto;
        right: 13px
    }
}

@media screen and (max-width: 719px) {
    .block-activities .list-activities li {
        background-position: 5px 5px;
        margin-bottom: 35px;
        padding: 0 10px 0 30px
    }
    .block-activities .list-activities li h3 {
        font-size: 133%
    }
    .block-activities .read-more {
        display: block
    }
    .v-arabic .block-activities .list-activities li {
        padding: 0 30px 0 10px
    }
}

@media screen and (max-width: 719px) and (-webkit-min-device-pixel-ratio: 2) {
    .block-activities .list-activities li:before {
        top: 7px;
        left: 3px
    }
    .v-arabic .block-activities .list-activities li:before {
        left: auto;
        right: 3px
    }
}

@media screen and (max-width: 479px) {
    .block-activities .list-activities li {
        background-position: 0 5px;
        margin-bottom: 25px;
        padding: 0 10px 0 25px
    }
    .block-activities .list-activities li h3 {
        margin-bottom: 7px
    }
    .v-arabic .block-activities .list-activities li {
        padding: 0 25px 0 10px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .block-websites .item-websites .link-more {
        background: transparent;
        position: absolute
    }
    .block-websites .item-websites .link-more:before {
        content: "";
        background: url(https://ebusiness.total.com/assets/images/icons/arrow-red-mini_2x.png) no-repeat 0 0;
        display: block;
        position: absolute;
        height: 8px;
        width: 7px;
        background-size: cover;
        top: 6px;
        left: 0
    }
    .block-websites .item-websites .v-arabic .link-more {
        background: transparent
    }
    .block-websites .item-websites .v-arabic .link-more:before {
        left: auto;
        right: 0;
        background-image: url(https://ebusiness.total.com/assets/images/icons/arrow-back-red-mini_2x.png)
    }
}

@media screen and (max-width: 959px) {
    .block-websites {
        margin: 0 -3px 0 -4px
    }
    .block-websites .title-2color,
    .block-websites .text-rte h2,
    .text-rte .block-websites h2 {
        margin: 0 0 25px 10px
    }
    .block-websites .item-websites {
        width: 230px;
        padding: 10px 10px 35px;
        margin: 0 3px 20px 4px
    }
    .block-websites .item-websites h3 {
        margin-bottom: 10px
    }
    .block-websites .btn-red,
    .block-websites .mosaic-no-image .item-mosaic .description .btn-white,
    .mosaic-no-image .item-mosaic .description .block-websites .btn-white {
        margin-right: 3px
    }
    .v-arabic .block-websites .btn-red,
    .v-arabic .block-websites .mosaic-no-image .item-mosaic .description .btn-white,
    .mosaic-no-image .item-mosaic .description .v-arabic .block-websites .btn-white {
        float: left;
        margin-left: 3px
    }
    .v-arabic .block-websites .title-2color,
    .v-arabic .block-websites .text-rte h2,
    .text-rte .v-arabic .block-websites h2 {
        margin: 0 10px 25px 0
    }
    .container-beige-diagonal .block-websites {
        margin: 0 -10px
    }
    .container-beige-diagonal .block-websites .item-websites {
        width: 340px;
        min-height: 135px;
        padding: 10px 10px 35px;
        margin: 0 10px 20px 10px
    }
}

@media screen and (max-width: 719px) {
    .block-websites {
        margin: 0
    }
    .block-websites .title-2color,
    .block-websites .text-rte h2,
    .text-rte .block-websites h2 {
        margin: 0 0 25px 0
    }
    .block-websites .item-websites {
        float: none;
        width: auto;
        padding: 10px;
        margin: 0 0 15px;
        min-height: 40px;
        background-color: #f8f8f8;
        text-align: left
    }
    .block-websites .item-websites h3 {
        margin-bottom: 10px;
        font-size: 139%
    }
    .block-websites .item-websites .link-more {
        position: relative;
        right: auto;
        bottom: auto;
        margin-top: 15px;
        display: inline-block;
        width: 100%
    }
    .block-websites .item-websites img {
        margin: 0
    }
    .block-websites .btn-red,
    .block-websites .mosaic-no-image .item-mosaic .description .btn-white,
    .mosaic-no-image .item-mosaic .description .block-websites .btn-white {
        margin-right: -8px
    }
    .block-websites .read-more {
        display: block
    }
    .container-beige-diagonal .block-websites {
        margin: 0
    }
    .container-beige-diagonal .block-websites .item-websites {
        width: auto;
        margin: 0 0 20px 0;
        height: auto;
        padding-bottom: 15px
    }
    .container-beige-diagonal .block-websites .item-websites:first-child {
        margin-left: 0px
    }
    .container-beige-diagonal .block-websites .item-websites .link-more {
        position: static;
        margin-top: 15px;
        float: right
    }
    .v-arabic .block-websites .btn-red,
    .v-arabic .block-websites .mosaic-no-image .item-mosaic .description .btn-white,
    .mosaic-no-image .item-mosaic .description .v-arabic .block-websites .btn-white {
        margin-left: -8px
    }
    .v-arabic .block-websites .item-websites .link-more {
        float: none
    }
    .v-arabic .block-websites .title-2color,
    .v-arabic .block-websites .text-rte h2,
    .text-rte .v-arabic .block-websites h2 {
        margin: 0 0 25px 0
    }
}

@media screen and (max-width: 479px) {
    .block-websites .item-websites {
        margin: 0 -10px 15px
    }
    .block-websites .item-websites:first-child {
        margin-left: -10px
    }
    .block-websites .btn-red,
    .block-websites .mosaic-no-image .item-mosaic .description .btn-white,
    .mosaic-no-image .item-mosaic .description .block-websites .btn-white {
        margin-right: -10px
    }
    .v-arabic .block-websites .btn-red,
    .v-arabic .block-websites .mosaic-no-image .item-mosaic .description .btn-white,
    .mosaic-no-image .item-mosaic .description .v-arabic .block-websites .btn-white {
        margin-left: -10px
    }
}

@media screen and (max-width: 959px) {
    .container-block-news .btn-red,
    .container-block-news .mosaic-no-image .item-mosaic .description .btn-white,
    .mosaic-no-image .item-mosaic .description .container-block-news .btn-white {
        margin-right: 0px;
        display: none
    }
    .block-news .btn-red,
    .block-news .mosaic-no-image .item-mosaic .description .btn-white,
    .mosaic-no-image .item-mosaic .description .block-news .btn-white {
        margin-bottom: 10px;
        display: block
    }
    .block-news .clear {
        clear: both
    }
}

@media screen and (max-width: 719px) {
    .v-arabic .container-block-news .btn-red,
    .v-arabic .container-block-news .mosaic-no-image .item-mosaic .description .btn-white,
    .mosaic-no-image .item-mosaic .description .v-arabic .container-block-news .btn-white {
        margin-left: 0px
    }
    .block-news {
        margin-bottom: -20px
    }
    .block-news h2 {
        padding: 0 8px 10px 8px;
        font-size: 183%
    }
    .block-news li {
        padding: 15px 8px 25px
    }
    .block-news li time {
        float: none;
        width: auto;
        font-size: 100%;
        line-height: 1em;
        font-family: "Roboto Condensed";
        font-weight: normal;
        margin: 0 0 10px;
        display: block
    }
    .block-news li time span {
        display: inline;
        font-size: 100%
    }
    .block-news li time span:before {
        content: "\002F";
        display: inline-block
    }
    .block-news li h3,
    .block-news li p {
        margin-left: 0
    }
    .block-news li h3 {
        font-size: 139%
    }
    .v-arabic .block-news li time {
        float: none
    }
    .v-arabic .block-news li h3,
    .v-arabic .block-news li p {
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (max-width: 479px) {
    .container-block-news {
        background: white;
        margin: 0 -10px 15px;
        padding: 10px 10px 10px
    }
    .container-block-news .btn-red,
    .container-block-news .mosaic-no-image .item-mosaic .description .btn-white,
    .mosaic-no-image .item-mosaic .description .container-block-news .btn-white {
        margin-right: -10px
    }
    .v-arabic .container-block-news .btn-red,
    .v-arabic .container-block-news .mosaic-no-image .item-mosaic .description .btn-white,
    .mosaic-no-image .item-mosaic .description .v-arabic .container-block-news .btn-white {
        margin-left: -10px
    }
    .block-news {
        background: white
    }
}

@media screen and (max-width: 959px) {
    .block-social-news {
        min-height: 100px
    }
    .block-social-news h2 {
        text-transform: uppercase
    }
    .block-social-news .tabs {
        display: none
    }
    .block-social-news .tabs li {
        padding: 15px
    }
    .block-social-news .tabs li .title-facebook {
        padding: 13px 0 12px 80px;
        font-size: 125%;
        background: url(https://ebusiness.total.com/assets/images/icons/icon-facebook-big.png) no-repeat 0px 0
    }
    .block-social-news .tabs li .title-twitter {
        padding: 13px 0 12px 80px;
        font-size: 125%;
        background: url(https://ebusiness.total.com/assets/images/icons/icon-twitter-big.png) no-repeat 0px 0
    }
    .block-social-news .btn-social {
        display: none
    }
    .block-social-news .block-social-item {
        width: 330px;
        float: left
    }
    .block-social-news .block-social-item .title-facebook {
        color: #3b5998;
        font-weight: normal;
        display: block;
        padding: 13px 0 12px 70px;
        font-size: 125%;
        background: url(https://ebusiness.total.com/assets/images/icons/icon-facebook-big.png) no-repeat 0px 0;
        margin: 10px 0 0 10px
    }
    .block-social-news .block-social-item .title-twitter {
        display: block;
        color: #5ea9dd;
        font-weight: normal;
        padding: 13px 0 12px 70px;
        font-size: 125%;
        background: url(https://ebusiness.total.com/assets/images/icons/icon-twitter-big.png) no-repeat 0px 0;
        margin: 10px 0 0 10px
    }
    .block-social-news .block-social-item .btn-social {
        margin: 20px 10px 0 0;
        display: block
    }
    .block-social-news .block-social-item li {
        padding: 15px
    }
    .block-social-news .block-social-item li .date {
        font-size: 77%;
        margin-top: 10px
    }
    .block-social-news .block-twitter {
        margin-left: 40px
    }
    .v-arabic .block-social-news .block-social-item .title-facebook {
        padding: 13px 70px 12px 0;
        background-position: 100% 0;
        margin: 10px 10px 0 0
    }
    .v-arabic .block-social-news .block-social-item .title-twitter {
        padding: 13px 70px 12px 0;
        background-position: 100% 0;
        margin: 10px 10px 0 0
    }
}

@media screen and (max-width: 719px) {
    .block-social-news {
        margin-top: 40px;
        margin-bottom: 15px
    }
    .block-social-news .tabs {
        display: block
    }
    .block-social-news .btn-social {
        display: block
    }
    .block-social-news .block-social-item {
        width: auto;
        float: none
    }
    .block-social-news .block-social-item .btn-social,
    .block-social-news .block-social-item .title-facebook,
    .block-social-news .block-social-item .title-twitter {
        display: none
    }
    .block-social-news .block-twitter {
        margin-left: 0
    }
    .v-arabic .block-social-news .tabs li .title-facebook {
        padding: 13px 80px 12px 0;
        background-position: 100% 0
    }
    .v-arabic .block-social-news .tabs li .title-twitter {
        padding: 13px 80px 12px 0;
        background-position: 100% 0
    }
}

@media screen and (max-width: 479px) {
    .block-social-news .tabs li {
        width: 70px;
        overflow: hidden
    }
    .block-social-news .tabs .ui-state-active {
        text-indent: 0;
        width: 220px
    }
}

@media screen and (max-width: 959px) {
    .text-rte table {
        width: 100% !important
    }
    .text-rte img {
        max-width: 100%;
        height: auto
    }
}

@media screen and (max-width: 479px) {
    .text-rte img {
        width: 100%;
        height: auto;
        display: block
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .item-mosaic .description .link-more {
        background: transparent;
        position: relative
    }
    .item-mosaic .description .link-more:before {
        content: "";
        background: url(https://ebusiness.total.com/assets/images/icons/arrow-white_2x.png) no-repeat 0 0;
        display: block;
        position: absolute;
        height: 9px;
        width: 8px;
        background-size: cover;
        top: 6px;
        left: 0
    }
    .isChrome .item-mosaic .description .link-more:before {
        top: 5px
    }
    .v-arabic .item-mosaic .description .link-more {
        background: transparent
    }
    .v-arabic .item-mosaic .description .link-more:before {
        left: auto;
        right: 0
    }
}

@media screen and (max-width: 959px) {
    .item-mosaic {
        width: 220px;
        height: 370px
    }
    .mosaic-no-image .item-mosaic {
        float: none;
        width: auto;
        height: auto;
        margin-bottom: 20px
    }
    .mosaic-no-image .item-mosaic .description h3 {
        font-size: 155%;
        margin-bottom: 20px
    }
    .img-focus {
        margin: 0 0 20px 10px
    }
    .mosaic-no-js {
        margin: 0 -10px
    }
    .mosaic-no-js .item-mosaic {
        margin: 0 10px 20px
    }
    .mosaic-no-js .links span {
        margin-top: 10px
    }
}

@media screen and (max-width: 719px) {
    .mosaic {
        margin: 0 -8px -5px
    }
    .mosaic .bx-wrapper {
        margin-left: 0
    }
    .item-mosaic {
        width: 480px;
        height: 430px;
        margin: 0;
        display: block
    }
    .item-mosaic .image {
        height: 310px
    }
    .item-mosaic .description {
        padding: 15px 10px 60px
    }
    .item-mosaic .description p {
        font-size: 122%
    }
    .item-mosaic .description .btn-white {
        right: 0;
        bottom: 20px
    }
    .item-empty {
        display: none !important
    }
    .mosaic-big-image,
    .mosaic-basic {
        display: none
    }
    .mosaic-small-image {
        display: block
    }
    .mosaic-no-js .item-mosaic {
        margin: 0 0 13px;
        width: auto;
        float: none;
        height: 480px
    }
    .mosaic-no-js .item-mosaic .links {
        padding-bottom: 5px
    }
    .mosaic-no-js .item-mosaic .links span {
        margin-top: 25px
    }
    .mosaic-no-js .pager {
        margin: 27px 0 15px
    }
}

@media only screen and (max-width: 719px) and (-webkit-min-device-pixel-ratio: 2) {
    .item-mosaic .description .link-more:before {
        top: 7px
    }
}

@media screen and (max-width: 479px) {
    .mosaic {
        margin: 0 -10px -5px
    }
    .mosaic .bx-controls-direction .bx-prev,
    .mosaic .bx-controls-direction .bx-next {
        top: 65px
    }
    .item-mosaic {
        width: 320px;
        height: 384px;
        margin: 0;
        display: block
    }
    .item-mosaic .image {
        height: 240px
    }
    .item-mosaic .description p {
        font-size: 122%
    }
    .item-mosaic .btn-white {
        right: 0;
        bottom: 20px
    }
    .mosaic-no-js .item-mosaic {
        height: 420px
    }
    .mosaic-no-js .item-mosaic .links {
        padding-bottom: 5px
    }
    .mosaic-no-js .item-mosaic .links span {
        margin-top: 15px
    }
    .mosaic-no-js .pager {
        margin: 15px 0 0
    }
}

@media screen and (max-width: 959px) {
    .worldwide-tabs .tabs-title {
        font-size: 94%
    }
    .worldwide-tabs .tabs-title li {
        padding: 10px 8px;
        width: auto
    }
    .worldwide-tabs .tabs-title li:first-child {
        width: auto
    }
    .worldwide-tabs .tabs-content .name {
        width: 385px;
        padding-left: 20px
    }
    .worldwide-tabs .tabs-content .legend {
        font-size: 100%;
        width: 280px
    }
}

@media screen and (max-width: 719px) {
    .worldwide-tabs {
        margin: 0 -8px
    }
    .worldwide-tabs .tabs-title {
        font-size: 133%;
        display: none
    }
    .worldwide-tabs .tabs-title li {
        padding: 15px 10px;
        display: block;
        background: url(https://ebusiness.total.com/assets/images/menu-mob-border.png) no-repeat top left
    }
    .worldwide-tabs .tabs-title li:first-child {
        background-image: none;
        width: auto;
        padding: 15px 10px
    }
    .worldwide-tabs .tabs-title li h3 {
        font-size: 100%
    }
    .worldwide-tabs .tabs-title li br {
        display: none
    }
    .worldwide-tabs .tabs-title .ui-state-active {
        background-color: #fff;
        color: #666666
    }
    .worldwide-tabs .tabs-title .ui-state-active a {
        color: #666666
    }
    .worldwide-tabs .tabs-content .name {
        width: auto;
        font-size: 183%;
        position: static;
        padding-left: 15px
    }
    .worldwide-tabs .tabs-content .name-legend {
        width: auto;
        position: static;
        padding-left: 15px;
        display: block
    }
    .worldwide-tabs .tabs-content .legend {
        font-size: 100%;
        width: auto;
        float: none;
        margin-bottom: 25px;
        padding: 0 0 0 15px
    }
    .worldwide-tabs .tabs-content .legend li {
        float: none;
        width: 32%;
        display: inline-block
    }
    .worldwide-tabs .tabs-content .legend li:first-child {
        width: 32%
    }
    .worldwide-tabs .tabs-content .img-map {
        overflow: hidden;
        width: 478px;
        height: 325px;
        position: relative
    }
    .worldwide-tabs .tabs-content .img-map img {
        width: auto;
        height: auto;
        position: absolute;
        top: -40%;
        left: -40%
    }
    .worldwide-tabs .tabs-content .img-map .icons-btn-map {
        display: block;
        position: absolute;
        top: 10px;
        right: 10px
    }
}

@media screen and (max-width: 479px) {
    .worldwide-tabs {
        margin: 0 -10px
    }
    .worldwide-tabs .tabs-title {
        font-size: 110%
    }
    .worldwide-tabs .tabs-title li {
        padding: 15px 10px;
        display: block;
        background: url(https://ebusiness.total.com/assets/images/menu-mob-border.png) no-repeat top left
    }
    .worldwide-tabs .tabs-title li h3 {
        font-size: 100%
    }
    .worldwide-tabs .tabs-content .img-map {
        display: none
    }
    .worldwide-tabs .tabs-content .name {
        width: auto;
        font-size: 138%;
        position: static;
        padding: 0 10px 10px
    }
    .worldwide-tabs .tabs-content .name-legend {
        width: auto;
        position: static;
        display: block;
        padding: 0 10px 10px
    }
    .worldwide-tabs .tabs-content .legend {
        font-size: 110%;
        width: auto;
        float: none;
        padding: 20px 10px 5px;
        margin: 0
    }
    .worldwide-tabs .tabs-content .legend li {
        width: auto;
        display: block;
        margin: 0 0 20px
    }
    .worldwide-tabs .tabs-content .legend li:first-child {
        width: auto
    }
    .worldwide-tabs .tabs-content .legend li span {
        display: block;
        float: right
    }
    .v-arabic .worldwide-tabs .tabs-content .legend li span {
        float: left
    }
}

@media screen and (min-width: 960px) {
    .block-fey-figures .list-figures li {
        padding-top: 10px !important
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .block-fey-figures .link-more:before {
        top: 5px
    }
}

@media screen and (max-width: 959px) {
    .block-fey-figures .list-figures li {
        margin: 0 10px 20px;
        width: 320px;
        height: 215px
    }
    .block-fey-figures .list-figures li .description {
        height: auto
    }
    .block-fey-figures .list-figures .number-container {
        margin-bottom: 30px
    }
    .block-fey-figures .list-figures .number-container .js-number {
        text-align: left
    }
    .block-fey-figures .legend {
        margin-top: -10px
    }
    .block-fey-figures .link-more {
        margin: 0 5px 0 0
    }
}

@media screen and (max-width: 719px) {
    .block-fey-figures .list-figures {
        margin: 0
    }
    .block-fey-figures .list-figures li {
        margin: 0 5px 10px;
        width: 200px;
        height: 250px;
        padding-top: 10px !important
    }
    .block-fey-figures .list-figures li .description {
        height: auto
    }
    .block-fey-figures .list-figures li .number {
        height: 155px
    }
    .block-fey-figures .list-figures .number-container {
        margin-bottom: 30px
    }
    .block-fey-figures .list-figures .number-container .js-number {
        height: 120px
    }
    .block-fey-figures .legend {
        margin-top: 0px;
        float: none
    }
    .block-fey-figures .link-more {
        margin: 0 5px 0 0;
        background-position: 0 5px
    }
    .v-arabic .block-fey-figures .link-more {
        float: left;
        background-position: 98% 5px
    }
    .isChrome .block-fey-figures .link-more {
        float: left;
        background-position: 0 4px
    }
    .isChrome .v-arabic .block-fey-figures .link-more {
        float: left;
        background-position: 98% 4px
    }
}

@media screen and (max-width: 719px) and (-webkit-min-device-pixel-ratio: 2) {
    .block-fey-figures .link-more:before {
        top: 6px;
        left: 0
    }
}

@media screen and (max-width: 479px) {
    .block-fey-figures .list-figures {
        margin: 0 -10px
    }
    .block-fey-figures .list-figures li {
        padding-top: 10px !important;
        margin: 0 0 20px;
        width: 300px;
        height: 105px
    }
    .block-fey-figures .list-figures li .description {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 130px;
        font-size: 110%;
        padding: 0
    }
    .block-fey-figures .list-figures .number-container {
        display: inline-block;
        vertical-align: middle;
        width: 145px;
        margin: 0 10px 0 0
    }
    .block-fey-figures .list-figures .number-container .js-number {
        height: 105px;
        width: 145px;
        vertical-align: middle;
        text-align: center
    }
    .block-fey-figures .list-figures .item-text em {
        font-size: 22px
    }
    .block-fey-figures .list-figures .item-sup em {
        font-size: 22px
    }
    .block-fey-figures .legend {
        margin: 0 0 15px;
        float: none
    }
    .block-fey-figures .link-more {
        margin: 0 0 0 0
    }
}

@media screen and (max-width: 719px) {
    .block-partners .btn-red,
    .block-partners .mosaic-no-image .item-mosaic .description .btn-white,
    .mosaic-no-image .item-mosaic .description .block-partners .btn-white {
        margin-top: 40px;
        float: right
    }
}

@media screen and (max-width: 959px) {
    .page-text-media .banner-video {
        margin: -5px -8px 40px
    }
}

@media screen and (max-width: 719px) {
    .page-text-media .btn-red,
    .page-text-media .mosaic-no-image .item-mosaic .description .btn-white,
    .mosaic-no-image .item-mosaic .description .page-text-media .btn-white {
        margin: 40px -10px 0 0
    }
}

@media screen and (max-width: 479px) {
    .page-text-media .banner-video {
        margin: -5px -10px 40px
    }
}

@media screen and (max-width: 959px) {
    .block-resume {
        padding-top: 10px;
        margin: 10px 0 20px 0
    }
}

@media screen and (max-width: 719px) {
    .block-resume {
        margin: 10px 7px 20px;
        padding: 10px 10px 0
    }
}

@media screen and (max-width: 959px) {
    .slider-3slides {
        margin: 0 -10px
    }
    .slider-3slides .item-mosaic .btn-white {
        width: auto;
        padding-right: 10px
    }
    .slider-3slides .bx-controls-direction .bx-prev,
    .slider-3slides .bx-controls-direction .bx-next {
        height: 370px
    }
}

@media screen and (max-width: 719px) {
    .slider-3slides .bx-pager .bx-pager-item .bx-pager-link {
        width: 15px;
        height: 15px
    }
    .slider-3slides .bx-controls-direction .bx-prev,
    .slider-3slides .bx-controls-direction .bx-next {
        position: absolute;
        top: 100px;
        height: 110px;
        width: 24px;
        text-indent: 24px;
        overflow: hidden
    }
    .slider-3slides .bx-controls-direction .bx-prev {
        left: 0;
        background: #df0c36 url(https://ebusiness.total.com/assets/images/icons/arrow-white-little-left.png) no-repeat center center
    }
    .slider-3slides .bx-controls-direction .bx-next {
        right: 0;
        background: #df0c36 url(https://ebusiness.total.com/assets/images/icons/arrow-white-little-right.png) no-repeat center center
    }
}

@media screen and (max-width: 479px) {
    .slider-3slides .bx-controls-direction .bx-prev,
    .slider-3slides .bx-controls-direction .bx-next {
        top: 64px
    }
}

@media screen and (max-width: 959px) {
    .double-slider {
        padding: 0 10px;
        margin: -30px -8px
    }
    .double-slider .second-slider .bx-next,
    .double-slider .second-slider .bx-prev {
        height: 126px
    }
    .double-slider .second-slider .bx-next {
        right: -48px
    }
    .double-slider .second-slider .bx-prev {
        left: -48px
    }
    .double-slider .slider-4slide li {
        height: 126px;
        width: 125px
    }
    .double-slider .slider-4slide li img {
        height: 126px
    }
    .double-slider .slider-1slide li {
        height: auto;
        margin: 0
    }
    .double-slider .slider-1slide li .image {
        text-align: center;
        height: 340px;
        overflow: hidden
    }
    .double-slider .slider-1slide li img {
        width: 100%;
        height: auto
    }
    .double-slider .first-slider .btn-next,
    .double-slider .first-slider .btn-prev {
        top: 80px
    }
    .isChrome .double-slider .first-slider {
        width: 702px !important;
        overflow: hidden
    }
    .isChrome .double-slider .first-slider .bx-wrapper,
    .isChrome .double-slider .first-slider .bx-wrapper li {
        width: 703px !important
    }
}

@media screen and (max-width: 719px) {
    .double-slider {
        padding: 0;
        margin: -30px -8px
    }
    .double-slider .second-slider {
        display: none
    }
    .double-slider .first-slider .bx-pager {
        display: block;
        padding: 15px 0 10px;
        margin: 0
    }
    .double-slider .first-slider .btn-next,
    .double-slider .first-slider .btn-prev {
        position: absolute;
        top: 100px;
        height: 110px;
        width: 24px;
        text-indent: 24px;
        overflow: hidden
    }
    .double-slider .first-slider .btn-next {
        right: 0;
        background: #df0c36 url(https://ebusiness.total.com/assets/images/icons/arrow-white-little-right.png) no-repeat center center
    }
    .double-slider .first-slider .btn-prev {
        left: 0;
        background: #df0c36 url(https://ebusiness.total.com/assets/images/icons/arrow-white-little-left.png) no-repeat center center
    }
    .double-slider .slider-1slide li {
        height: auto;
        margin: 0
    }
    .double-slider .slider-1slide li .image {
        height: 310px
    }
    .double-slider .slider-1slide li img {
        width: auto;
        height: 100%
    }
    .isChrome .double-slider .first-slider {
        width: 480px !important;
        overflow: hidden
    }
    .isChrome .double-slider .first-slider .bx-wrapper,
    .isChrome .double-slider .first-slider .bx-wrapper li {
        width: 481px !important
    }
}

@media screen and (max-width: 479px) {
    .double-slider {
        margin: -30px -10px
    }
    .double-slider .first-slider .btn-next,
    .double-slider .first-slider .btn-prev {
        top: 64px
    }
    .double-slider .slider-1slide li .image {
        height: 240px
    }
    .isChrome .double-slider .first-slider {
        width: 320px !important;
        overflow: hidden
    }
    .isChrome .double-slider .first-slider .bx-wrapper,
    .isChrome .double-slider .first-slider .bx-wrapper li {
        width: 321px !important
    }
}

@media screen and (max-width: 959px) {
    .block-33 .block-shared {
        margin: 0 7px 10px;
        padding: 20px 15px
    }
    .block-33 .block-shared h2 {
        margin-bottom: 20px
    }
    .block-33 .block-shared li {
        display: inline-block;
        margin-left: 30px;
        margin-top: 0
    }
    .block-33 .block-shared li:first-child {
        margin-left: 0
    }
    .container-beige .block-shared {
        padding: 20px 0 30px
    }
    .container-beige .block-shared li {
        display: inline-block;
        margin: 0 0 0 30px
    }
    .container-beige .block-shared li:first-child {
        margin: 0
    }
    .container-beige .block-shared ul {
        display: block
    }
    .container-beige .block-shared h2 {
        display: block;
        margin: 0 0 20px 0;
        float: none
    }
}

@media screen and (max-width: 719px) {
    .block-33 .block-shared {
        padding: 15px 10px
    }
    .block-33 .block-shared li {
        display: block;
        margin-top: 30px;
        margin-left: 0
    }
    .block-shared {
        font-size: 166%
    }
    .container-beige .block-shared {
        padding: 15px
    }
    .container-beige .block-shared li {
        display: block;
        margin: 30px 0 0
    }
    .container-beige .block-shared li:first-child {
        margin: 10px 0 0
    }
    .container-beige .block-shared h2 {
        margin: 0
    }
}

@media screen and (max-width: 479px) {
    .container-beige .block-shared {
        padding: 15px 10px
    }
}


/****************************/
/* original style overrides */

body {
font-size: 16px;
    font-family: Arial;
    color: #666666;
    min-height: 100%;
    line-height: 1.12em;
    transform-origin: center top 0;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0.1s;
}

footer .site-slogan {
    text-align: center;
    text-transform: uppercase;
    color: #df0c36;
    padding: 0;
    margin: 0;
    font-size: 13px;
}

p {
    letter-spacing: 0.4px;
    line-height: 1.4em;
    text-align: justify;
    width: 100%;
}

.cookies ul {
    margin-left: 20px;
    list-style-type: disc;
    line-height: 1.5em;
    margin-bottom: 12px;
    font-size: 16px;
    text-align: justify;
    letter-spacing: 0.4px;
}
.cookies a {
/*    color: #666; */
	color: #374649;
	text-decoration: underline;
}
.cookies a:hover {
/*	color: #df0c36; */
	color: #ed0000;
}

h1 {
    border-bottom: 1px solid #000;
    color: #df0c36;
    font-family: "Roboto Condensed";
    font-size: 375%;
    font-weight: normal;
    line-height: 1em;
    margin-bottom: 20px;
    padding-bottom: 20px;
    text-transform: uppercase;
}

a {
	-webkit-transition: 0.3s 0s;
}

h4 {
	font-family: "Roboto Condensed";
	font-weight: 600;
	font-style: italic;
	text-decoration: underline;
	font-size: 24px;
	margin: 10px 0;
}

.underline-links {
	text-decoration: underline;
	color: #666;
}
.underline-links:hover {
	color: #df0c36;
}


.note-legend {
    letter-spacing: 0.4px;
    line-height: 1em;
    text-align: left;
    font-size: 14px;
	width: 95%;
	float: right;
	text-align: justify;
}
.note-legend a {
	text-decoration: underline;
}
.note-legend a:hover {
	color: #df0c36;
}

.note-number {
    letter-spacing: 0.4px;
    line-height: 1em;
    text-align: left;
    font-size: 14px;
	width: 5%;
	float: left;
}

.banner img {
	width: 1420px;
	height: 378px;
}

/*
.caption {
    background: transparent url(/assets/images/fancy-over.png) repeat scroll 0 0;
    position: absolute;
    bottom: 0;
    color: #fff;
    height: 60px;
    overflow: hidden;
    font: normal 32px/34px "Roboto Condensed",Arial;
    padding: 18px 0 33px;
    width: 100%;
 }

 .caption .cover-text {
    padding-left: 3px;
 }
*/

.tableau {
    border-collapse: collapse;
    border-spacing: 0;
    border-style: solid;
    border-color: #444;
    border-width: 2px;
    width: 100%;
}

.tableau.display-480 {
    display: none;
    border-width: 1px;
}
	
.tableau td {
    border-collapse: collapse;
    border-spacing: 0;
    border-style: solid;
    border-color: #444;
    border-width: 1px;
    width: auto;
    padding: 2px 5px;
}

.tableau td a {
    color: #666;
    font-size: inherit;
    text-decoration: underline;
}

.tableau td a:hover {
    color: #DF0C36;
}

.tableau.title td {
    border-collapse: collapse;
    border-spacing: 0;
    border-style: solid;
    border-color: #444;
    border-width: 1px;
    width: auto;
    padding: 5px 5px;
}

/**** Block Pilier petrol ****/

a.block-pilier.block-pilier-petrol {
    text-decoration: none;
}

.container-piliers .block-pilier .container-top h2 {
	color: #FFFFFF;
}

.container-piliers .block-pilier-petrol .container-top,
.container-piliers .block-pilier-petrol .container-bottom {
 	background-color: #A4AFAF;
 	background: -webkit-gradient(linear, left top, right bottom, from(#A4AFAF), to(#4F5B66));
 	background: -webkit-linear-gradient(305deg, #A4AFAF, #4F5B66);
 	background: -moz-linear-gradient(305deg, #A4AFAF, #4F5B66);
 	background: -ms-linear-gradient(305deg, #A4AFAF, #4F5B66);
 	background: -o-linear-gradient(305deg, #A4AFAF, #4F5B66);
 	background: linear-gradient(to right bottom, #A4AFAF, #4F5B66);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#A4AFAF, endColorstr=#4F5B66);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    text-decoration: none;
}
.container-piliers .block-pilier-petrol .container-top:hover,
.container-piliers .block-pilier-petrol .container-bottom:hover {
	background-color: #7E878F;
	background: -webkit-gradient(linear, left top, right bottom, from(#7E878F), to(#314351));
 	background: -webkit-linear-gradient(305deg, #7E878F, #314351);
 	background: -moz-linear-gradient(305deg, #7E878F, #314351);
 	background: -ms-linear-gradient(305deg, #7E878F, #314351);
 	background: -o-linear-gradient(305deg, #7E878F, #314351);
 	background: linear-gradient(to right bottom, #7E878F, #314351);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7E878F, endColorstr=#314351);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    text-decoration: none;
}

.container-piliers .block-pilier-petrol .container-top .block-stat,
.container-piliers .block-pilier-petrol .container-bottom .block-stat {
    color: #4F5B66;
    transition: 0.5s;
    text-decoration: none;
}
.container-piliers .block-pilier-petrol .container-top .block-stat:hover,
.container-piliers .block-pilier-petrol .container-bottom .block-stat:hover {
    color: #314351;
    transition: 0.5s;
    text-decoration: none;
}
.container-piliers .block-pilier-petrol .container-top .btn-white,
.container-piliers .block-pilier-petrol .container-bottom .btn-white {
    color: #4F5B66;
  /*  background-image: url(/public/share/assets/images/arrow-darkred.png); */
    transition: 0.5s;
    text-decoration: none;
    width: 130px;
}
.container-piliers .block-pilier-petrol .container-top:hover .btn-white,
.container-piliers .block-pilier-petrol .container-bottom:hover .btn-white {
    color: #314351;
  /*  background-image: url(/public/share/assets/images/arrow-darkred.png); */
    transition: 0.5s;
    text-decoration: none;
    width: 130px;
}
.container-piliers .block-pilier-petrol .link-more {
    color: #4F5B66;
    background-image: url(/public/share/assets/images/arrow-darkred.png);
    transition: 0.5s;
    text-decoration: none;
}
.container-piliers .block-pilier-petrol .link-more:hover {
    color: #314351;
    background-image: url(/public/share/assets/images/arrow-darkred.png);
    transition: 0.5s;
    text-decoration: none;
}

/**** Block Pilier totalblue ****/

a.block-pilier.block-pilier-totalblue {
    text-decoration: none;
}

.container-piliers .block-pilier .container-top h2 {
	color: #FFFFFF;
}

.container-piliers .block-pilier-totalblue .container-top,
.container-piliers .block-pilier-totalblue .container-bottom {
/*
 	background-color: #759ED0;
 	background: -webkit-gradient(linear, left top, right bottom, from(#759ED0), to(#004196));
 	background: -webkit-linear-gradient(305deg, #759ED0, #004196);
 	background: -moz-linear-gradient(305deg, #759ED0, #004196);
 	background: -ms-linear-gradient(305deg, #759ED0, #004196);
 	background: -o-linear-gradient(305deg, #759ED0, #004196);
 	background: linear-gradient(to right bottom, #759ED0, #004196);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#759ED0, endColorstr=#004196); */
 	background-color: #009cea;
 	background: -webkit-gradient(linear, left top, right bottom, from(#009cea), to(#004196));
 	background: -webkit-linear-gradient(305deg, #009cea, #004196);
 	background: -moz-linear-gradient(305deg, #009cea, #004196);
 	background: -ms-linear-gradient(305deg, #009cea, #004196);
 	background: -o-linear-gradient(305deg, #009cea, #004196);
 	background: linear-gradient(to right bottom, #009cea, #004196);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#009cea, endColorstr=#004196);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    text-decoration: none;
}
.container-piliers .block-pilier-totalblue .container-top:hover,
.container-piliers .block-pilier-totalblue .container-bottom:hover {
/*
	background-color: #4f83c3;
	background: -webkit-gradient(linear, left top, right bottom, from(#4f83c3), to(#002b63));
 	background: -webkit-linear-gradient(305deg, #4f83c3, #002b63);
 	background: -moz-linear-gradient(305deg, #4f83c3, #002b63);
 	background: -ms-linear-gradient(305deg, #4f83c3, #002b63);
 	background: -o-linear-gradient(305deg, #4f83c3, #002b63);
 	background: linear-gradient(to right bottom, #4f83c3, #002b63);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4f83c3, endColorstr=#002b63); */
	background-color: #ef6f00;
	background: -webkit-gradient(linear, left top, right bottom, from(#ef6f00), to(#ee0000));
 	background: -webkit-linear-gradient(305deg, #ef6f00, #ee0000);
 	background: -moz-linear-gradient(305deg, #ef6f00, #ee0000);
 	background: -ms-linear-gradient(305deg, #ef6f00, #ee0000);
 	background: -o-linear-gradient(305deg, #ef6f00, #ee0000);
 	background: linear-gradient(to right bottom, #ef6f00, #ee0000);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ef6f00, endColorstr=#ee0000);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    text-decoration: none;

}

.container-piliers .block-pilier-totalblue .container-top .block-stat,
.container-piliers .block-pilier-totalblue .container-bottom .block-stat {
    color: #004196;
    transition: 0.5s;
    text-decoration: none;
}
.container-piliers .block-pilier-totalblue .container-top .block-stat:hover,
.container-piliers .block-pilier-totalblue .container-bottom .block-stat:hover {
    color: #002b63;
    transition: 0.5s;
    text-decoration: none;
}
.container-piliers .block-pilier-totalblue .container-top .btn-white,
.container-piliers .block-pilier-totalblue .container-bottom .btn-white {
    color: #004196;
  /*  background-image: url(/public/share/assets/images/arrow-darkred.png); */
    transition: 0.5s;
    text-decoration: none;
    width: 130px;
}
.container-piliers .block-pilier-totalblue .container-top:hover .btn-white,
.container-piliers .block-pilier-totalblue .container-bottom:hover .btn-white {
    color: #002b63;
  /*  background-image: url(/public/share/assets/images/arrow-darkred.png); */
    transition: 0.5s;
    text-decoration: none;
    width: 130px;
}
.container-piliers .block-pilier-totalblue .link-more {
    color: #004196;
    background-image: url(/public/share/assets/images/arrow-darkred.png);
    transition: 0.5s;
    text-decoration: none;
}
.container-piliers .block-pilier-totalblue .link-more:hover {
    color: #002b63;
    background-image: url(/public/share/assets/images/arrow-darkred.png);
    transition: 0.5s;
    text-decoration: none;
}


/**** Block Pilier darkgrayhover ****/

a.block-pilier.block-pilier-darkgrayhover {
    text-decoration: none;
}

.container-piliers .block-pilier .container-top h2 {
	color: #FFFFFF;
}

.container-piliers .block-pilier-darkgrayhover .container-top,
.container-piliers .block-pilier-darkgrayhover .container-bottom {
    background-color: #666;
    transition: background 0.5s;
    text-decoration: none;
}
.container-piliers .block-pilier-darkgrayhover .container-top:hover,
.container-piliers .block-pilier-darkgrayhover .container-bottom:hover {
    background-color: #b20b37;
    transition: background 0.5s;
    text-decoration: none;
}

.container-piliers .block-pilier-darkgrayhover .container-top .block-stat,
.container-piliers .block-pilier-darkgrayhover .container-bottom .block-stat {
    color: #666;
    transition: 0.5s;
    text-decoration: none;
}
.container-piliers .block-pilier-darkgrayhover .container-top .block-stat:hover,
.container-piliers .block-pilier-darkgrayhover .container-bottom .block-stat:hover {
    color: #b20b37;
    transition: 0.5s;
    text-decoration: none;
}
.container-piliers .block-pilier-darkgrayhover .container-top .btn-white,
.container-piliers .block-pilier-darkgrayhover .container-bottom .btn-white {
    color: #666;
    background-image: url(/public/share/assets/images/arrow-darkred.png);
    transition: 0.5s;
    text-decoration: none;
}
.container-piliers .block-pilier-darkgrayhover .container-top:hover .btn-white,
.container-piliers .block-pilier-darkgrayhover .container-bottom:hover .btn-white {
    color: #b20b37;
    background-image: url(/public/share/assets/images/arrow-darkred.png);
    transition: 0.5s;
    text-decoration: none;
}
.container-piliers .block-pilier-darkgrayhover .link-more {
    color: #666;
    background-image: url(/public/share/assets/images/arrow-darkred.png);
    transition: 0.5s;
    text-decoration: none;
}
.container-piliers .block-pilier-darkgrayhover .link-more:hover {
    color: #b20b37;
    background-image: url(/public/share/assets/images/arrow-darkred.png);
    transition: 0.5s;
    text-decoration: none;
}

/**** Block Pilier mediangray ****/

.container-piliers .block-pilier-mediangray .container-top,
.container-piliers .block-pilier-mediangray .container-bottom {
    background-color: #cccccc;
}
.container-piliers .block-pilier-mediangray .container-top .block-stat,
.container-piliers .block-pilier-mediangray .container-bottom .block-stat {
    color: #cccccc;
}
.container-piliers .block-pilier-mediangray .container-top .btn-white,
.container-piliers .block-pilier-mediangray .container-bottom .btn-white {
    color: #cccccc;
    background-image: url(../assets/images/icons/arrow-gray.png);
}
.container-piliers .block-pilier-mediangray .link-more {
    color: #cccccc;
    background-image: url(../assets/images/icons/arrow-gray.png);
}

/**** Block Pilier pastelbluehover ****/
.container-piliers .block-pilier-pastelbluehover .container-top,
.container-piliers .block-pilier-pastelbluehover .container-bottom {
    background-color: #759ed0;
    transition: background 0.5s;
}
.container-piliers .block-pilier-pastelbluehover .container-top:hover,
.container-piliers .block-pilier-pastelbluehover .container-bottom:hover {
    background-color: #5048bd;
    transition: background 0.5s;
    text-decoration: none;
}
.container-piliers .block-pilier-pastelbluehover .container-top .block-stat,
.container-piliers .block-pilier-pastelbluehover .container-bottom .block-stat {
    color: #759ed0;
    transition: 0.5s;
}
.container-piliers .block-pilier-pastelbluehover .container-top .block-stat:hover,
.container-piliers .block-pilier-pastelbluehover .container-bottom .block-stat:hover {
    color: #5048bd;
    transition: 0.5s;
}
.container-piliers .block-pilier-pastelbluehover .container-top .btn-white,
.container-piliers .block-pilier-pastelbluehover .container-bottom .btn-white {
    color: #759ed0;
    background-image: url(/public/share/assets/images/arrow-darkred.png);
    transition: 0.5s;
}
.container-piliers .block-pilier-pastelbluehover .container-top:hover .btn-white,
.container-piliers .block-pilier-pastelbluehover .container-bottom:hover .btn-white {
    color: #5048bd;
    background-image: url(/public/share/assets/images/arrow-darkred.png);
    transition: 0.5s;
}
.container-piliers .block-pilier-pastelbluehover .link-more {
    color: #759ed0;
    background-image: url(/public/share/assets/images/arrow-darkred.png);
    transition: 0.5s;
}
.container-piliers .block-pilier-pastelbluehover .link-more:hover {
    color: #5048bd;
    background-image: url(/public/share/assets/images/arrow-darkred.png);
    transition: 0.5s;
}

/**** Block Pilier redhover ****/

.container-piliers .block-pilier-redhover .container-top,
.container-piliers .block-pilier-redhover .container-bottom {
    background-color: #df0c36;
    transition: background 0.5s;
}
.container-piliers .block-pilier-redhover .container-top:hover,
.container-piliers .block-pilier-redhover .container-bottom:hover {
    background-color: #b00429;
    transition: background 0.5s;
    text-decoration: none;
}
.container-piliers .block-pilier-redhover .container-top .block-stat,
.container-piliers .block-pilier-redhover .container-bottom .block-stat {
    color: #df0c36;
    transition: 0.5s;
}
.container-piliers .block-pilier-redhover .container-top .block-stat:hover,
.container-piliers .block-pilier-redhover .container-bottom .block-stat:hover {
    color: #b00429;
    transition: 0.5s;
}
.container-piliers .block-pilier-redhover .container-top .btn-white,
.container-piliers .block-pilier-redhover .container-bottom .btn-white {
    color: #df0c36;
    background-image: url(../assets/images/icons/arrow-red-main.png);
    transition: 0.5s;
}
.container-piliers .block-pilier-redhover .container-top:hover .btn-white,
.container-piliers .block-pilier-redhover .container-bottom:hover .btn-white {
    color: #b00429;
    background-image: url(../assets/images/icons/arrow-red2.png);
    transition: 0.5s;
}
.container-piliers .block-pilier-redhover .link-more {
    color: #df0c36;
    background-image: url(../assets/images/icons/arrow-red-main.png);
    transition: 0.5s;
}
.container-piliers .block-pilier-redhover .link-more:hover {
    color: #b00429;
    background-image: url(../assets/images/icons/arrow-red2.png);
    transition: 0.5s;
}


/**** Timeline *****/

section#timeline {
  width: 80%;
  margin: 20px auto;
  position: relative;
}
section#timeline:before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  margin: 0 0 0 -1px;
  width: 2px;
  height: 100%;
  background: #666;
}
section#timeline article {
  width: 100%;
  margin: 0 0 20px 0;
  position: relative;
}
section#timeline article:after {
  content: '';
  display: block;
  clear: both;
}
section#timeline article div.inner {
  width: 40%;
  float: left;
  margin: 5px 0 0 0;
  border-radius: 6px;
}
section#timeline article div.inner span.date {
  display: block;
  width: 60px;
  height: 50px;
  padding: 5px 0;
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0 0 0 -32px;
  border-radius: 100%;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  background: #666;
  color: rgba(255,255,255,0.8);
  border: 4px solid rgba(255,255,255,0.6);
  box-shadow: 0 0 0 5px #666;
}
section#timeline article div.inner span.date span {
  display: block;
  text-align: center;
}
section#timeline article div.inner span.date span.day {
  font-size: 10px;
}
section#timeline article div.inner span.date span.month {
  font-size: 18px;
}
section#timeline article div.inner span.date span.year {
  font-size: 10px;
}
section#timeline article div.inner h2 {
  padding: 15px;
  margin: 0;
  color: #fff;
  font-family: "Roboto Condensed";
  font-weight: 700;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: -1px;
  border-radius: 6px 6px 0 0;
  position: relative;
}
section#timeline article div.inner h2:after {
  content: '';
  position: absolute;
  top: 20px;
  right: -5px;
  	width: 10px; 
	  height: 10px;
  -webkit-transform: rotate(-45deg);
}
section#timeline article div.inner p {
  padding: 15px;
  margin: 0;
  font-size: 14px;
  background: #fff;
  color: #656565;
  border-radius: 0 0 6px 6px;
  text-align: left;
  line-height: normal;
  letter-spacing: normal;
  width: auto;
  background-color: #f0f0f0;
}
section#timeline article div.inner a {
  text-decoration: underline;
}
section#timeline article div.inner a:hover {
  color: #df0c36;
}

section#timeline article:nth-child(2n+2) div.inner {
  float: right;
}
section#timeline article:nth-child(2n+2) div.inner h2:after {
  left: -5px;
}
section#timeline article:nth-child(1) div.inner h2 {
  background: #e74c3c;
}
section#timeline article:nth-child(1) div.inner h2:after {
  background: #e74c3c;
}
section#timeline article:nth-child(2) div.inner h2 {
  background: #2ecc71;
}
section#timeline article:nth-child(2) div.inner h2:after {
  background: #2ecc71;
}
section#timeline article:nth-child(3) div.inner h2 {
  background: #e67e22;
}
section#timeline article:nth-child(3) div.inner h2:after {
  background: #e67e22;
}
section#timeline article:nth-child(4) div.inner h2 {
  background: #1abc9c;
}
section#timeline article:nth-child(4) div.inner h2:after {
  background: #1abc9c;
}
section#timeline article:nth-child(5) div.inner h2 {
  background: #9b59b6;
}
section#timeline article:nth-child(5) div.inner h2:after {
  background: #9b59b6;
}
section#timeline article:nth-child(6) div.inner h2 {
  background: #e74c3c;
}
section#timeline article:nth-child(6) div.inner h2:after {
  background: #e74c3c;
}
section#timeline article:nth-child(7) div.inner h2 {
  background: #2ecc71;
}
section#timeline article:nth-child(7) div.inner h2:after {
  background: #2ecc71;
}
section#timeline article:nth-child(8) div.inner h2 {
  background: #e67e22;
}
section#timeline article:nth-child(8) div.inner h2:after {
  background: #e67e22;
}
section#timeline article:nth-child(9) div.inner h2 {
  background: #1abc9c;
}
section#timeline article:nth-child(9) div.inner h2:after {
  background: #1abc9c;
}
section#timeline article:nth-child(10) div.inner h2 {
  background: #9b59b6;
}
section#timeline article:nth-child(10) div.inner h2:after {
  background: #9b59b6;
}
section#timeline article:nth-child(11) div.inner h2 {
  background: #df0c36;
}
section#timeline article:nth-child(11) div.inner h2:after {
  background: #df0c36;
}

/**************/
 
@media only screen and (max-width: 479px) {

p, .cookies p, .cookies ul, .cookies a {
	font-size: 14px;
	line-height: 1.4em;
}

.title-2color, .text-rte h2 {
    font-size: 200%;
}

.note-legend {
	width: 90%;
	float: right;
}
.note-number {
	width: 10%;
	float: left;
}


header .bar-logo-title .inner {
    display: block;
    width: 320px;
    height: 62px;
}
header .bar-logo-title .inner .logo a {
    width: 220px;
}

header .bar-logo-title .inner .logo a img {
    height: 52px;
    max-width: 290px;
}

header .header-bottom .block-sharing-search {
	width: 35%;
}

footer .social-bar .container {
	width: 320px;
	position: relative;
	margin: auto;
}

footer .social-bar .container .title {
	text-align: center;
}

footer .social-bar .container .social-icons {
	text-align: center;
	width: 320px;
	margin: auto;
}
footer .social-bar .container .social-icons ul {
	width: 280px;
	margin: auto;
}

footer .site-slogan {
    text-align: center;
    text-transform: uppercase;
    color: #df0c36;
    padding: 0;
    margin: 0;
    font-size: 13px;
}

.tableau.nodisplay-480 {
	display: none;
}

.tableau.display-480 {
	display: block;
}
}

/* anti-margin bas */
/*
footer {
	margin-top: 0;
}

.container-white {
	padding: 30px 0 0 0;
}
*/



/***************************/
/* classes complementaires */


.table-canvas {
	border: 0;
	width: 100%;
        line-height: 17.92px;
}

.table-greycell {
	/* background-color: #f8f8f8; */
	background-color: #F7F9Fa;
	width: auto;
	border-top-right-radius: 20px;
    	border-bottom-right-radius: 20px;

/*	margin: 18px; */
}

.table-lightvioletcell {
	background-color: #f7f3fe;
	width: auto;
/*	margin: 18px; */
}

.table-greycell h2 {
    font-size: 175%;
    font-family: "Roboto Condensed";
    line-height: 1em;
    min-height: 0;
    margin: 18px 18px 0 18px;
    text-transform: uppercase;
    text-align: left;
	vertical-align: top;
}

.table-greycell h2 strong {
    font-family: "Roboto Condensed";
    font-weight: 900;
    font-size: 100%;
}


.table-greycell h3 {
    font-size: 130%;
    font-family: "Roboto Condensed";
    margin: 10px 18px 18px 18px;
    line-height: 1em;
}

.table-greycell h3 strong {
    font-weight: 800;
    font-family: "Roboto Condensed";
}

.table-greycell p {
    font-size: 110%;
    width: auto;
 	font-weight: 400;
    letter-spacing: -0.6px;
    line-height: 1.1em;
    min-height: 0;
    margin: 18px 18px 18px 18px;
    text-align: left;
    vertical-align: bottom;
}

.table-redcell {
	margin: 18px;
/*	background-color: #df0c36; */
	background-color: #ed0000;
	color: white;
	width: 200px;
	height: 200px;
	text-align: center;
 	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

.table-darkgreycell {
	margin: 18px;
	/* background-color: #707173; */
	background-color: #7098a7;
	color: white;
	width: 200px;
	height: 200px;
	text-align: center;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
}

.table-grayvioletcell {
	margin: 18px;
	background-color: #7b7c8e;
	color: white;
	width: 200px;
	height: 200px;
	text-align: center;
 	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

.table-darkredcell {
	margin: 18px;
	background-color: #b00429;
	color: white;
	width: 200px;
	height: 200px;
	text-align: center;
 	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

.table-left-rounded-corners {
	border-radius: 7px 0 0 7px;
}

.table-right-rounded-corners {
	border-radius: 0 7px 7px 0;
}

.table-redcell img, .table-darkgreycell img, .table-darkredcell img {
	display: block;
	width: 80%;
	vertical-align: center;
	text-align: center;
	margin: auto;
}

.table-whitecell {
	margin: 18px;
	background-color: white;
	text-align: center;
}

.table-whitecell .col3-buttons {
	margin: auto;
	padding: 0 auto auto 0;
}

.inside-buttons {
	margin: 0;
	text-align: center;
}

.table-whitecell .col3-buttons {
	margin: auto;
	padding: 0 auto auto 0;
}

.col3-buttons.left-button, .col2-buttons.left-button {
	float: left;
}

.col3-buttons.middle-button, .col2-buttons.middle-button {
}

.col3-buttons.right-button, .col2-buttons.right-button {
	float: right;
}

.mybtn-red {
    font-family: 'Roboto Condensed';
    background: #ed0000 no-repeat 15px 15px;
    color: #fff;
    min-width: 130px;
    box-sizing: border-box;
    padding: 10px 10px 10px 10px;
    margin: 18px 18px 18px 18px;
    font-size: 100%;
    display: inline-block;
    border-radius: 20px;
}

.mybtn-darkgrey {
    font-family: 'Roboto Condensed';
    background: #707173 no-repeat 15px 15px;
    color: #fff;
    min-width: 130px;
    box-sizing: border-box;
    padding: 10px 10px 10px 10px;
    margin: 18px 18px 18px 18px;
    font-size: 100%;
    display: inline-block;
    border-radius: 20px;
}

.mybtn-darkgrey:hover {
    font-family: 'Roboto Condensed';
    background: #aaa;
    text-decoration: none;
}

.mybtn-red:hover {
    font-family: 'Roboto Condensed';
    background: #b00429;
    text-decoration: none;
}

/*
select + label {
    font-size: 106%;
}

select {
  font-family: "Roboto Condensed";
  font-weight: 500;
  font-size: 90%;
  color: #666;
  height: 23px;
  margin-top: 7px;
  margin-bottom: 0;
}
*/

input[type="checkbox"]+label::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 17px;
    width: 17px;
    margin: -3px 10px 0 0;
    background-image: url('/public/share/assets/images/checkbox.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}

input[type="checkbox"]:checked + label::before {
  background-position: 0 -32px;
}

input[type="checkbox"] + label a {
  text-decoration: underline;
}

input[type="checkbox"] + label {
    font-family: "Roboto Condensed";
    font-weight: 500;
    color: #374649;
}

label {
    font-family: "Roboto Condensed";
    font-weight: 500;
    color: #374649;
}


.optionbox-left {
}

.optionbox-right {
	float: right;
}

.cfgimage-left {
	width: 320px;
	margin: auto;
	float: left;
	display: inline-block;
	margin-right: 15px;
}

.w3c-left {
	width: 200px;
	margin: auto;
	float: left;
	display: inline-block;
	margin-right: 15px;
}
.cfgimage-right {
	width: 320px;
	margin: auto;
	float: right;
	display: inline-block;
	margin-left: 15px;
}

	.css-right {
		width: 200px;
		margin: auto;
		float: right;
		display: block;
		margin-left: 15px;
	}
	.html-left {
		width: 410px;
		float: left;
		display: block;
		margin: 0 -15px 0 0;
	}


/***************************/
/* @Media queries          */


/* xtra-small */

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

	.cfgimage-left, .cfgimage-right {
		width: 300px;
		margin: auto;
		float: none;
		display: inline-block;
		margin-bottom: 15px;
	}

	.css-right {
		width: 200px;
		margin: auto;
		float: none;
		display: block;
		margin-bottom: 15px;
	}
	.w3c-left {
		width: 200px;
		margin: auto;
		float: none;
		display: block;
		margin-bottom: 15px;
	}
	.html-left {
		width: 200px;
		margin: auto;
		float: none;
		display: block;
		margin-bottom: 15px;
	}

	.banner img {
		width: 320px;
		height: 140px;
	}

	.container-piliers .block-pilier {
		margin-left: 0;
	}
/*	.caption {
		padding-left: 0px;
		height: 55px;
		padding-top: 13px;
		width: 320px;
	}
*/
	.table-greycell h2 {
  	  font-size: 140%;
	}

	.table-greycell h2 strong {
   		font-size: 100%;
	}

	.table-greycell h3 {
    	font-size: 110%;
	}

	.table-greycell p {
    	font-size: 90%;
	}

	.table-redcell, .table-darkgreycell, .table-darkredcell {
		width: 5px;
	}

	.table-redcell img, .table-darkgreycell img, .table-darkredcell img {
		display: none;
	}

	.col3-buttons a.mybtn-red, .col3-buttons a.mybtn-darkgray {
	    max-width: 48px;
	    min-width: 48px;
	    padding: 10px 10px 10px 10px;
	    margin: 18px 18px 18px 18px;
	}

	.col2-buttons a.mybtn-red, .col3-buttons a.mybtn-darkgray {
	    min-width: 110px;
	    max-width: 110px;
	    padding: 10px 10px 10px 10px;
	    margin: 18px 18px 18px 18px;
	}


	.col3-buttons a.mybtn-red span.btn-text, .col3-buttons a.mybtn-darkgrey span.btn-text {
		display: none;
	}

	.table-legend {
		display: none;
	}
	input[type="checkbox"] + label, select + label, select {
  		font-size: 90%;
	}
	
	.optionbox-right {
		float: none;
		position: relative;
	}
	p {
		font-size: 14px;
	}
	label {
/*		margin-bottom: 7px; */
	}
	.inner-col-half-right, .inner-col-half-left {
		width: 260px;
		margin: auto;
		float: none;
	}
}

/* small screen */

@media only screen and (max-width: 719px) and (min-width: 480px) {
	.cfgimage-left {
		width: 300px;
		margin: auto;
		margin-bottom: 15px;
		float: none;
		display: inline-block;
	}
	.cfgimage-left img {
		margin-left: 80px;
	}
	.cfgimage-right {
		width: 300px;
		margin: auto;
		margin-bottom: 15px;
		float: none;
		display: inline-block;
	}
	.cfgimage-right img {
		margin-left: 80px;
	}
	.html-left {
		width: 410px;
		margin: auto;
		float: none;
		display: block;
		margin-bottom: 15px;
	}

.title-2color, .text-rte h2 {
	font-size: 250%;
}

footer .social-bar .container {
	width: 480px;
	position: relative;
	margin: auto;
}

footer .social-bar .container .title {
	text-align: center;
}

footer .social-bar .container .social-icons {
	text-align: center;
	width: 480px;
	margin: auto;
}
footer .social-bar .container .social-icons ul {
	width: 380px;
	margin: auto;
}
	.banner img {
		width: 480px;
		height: 213px;
	}
	.container-piliers .block-pilier:first-child,
	.container-piliers .block-pilier {
		margin-left: 0;
	}

/*	.caption {
		padding-left: 0px;
		height: 41px;
		padding-top: 4px;
		width: 480px;
	}
*/
	header .bar-logo-title .inner {
		height: 70px;
	}

	.table-redcell, .table-darkgreycell, .table-darkredcell {
		width: 10px;
	}

	.table-redcell img, .table-darkgreycell img, .table-darkredcell img {
		display: none;
	}

	.mybtn-red, .mybtn-darkgrey {
	    min-width: 100px;
	    padding: 10px 10px 10px 10px;
	    margin: 10px 10px 10px 10px;
	}
	input[type="checkbox"] + label, select + label, select {
  		font-size: 106%;
	}
	
	.optionbox-right {
		float: none;
		position: relative;
	}
	label {
/*		margin-bottom: 7px; */
	}
	.inner-col-half-right, .inner-col-half-left {
		width: 320px;
		margin: auto;
		float: none;
	}
}

/* classic screen */

@media only screen and (max-width: 1003px) and (min-width: 720px) {
	.banner img {
		width: 720px;
		height: 284px;
	}
/*	.caption {
		padding-left: 0px;
    		height: 55px;
    		padding-top: 13px;
		width: 720px;
	}
*/
	.table-redcell, .table-darkgreycell, .table-darkredcell {
		margin: 18px;
		width: 200px;
		height: 200px;
	}

	.table-redcell img, .table-darkgreycell img, .table-darkredcell img {
		display: block;
		width: 80%;
	}

	.mybtn-red, .mybtn-darkgrey {
   		min-width: 130px;
    	padding: 10px 10px 10px 10px;
    	margin: 18px 18px 18px 18px;
	}
	.table-greycell div.inside-buttons span .mybtn-red {
	    min-width: 100px;
	    padding: 10px 10px 10px 10px;
	    margin: 18px 18px 18px 18px;
	}
        .col-half-left {
                width: 320px;
                margin: 15px;
                float: left;
        }
        .col-half-right {
                width: 320px;
                margin: 15px;
                float: right;
        }
	.inner-col-half-left {
		width: auto;
		float: none;
	}
	.inner-col-half-right {
		width: auto;
		float: right;
	}
}


/* large screens */

@media only screen and (min-width:1003px) {
/* classes complementaires / media queries */

/*
	.caption {
		padding-left: 0px;
    		height: 55px;
    		padding-top: 13px;
		width: 1420px;
	}

*/

	.col-half-left {
		width: 440px;
		margin: 15px;
		float: left;
	}
	.col-half-right {
		width: 440px;
		margin: 15px;
		float: right;
	}
	.inner-col-half-left {
		width: auto;
		float: none;
	}
	.inner-col-half-right {
		width: auto;
		float: right;
	}
}




/***** Fey Figures *****/

.block-fey-figures .legend {
  text-transform: uppercase;
  font-family: "Roboto Condensed";
  font-weight: 500;
  font-size: 90%;
  float: left;
  margin-top: 10px;
}

.block-fey-figures .link-more {
  float: right;
  font-family: "Roboto Condensed";
  font-weight: 500;
  text-transform: uppercase;
  margin: 20px 20px 0 0;
}

.block-fey-figures .link-more:before {
  top: 4px;
}

.block-fey-figures .list-figures {
  margin: 0 -10px;
}

.block-fey-figures .list-figures li {
  float: left;
  background: #DF0C36;
  margin: 0 10px;
  width: 200px;
  padding: 10px;
  height: 260px;
  overflow: hidden;
  font-family: "Roboto Condensed";
  font-weight: 300;
  color: #fff;
}

.block-fey-figures .list-figures li .description {
  font-size: 130%;
  line-height: 1em;
  padding: 5px;
}

.block-fey-figures .list-figures .number-container {
  display: table;
  width: 100%;
  margin-bottom: 40px;
  vertical-align: bottom;
}

.block-fey-figures .list-figures .number-container .js-number {
  display: table-cell;
  vertical-align: bottom;
  text-align: center;
  height: 130px;
}

.block-fey-figures .list-figures .number-container span {
  line-height: 0.8em;
  display: inline-block;
  vertical-align: bottom;
}

.block-fey-figures .list-figures .number-container em {
  font-size: 40%;
  font-style: normal;
  text-transform: uppercase;
  line-height: 0.8em;
  font-family: "Roboto Condensed";
  font-weight: 300;
}

.block-fey-figures .list-figures .item-text em {
  font-size: 26px;
  line-height: 28px;
  text-align: right;
  vertical-align: bottom;
  padding-top: 3px;
  display: block;
}

.block-fey-figures .list-figures .item-sup em {
  font-size: 26px;
  line-height: 1.2em;
  vertical-align: top;
}

.v-arabic .block-fey-figures .legend {
  float: right;
}

.v-arabic .block-fey-figures .link-more {
  float: left;
}

.v-arabic .block-fey-figures .link-more:before {
  left: auto;
  right: 0;
}

.v-arabic .block-fey-figures .list-figures li .description:after {
  content: "\200E";
}

.i18n-zh-hans .block-fey-figures .list-figures li .description {
  line-height: 1.1em;
}

.isChrome .block-fey-figures .link-more {
}

.isChrome .block-fey-figures .link-more:before {
  top: 3px;
}

.isChrome .v-arabic .block-fey-figures .link-more {
}

.isChrome .v-arabic .block-fey-figures .link-more:before {
  left: auto;
  right: 0;
}

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

.container-piliers .block-pilier {
    margin-bottom: 30px;
}

  .block-fey-figures .list-figures li {
    padding-top: 10px !important;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .block-fey-figures .link-more:before {
    top: 5px;
  }
}

@media screen and (max-width:959px) {
    .container-piliers .block-pilier {
   	margin-bottom: 15px;
   }

  .block-fey-figures .list-figures li {
    margin: 0 10px 20px;
    width: 320px;
    height: 215px;
  }

  .block-fey-figures .list-figures li .description {
    height: auto;
  }

  .block-fey-figures .list-figures .number-container {
    margin-bottom: 30px;
  }

  .block-fey-figures .list-figures .number-container .js-number {
    text-align: left;
  }

  .block-fey-figures .legend {
    margin-top: -10px;
  }

  .block-fey-figures .link-more {
    margin: 0 5px 0 0;
  }
}

@media screen and (max-width:719px) {
  .block-fey-figures .list-figures {
    margin: 0;
  }

  .block-fey-figures .list-figures li {
    margin: 0 5px 10px;
    width: 200px;
    height: 250px;
    padding-top: 10px !important;
  }

  .block-fey-figures .list-figures li .description {
    height: auto;
  }

  .block-fey-figures .list-figures li .number {
    height: 155px;
  }

  .block-fey-figures .list-figures .number-container {
    margin-bottom: 30px;
  }

  .block-fey-figures .list-figures .number-container .js-number {
    height: 120px;
  }

  .block-fey-figures .list-figures .number-container span {
  }

  .block-fey-figures .legend {
    margin-top: 0px;
    float: none;
  }

  .block-fey-figures .link-more {
    margin: 0 5px 0 0;
    background-position: 0 5px;
  }

  .v-arabic .block-fey-figures .link-more {
    float: left;
    background-position: 98% 5px;
  }

  .isChrome .block-fey-figures .link-more {
    float: left;
    background-position: 0 4px;
  }

  .isChrome .v-arabic .block-fey-figures .link-more {
    float: left;
    background-position: 98% 4px;
  }
}

@media screen and (max-width:719px) and (-webkit-min-device-pixel-ratio:2) {
  .block-fey-figures .link-more:before {
    top: 6px;
    left: 0;
  }
}

@media screen and (max-width:479px) {
  .block-fey-figures .list-figures {
    margin: 0 -10px;
  }

  .block-fey-figures .list-figures li {
    padding-top: 10px !important;
    margin: 0 0 20px;
    width: 300px;
    height: 105px;
  }

  .block-fey-figures .list-figures li .description {
    height: auto;
    display: inline-block;
    vertical-align: middle;
    width: 130px;
    font-size: 110%;
    padding: 0;
  }

  .block-fey-figures .list-figures .number-container {
    display: inline-block;
    vertical-align: middle;
    width: 145px;
    margin: 0 10px 0 0;
  }

  .block-fey-figures .list-figures .number-container .js-number {
    height: 105px;
    width: 145px;
    vertical-align: middle;
    text-align: center;
  }

  .block-fey-figures .list-figures .number-container span {
  }

  .block-fey-figures .list-figures .item-text em {
    font-size: 22px;
  }

  .block-fey-figures .list-figures .item-sup em {
    font-size: 22px;
  }

  .block-fey-figures .legend {
    margin: 0 0 15px;
    float: none;
  }

  .block-fey-figures .link-more {
    margin: 0 0 0 0;
  }
}


/* Search */

#webtop_toolbar {
	width: 960px; 
	margin: 20px auto 0px auto;
}

.usermenu {
    font-family: 'Roboto';
    font-size: 24px;
    float: right;
    color: #666;
    vertical-align: bottom;
 /*   margin: 5px 0px 0px 0px; */
    margin: 1px 0px 0px 0px;
    transition: 0.3s;
  	position: relative;
  	transition: margin 0.5s;
}

.usermenu:hover {
	color: #df0c36;
	transition: 0.3s;
}

.mykart {
    font-size: 24px;
/*    color: #888; */
    color: #374649;
    vertical-align: bottom;
    margin: 5px 12px 0px 0px;
    position: relative;
    transition: 0.3s;
    float: left;
    outline: none;
    -moz-outline-style: none;
}

.mykart a:active, .mykart a:focus, .mykart a:visited {
    outline: none;
    -moz-outline-style: none;
}

.mykart a {
/*	color: #888;  */
	color: #374649;
}

.mykart:hover, .mykart a:hover {
/*	color: #df0c36; */
	color: #ed0000;
	transition: 0.3s;
}

.usermenu-igg {
	display: inline-block;
        letter-spacing: -1.5px;
}

#usermenu-href {
/*	color: #888; */
	color: #374649;
}

.mysearch-item {
    text-align: left;
    background-color: #D8D8D8;
    padding: 3px 0;
    width: 50%;
    float: left;
    height: 30px;
    box-sizing: initial;
    border-radius: 20px;
}

.mysearch-item input[type=text] {
    margin-top: 0;
    width: 100%;
    display: inline-block;
    text-align: left;
    color: #666;
    height: 30px;
    box-sizing: border-box;
    vertical-align: top;
    padding-left: 7px;
    font-size: 106%;
    border-radius: 0;
    -webkit-appearance: none;
    padding-top: 5px;
    cursor: text;
/*    border: 2px solid #f8f8f8;
    background-color: #f8f8f8; */
    border: 2px solid #f7f9fa;
    background-color: #f7f9fa;
    width: 438px;
    border-radius: 20px;
}

.mysearch-item input[type=text]::placeholder {
    color: #C8C8C8;
    opacity: 1;
    font-style: italic;
}

.mysearch-item input[type=text]:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #C8C8C8;
   font-style: italic;
}

.mysearch-item input[type=text]::-ms-input-placeholder { /* Microsoft Edge */
   color: #C8C8C8;
   font-style: italic;
}

div#webtop_toolbar div:first-child {
	margin-left: 0px;
	box-sizing: initial;
}

#search-inp .form-text {
	margin-top: 0;
}

.mysearch-item /* input[type=image] */ img {
    width: 28px;
    float: left;
    margin: 2px 5px;
}

@media (min-width: 719px) and (max-width: 959px) {
	#webtop_toolbar {
		width: 700px;
	} 
	.mysearch-item input[type=text] {
		width: 309px;
	}
}

@media (max-width: 719px) {
	#webtop_toolbar {
		width: 460px;
	} 
	.mysearch-item input[type=text] {
		width: 189px;
	}
}

@media (max-width: 479px) {
	#webtop_toolbar {
		width: 300px;
	}

	.mysearch-item {
		width: 45%;
		float: left;
	/*	margin-top: 20px; */
	}
	
	.mysearch-item input[type=text] {
		width: 129px;
    	margin-left: 3px;
	}
	.mysearch-item /* input[type=image] */ img {
    	display: none;
	}
	
	.usermenu-igg {
		display: none;
	}
}

/* menus */

.menu {
  float: left;
  margin-left: 80px;
  position: relative;
  transition: margin 0.5s;
  padding-top: 22px;
  font-size: 17.92px;
  font-family: "Roboto Condensed";
  font-weight: 700;
  font-weight: 400;
  line-height: 1em;
}

.menu .submenu, .usermenu .submenu {
	position: absolute;
    font-size: 15px;
  	padding: 25px 25px 5px 10px;
    display: none;
    z-index: 200;
	margin-left: 0px;
  	height: auto;
  	top: 45px;
}

.menu .submenu:after, .usermenu .submenu:after {
    background-color: #FFFFFF;
    content: '';
    display: block;
    position: absolute;
    top: 17px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -1;
    -moz-box-shadow: 0px 3px 5px 0px #717171;
    -webkit-box-shadow: 0px 3px 5px 0px #717171;
    -o-box-shadow: 0px 3px 5px 0px #717171;
    box-shadow: 0px 3px 5px 0px #717171;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=$color2, Direction=180, Strength=5);
}
.usermenu .submenu {
	top: auto;
	width: 200px;
	/* before */
	left: -80px;
	/* fin before */
	/* after */
	left: -100px;
	padding: 25px 15px 5px 20px;
	/* fin after */
	text-align: right;
}

.usermenu .menu_list li {
	padding-bottom: 0px;
	/* addon ici */
	/* margin-right: 0px;
	/* fin addon */
	/* modif 021118 */
	margin: 0px;
}

/* addon */
.usermenu > ul:nth-child(1) > li:nth-child(1) > a:nth-child(1) {
	padding-right: 0px;
}
/* fin addon */

.menu .submenu li, .usermenu .submenu li {
    float: none;
    padding: 0;
    margin: 0;
}
.menu .submenu a, .usermenu .submenu a {
    display: inline-block;
    padding: 10px 0;
}
.menu_top {
	float: right;
    margin: 15px 50px 0 0;
    font-size: 13px;
}
.menu_top li:first-child a {
    color: #DF0C36;
}
.menu_list {
	float: left;
    font-weight: bold;
    text-transform: uppercase;
}
.menu_list li {
    margin: 0 10px 0 10px;
    float: left;
    padding-bottom: 7px; 
}

.menu_list a {
    padding: 5px;
    color: #717171;
    text-decoration: none;
    font-weight: 400;
    outline: none;
    -moz-outline-style: none;
}

.menu_list a:active, .menu_list a:focus, .menu_list a:visited {
    outline: none;
    -moz-outline-style: none;
}

.menu_responsive_container {
    display: none;
    width: 100%;
    float: left;
    z-index: 99999;
    background: white;
    padding-right: 10px;
    -moz-box-shadow: 0px 3px 5px 0px #717171;
    -webkit-box-shadow: 0px 3px 5px 0px #717171;
    -o-box-shadow: 0px 3px 5px 0px #717171;
    box-shadow: 0px 3px 5px 0px #717171;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=$color2, Direction=180, Strength=5);
    font-family: 'Roboto';
    font-weight: 600;
}

.menu_responsive_container li {
    position: relative;
}


.menu_responsive_container li a {
/* before totalenergies:
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    padding: 25px 0px 15px 25px;
    display: block;
    color: #717171;
    font-weight: 400;
    font-size: 16px;
*/
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 0px 10px 25px;
    display: block;
/*    color: #717171;
    font-size: 16px; */
    color: #374649;
    font-size: 15px;
}

.menu_responsive_container li::after {
    height: 1px;
    content: "";
    position: absolute;
    bottom: 0;
    left: -3px;
    right: -3px;
    margin-right: 6px;
/*	background-image: -webkit-linear-gradient(left, #d3d3d5, #ffffff);
    background-image: linear-gradient(left, #d3d3d5, #ffffff); */
}
.menu_responsive_container .menu_responsive .submenu {
    width: 100%;
    display: none;
/*    -moz-box-shadow: inset 0px 0px 5px 0px #717171;
    -webkit-box-shadow: inset 0px 0px 5px 0px #717171;
    -o-box-shadow: inset 0px 0px 5px 0px #717171;
    box-shadow: inset 0px 0px 5px 0px #717171;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=$color2, Direction=134, Strength=5); */
}
.menu_responsive_container .menu_responsive .submenu a {
/*  before totalenergies:  padding: 15px 15px 15px 35px;
   font-size: 15px;
 */
    padding: 7px 15px 7px 35px;
    font-size: 14px;
    font-weight: 400;
}

.menu .hover-flying, .usermenu .hover-flying {
    height: 7px;
    /* background: #DF0C36; */
    background: #ed0000;
    position: absolute;
    bottom: -14px;
}

.burger {
  display: none;
  float: left;
  /* padding-left: 30px; */
  min-height: 35px;
  cursor: pointer;
    padding-top: 5px;
    font-family: "Roboto Condensed";
    font-weight: 700;
    font-size: 24px;
  margin-right: 0px
}

.burger .icon {
	/* before totalenergies: height: 24px; */
	height: 30px;
}
.burger .text {
    padding-left: 15px;
    padding-top: 3px;
    color: #DF0C36;
    float: right;
    font-weight: bold;
    text-transform: uppercase;
    font-weight: 400;
}

.burger .close {
	display: none;
}

.separator {
  float: left;
  height: 7px;
  width: 100%;
}

.menu_responsive li a:hover, .menu_list li a:hover {
  color: #ed0000;
  /* color: #DF0C36; */
}
    
@media (min-width: 960px) {
  	.menu_responsive {
		display: none;
	}
}
@media (min-width: 719px) and (max-width: 959px) {
	.menu_responsive {
    	display: none;
    }
}
@media (max-width: 719px) {
	.menu {
    	display: none;
	}

.header-total .logo-total img {
    order: 1;
    bottom: 0.8rem;
    margin-bottom: 0.5rem !important;

}
    .menu_list li {
    	margin-right: 15px;
    }

	.burger {
    	display: block;
    right: 0px;
    position: absolute;
    top: -7px;
    }

.col .d-flex .workspace-footer-signature { 
	text-align: left;
}

    .menu_responsive_container {
	position: absolute;
	top: 0px;
	width: 300px;
	right: 0;
    }
}
@media (max-width: 479px) {
	.burger {
		display: block;
		padding-top: 0px;
	}
	.burger .icon {
		height: 24px;
	}
	.col {
		padding-left: 40px;
	}
	.col .d-flex {
		padding-left: 40px;
	}
	.col .d-flex .workspace-footer-signature {
		font-size: 19px;
		padding-top: 4px;
		text-align: left;
	}
        .header-total .logo-total .mobile {
                display: block;
                height: 4rem;
                position: absolute;
                top: 0.5rem;
                left: 0.8rem;
                z-index: 4;
        }

.header-total .logo-total img {
    margin-left: -0.5em;
}

.header-total .logo-total .desktop {
    display: none;
}
    .menu_responsive_container {
        position: absolute;
        top: 0px;
        width: 250px;
        right: 0;
    }
.menu_responsive_container li {
	font-size: 15px;
}
.menu_responsive_container .menu_responsive .submenu a {
	font-size: 14px;
	padding: 6px 15px 6px 15px;
}	
	.usermenu .submenu {
		left: -205px;
	}
}

/* bouton up */

.nav_up {
	background: transparent;
    width: 72px;
    height: 72px;
    opacity: 1;
    border: 2px solid white;
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    text-indent: -9999px;
    width: 70px;
    z-index: 1;
	display: none;
}


.nav_up:before {
    position: absolute;
    display: block;
    content: "";
    width: 34px;
    height: 25px;
    z-index: 2;
    background: url(/public/share/assets/images/arrow_BtT.png) no-repeat;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}    

.nav_up-background {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background: #df0c36;
    opacity: 0.4;
}

.nav_up-background-violet {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background: #4F0599;
    opacity: 0.4;
}

/* workspace-optionbox specifics */

.optionsbox-form {
	margin-left: 40px;
	margin-right: 40px;
        line-height: 17.92px;
}

.row-form {
	margin-left: 15px;
}

.row-form select + label {
	font-size: 15px;
}

.row-form input[type="checkbox"] + label {
	font-size: 15px;
	margin-top: 5px;
}

/* simulated-login form token */

.workspace-token {
	height: 140px;
	width: 730px;
	resize: none;
	font-size: 90%;	
}

@media (min-width: 719px) and (max-width: 959px) {
	.workspace-token {
		width: 475px;
	}
}
@media (max-width: 719px) {
	.workspace-token {
		width: 425px;
	}
}
@media (max-width: 479px) {
	.workspace-token {
		width: 265px;
	}
}


/* telnet, ssh and fileshare buttons */

.workspace-extensions-entry {
	margin-bottom: 12px;
	padding:8px;
	background: white;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear;
	transition: all .3s linear;
}

.workspace-extensions-entry:hover {
	background: white;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DDDDDD));
	background: -moz-linear-gradient(top, #FFFFFF, #DDDDDD);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD');
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

.workspace-extensions-img {
	width: 38px;
	height: 38px;
	margin: 0;
	padding-right: 12px;
}

.workspace-extensions-img img {
	width: 38px;
	height: 38px;
}

.workspace-extensions-caption {
	font-family: 'Roboto Condensed';
	font-weight: 800;
	color: #374649;
	font-size: 15px;
	font-style: normal;
	padding-right: 6px;
	letter-spacing: normal;
	line-height: normal;
	margin-bottom: 0;
}

.workspace-extensions-description {
	font-family: 'Roboto Condensed';
	color: #374649;
	font-size: 14px;
	font-style: italic;
	font-weight: 500;
	line-height: normal;
	letter-spacing: normal;
	margin-bottom: 0;
}


#telnet-ssh-container a:hover {
    text-decoration: none;
}

/* Workspace connection page title and footer */

.workspace-connection-title {
	margin: 20px auto;
	width: 630px;
	height: 60px;
	display: block;
	position: relative;
	left: 0px;
}

.workspace-connection-title-welcome-to {
	font-family: Roboto;
	font-size: 72px;
	text-align: left;
	float: left;
	vertical-align: bottom;
	letter-spacing: -0.04em;
	color: #666;
	padding-left: 13px;
	-webkit-transform: scale(1.11,0.95);
	-moz-transform: scale(1.11,0.95);
	-ms-transform: scale(1.11,0.95);
	transform: scale(1.11,0.95);
}

.workspace-connection-title-workspace {
	font-family: Museo300;
	color: #df0c36;
	text-align: right;
	float: right;
	font-size: 70px;
	letter-spacing: -0.015em;
	-webkit-transform: scale(0.89,1);
	-moz-transform: scale(0.89,1);
	-ms-transform: scale(0.89,1);
	transform: scale(0.89,1);
	vertical-align: bottom;
	margin-top: 2px;
	width: 320px;
}

.workspace-footer-signature {
	font-family: Museo300;
	color: #df0c36;
	letter-spacing: -0.015em;
	-webkit-transform: scale(0.89,1);
	-moz-transform: scale(0.89,1);
	-ms-transform: scale(0.89,1);
	transform: scale(0.89,1);
	vertical-align: bottom;
    display: block;
    width: 130px;
    font-size: 24px;
    text-align: center;
    float: left;
    margin-top: -1px;
}

@media (max-width: 719px) {

	.workspace-connection-title {
		width: auto;
	}

	.workspace-connection-title-workspace {
		width: 320px;
		margin-top: 45px;
		margin-bottom: 25px;
	}
}

@media (max-width: 479px) {
	#title-inner-container-white {
		padding: 0px;
		width: auto;
	}
	
	.workspace-connection-title-welcome-to {
		width: 320px;
	}
	.workspace-connection-title-workspace {
		margin-bottom: 45px;
	}
}



/* Legals and RGPD data text formatting */

div#legals-text ul {
    font-family: Roboto;
    letter-spacing: 0px;
/*    font-weight: 300; */
}

div#legals-text p {
    font-family: Roboto;
    letter-spacing: 0px;
/*    font-weight: 300; */
}

div#legals-text h2 {
    font-family: Roboto;
    font-weight: 500;
    font-size: 28px;
    margin-bottom: 0px;
}

div#legals-text h3 {
    font-size: 24px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: Roboto;
    font-weight: 500;
}

/* banner title */

.slider-homepage {
    position: relative;
    width: auto;
}

.slider-homepage .banner img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    width: auto;
}

/* table exergue texte specifique */

div#legals-text table tbody tr td p,  table tbody tr td p {
        font-family: 'Roboto Condensed';
}
div#legals-text table tbody tr td ul,  table tbody tr td ul {
        font-family: 'Roboto Condensed';
}