/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

/*! normalize.css v1.1.2 | MIT License | git.io/normalize */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}
audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden] {
    display: none;
}
html {
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}
body {
    margin: 0;
}
a:active,
a:hover,
a:focus {
    outline: 0 none;
}
h1 {
    font-size: 2em;
    margin: .67em 0
}
h2 {
    font-size: 1.5em;
    margin: .83em 0;
}
h3 {
    font-size: 1.17em;
    margin: 1em 0;
}
h4 {
    font-size: 1em;
    margin: 1.33em 0;
}
h5 {
    font-size: .83em;
    margin: 1.67em 0;
}
h6 {
    font-size: .67em;
    margin: 2.33em 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b,
strong {
    font-weight: bold;
}
blockquote {
    margin: 1em 40px;
}
dfn {
    font-style: italic;
}
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
mark {
    background: #ff0;
    color: #000;
}
p,
pre {
    margin: 1em 0;
}
code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
q {
    quotes: none;
}
q:before,
q:after {
    content: '';
    content: none;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
dl,
menu,
ol,
ul {
    margin: 1em 0;
}
dd {
    margin: 0 0 0 40px;
}
menu,
ol,
ul {
    padding: 0 0 0 40px;
}
nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}
img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 0;
}
form {
    margin: 0;
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
}
legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px;
}
button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}
button,
input {
    line-height: normal;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px;
}
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
html,
button,
input,
select,
textarea {
    color: #222;
}
body {
    font-size: 1em;
    line-height: 1.4;
    background-color: #FFF;
}
ul,
ol,
li {
    padding: 0;
    margin: 0;
    list-style: none;
}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
img {
    vertical-align: middle;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
textarea {
    resize: vertical;
}
.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
em,
i {
    font-style: italic;
}
a,
a:active,
a:focus,
:focus,
input,
input:focus {
    outline: 0 none;
    -moz-outline-style: 0 none;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {}@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {}
/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color:transparent;
    border:0;
    overflow:hidden;
    *text-indent:-9999px;
}
.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}
.hidden {
    display: none !important;
    visibility: hidden;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible {
    visibility: hidden;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href)")";
    }
    abbr[title]:after {
        content: " (" attr(title)")";
    }
    /*
     * Don't show links for images, or javascript/internal links
     */
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
        /* h5bp.com/t */
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}
/*FONT FACES*/

@font-face {
    font-family: "AvantGardeGothicITCW02B 737103";
    src: url("fonts/ed474a6e-8269-4fbd-8716-3542aa55dca9.eot?d44f19a684109620e484147daf90e818082784eafd613082f04a2901e2fc90e07abf26e09077eeb422c4d34d256883d0&projectId=1facc951-1543-43a4-8338-2f7506932d7c") format("eot")
}
@font-face {
    font-family: "AvantGardeGothicITCW02B 737103";
    src: url("fonts/ed474a6e-8269-4fbd-8716-3542aa55dca9.eot?d44f19a684109620e484147daf90e818082784eafd613082f04a2901e2fc90e07abf26e09077eeb422c4d34d256883d0&projectId=1facc951-1543-43a4-8338-2f7506932d7c");
    src: url("fonts/adecb382-95db-4995-89d6-8b567697bce2.svg?d44f19a684109620e484147daf90e818082784eafd613082f04a2901e2fc90e07abf26e09077eeb422c4d34d256883d0&projectId=1facc951-1543-43a4-8338-2f7506932d7c#adecb382-95db-4995-89d6-8b567697bce2") format("svg"), url("fonts/b1234d48-ee44-4e87-8d44-09f80366c1c1.woff?d44f19a684109620e484147daf90e818082784eafd613082f04a2901e2fc90e07abf26e09077eeb422c4d34d256883d0&projectId=1facc951-1543-43a4-8338-2f7506932d7c") format("woff"), url("fonts/4d90d836-a65e-4be1-b73f-9097d575e114.ttf?d44f19a684109620e484147daf90e818082784eafd613082f04a2901e2fc90e07abf26e09077eeb422c4d34d256883d0&projectId=1facc951-1543-43a4-8338-2f7506932d7c") format("truetype")
}
@font-face {
    font-family: "AvantGardeGothicITCW02B 737109";
    src: url("fonts/a8033ee6-4bda-48fc-8503-3345c67b6127.eot?d44f19a684109620e484147daf90e818082784eafd613082f04a2901e2fc90e07abf26e09077eeb422c4d34d256883d0&projectId=1facc951-1543-43a4-8338-2f7506932d7c") format("eot")
}
@font-face {
    font-family: "AvantGardeGothicITCW02B 737109";
    src: url("fonts/a8033ee6-4bda-48fc-8503-3345c67b6127.eot?d44f19a684109620e484147daf90e818082784eafd613082f04a2901e2fc90e07abf26e09077eeb422c4d34d256883d0&projectId=1facc951-1543-43a4-8338-2f7506932d7c");
    src: url("fonts/e77757f9-1d0b-40a3-adc5-b6a10a92c7d6.svg?d44f19a684109620e484147daf90e818082784eafd613082f04a2901e2fc90e07abf26e09077eeb422c4d34d256883d0&projectId=1facc951-1543-43a4-8338-2f7506932d7c#e77757f9-1d0b-40a3-adc5-b6a10a92c7d6") format("svg"), url("fonts/af3c779d-50a4-481d-9f8d-8f473565be0e.woff?d44f19a684109620e484147daf90e818082784eafd613082f04a2901e2fc90e07abf26e09077eeb422c4d34d256883d0&projectId=1facc951-1543-43a4-8338-2f7506932d7c") format("woff"), url("fonts/cc49bc90-bd79-43cd-bb35-90243a32d687.ttf?d44f19a684109620e484147daf90e818082784eafd613082f04a2901e2fc90e07abf26e09077eeb422c4d34d256883d0&projectId=1facc951-1543-43a4-8338-2f7506932d7c") format("truetype")
}
@font-face {
    font-family: "AvantGardeGothicITCW02D 737115";
    src: url("fonts/12249a62-4ad9-4aba-bb9c-e40fe456f0ae.eot?d44f19a684109620e484147daf90e818082784eafd613082f04a2901e2fc90e07abf26e09077eeb422c4d34d256883d0&projectId=1facc951-1543-43a4-8338-2f7506932d7c") format("eot")
}
@font-face {
    font-family: "AvantGardeGothicITCW02D 737115";
    src: url("fonts/12249a62-4ad9-4aba-bb9c-e40fe456f0ae.eot?d44f19a684109620e484147daf90e818082784eafd613082f04a2901e2fc90e07abf26e09077eeb422c4d34d256883d0&projectId=1facc951-1543-43a4-8338-2f7506932d7c");
    src: url("fonts/ebd8d1f4-1144-42bb-b23f-413fef79f8f9.svg?d44f19a684109620e484147daf90e818082784eafd613082f04a2901e2fc90e07abf26e09077eeb422c4d34d256883d0&projectId=1facc951-1543-43a4-8338-2f7506932d7c#ebd8d1f4-1144-42bb-b23f-413fef79f8f9") format("svg"), url("fonts/e9c72127-fc74-4a4b-9bb0-ee0cd9ad750b.woff?d44f19a684109620e484147daf90e818082784eafd613082f04a2901e2fc90e07abf26e09077eeb422c4d34d256883d0&projectId=1facc951-1543-43a4-8338-2f7506932d7c") format("woff"), url("fonts/3dceacb4-2e7b-4054-8551-86687298cbc3.ttf?d44f19a684109620e484147daf90e818082784eafd613082f04a2901e2fc90e07abf26e09077eeb422c4d34d256883d0&projectId=1facc951-1543-43a4-8338-2f7506932d7c") format("truetype")
}
@font-face {
    font-family: "AvantGardeGothicITCW02M 737127";
    src: url("fonts/656c251d-a124-416f-b480-6aad0de9b594.eot?d44f19a684109620e484147daf90e818082784eafd613082f04a2901e2fc90e07abf26e09077eeb422c4d34d256883d0&projectId=1facc951-1543-43a4-8338-2f7506932d7c") format("eot")
}
@font-face {
    font-family: "AvantGardeGothicITCW02M 737127";
    src: url("fonts/656c251d-a124-416f-b480-6aad0de9b594.eot?d44f19a684109620e484147daf90e818082784eafd613082f04a2901e2fc90e07abf26e09077eeb422c4d34d256883d0&projectId=1facc951-1543-43a4-8338-2f7506932d7c");
    src: url("fonts/15881558-46be-4970-8a11-f42f32e72519.svg?d44f19a684109620e484147daf90e818082784eafd613082f04a2901e2fc90e07abf26e09077eeb422c4d34d256883d0&projectId=1facc951-1543-43a4-8338-2f7506932d7c#15881558-46be-4970-8a11-f42f32e72519") format("svg"), url("fonts/4191e99b-9c99-4117-bccb-cc9ff5af80a4.woff?d44f19a684109620e484147daf90e818082784eafd613082f04a2901e2fc90e07abf26e09077eeb422c4d34d256883d0&projectId=1facc951-1543-43a4-8338-2f7506932d7c") format("woff"), url("fonts/15504a68-b636-43e3-8149-4480b0a53dd3.ttf?d44f19a684109620e484147daf90e818082784eafd613082f04a2901e2fc90e07abf26e09077eeb422c4d34d256883d0&projectId=1facc951-1543-43a4-8338-2f7506932d7c") format("truetype")
}
@font-face {
    font-family: "Bauer Bodoni W02 Bold";
    src: url("fonts/2996c8bf-445e-4722-b5cf-164821cf63c8.eot?d44f19a684109620e484147daf90e818082784eafd613082f04a2901e2fc90e07abf26e09077eeb422c4d34d256883d0&projectId=1facc951-1543-43a4-8338-2f7506932d7c") format("eot")
}
@font-face {
    font-family: "Bauer Bodoni W02 Bold";
    src: url("fonts/2996c8bf-445e-4722-b5cf-164821cf63c8.eot?d44f19a684109620e484147daf90e818082784eafd613082f04a2901e2fc90e07abf26e09077eeb422c4d34d256883d0&projectId=1facc951-1543-43a4-8338-2f7506932d7c");
    src: url("fonts/abca4909-e67e-4e8a-b639-aa4dcd4fafb2.svg?d44f19a684109620e484147daf90e818082784eafd613082f04a2901e2fc90e07abf26e09077eeb422c4d34d256883d0&projectId=1facc951-1543-43a4-8338-2f7506932d7c#abca4909-e67e-4e8a-b639-aa4dcd4fafb2") format("svg"), url("fonts/d78f2962-201f-4c50-b0a9-5b4fc9498f71.woff?d44f19a684109620e484147daf90e818082784eafd613082f04a2901e2fc90e07abf26e09077eeb422c4d34d256883d0&projectId=1facc951-1543-43a4-8338-2f7506932d7c") format("woff"), url("fonts/0e693ec9-ea7d-4001-815e-2cdcf605c125.ttf?d44f19a684109620e484147daf90e818082784eafd613082f04a2901e2fc90e07abf26e09077eeb422c4d34d256883d0&projectId=1facc951-1543-43a4-8338-2f7506932d7c") format("truetype")
}
body {
    font-family: Arial, sans;
    font-size: 14px;
    background-color: #282828;
    position: relative;
}
html,
body {
    height: 100%;
    width: 100%;
}
@media (max-height: 800px) {
    #change_language {
        margin-top: 0;
        top: 30px;
        position: absolute;
    }
}
.website {
    position: relative;
    width: 100%;
    min-height: 1080px;
    display: table;
    table-layout: fixed;
    overflow: hidden;
    background-color: #FFF;
}
a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    -ms-transition: color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out;
    text-decoration: none;
}
a:hover {
    color: #828282;
}
a.picto {
    background-repeat: no-repeat;
    background-position: top left;
    padding-top: 5px;
    min-height: 23px;
    padding-left: 35px;
    display: inline-block;
    margin: 5px 0;
    background-image: url("img/pictos/link.png");
}
a.picto.file {
    background-image: url("img/pictos/download.png");
}
a.picto.pdf {
    background-image: url("img/pictos/pdf.png");
}
a.picto.audio {
    background-image: url("img/pictos/audio.png");
}
a.picto.video {
    background-image: url("img/pictos/play.png");
}
a.picto.rss {
    background-image: url("img/pictos/rss.png");
}
a.picto.socialWall {
    background-image: url("img/pictos/socialWall.png");
}
a.picto.ebook {
    background-image: url("img/pictos/ebook.png");
}
a.arrow,
.related ul li a {
    background-repeat: no-repeat;
    background-position: 12px 5px;
    padding-left: 35px;
    display: inline-block;
    margin: 5px 0;
    background-image: url("img/arrow2R.gif");
}
p {
    margin: 1em 0;
}
sub,
sup {
    line-height: 1.5;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
div#message {
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    opacity: 0.92;
    display: block;
    width: 100%;
}

#content {
    /*display:block;
    width:100%;
    position:absolute;
    top:0;
    left:0;*/
    display: block;
    background-color: #FFF;
    /*background-image:url(img/shadow.png);*/
    background-repeat: repeat-y;
    position: relative;
}
#content article {
    padding: 16px 1.45%;
    padding-top: 0;
	overflow:auto;
}
#content .breadcrumb {
    font-family: "AvantGardeGothicITCW02B 737109", "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding: 16px 1.45%;
    line-height: 1.4;
    font-size: 0.9em;
    display: block;
	overflow:auto;
}
#content .breadcrumb ul {
    float: left;
}
/*media query content screen 1400px*/

@media (max-width: 1400px) {
    #content article {
        padding: 16px 2%;
        padding-top: 0;
    }
    #content .breadcrumb {
        padding: 2%;
    }
}
/*media query content screen 980px*/

@media (max-width: 980px) {
    #content article {
        padding: 15px;
        padding-top: 0;
    }
    #content .breadcrumb {
        padding: 15px;
    }
}
#content h2.element-invisible {
    display: none;
}
#content .breadcrumb li {
    float:left;
    color: #222222;
    background-image: url(img/arrow2R.gif);
    background-size: 4px 7px;
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 15px;
    margin-right: 8px;
}
#content .breadcrumb li.last{
    background-image:none;
}
#content .breadcrumb li a {
    color: #7d7d7d;
}
#content .breadcrumb li a:hover {
    color: #7d7d7d;
}
#content header {
    margin-bottom: 20px;
}
#content header h1 {
    width: 80%;
}
#content header #big_title {
    border-bottom: 1px solid #ccc;
   /* padding-bottom: 20px;*/
}
#content header p {
    font-weight: bold;
}
#content header p.careers_block {
    width: 70%;
    float: left;
    margin: 0;
    margin-bottom: 25px;
}
#content header figure {
    display: none;
}
#content.text {
    padding: 50px 0;
    border-bottom: 1px solid #CCC;
    margin-bottom: 0;
    font-family: Arial;
    font-weight: bold;
}
#content.text h1 {
    font-size: 16px;
    text-transform: uppercase;
    color: #777777;
}
#content.text h2 {
    font-size: 12px;
    margin: 35px 0 5px 0;
}
#content.text h3 {
    font-size: 12px;
}
#content.text p {
    font-size: 12px;
    color: #6f6f72;
    margin: 0;
    line-height: 2em;
}
#content h1 {
    font-family: "AvantGardeGothicITCW02B 737109";
    font-size: 2.5em;
    line-height: 1;
    text-transform: uppercase;
}
#content h1 span {
    margin-top: 0.25em;
}
.content_body h2 {
    font-family: "AvantGardeGothicITCW02B 737109";
    font-size: 2em;
    text-transform: uppercase;
}
.content_body h3 {
    font-family: "AvantGardeGothicITCW02B 737109";
    font-size: 1.5em;
    text-transform: uppercase;
}
.content_body h4 {
    font-family: "AvantGardeGothicITCW02B 737109";
    font-size: 1.25em;
    text-transform: uppercase;
}
.content_body h5 {
    font-family: "AvantGardeGothicITCW02B 737109";
    font-size: 1.1em;
    text-transform: uppercase;
}
h1 span.cat-dt {
    display: block;
    font-size: 0.6em;
    color: #666;
}
#content.home {
    background-color: #F3F3F3;
}
#content.home > h1 {
    padding: 0 2%;
    margin: 30px 0 0 0;
    font-size: 2em;
}
#content.home .row {
    background-color: #F3F3F3;
}
#content .body {
    width: 100%;
    font-size: 1em;
}
#content .body a,
#content.home .row a {
    /*color: #929292;*/
    color:#0000EE;
}
#content .body a:hover,
#content.home .row a:hover {
    /*color: #000;*/
    color:#660099

;
}
#content .body a:visited,
#content.home .row a:visited {
    /*color: #000;*/
    color:#660099

;
}
#content figure img {
    width: 100%;
}
#content figure + .caption {
    width: 98%;
    background-color: #ebebeb;
    font-size: 0.8em;
    padding: 1%;
}
#content figure + .caption p {
    margin: 0;
    padding: 0;
}
#content .related {
    border-top: 1px solid #ccc;
    padding-top: 20px;
    margin-top: 40px;
}
#content .body .related ul li {
    list-style: none;
    padding-left: 0px;
    margin-left: 0px;
}
#content .related h1 {
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}
#content .body ul li {
    list-style: disc;
    padding-left: 10px;
    margin-left: 25px;
}
#content .body ul li {
    margin: 1em 0 1em 25px;
}
#content .row {
    width: 98%;
    padding: 10px 1%;
    margin: 0%;
}
#content .column {
    width: 23%;
    float: left;
    margin: 0 1%;
    min-height: 390px;
}
.panel {
    background-color: #FFF;
    width: auto;
    /*border:#e8e6e7 solid 1px;*/
    border-top: 3px solid black;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    min-height: 380px;
    padding: 10px;
    margin-bottom: 21px;
}
.panel.calendar {
    min-height: 0;
    min-height: 168px;
}
.panel iframe {
    width: 100% !important;
}
.panel h3 {
    margin-top: 0;
    margin-bottom: 18px;
    font-family: "AvantGardeGothicITCW02M 737127";
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
}
.calendar .event {
    margin-top: 5px;
    margin-bottom: 20px;
    float: left;
    width: 100%;
}
.calendar .event:after {
    clear: both;
    display: block;
    content: "";
    height: 0px;
}
.panel.discover {
    position: relative;
}
.discover img {
    width: 100%;
}

#content.home .row .panel>div{
	overflow:auto;
}

#content.home .row .panel>div>a{
	width:calc(33.33331% - 4px);
	margin:2px;
	display:block;
	float:left;
}

#content.home .row .panel>div>a img{
	margin: 0px; 
	width: 100%; 
	height:auto;
}

#content.home .row .panel>div>a:hover{
	opacity:.9;
}

#content.home .row .panel>a.link {
    clear: left;
    width: 100%;
    background-color: #262626;
    color: #FFF;
    display: block;
    padding: 8px 0;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    font-family: "AvantGardeGothicITCW02B 737109";
    -webkit-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    -ms-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    margin-bottom: 20px;
	margin-top:20px;
}
#content.home .row .panel>a.link:hover {
    background-color: #f2f2f2;
    color: #000;
}
#content.home .row .discover a.apply {
    clear: left;
    width: 100%;
    background-color: #262626;
    color: #FFF;
    display: block;
    padding: 8px 0;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    font-family: "AvantGardeGothicITCW02B 737109";
    -webkit-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    -ms-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    margin-bottom: 20px;
    background-image: url(img/apply.gif);
    background-repeat: no-repeat;
    background-position: 97% center;
    background-size: 16px;
}
#content.home .row .discover a.apply:hover {
    background-color: #f2f2f2;
    color: #000;
}
#content.home .row *,
#content nav * {
    -webkit-backface-visibility: hidden;
}
#content .calendar time {
    font-family: "AvantGardeGothicITCW02M 737127";
    float: left;
    margin-right: 20px;
    min-width: 20%;
    position: relative;
    min-height: 38px;
    font-size: 0;
}
#content .calendar time span {
    font-size: 24px;
    line-height: 20px;
    display: inline-block;
}
#content .calendar time .first {
    margin-right: 2px;
    padding-right: 3px;
    border-right: 1px solid #000;
}
#content .calendar time .last {
    font-size: 12px;
    display: block;
    text-align: right;
    position: absolute;
    bottom: 0px;
    right: 0;
}
.event p {
    margin: 0;
    padding: 0;
    font-size: 12px;
}
#content.home .row .calendar a.add {
    clear: left;
    width: 100%;
    background-color: #262626;
    color: #FFF;
    display: block;
    padding: 8px 0;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    font-family: "AvantGardeGothicITCW02B 737109";
    -webkit-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    -ms-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    margin-bottom: 0px;
}
#content.home .row .calendar a.add:hover {
    background-color: #f2f2f2;
    color: #000;
}
.userActions {
    float: right;
    margin-top: -50px;
}
#content .body #link ul,
#content .body #link ul li {
    padding: 0;
    margin: 0;
}
#content.home .row .press_release ul li{
    padding:15px 0;
    border-bottom: 1px solid #e9e9e9;
}
#content.home .row .press_release ul li:last{
    padding: 15px 0;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 15px;
}
#content.home .row .press_release a{
    color:#000;
    line-height:1.5;
    font-size: 0.9em;
}
#content.home .row .press_release a.more {
    clear: left;
    width: 100%;
    background-color: #262626;
    color: #FFF;
    display: block;
    padding: 8px 0;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    font-family: "AvantGardeGothicITCW02B 737109";
    -webkit-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    -ms-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    margin-bottom: 20px;
}
#content.home .row .press_release a.apply:hover {
    background-color: #f2f2f2;
    color: #000;
}
.row:after{
	float:none;
	content:"";
	clear:both;
	width:100%;
	height:0;
	display:block;	
}

#content #footer {
    background-color: #FFF;
    color: #000;
	display:block;
   	padding: 6.25%;
    margin: 0%;
    position: relative;
	font-size:0.78em;
}

#content #footer:before {
    width:100%;
	display:block;
	height:0;
	content:"";
	clear:both;	
	float:none;
	overflow: auto;
  	zoom: 1;
}

@media screen and (min-width: 480px){
#content #footer {
    padding: 4.166666666666667% 2.0833333333333335%;
}

}

@media screen and (min-width: 768px){
#content #footer {
    padding: 1.3020833333333333%;
}
}

@media screen and (min-width: 1410px){
#content #footer {
    padding: .8771929824561403%;
}
}

#content #footer hr {
    border: 0;
    border-top: 1px solid #000;
    margin:0;
	width:98%;
	margin:0 auto;
}

#content > footer ul{
	text-align:center;	
	margin-top: 1em;
}
#content > footer ul li {
    display: inline-block;
    padding-right: 1.5%;
}
#content>footer li ul {
	padding-bottom:36px
}
#content > footer ul li img {
    width: 20px;
    height: 20px;
}
#content>footer a {
	font-family: "AvantGardeGothicITCW02B 737109";
}
#content>footer .generic a, #content>footer li a {
	display:inline-block;
	font-size:1em;
	line-height:1em
}
#content>footer .generic li li, #content>footer li li {
	padding-bottom:0
}
#content>footer .generic li a, #content>footer li li a {
	background:0;
	padding-bottom:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0909090909em;
	line-height:1.25em;
	color:#a9a9a9;
	text-transform:none
}
#content>footer .generic li a {
	padding-left:0;
	padding-bottom:0
}
#content>footer .generic li a:before {
	display:none
}

#content #footer #menu {
    float: left;
    width: 100%;
}
#content #footer .wrapper {
    width: 100%;
    float: left;
    position: relative;
}
#content #footer #miscellaneous {
    position: absolute;
    right: 0;
    top: 0;
    width: 23%;
    padding-left: 2%;
    border-left: 1px solid #353535;
    min-height: 100%;
}
#content #footer h4 {
    margin: 30px 2% 40px 2%;
    font-family: "AvantGardeGothicITCW02B 737109";
    font-size: 2.1em;
    line-height: 1;
    text-transform: uppercase;
}
#content nav>ul {
    text-transform: uppercase;
}
#content #footer #menu>ul {
    float: left;
    width: 100%;
}
#content #footer #onetrust_optanon{
    float:right;
    margin-top:-15px;
}
body ul.expanded,
body ul li.expanded,
body ul.leaf,
body ul li.leaf {
    border: 0;
    padding: 0;
    margin: 0;
    background-color: transparent;
    background-image: none;
    list-style: none;
    list-style-image: none;
}
#content nav>ul>li {
    vertical-align: top;
    overflow: hidden;
    font-family: "AvantGardeGothicITCW02B 737109";
}
#content #footer #menu>ul>li {
    float: left;
    color: #FFF;
    border-right: 1px solid #353535;
    border-left: 1px solid #353535;
    min-height: 200px;
    padding-left: 2%;
    width: 23%;
    margin: 0;
    margin-left: -1px;
}
#content nav>ul>li>a {
    font-size: 1.1em;
}
#content nav>ul>li>a.language,
#content nav>ul>li>a.contact {
    margin-bottom: 20px;
    display: block;
    padding-left: 35px;
    background-image: url(img/footerSprite.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 22px;
}
#content nav>ul>li>a.language {
    background-position: 0 0;
}
#content nav>ul>li>a.contact {
    background-position: 0 -44px;
}
#content nav>ul>li>ul {
    display: block;
    padding-bottom: 36px;
    margin-top: 10px;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: none;
    font-size: 1.1em;
}
#content nav>ul>li>ul>li {
    padding: 0;
}
#content nav>ul>li>ul>li>ul {
    display: none;
}
#content nav>ul>li>ul>li>* {
    color: #a3a3a3;
    text-transform: none;
    font-size: 0.8rem;
    padding: 4px 0;
    display: block;
}
#content nav>ul>li>ul>li>a:hover {
    color: #656565;
}
#content nav a:hover,
nav .selected {
    color: #888;
}
#content #footer li.menu-close {
    display: none;
}
#content #footer #menu>ul>li:nth-child(3n+1) {
    clear: both;
    border-left: 0 none;
}
#content #footer #menu>ul>li:nth-child(3) {
    border-right: 0 none;
}
#content nav>ul>li>ul>li>.titre,
#content nav>ul>li>ul>li>.close,
#content nav>ul>li>ul>li>.links {
    display: none;
}
br.clear {
    clear: both;
    float: none;
    display: block;
}
.mobile {
    display: none;
}
#header .wrapper .contentHeader {
    display: block;
}
@media (min-width: 993px) {
#header .wrapper .contentHeader {
    display: block!important;
}
}
#content_body {
    display: block;
    width: 73%;
    float: left;
}
#content nav#contextual_menu {
    float: right;
    width: 23%;
    background-color: #ebebeb;
    margin: 20px 0;
}
#content nav#contextual_menu ul {
    padding-bottom: 0;
    font-family: "AvantGardeGothicITCW02B 737109", "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#content nav#contextual_menu>ul>li>ul {
    margin-top: 0;
}
#content nav#contextual_menu ul>strong {
    padding: 12px 5% 15px 63px;
    margin-left: 0px;
    display: block;
    font-size: 1.25em;
    background-color: #cecece;
}
#content nav#contextual_menu ul li {
    margin: 0;
    padding: 0;
}
#content nav#contextual_menu ul li a {
    padding: 12px 15% 12px 15px;
    margin-left: 48px;
    display: block;
    position: relative;
    color: #494949;
    -webkit-transition: background-color .25s linear;
    -moz-transition: background-color .25s linear;
    -ms-transition: background-color .25s linear;
    -o-transition: background-color .25s linear;
    transition: background-color .25s linear;
    font-size: 0.9em;
}
#content nav#contextual_menu>ul>li>ul>li>a {
    padding: 6px 15% 6px 25px;
    font-family: Arial;
    font-size: 0.8em;
}
#content nav#contextual_menu ul li a:hover,
#content nav#contextual_menu ul li a.active-trail {
    background-color: #cecece;
    color: #000;
    background-position: 94% center;
    background-repeat: no-repeat;
}
#content nav#contextual_menu ul li a:hover {
    background-image: url(img/arrow4R.gif);
}
#content nav#contextual_menu ul li a.active-trail:hover {
    background-color: #b3b3b3;
}
/*media query blocks home + footer screen 1400px*/

@media (max-width: 1400px) {
    #content_body {
        width: 64%;
    }
    #content nav#contextual_menu {
        width: 33%;
    }
    #content .row {
        width: 98%;
        padding: 0 1%;
    }
    #content .column {
        width: 30.833%;
        margin: 0 1.25%;
    }
    #content #footer #menu>ul>li {
        min-height: 200px;
        float: left;
        clear: none;
        border-right: 1px solid #353535;
        border-left: 0;
    }
    #content #footer #menu>ul>li,
    #content #footer #miscellaneous {
        width: 31.3%;
    }
    #content #footer #menu>ul>li:nth-child(2n+1) {
        clear: both;
    }
    #content #footer #menu>ul>li:nth-child(3n+1) {
        clear: none;
    }
    #content #footer #menu>ul>li:nth-child(3) {
        border-right: 1px solid #353535;
    }
}
/*media query blocks home + footer screen 780px*/

@media (max-width: 780px) {
    #content .row {
        width: 97%;
        padding: 0 1.5%;
    }
    #content .column {
        width: 47%;
        margin: 0 1.5%;
    }
    #content #footer #menu>ul>li {
        min-height: 200px;
        float: left;
        clear: none;
        width: 46%;
        padding-left: 4%;
        border-right: 0;
        border-left: 0;
    }
    #content #footer #miscellaneous {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        clear: both;
        margin-top:20px;
        border:0;
        float:left;
    }
    #content #footer #menu>ul>li:nth-child(2n+1) {
        clear: both;
        border-left: 0;
        border-right: 1px solid #353535;
    }
    #content #footer #menu>ul>li:nth-child(2) {
        border-right: 0;
    }
    #content #footer #menu>ul>li:nth-child(3n+1) {
        clear: none;
        border-left: 0;
    }
    #content #footer #menu>ul>li:nth-child(3) {
        border-right: 1px solid #353535;
    }
    .userActions {
    float: none;
    margin-top: 0px;
    }
    #content header #big_title {
    padding-bottom: 50px;
    }
}
/*media query blocks home + footer screen 400px*/

@media (max-width: 400px) {
    #content .row {
        width: 90%;
        padding: 0 5%;
    }
    #content .column {
        width: 100%;
        margin: 0 0;
        min-height:0;
    }
    #content .column .panel{
        min-height:0;   
    }
    #content #footer #menu>ul>li {
        min-height: 0;
        float: left;
        clear: both !important;
        border-right: 0 !important;
        border-left: 0 !important;
    }
    #content #footer #menu>ul>li,
    #content #footer #miscellaneous {
        width: 90%;
        padding: 0 5%;
    }
    #content nav>ul>li>a.language,
    #content nav>ul>li>a.contact {
        letter-spacing: -1px;
    }
}
/*media query content screen 1400px*/

@media (min-width: 1400px) {
    #content header figure {
        display: block;
    }
    #content header {
        border-bottom: 0;
    }
}
/*media query max width website = 1680px*/

@media (min-width: 1200px) {
    body .website {
        margin: 0 auto;
        width: 1200px;
    }
}
/*media query content screen 980px*/

@media (max-width: 980px) {
    #header {
        display: block;
        width: 100%;
        float: left;
    }
    #header .wrapper {
        display: block;
        width: 100%;
        position: relative;
        float: left;
        min-height: 72px;
    }
    .mobile {
        display: block;
    }
    #header .wrapper img {
        margin: 10px 2%;
        padding: 0;
		display:inline-block;
    }
    #header .wrapper .contentHeader {
        display: none;
        float: left;
    }
    .website {
        display: block;
    }
    #content {
        display: block;
        clear: both;
    }
    h1 {
        margin: .5em 0;
    }
    #header {
        font-size: 0.9em;
    }
    #header .contentHeader {
        clear: both;
        padding-bottom: 20px;
    }
    #header .contentHeader>nav#menu {
        margin-top: 0px;
    }
    #header .contentHeader>nav>ul {
        margin-bottom: 40px;
    }
    #header nav>ul>li>ul>li,
    #header nav>ul>li>ul>li>ul,
    #header nav>ul>li>ul>li>ul>li {
        width: 280px!important;
        min-width: 0;
    }
    #header nav>ul>li>ul>li>ul>li {
        margin: 15px 0;
    }
    #header nav>ul>li>ul>li {
        padding: 0 20px 40px 20px;
    }
    #header nav>ul>li>ul>li .titre {
        padding-top: 10px;
        background-position: right 60%;
        background-image: none;
    }
    #header nav>ul>li>ul {
        height: 600%;
        top: 72px;
        left: 0;
        width: 100%;
        font-size: 1.3em;
    }
    #header form {
        /*margin-bottom:20px;  */
    }
}
@media (max-width: 500px) {
    #header .wrapper img {
        width: 140px;
        margin: 15px 2%;
    }
    #content_body {
        display: block;
        background-image: none;
        width: 100%;
    }
    #content nav#contextual_menu {
        float: none;
        display: block;
        width: 100%;
    }
    .rsMinW .rsBullets{
        display: none !important;
    }
    .royalSlider .infoBlock{
        padding: 5px 2%;
        min-height: 0px;
        width: 96%;
    }
    
    .royalSlider .infoBlock p{
        width:auto !important;
        font-size: 1.3em;
        line-height:1;
    }
    
    .royalSlider .infoBlock p span.arrowRight{
        background-image:url(img/arrow3R_w.gif);
        height: 12px;
        line-height: 12px;
        margin-left:4px;
    }
    
}
@media (max-width: 350px) {
    #header .wrapper {
        min-height: 0;
    }
    #header .wrapper img {
        width: 100px;
        margin: 12px 4%;
    }
    #header #menuMobileBt {
        line-height: 36px;
        height: 36px;
        margin: 7px 5px;
        font-size: 1em;
    }
    #content_body {
        display: block;
        background-image: none;
        width: 100%;
    }
    #content nav#contextual_menu {
        float: none;
        display: block;
        width: 100%;
    }
}

#content_body.content_body_full{
    width:80%;
}

#content nav#medias {
    clear: both;
    padding: 20px 2% 10px 2%;
    width: 96%;
}
#content nav#medias ul {
    display: table;
    padding: 2px 0;
    width: 100%;
    border-top: 3px solid #262626;
    border-bottom: 1px solid #d4d4d4;
}
#content nav#medias ul li {
    display: table-cell;
    margin: 0 3px;
    width: 33%;
    border-left: 1px solid #808080;
}
#content nav#medias ul li.first {
    border-left: 0;
}
#content nav#medias ul li.active-trail a,
#content nav#medias ul li a.active,
#content nav#medias ul li:hover a {
    background-color: #666;
    color: #FFF !important;
}
#content nav#medias ul li a {
    display: block;
    margin: 0px 3px;
    text-align: center;
    height: 25px;
    line-height: 25px;
    font-size: 0.9em;
}
@media (max-width: 500px) {
#content nav#medias ul li a{
    min-height: 75px;   
}
}


/*  ---------   Royal Slider   ------------------ */

#full-width-slider {
    width: 100%;
    color: #000;
    text-align: left;
}
#full-width-slider img{
    width: 100%;
}
#header-full-width-slider {
    width: 100%;
    color: #000;
    text-align: left;
}
#header-full-width-slider img{
    width: 100%;
	height:auto;
}
#footer-full-width-slider {
    width: 100%;
    color: #000;
    text-align: left;
}
#footer-full-width-slider img{
    width: 100%;
	height:auto;
}

#header-full-width-slider.rsMinW,
#footer-full-width-slider.rsMinW{
	background-color:transparent;	
}

#header-full-width-slider.rsMinW .rsThumbs,
#footer-full-width-slider.rsMinW .rsThumbs {
	background-color:transparent;	
}

.coloredBlock {
    padding: 12px;
    background: rgba(255, 0, 0, 0.6);
    color: #FFF;
    width: 200px;
    left: 20%;
    top: 5%;
}
.infoBlock {
    padding-bottom: 0;
    background: #FFF;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.infoBlockLeftBlack {
    color: #000;
    background: #FFF;
    background: rgba(255, 255, 255, 0.85);
    text-transform: uppercase;
    padding: 15px 2.192982456140351% 7px;
    min-height: 90px;
}
.infoBlock h4 {
    font-size: 1.1em;
    line-height: 1.2;
    margin: 0;
    margin-bottom: 5px;
    padding-bottom: 0px;
    font-family: "AvantGardeGothicITCW02B 737109";
}
.infoBlock p {
    font-size: 1.7em;
    line-height: 1.1;
    margin: 4px 0 0;
    font-family: "Bauer Bodoni W02 Bold", "Georgia Bold";
    width: 75%;
}
.infoBlock p span.arrowRight {
    height: 16px;
    line-height: 16px;
    background-image: url(img/arrow5thinR_b.gif);
    background-repeat: no-repeat;
    background-position: right center;
    margin-left: 10px;
    display: inline-block;
    width: 10px;
}
.infoBlock a {
    color: #000;
    text-decoration: none;
}
.infoBlock:hover a {
    color: #585858;
}
.infoBlock a:hover p {
    /*text-decoration: underline;*/
}
.photosBy {
    position: absolute;
    line-height: 24px;
    font-size: 12px;
    background: #FFF;
    color: #000;
    padding: 0px 10px;
    position: absolute;
    left: 12px;
    bottom: 12px;
    top: auto;
    border-radius: 2px;
    z-index: 25;
}
.photosBy a {
    color: #000;
}
.fullWidth {
    width: 100%;
    overflow: hidden;
    max-width: 1400px;
    margin: 0 auto 24px;
}
/*media query royalslider */

@media screen and (min-width: 1600px) and (min-height: 660px) {
    .fullWidth {
        max-width: 6000px;
    }
    .heroSlider .rsOverflow,
    .royalSlider.heroSlider,
    #mainMenuWrapper #subMenuWrapper {
        height: 410px !important;
    }
}
@media screen and (min-width: 960px) and (max-height: 800px) {
    .heroSlider .rsOverflow,
    .royalSlider.heroSlider {
        height: 520px !important;
    }
}
@media screen and (min-width: 960px) and (min-height: 800px) {
    .heroSlider .rsOverflow,
    .royalSlider.heroSlider {
        height: 660px !important;
    }
}
@media screen and (min-width: 960px) and (min-height: 800px) {
    #header-full-width-slider.heroSlider .rsOverflow,
    #footer-full-width-slider.heroSlider .rsOverflow {
        height: 520px !important;
    }
}
@media screen and (min-width: 0px) and (max-width: 800px) {
    .royalSlider.heroSlider,
    .royalSlider.heroSlider .rsOverflow {
        height: 300px !important;
    }
    .infoBlock {
        padding: 10px;
        height: auto;
        max-height: 100%;
        min-width: 40%;
        left: 0;
        bottom: 0;
        right: auto;
        font-size: 12px;
    }
    .infoBlock h3 {
        font-size: 14px;
        line-height: 17px;
    }
}
/* -------------------------------------------------- */

.video_accueil * {
    display: none;
}
/* ---------------- Page --------------- */

#content .body {
    width: 100%;
}
#thumb ul li {
    width: 33%;
    float: left;
}
#thumb ul li img {
    width: 100%;
}
#thumb ul li div {
    width: 90%;
    margin: 0 auto;
    position: relative;
}
#thumb ul {
    list-style: none;
    width: 100%;
}
#content .body #thumb ul li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    padding-bottom: 20px;
}
#content .body #thumb ul li h1 {
    display: block;
    width: 94%;
    position: absolute;
    top: 0px;
    color: #fff;
    font-size: 2em;
    padding: 3%;
}
#content .body #thumb ul li p {
    display: block;
    width: 94%;
    position: absolute;
    bottom: 0px;
    margin: 0px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 3%;
}
#content .body #link {
    clear: both;
}
#content .body #link ul li {
    list-style: none;
}
#article .related {
    clear: both;
}
#article .related .picto a {
    background-position: 0px 0px;
}
#content #content_body figure img,
#content #content_body div.wide img,
#content #content_body img.wide {
    width: 100%;
    padding-bottom: 20px;
}
#content .itemsBoard a .content {
    color: #000;
    width: 81%;
    padding: 2%;
    -webkit-transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    -ms-transition: color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out;
    float:right;
}
#content .itemsBoard a:hover .content {
    color: #828282;
}
#content .itemsBoard li {
    background: #f2f2f2;
    margin: 10px 0;
    clear: both;
    margin-bottom: 10px;
    overflow: hidden;
}
#content .itemsBoard .content span.cat {
    font-family: "AvantGardeGothicITCW02B 737109", "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 0.9em;
}
#content .itemsBoard .content span.cat time {
    font-family: "AvantGardeGothicITCW02B 737109", "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-transform: none;
}
#content .itemsBoard .content p {
    margin: 0;
    padding: 0;
}
#content section.brands-content {
    padding: 16px 1.45%;
    padding-top: 0;
}
#content .itemsBoard a img {
    width: 15%;
    float: left;
}
.media-search-2 {
    background-color: #f7f5f6;
    padding: 1em 1em;
    margin-bottom: 2em;
}
#article .press-release-page .media-search-2 form {
    width: 100%;
    overflow: inherit;
    display: inline-block;
    position: relative;
}
#article .press-release-page .media-search-2 h3 {
    font-size: 1.4em!important;
    padding: 0!important;
    margin-bottom: 14px;
    color: #161616;
    font-family: "AvantGardeGothicITCW02D 737115", "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    margin-top: 5px;
}
#article .press-release-page h3 {
    font-size: 1.8181818181818181em;
    font-family: "AvantGardeGothicITCW02B 737109", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-style: normal;
    margin: 34px 0 20px;
    padding: 0;
    text-transform: uppercase;
}
#article .std-form label {
    font-size: 1em;
}
.std-form .new-select,
.website #content .std-form .new-select {
    background-color: transparent;
    font-size: .8571428571428571em;
    width: 100%!important;
    max-width: 100%;
    margin: 0 0 6px 0;
    zoom: 1;
}
select select,
.website #content form select {
    position: relative;
    z-index: 1;
    ;
    line-height: 1;
    border: 0;
    cursor: pointer;
    width: 100%;
    width: 100%;
    min-height: 30px;
    white-space: pre;
    color: black;
    margin: 0em;
    font: -webkit-small-control;
    font: -moz-small-control;
    font: -ms-small-control;
    font: -o-small-control;
    background: #d6d6d6;
    padding: 0px 0 0 6px;
    -webkit-rtl-ordering: logical;
    font-size: 1.0909090909090908em;
}
.website #content #form-type-select {
    background-color: transparent;
    font-size: .8571428571428571em;
    width: 100%!important;
    max-width: 100%;
    margin: 0 0 6px 0;
    zoom: 1;
}
.website #content #edit-submit-media,
.website #content #edit-submit-taxonomy-term {
    background: #262626;
    color: #fff;
    border: 0;
    padding: 0;
    overflow: visible;
    visibility: visible;
    display: inline-block;
    text-align: center;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px 10px;
    font-family: "AvantGardeGothicITCW02B 737109", "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    -webkit-transition: background .25s linear, color .25s linear;
    -moz-transition: background .25s linear, color .25s linear;
    -ms-transition: background .25s linear, color .25s linear;
    -o-transition: background .25s linear, color .25s linear;
    transition: background .25s linear, color .25s linear;
    margin-top: 19px;
}
.website #content #edit-submit-media:hover {
    text-decoration: none;
    background: #666;
    color: #FFF;
}
.website #content input[type="text"],
.std-form textarea {
    background-color: #d6d6d6;
    border: 1px solid transparent;
    -webkit-transition: border .25s linear;
    -moz-transition: border .25s linear;
    -ms-transition: border .25s linear;
    -o-transition: border .25s linear;
    transition: border .25s linear;
    height: auto;
    padding: 5px 8px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 6px 0;
    color: #494949;
    min-height: 30px;
    font-size: .8571428571428571em;
    font-size: 1em;
    font-family: "AvantGardeGothicITCW02B 737109", "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.website #content .std-form input.bef-datepicker {
    background: #d6d6d6 url(../css/img/pictos/picto-calendar.png) 100% 50% no-repeat;
    padding-right: 30px;
    cursor: pointer;
    font-family: "AvantGardeGothicITCW02B 737109", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
}
.website .views-widget .form-item-created-min {
    width: 47.5%;
    float: left;
    padding-right: 5%;
}
.website .views-widget .form-item-created-max {
    width: 47.5%;
    float: left;
}
.website #article .views-widget label[for=edit-created-max] {
    font-size: 0;
    margin-top: 0;
}
#content article .press-release-page a:hover {
    color: #c6c6c6;
}
#edit-created-wrapper {
    width: 20%
}
#content .pager .pager-item,
#content .pager .pager-current {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    padding: .18181818181818182em 0 0;
    width: 25px;
    height: 25px;
    line-height: 18px;
    color: #fff;
    display: inline-block;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    text-align: center;
    background-color: #4c4c4c;
}
#content .pager .pager-item:hover{
      background-color: #bdbdbd;
}
#content article .pager-item:hover a{
    color:#4c4c4c !important;
}
#content .pager .pager-current {
    background-color: #bdbdbd;
}
.pager .pager-current {
    background: #bdbdbd;
    color: #6a6a6a
}
#content article .pager a {
    color: #b7b7b7;
}
#content .filter-pager {
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 15px;
    margin-bottom: 10px;
    overflow: hidden;
    display: block;
    height: 35px;
}
#content .filter-pager .item-list {
    width: 100%;
    float: right;
}
#content .filter-pager .item-list ul {
    float: right;
    text-align: right;
}
#content .filter-pager .item-list ul li {
    margin: 0px 5px;
}
#content .filter-pager .pager-ellipsis {
    display: none;
}
#content .filter-pager .pager-next {
    background: transparent url(img/picto-arrow2.png) 0 0 repeat-x;
    height: 15px;
    width: 8px;
    margin-left: 5px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    padding: 0;
}
#content .filter-pager .pager-next a,
#content .filter-pager .pager-last a,
#content .filter-pager .pager-first a,
#content .filter-pager .pager-previous a {
    width:100%;
    height:100%;
    display:block;
    font-size: 0;
}
#content .filter-pager .pager-last {
    background: transparent url(img/picto-arrow2.png) 0 0 repeat-x;
    height: 15px;
    width: 16px;
    margin-left: 5px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    padding: 0;
}
#content .filter-pager .pager-previous {
    background: transparent url(img/picto-arrow2.png) 0 -16px repeat-x;
    height: 15px;
    width: 8px;
    margin-left: 5px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    padding: 0;
}
#content .filter-pager .pager-first {
    background: transparent url(img/picto-arrow2.png) 0 -16px repeat-x;
    height: 15px;
    width: 16px;
    margin-left: 5px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    padding: 0;
}
#content time {
    font-family: "AvantGardeGothicITCW02M 737127";
    float: none;
    margin-right: 20px;
    min-width: 20%;
    position: relative;
    min-height: 38px;
}
#sitemap {
    font-size: 14px;
    font-family: "AvantGardeGothicITCW02B 737109", "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#sitemap>h2 {
    clear: both;
    padding: 10px 1.8181818181818181%;
    margin: 0;
    background: #f2f2f2;
    border-bottom: 1px solid #e8e8e8;
    text-transform: uppercase;
    font-size: 1.72em;
}
#sitemap>h2 a {
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
    display: inline;
    background-image: url("img/arrow4R.gif");
}
#sitemap ul {
    float: left;
    width: 21%;
    margin-top: 0.85em;
    padding: 2%;
    font-size: 1.3em;
    text-transform: uppercase;
    min-height: 50px;
}
#sitemap ul li {
    text-transform: none;
    font-family: Arial;
    font-size: 0.75em;
    margin: 8px 0;
}
#sitemap li a {
    color: #222;
    -webkit-transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    -ms-transition: color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out;
    text-decoration: none;
}
#sitemap li a:hover {
    color: #5e5e5e;
}
#sitemap #anchorsList {
    background: #f2f2f2;
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 3em;
    margin-top: 2em;
}
#sitemap #anchorsList ul {
    width: 46%;
    margin-top: 5px;
}
#sitemap #anchorsList ul#secondMenu li {
    font-family: "AvantGardeGothicITCW02D 737115", "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    background-image: url(img/arrow2R.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 15px;
    margin: 6px 0;
}
#sitemap #anchorsList ul#secondMenu li.first {
    background: none;
    padding-left: 0;
}
#sitemap #anchorsList ul li {
    font-family: "AvantGardeGothicITCW02B 737109", "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 1.05em;
    margin: 4px 0;
}
@media (max-width: 1400px) {
    #sitemap ul {
        width: 29%;
    }
}
@media (max-width: 780px) {
    #sitemap ul {
        width: 46%;
    }
}
@media (max-width: 400px) {
    #sitemap #anchorsList ul {
        width: 100%;
    }
    #sitemap ul {
        width: 96%;
    }
}
#careersLinks {
    background: #f2f2f2;
    padding: 1%;
    width: 23%;
    float: right;
    margin-bottom: 25px;
}
#careersLinks a {
    height: 35px;
    text-transform: uppercase;
    padding-top: 7px;
    padding-left: 45px;
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
    font-family: "AvantGardeGothicITCW02D 737115", "Trebuchet MS", Arial, Helvetica, sans-serif;
    -webkit-transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    -ms-transition: color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out;
    text-decoration: none;
}
#careersLinks a:hover {
    color: #5e5e5e;
}
#careersLinks a.job {
    border-bottom: 1px solid #e8e8e8;
    background-image: url(img/picto-bookmark.png);
    background-position: 5px 0;
}
#careersLinks a.candidate {
    background-image: url(img/picto-candidate.png);
    margin-top: 10px;
    height: 30px;
}
.bglayer {
    background: rgba(0, 0, 0, 0.9);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    z-index: 60000;
}
#change_language {
    position: absolute;
    width: 56%;
    margin-left: -30%;
    top: 0;
    margin-top:10px;
    left: 50%;
    display: block;
    background-color: #FFF;
    z-index: 60001;
    overflow: auto;
    padding: 30px 2%;
}
#change_language h1.title {
    font-size: 2.5833333333333335em;
    font-family: "AvantGardeGothicITCW02B 737109", "Trebuchet MS", Arial, Helvetica, sans-serif;
    line-height: 1.2em;
    font-weight: normal;
    text-transform: uppercase;
    padding: 0 200px 0 0;
    margin: 0;
}
.popin-ct .close+h1 {
    float: left;
}
#change_language .intro-lk,
.popin-ct-intro br {
    display: none;
}
.popin-ct-intro ul {
    display: none;
}
.popin-ct header {
    border-bottom: 3px solid #262626;
    font-family: "AvantGardeGothicITCW02B 737109", "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin: 0 0 20px 0;
}
#change_language ul.country-list {
    line-height: 1.4
}
#change_language ul.country-list {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 1.953125%;
    -moz-column-gap: 1.953125%;
    column-gap: 1.953125%;
}
#change_language ul.country-list>li {
    background-color: #f4f2f3;
    display: block;
    margin: 0 0 2px 0;
    padding: 5px 4px 5px 10px;
    text-align: right
}
#change_language ul.country-list>li:after {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    clear: both;
    content: '.'
}
#change_language ul.country-list>li>span {
    text-transform: uppercase;
    float: left;
    text-align: left
}
#change_language ul.country-list>li a {
    font-weight: bold;
    padding: 0 6px
}
#change_language ul.country-list>li a[href] {
    font-weight: normal
}
#change_language ul.country-list>li a+a {
    background: url('img/sep-list1.png') no-repeat 0 center;
}
#change_language ul.country-list>li>ul {
    float: right
}
#change_language ul.country-list>li>ul li {
    float: left
}
#change_language ul.country-list>li>ul li+li a {
    background: url('img/sep-list1.png') no-repeat 0 center;
}
@media (max-width: 780px) {
    #change_language {
        width: 92%;
        margin-top: 0;
        margin-left: 0;
        top: 10px;
        left: 2%;
        padding: 2%;
    }
    
    #change_language ul.country-list {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
    }
    
    #change_language .popin-ct .close{
        right:10px;
        top:10px;
        padding:0;
        background-position:100% 0;
        font-size:1.25em;
        padding-right:25px;
    }
    
    #change_language h1.title {
        font-size:2.2em;
        padding-bottom:8px;
    }
    
    #edit-created-wrapper{
        width:auto;   
    }
}

#popin{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	z-index:2001;
	display:none;
}
#popin.show{
	display:block;	
}

#popin .layer{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:1000%;
	display:none;
	background:rgba(0,0,0,.82);
	overflow:hidden;
}
#popin .layer.show{
	display:block;
}
#popin .content{
	position:relative;
	margin:100px auto;
	width:50%;
	height:auto;
	display:none;
	background:white;
}
@media(max-width:992px) {
#popin .content{
	width:95%;
}
}
#popin .content.show{
	display:block;	
}

.popin-ct {
    padding: 34px 3.59779%;
    position: relative;
    font-size: 1.09091em;
    width: auto;
    background-color: #fff;
    margin: 0;
}

.popin-ct h1{
	margin:0;	
}

.country-list {
	line-height: 1.4;
}
.popin-ct-intro p {
	padding: 0px 0px 19px;
}
.country-list > li {
	background-color: #F4F2F3;
	display: block;
	margin: 0px 0px 2px;
	padding: 5px 4px 5px 10px;
	text-align: right;
}
.country-list > li > span {
	text-transform: uppercase;
	float: left;
	text-align: left;
}
.country-list > li a {
	font-weight: bold;
	padding: 0px 6px;
}
.country-list > li a[href] {
	font-weight: normal;
}
.country-list > li::after {
	display: block;
	width: 0px;
	height: 0px;
	overflow: hidden;
	clear: both;
	content: ".";
}
.country-list > li > ul {
	float: right;
}
.country-list > li > ul li {
	float: left;
}

@media(min-width:480px) {
.country-list {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 1.953125%;
	-moz-column-gap: 1.953125%;
	column-gap: 1.953125%
}

.country-list1 {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
}
}

.popin-wrapper {
    background-color: #fff
}
.popin-wrapper:focus {
    outline: 1px dotted #000
}
.popin-ct {
    font-size: 0.9em;
}
.popin-ct:focus {
    outline: 1px dotted #000
}
.popin-ct header {
    border-bottom: 3px solid #262626;
    font-family: "AvantGardeGothicITCW02B 737109", "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin: 0 0 20px 0
}
.popin-ct .popin-media > header:first-child {
    /*padding-bottom:10px;*/
    border: none;
}
.popin-ct header:after {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    clear: both;
    content: '.'
}
.popin-ct header a.close {
    display: none
}
#content>.popin-ct header a.close {
    display: inline-block
}
#content>.popin-ct header button.close {
    display: none
}
.popin-ct .std-form .title {
    font-size: 1.8333333333333333em
}
@media(min-width:768px) {
    .popin-ct .std-form .title {
        font-size: 2.5833333333333335em
    }
}
.popin-ct .title {
    font-size: 1.8333333333333333em;
    line-height: 1.2em;
    font-weight: normal;
    text-transform: uppercase;
    padding: 0 200px 0 0;
}
@media(min-width:768px) {
    .popin-ct .title {
        font-size: 2.5833333333333335em
    }
}
.popin-ct .close {
    position: absolute;
    right: 40px;
    top: 32px;
    z-index: 1;
    border: 0;
    background: 0;
    padding: 9px 0 20px;
    overflow: visible;
    visibility: visible;
    font-size: 1.8em;
    line-height: 1.2272727272727273;
    font-family: "AvantGardeGothicITCW02B 737109", "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    padding-right: 25px;
    background: url('img/picto-close.png') no-repeat 100% 14px;
    -webkit-transition: opacity .25s linear;
    -moz-transition: opacity .25s linear;
    -ms-transition: opacity .25s linear;
    -o-transition: opacity .25s linear;
    transition: opacity .25s linear
}
.popin-ct .close:hover {
    opacity: .65
}
.popin-ct .close:focus {
    outline: 0 none;
}
.popin-ct a.close {
    padding: 0;
    background: 0
}
@media(max-width:768px) {
.popin-ct .close{
	top:22px;
}
}
.popin-ct .close+h1 {
    float: left
}
.popin-ct > .popin-media > header > button.close {
    top: 50px !important;
}
.popin-ct button.std-btn strong {
    font-weight: 2em;
    line-height: .4em
}
.popin-ct .flex-control-nav {
    width: 83.22147651006712%
}
.popin-ct .flex-control-nav:after {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    clear: both;
    content: '.'
}
@media(min-width:480px) {
    .popin-ct .flex-control-nav {
        width: 83.40807174887892%
    }
}
.popin-ct .flex-control-nav li {
    float: left;
    display: block;
    margin: 7px
}
@media(min-width:768px) {
    .popin-ct .flex-control-nav {
        display: table;
        width: 100%
    }
    .popin-ct .flex-control-nav li {
        float: none;
        display: table-cell;
        margin: 0 7px
    }
}
.popin-ct-intro {
    font-size: 1.1666666666666667em
}
.popin-ct-intro p {
    padding: 0 0 19px 0
}
.popin-ct-intro .intro-lk {
    margin: 0 0 19px 0;
    border-bottom: 1px solid #d4d4d4
}
.popin-ct-intro .intro-lk a {
    position: relative;
    padding: 0 16px 0 0
}
.popin-ct-intro .intro-lk a:after {
    content: "";
    height: 7px;
    width: 7px;
    border-right: 1px solid #262626;
    border-top: 1px solid #262626;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -5px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}
#footer .ajax-progress-throbber {
    display: none;
}
#footer .ajax-progress .throbber {
    display: none;
}
#footer a.backToTop {
    position: absolute;
    right: 2.2%;
    top: 15px;
    font-family: "AvantGardeGothicITCW02B 737109", "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: opacity .25s linear;
    -moz-transition: opacity .25s linear;
    -ms-transition: opacity .25s linear;
    -o-transition: opacity .25s linear;
    transition: opacity .25s linear;
    cursor: pointer;
    font-size: 0.8em;
}
#footer a.backToTop:hover {
    cursor: pointer;
}
#footer a.backToTop:after {
    content: "";
    width: 8px;
    height: 8px;
    display: inline-block;
    margin-left: 10px;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    -webkit-transform: translateY(4px) rotate(45deg);
    -moz-transform: translateY(4px) rotate(45deg);
    -o-transform: translateY(4px) rotate(45deg);
    -ms-transform: translateY(4px) rotate(45deg);
    transform: translateY(4px) rotate(45deg);
    -webkit-backface-visibility: visible;
}
.controlBt {
    padding: 4px;
    position: absolute;
    left: -34px;
    top: 0px;
}
.controlBt span {
    background-color: transparent;
    height: 20px;
    width: 28px;
    border-radius: 20px;
    font-size: 0.9em;
    line-height: 20px;
    text-align: center;
    color: #FFF;
    display: block;
    -webkit-transition: background-color .25s linear;
    -moz-transition: background-color .25s linear;
    -ms-transition: background-color .25s linear;
    -o-transition: background-color .25s linear;
    transition: background-color .25s linear;
    text-indent: 2px;
}
.controlBt.pauseBt span {
    font-size: 0.65em;
    text-indent: 3px;
}
.controlBt:hover span {
    cursor: pointer;
    background-color: #5e5e5e;
}

ul.social-icon-list li {
    float: left;
    margin-right: 0.6em;
}

.social-icon a{
    background-image: url(/sites/all/themes/loreal/local/img/social-network-icons.png);
    background-position-y: top;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    display: block;
}

ul.social-icon-list li span {
    display: none;
}

.mail a{
    background-position: -34px top;
}

.print a{
    background-position: 0px top;
}

.facebook a{
    background-position: -103px top;
}

.googleplus a{
    background-position: -172px top;
}

.twitter a{
    background-position: -138px top;
}

.linkedin a{
    background-position: -68px top;
}
ul.social-icon-list li sap {
    display: block;
    text-indent: 9999px;
}

/*table, 
tr, 
td,*/
table.wBorder,
table.wBorder tr,
table.wBorder td{
	border:1px solid #DDD;	
}
/*table td,*/
table.wBorder td{
	padding:5px;	
}



html > body #page div.dbContent table.standard{
	font-size:1em !important;
}

table.standard{
	background-color:#FFF !important;
	width:100% !important;
	border-collapse:separate !important;
	text-align:right !important;
	font-size:1em;
	overflow: hidden !important;
	-webkit-hyphens: auto !important;
	-moz-hyphens: auto !important;
	-ms-hyphens: auto !important;
	-o-hyphens: auto !important;
	hyphens: auto !important;
	line-height:normal !important;
	margin-bottom:20px !important;
	border-bottom:1px solid #999999 !important;
}

table.standard.sungard{
	background-color:transparent;	
}

table.standard td,
table.standard th{
	padding:15px 0px !important;
	padding-right:15px !important;
	font-size:1em !important;
	white-space:nowrap !important;
}

div.dbContent table.standard td,
div.dbContent table.standard th{
	padding:7px 0px !important;
	padding-right:15px !important;
}

table.standard.wrap td, 
table.standard.wrap th{
	white-space:normal !important;
}

table.standard td.first,
table.standard th.first{
	text-align:left !important;
	padding-left:0 !important;
	white-space:normal !important;
}

table.standard td.first span{
	font-style:italic !important;
	color:#a9a9a9 !important;
}

table.standard.topLine{
	border-top:solid 3px #000;	
}

table.standard td.title,
table.standard th.title{
	text-transform:uppercase !important;
	border-bottom:solid 3px #000 !important;
	font-size:1em !important;
	padding-top:10px !important;
	padding-bottom:10px !important;
	white-space:normal !important;
	vertical-align:bottom !important;
}
table.standard td.title.top,
table.standard th.title.top{
	vertical-align:top !important;
}
table.standard td.upTitle,
table.standard td.upTitle{
	border-bottom:0 !important;
	text-align:center !important;
	line-height:1.5em !important;
	white-space:normal !important;
	padding-left:15px!important;
}

table.standard .secColor{
	background-color:#f7f6f5;	
}

table.standard.sungard .secColor{
	background-color:#D6D6D6;	
}

table.standard tr.speDot, 
table.standard tr.speDot td{
	height:1px !important;
	padding:0 !important;
	line-height:0 !important;
}

table.standard td.dotted,
table.standard th.dotted{
	background-image: url('http://www.loreal-finance.com/site/media/img/common/dot.gif') !important;
	background-repeat:repeat-x !important;
}

table.standard td.bold,
table.standard th.bold{
	font-weight:bold !important;
}

table.standard .including td,
table.standard .including th{
	font-style:italic !important;
	color:#666 !important;
}

table.standard .total{
	border-top:solid 1px #949494 !important;
	font-weight:bold !important;
}

table.standard .sep{
	border-top:solid 1px #949494 !important;
}

table .separatedMembers td{
	border-top:solid 2px #999999 !important;
}

table.standard .maj{
	text-transform:uppercase !important;
	font-weight:bold !important;
}

@media (max-width: 480px) {
table.standard{
	font-size:1em !important;
	margin:0 1% !important;
	width:98% !important;
}

table.standard td,
table.standard th{
	padding:5px;	
	-webkit-hyphens: auto !important;
	-moz-hyphens: auto !important;
	-ms-hyphens: auto !important;
	-o-hyphens: auto !important;
	hyphens: auto !important;
	line-height:normal !important;
}
}

.longDescription{
	float:left;
	width:72.5%;	
}

.longDescription h2{
	text-align:center;	
	font-family: "AvantGardeGothicITCW02M 737127";
	text-transform:uppercase;
	font-size:2.1em;
	margin-top:65px;
	margin-bottom:0;
}

#content .body .social{
	margin-left:-1.45%;
	width:102.90%;	
}

#content .body .social .col{
	width:30.4%;	
	float:left;
	margin:0 1.45%;
}



#content .body .social .col h3{
	padding-bottom:10px;
	border-bottom:4px solid;
	width:100%;
	padding-top:45px;
	background-position:top center;
	background-repeat:no-repeat;
	text-align:center;
	font-family: "AvantGardeGothicITCW02D 737115";
	font-size:18px;
	white-space:nowrap;
}

#content .body .social .col.facebook h3{
 	background-image:url('img/title_facebook.png');
	border-color:#43609c;
}

#content .body .social .col.youtube h3{
	background-image:url('img/title_youtube.png');
	border-color:#e62117;
}

#content .body .social .col.twitter h3{
	background-image:url('img/title_twitter.png');
	border-color:#1da1f2;
}

#content .body .social .col.instagram h3{
	background-image:url('img/title_instagram.png');
	border:0;
	position:relative;
}

#content .body .social .col.instagram h3:after {
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
  height: 4px;
  content:"";
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffdf7d+0,f9762a+32,d32e81+65,9837b9+86,5063d2+100 */
background: #ffdf7d; /* Old browsers */
background: -moz-linear-gradient(45deg,  #ffdf7d 0%, #f9762a 32%, #d32e81 65%, #9837b9 86%, #5063d2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #ffdf7d 0%,#f9762a 32%,#d32e81 65%,#9837b9 86%,#5063d2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #ffdf7d 0%,#f9762a 32%,#d32e81 65%,#9837b9 86%,#5063d2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdf7d', endColorstr='#5063d2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}


#content .body .social .col .item{
	width:100%;	
	border:1px;
	padding:0;
	margin-bottom:15px;
	background-color:#fbfbfb;
	border:1px solid #ebebeb;
	box-sizing:border-box;
	position:relative;
}

#content .body .social .col .item h4,
#content .body .social .col .item p{
	width:90%;
	padding:0 5%;	
	margin:10px auto;
}

#content .body .social .col.instagram .likes span{
	background-image:url('img/like_instagram.png');
	background-repeat:no-repeat;
	background-position:center left;
	background-size:12px 11px;
	padding-left:18px;
    font-size: 0.75em;
}

#content .body .social .item .head{
	float:left;
	width:90%;	
	padding:10px 5%;
	min-height:40px;
}

#content .body .social .item .date{
	width:40%;	
	background-repeat:no-repeat;
	background-position:left 0px;
	font-size:0.75em;
	line-height:1;
	padding:8px 0;
	padding-left:30px;
	overflow:hidden;
	margin-top:6px;
}

#content .body .social .col.facebook .item .date{
	background-image:url('img/pictofacebookY.png');
}

#content .body .social .col.youtube .item .date{
	background-image:url('img/pictoyoutubeY.png');
}

#content .body .social .col.twitter .item .date{
	background-image:url('img/pictotwitterY.png');
}

#content .body .social .col.instagram .item .date{
	background-image:url('img/pictoinstagramY.png');
}


#content .body .social .item .share{
	padding:8px 20px;
	border-radius:5px;
	line-height:20px;
	background-color:#f8fe63;
	text-transform:uppercase;
	font-family: "AvantGardeGothicITCW02M 737127";
	color:#000;
	opacity:1;
	-webkit-transition: opacity .25s linear, background .25s linear;
	-moz-transition: opacity .25s linear, background .25s linear;
	-ms-transition: opacity .25s linear, background .25s linear;
	-o-transition: opacity .25s linear, background .25s linear;
	transition: opacity .25s linear, background .25s linear;
	position:absolute;
	right:5%;
	top:10px;
}

#content .body .social .item .share:hover{
	opacity:.8;
}

#content .body .social .col div img{
	width:100%;	
}

.menu.brand-infos{
	padding: 1.7543859649122806% 1.7543859649122806%;
	background-color:#ebebeb;
	float:right;
	width:22%;
	font-size:1.15em;
}

#content .body .menu.brand-infos ul li{
	padding:0;
	margin:0;
	list-style:none;	
}

#content .body .menu.brand-infos li a{
	background-repeat:no-repeat;
	background-position:left 0;
	padding:10px 16px 9px;
	padding-left:54px;	
	height:16px;
	line-height:15px;
	display:inline-block;
	margin:7px 0;
	text-transform:uppercase;
	color:#000;
	font-family: "AvantGardeGothicITCW02B 737109";
}


#content .body .menu.brand-infos li a:hover{
	background-position:left -35px;
}

#content .body .menu.brand-infos li a.facebook{
	background-image:url('img/pictofacebook.png');
}

#content .body .menu.brand-infos li a.twitter{
	background-image:url('img/pictotwitter.png');
}

#content .body .menu.brand-infos li a.youtube{
	background-image:url('img/pictoyoutube.png');
}

#content .body .menu.brand-infos li a.linkedin{
	background-image:url('img/pictoblog.png');
}

#content .body .menu.brand-infos li a.instagram{
	background-image:url('img/pictoinstagram.png');
}

#content .body .menu.brand-infos li a.glassdoor{
	background-image:url('img/pictoglassdoor.png');
}


#content .body .menu.brand-infos a.link,
#content .body .social .col a.seemore{
	display: block;
    color: #fff;
    padding: 20px 10px;
    text-align: center;
	font-family: "AvantGardeGothicITCW02D 737115", "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #262626;
	-webkit-transition: color .25s linear, background .25s linear;
	-moz-transition: color .25s linear, background .25s linear;
	-ms-transition: color .25s linear, background .25s linear;
	-o-transition: color .25s linear, background .25s linear;
	transition: color .25s linear, background .25s linear;
	text-transform:uppercase;
	opacity:1;
}

#content .body .social .col a.seemore{
	width:60%;
	margin:100px auto 50px;	
	font-family: "AvantGardeGothicITCW02M 737127";
	font-size:1.1em;
}

#content .body .menu.brand-infos>p{
	border-top:1px solid #c4c4c4;
	border-bottom:1px solid #c4c4c4;
	padding:20px 0;
	margin:0;
}

#content .body .menu.brand-infos ul{
	padding:20px 0;	
}

#content .body .menu.brand-infos a.link:hover,
#content .body .social .col a.seemore:hover{
	color: #000;
	background: #f2f2f2;
}

@media (max-width: 1200px) {
 #content .body .social .col{
	width:47%;
	margin:0 1.45%;
 }
 
 #content .body .social .col a.seemore{
	margin-bottom:200px;	
 }

}

@media (max-width: 640px) {
 #content .body .social .col{
	width:97%;
	margin:0 1.45%;
 }
 
 #content .body .social .col a.seemore{
	margin-bottom:200px;	
 }
 
 #content .body .longDescription,
 #content .body .menu.brand-infos{
	width:auto;
	clear:both;
	float:none; 
	display:block;
 } 
 
 #content .body .menu.brand-infos{
 	padding: 9.375% 6.25%;
 }
 
}



/*FONT FACES*/

@font-face{
	font-family:"bauerbodoni_bold";
	src:url("fonts/bauerbodoni_bold.eot");
	src:url("fonts/sbwa/bauerbodoni_boldd41d.eot?#iefix") format("embedded-opentype"),url("fonts/sbwa/bauerbodoni_bold.svg#bauerbodoni_bold") format("svg"),url("fonts/sbwa/bauerbodoni_bold.woff") format("woff"),url("fonts/sbwa/bauerbodoni_bold.ttf") format("truetype");
	font-weight:normal;
	font-style:normal
}

@font-face{
	font-family:"bauerbodoni_roman";
	src:url("fonts/sbwa/bauerbodoni_roman.eot");
	src:url("fonts/sbwa/bauerbodoni_romand41d.eot?#iefix") format("embedded-opentype"),url("fonts/sbwa/bauerbodoni_roman.svg#bauerbodoni_roman") format("svg"),url("fonts/sbwa/bauerbodoni_roman.woff") format("woff"),url("fonts/sbwa/bauerbodoni_roman.ttf") format("truetype");
	font-weight:normal;
	font-style:normal
}

@font-face{
	font-family:"itc_avant_garde_demi";
	src:url("fonts/sbwa/itc_avant_garde_demi.eot");
	src:url("fonts/sbwa/itc_avant_garde_demid41d.eot?#iefix") format("embedded-opentype"),url("fonts/sbwa/itc_avant_garde_demi.svg#itc_avant_garde_demi") format("svg"),url("fonts/sbwa/itc_avant_garde_demi.woff") format("woff"),url("fonts/sbwa/itc_avant_garde_demi.ttf") format("truetype");
	font-weight:normal;
	font-style:normal
}

@font-face{
	font-family:"itc_avant_garde_gothic_bold";
	src:url("fonts/sbwa/itc_avant_garde_gothic_bold.eot");
	src:url("fonts/sbwa/itc_avant_garde_gothic_boldd41d.eot?#iefix") format("embedded-opentype"),url("fonts/sbwa/itc_avant_garde_gothic_bold.svg#itc_avant_garde_gothic_bold") format("svg"),url("fonts/sbwa/itc_avant_garde_gothic_bold.woff") format("woff"),url("fonts/sbwa/itc_avant_garde_gothic_bold.ttf") format("truetype");
	font-weight:normal;
	font-style:normal
}

@font-face{
	font-family:"itc_avant_garde_gothic_book";
	src:url("fonts/sbwa/itc_avant_garde_gothic_book.eot");
	src:url("fonts/sbwa/itc_avant_garde_gothic_bookd41d.eot?#iefix") format("embedded-opentype"),url("fonts/sbwa/itc_avant_garde_gothic_book.svg#itc_avant_garde_gothic_book") format("svg"),url("fonts/sbwa/itc_avant_garde_gothic_book.woff") format("woff"),url("fonts/sbwa/itc_avant_garde_gothic_book.ttf") format("truetype");
	font-weight:normal;
	font-style:normal
}

@font-face{
	font-family:"itc_avant_garde_gothic_medium";
	src:url("fonts/sbwa/itc_avant_garde_gothic_medium.eot");
	src:url("fonts/sbwa/itc_avant_garde_gothic_mediumd41d.eot?#iefix") format("embedded-opentype"),url("fonts/sbwa/itc_avant_garde_gothic_medium.svg#itc_avant_garde_gothic_medium") format("svg"),url("fonts/sbwa/itc_avant_garde_gothic_medium.woff") format("woff"),url("fonts/sbwa/itc_avant_garde_gothic_medium.ttf") format("truetype");
	font-weight:normal;
	font-style:normal
}

@font-face{
	font-family:"icons";
	src:url("fonts/sbwa/icons.eot");
	src:url("fonts/sbwa/iconsd41d.eot?#iefix") format("embedded-opentype"),url("fonts/sbwa/icons.svg#icons") format("svg"),url("fonts/sbwa/icons.woff") format("woff"),url("fonts/sbwa/icons.ttf") format("truetype");
	font-weight:normal;font-style:normal
}

@font-face {
  font-family: 'AvantGardeBook';
  src: url("fonts/sbwa/AvGardeBook.eot");
  src: url("fonts/sbwa/AvGardeBook.eot?#iefix") format("embedded-opentype"), url("fonts/sbwa/AvGardeBook.ttf") format("truetype"), url("fonts/sbwa/AvGardeBook.woff") format("woff"), url("fonts/sbwa/AvGardeBook.svg#AvantGardeBook") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AvantGardeDemi';
  src: url("fonts/sbwa/AvGardeDemi.eot");
  src: url("fonts/sbwa/AvGardeDemi.eot?#iefix") format("embedded-opentype"), url("fonts/sbwa/AvGardeDemi.ttf") format("truetype"), url("fonts/sbwa/AvGardeDemi.woff") format("woff"), url("fonts/sbwa/AvGardeDemi.svg#AvantGardeDemi") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AvantGardeXLight';
  src: url("fonts/sbwa/AvGarde-XLight.eot");
  src: url("fonts/sbwa/AvGarde-XLight.eot?#iefix") format("embedded-opentype"), url("fonts/sbwa/AvGarde-XLight.ttf") format("truetype"), url("fonts/sbwa/AvGarde-XLight.woff") format("woff"), url("fonts/sbwa/AvGarde-XLight.svg#AvantGardeXLight") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BodoniItalic';
  src: url("fonts/sbwa/BauerBodoniBT-Italic.eot");
  src: url("fonts/sbwa/BauerBodoniBT-Italic.eot?#iefix") format("embedded-opentype"), url("fonts/sbwa/BauerBodoniBT-Italic.ttf") format("truetype"), url("fonts/sbwa/BauerBodoniBT-Italic.woff") format("woff"), url("fonts/sbwa/BauerBodoniBT-Italic.svg#BodoniItalic") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BodoniBold';
  src: url("fonts/sbwa/BauerBodoniBT-BoldCondensed.eot");
  src: url("fonts/sbwa/BauerBodoniBT-BoldCondensed.eot?#iefix") format("embedded-opentype"), url("fonts/sbwa/BauerBodoniBT-BoldCondensed.ttf") format("truetype"), url("fonts/sbwa/BauerBodoniBT-BoldCondensed.woff") format("woff"), url("fonts/sbwa/BauerBodoniBT-BoldCondensed.svg#BodoniBold") format("svg");
  font-weight: normal;
  font-style: normal;
}

/*SBWA NODE*/
#content div.sbwa{
	text-align:center;
	font-family: "itc_avant_garde_gothic_book", serif;
	position:relative;
	z-index:0;
}

.breadcrumb{
	position:relative;
	z-index:1;
}

.heading-bodoni-italic {
    font-family: "BodoniItalic", serif;
}


/* -------------- PILLAR ------------- */

/* ----------------------------------- */

#content div.sbwa .pillar-full {
  background-image: linear-gradient(to right, #d6f1f1, #f8f8f9);
  padding-bottom:120px;
}

/* -------------- PILLAR COVER ------------- */

/* ----------------------------------------- */

#content div.sbwa .pillar-cover {
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1.3em;
  position: relative;
  min-height: 120px;
  margin-top: 0px;
  padding: 90px 15px 120px;
  background-position: center;
  background-size: cover;
  color: #fff;
  line-height: 23px;
  text-align: center;
  overflow: hidden;
}

#content div.sbwa .pillar-cover:after {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: linear-gradient(to top, #110d0f, rgba(17, 13, 15, 0.5));
  opacity: .7;
  content: '';
}

#content div.sbwa .pillar-cover h1{
	margin:0;
	padding:0;
    font-family: "BodoniItalic", serif;
    font-size: 60px;
    line-height: 1;
    text-transform:none;
}

#content div.sbwa .pillar-cover .subheading-pillar {
    margin:0;
	padding:0;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:2px;
    line-height: 1;
}

#content div.sbwa .pillar-cover--innovate {
  background-image: url("../images/pillar/innovate-cover.jpg");
}

#content div.sbwa .pillar-cover--produce {
  background-image: url("../images/pillar/produce-cover.jpg");
}

#content div.sbwa .pillar-cover--consume {
  background-image: url("../images/pillar/consume-cover.jpg");
}

#content div.sbwa .pillar-cover--share {
  background-image: url("../images/pillar/share-cover.jpg");
}

#content div.sbwa .pillar-cover__wrap {
  position: relative;
  z-index: 5;
}

#content div.sbwa .pillar-cover__chapo {
  max-width: 735px;
  margin: 10px auto 0;
  letter-spacing: .025em;
  font-size:15px;
  line-height:25px;
  font-family:'AvantGardeDemi';
}



/* ----------- PILLAR ENGAGEMENT ----------- */

/* ----------------------------------------- */

#content div.sbwa .pillar-engagement {
  position: relative;
  margin: 1px 260px 0px;
  padding: 35px 40px 45px;
  background-color: #fff;
  text-align: center;
  z-index: 5;
}

#content div.sbwa .pillar-engagement .subtitle{
	font-family: 'BodoniBold';
	font-size:30px;
}

#content div.sbwa .pillar-full .pillar-engagement:nth-child(2){
  margin-top: -100px;
}

#content div.sbwa .pillar-engagement ul {
  display: table;
  margin: 0 auto;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#content div.sbwa .pillar-engagement li{
	display: table-cell;
	vertical-align:middle;
	text-align:center;
	  position:relative;
}

#content div.sbwa .innovating .pillar-engagement li {
	/*4*/
	width:19%;
	padding:3%;
}

#content div.sbwa .producing .pillar-engagement li {
	/*5*/
	width:16%;
	padding:2%;
}

#content div.sbwa .consuming .pillar-engagement li {
	/*3*/
	width:27%;
	padding:3%;
}

#content div.sbwa .sharing .pillar-engagement.sharing_communities li {
	/*5*/
	width:16%;
	padding:2%;
}

#content div.sbwa .sharing .pillar-engagement.sharing_employees li {
	/*4*/
	width:19%;
	padding:3%;
}

#content div.sbwa .sharing .pillar-engagement.sharing_suppliers li {
	/*4*/
	width:19%;
	padding:3%;
}

#content div.sbwa .pillar-engagement li:after{
	height:50px;
	position:absolute;
	display:block;
	width:1px;
	content:'';
	top:50%;
	left:0;
	margin-top:-25px;
}

#content div.sbwa .pillar-engagement li:nth-child(1):after{
	display:none;	
}

#content div.sbwa .innovating .pillar-engagement li:after {
  background-color: #76a6c1;
}

#content div.sbwa .producing .pillar-engagement li:after {
  background-color: #a9ca37;
}

#content div.sbwa .consuming .pillar-engagement li:after {
  background-color: #f05b5c;
}

#content div.sbwa .sharing .pillar-engagement li:after {
  background-color: #ffb01f;
}



#content div.sbwa .pillar-engagement__link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#content div.sbwa .pillar-engagement__link:hover {
  color: #000;
}

#content div.sbwa .pillar-engagement__txt {
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 1.3em;
  font-family: serif;
  width: calc(100% - 90px);
  padding-left: 20px;
  line-height: 20px;
  text-align: left;
}

#content div.sbwa .pillar-engagement__txt {
  font-family: "BodoniItalic", serif;
}

#content div.sbwa .pillar-engagement__list {
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}



#content div.sbwa .pillar-engagement__list a {
  max-width: 350px;
}

#content div.sbwa .pillar-engagement__title {
  font-size: 34px;
  font-size: 3.4rem;
  line-height: 1.3em;
  margin-bottom: 25px;
  font-family: "AvantGardeXLight", serif;
}




#content div.sbwa .home {
  padding-bottom: 50px;
  background-image: linear-gradient(to right, #d6f1f1, #f8f8f9);
}

#content div.sbwa .home-intro {
  position: relative;
  margin-top: -40px;
  padding: 125px 15px 55px;
  background: url("../img/sbwa/home-bg.svg") #fff;
  background-size: cover;
  text-align: center;
}

#content div.sbwa .home-intro:after {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: linear-gradient(to right, #d6f1f1, #f8f8f9);
  opacity: .6;
  content: '';
}

#content div.sbwa .home-intro__content {
  position: relative;
  z-index: 3;
}

#content div.sbwa .home-intro__title {
  font-family: serif;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.3em;
  margin-bottom: 15px;
  line-height: 31px;
}

#content div.sbwa .home-intro__title {
  font-family: "BodoniItalic", serif;
}

#content div.sbwa .home-intro__title h1 {
  font-size: 35px;
  /*font-size: 3.9rem;*/
  line-height: 1.3em;
  margin-bottom: 5px;
  line-height: 39px;
  font-family: "BodoniItalic", serif;
  text-transform:none;
}

#content div.sbwa .home-intro__title p {
  font-size: 24px;
  /*font-size: 3.9rem;*/
  line-height: 1.3em;
  margin:0;
  padding:0;
  font-family: "BodoniItalic", serif;
  text-transform:none;
}

#content div.sbwa .home-intro__logo {
  width: 305px;
  height: 100px;
  margin-bottom: 15px;
}

#content div.sbwa .home-video {
  padding: 210px 20% 200px;
  background-color: #fff;
  font-size: 47px;
  /*font-size: 3.9rem;*/
  line-height: 1;
  font-family: "BodoniBold", serif;
  background-image:url("../img/sbwa/bg_video.jpg");
  background-size:cover;
  width:44%;
  margin: 15px auto 0px;
}

#content div.sbwa .home-video p{
	margin:0;
	padding:0;
	margin-bottom:20px;
    color:#fff;
}

#content div.sbwa .home-content {
  width: 725px;
  margin: 0 auto;
  padding: 15px 0 15px;
  background-color: #fff;
}

#content div.sbwa .linksWrapper{
	display:block;
	width:760px;
	background-color:#F6F6F6;
	margin:-30px auto;
	margin-bottom:90px;
	height:240px;
}



#content div.sbwa ul.links{
	width:100%;
	background-color:#F6F6F6;
	float:left;
	display:table;
}

#content div.sbwa .linksWrapper:after{
	content:'';
	float:left;
	clear:both;
	display:block;
	width:100%;
}

#content div.sbwa ul.links li{
	text-align:center;
	width:33.3331%;	
	float:left;
	display:table-cell;
}

#content div.sbwa ul.links li a{
	text-align:center;
	width:100%;	
	background-repeat:no-repeat;
	background-position:center 40px;
	padding-top:150px;
	height:90px;
	font-size:12px;
	display:block;	
	text-transform:uppercase;
	letter-spacing:1px;
}

#content div.sbwa ul.links li a span.word{
	font-size:22px;
	font-family: "BodoniBold", serif;
	text-transform:none;
	letter-spacing:0px;
}

#content div.sbwa ul.links li a span.link{
	text-transform:none;
	letter-spacing:0px;
	color:#5db6cd;
}

#content div.sbwa ul.links li:nth-child(2){
	border-right:1px #FFF solid;
	border-left:1px #FFF solid;
	width:calc(33.3331% - 2px);	
}

#content div.sbwa ul.links li.site a{
	background-image:url("../img/sbwa/site.png");
}

#content div.sbwa ul.links li.twitter a{
	background-image:url("../img/sbwa/twitter.png");
}

#content div.sbwa ul.links li.pdf a{
	background-image:url("../img/sbwa/pdf.png");
}


#content div.sbwa .menuPart{
background-image: -moz-linear-gradient(to right, #d6f1f1, #f8f8f9);
background-image: -webkit-linear-gradient(to right, #d6f1f1, #f8f8f9);
background-image: -webkit-gradient(linear, 100% 0, 0 0, from(#d6f1f1), to(#f8f8f9));
background-image: -o-linear-gradient(to right, #d6f1f1, #f8f8f9);
background-image: linear-gradient(to right, #d6f1f1, #f8f8f9);	
}

#content div.sbwa .menuPart .title{
	font-size:50px;
	padding:75px 0 50px;
	color:#74787b;
}

#content div.sbwa .sbwa-menuWrapper{
	width:100%;
	border-top:1px solid #b6c4c4;
}

#content div.sbwa .sbwa-menu{
	width:760px;
	margin:0 auto;
	display:table;
	font-family: "BodoniBold", serif;
}

#content div.sbwa .sbwa-menu li{
	width:25%;
	border-left:1px solid #b6c4c4;
	display:table-cell;
	font-size:15px;
}

#content div.sbwa .sbwa-menu li a{
	width:100%;
	display:inline-block;
	padding:15px 0;
}

#content div.sbwa .sbwa-menu li a:hover{
	cursor:pointer;	
}

#content div.sbwa .sbwa-menu li:nth-child(1){
	border-left:0;
}

@media (max-width: 768px) {
 #content div.sbwa .home-intro__logo {
    width: 70%;
 }
#content div.sbwa .home-video {
    padding: 40px 0 40px;
	width:90%;
    font-size: 15px;
}

#content div.sbwa .home-content,
 #content div.sbwa .linksWrapper{
	display:block;
	width:100%;
 }
 
 #content div.sbwa ul.links li:nth-child(2){
	border:0;
	border-top:1px #FFF solid;
	border-bottom:1px #FFF solid;	
 }
 
 #content div.sbwa .pillar-engagement li,
 #content div.sbwa ul.links li{	
	width:100%!important;
	float:none!important;
	padding-top:15px!important;
	padding-bottom:15px!important;
	display:block;
 }	

#content div.sbwa ul.links li a {
    background-position: center 0px;
    padding-top: 100px;
	height:70px;
}
 
 #content div.sbwa .pillar-engagement {
    margin: 1px 10px 0px;
    padding: 35px 10px 45px;	
 }
 
 #content div.sbwa .pillar-engagement li:after{
	height:1px;
	width:50px;
	top:0;
	left:50%;
	margin-top:0;
	margin-left:-25px;
}
 
}










































#header {
    background-color: #000;
    width: 100%;
    color: #FFF;
    font-family: "AvantGardeGothicITCW02B 737109";
    z-index: 998;
	position:relative;
	height:142px;
}

#header .wrapper {
    width: 100%;
    top: 0;
    margin-left: 0;
    left: auto;
    text-transform: uppercase;
    z-index: 998;
	background-color: #000;
}

#header .wrapper img {
    margin: 0 auto;
	display:block;
	padding: 46px 0 2px 2px;
}
#header nav>ul,
#header .wrapper>ul {
   text-align: center;
    width: 100%;
}
#header nav#menu_bas{
	font-size: 0.75em;
    margin-bottom: 0px;
    position: absolute;
	top:0;
	left:0;
    padding-top: 19px;
    padding-left: 30px;
	width:100%;
	text-align:left;
}
#header nav#menu_bas>ul,
#header nav#menu_langue>ul,
#header ul.language-switcher-locale-url{
	text-align:left;
}
#header ul.language-switcher-locale-url{
    position: absolute;
    top: 55px;
    right: 10px;
}
#header nav#menu_bas>ul>li,
#header nav#menu_langue>ul>li,
#header ul.language-switcher-locale-url>li{
    font-family: "AvantGardeGothicITCW02D 737115";
    text-transform: uppercase;
    font-size: 13px;
    background-repeat: no-repeat;
    background-position: left center;
	padding:0;
    padding: 0 10px;
}
#header nav#menu_bas>ul>li.first.leaf{
	display:none;
}
#header nav#menu_bas>ul>li.first,
#header nav#menu_langue>ul>li.first{
    background: none;
    padding-left: 0;
}
#header ul.language-switcher-locale-url>li.first{
	display:none;	
}
#header nav>ul>li {
    padding: 10px;
    line-height: 1.2;
    display: inline-block;
    text-align: left;
}
#header nav>ul>li * {
    height: auto;
    line-height: 1;
}
#header nav>ul>li>ul {
    background-color: #1e1e1e;
    position: absolute;
    top: 142px;
    overflow: hidden;
    left: 0;
    width: 50%;
    display: none;
    color: #FFF;
    font-family: "AvantGardeGothicITCW02B 737109";
    padding: 0;
    font-size: 0.9em;
}
#header nav>ul>li>ul>li {
    display: block;
    min-width: 350px;
    width: 60%;
    margin: 8px 0;
    padding: 0 50px 30px 6%;
}
#header nav>ul>li>ul>li>a,
#header nav>ul>li>ul>li>span {
    font-size: 1.25em;
}
#header nav>ul>li>ul>li>ul {
    display: block;
    width: 1000px;
}
#header .socials>ul>li .titre {
    margin-bottom: 50px;
}
#header nav>ul>li>ul>li>ul>li {
    margin: 10px 0;
    display: block;
    width: 1000px;
}
#header nav#social {
    padding-left: 31px;
	float:left;
	position: absolute;
}
#header .socials {
    margin-bottom: 0;
    padding: 5px 10px 5px 45px;
    font-family: "AvantGardeGothicITCW02D 737115", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    line-height: 1em;
    background: url('img/socials.png') no-repeat 0 0;
	margin-left: 10px;
}
#header nav#social>ul>li {
    height: auto;
    line-height: 1;
}
#header .socials>ul>li {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}
#header .socials>ul>li a.facebook,
#header .socials>ul>li a.twitter,
#header .socials>ul>li a.youtube,
#header .socials>ul>li a.instagram,
#header .socials>ul>li a.linkedin,
#header .socials>ul>li a.newsletter,
#header .socials>ul>li a.socialWall,
#header .socials>ul>li a.rss {
    display: block;
    min-height:50px;
    padding-left: 60px;
    padding-top: 2px;
    padding-bottom: 10px;
    margin-bottom:15px;
    background-position: left top;
    background-repeat: no-repeat;
}
#header .socials>ul>li a.facebook {
    background-image: url('img/socialFacebook.png');
}
#header .socials>ul>li a.twitter {
    background-image: url('img/socialTwitter.png');
}
#header .socials>ul>li a.youtube {
    background-image: url('img/socialYoutube.png');
}
#header .socials>ul>li a.linkedin {
    background-image: url('img/socialLinkedin.png');
}
#header .socials>ul>li a.instagram {
    background-image: url('img/socialInstagram.png');
	border-bottom: 1px solid #2e2e2e;
}
#header .socials>ul>li a.newsletter {
    background-image: url('img/socialNewsletter.png');
}
#header .socials>ul>li a.rss {
    background-image: url('img/socialRss.png');
}
#header .socials>ul>li a.socialWall {
    background-image: url('img/socialSocialWall.png');
}
#header .socials a span {
    font-size: 0.7em;
    line-height: 1.3;
    display: block;
    margin-top: 7px;
    opacity:0.8;
}
.opened {
    z-index: 1000;
    position: relative;
}
#header nav .close {
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    text-align: right;
    font-size: 11px;
    padding: 0 0 0 13px;
    background-image: url(img/close.png);
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 12px;
    z-index: 50;
}
#header nav>ul>li>ul>li.first {
    padding: 0;
}
#header nav>ul>li>ul>li .titre {
    margin: 0 0 0 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 1.35em;
    padding: 50px 20px 5px 0;
    background-image: url(img/arrow4R_w.gif);
    background-repeat: no-repeat;
    background-position: right 51px;
}
#header nav>ul>li>ul>li>ul {
    display: block;
}
#header nav>ul>li>ul>li>ul>li>a {
    font-family: Arial, Helvetica, sans-serif;
    color: #aeaeae;
    text-transform: none;
    font-size: 1em;
}
#header nav a:hover,
nav .selected,
#header nav>ul>li>a.active-trail,
#header nav>ul>li>ul>li>ul>li>a.active,
#header nav#menu_bas>ul>li>a.active-trail,
#header ul.language-switcher-locale-url>li>a.active{
    color: #888;
}
#header nav>ul>li>ul>li>ul>li {
    width: 400px;
}
#header #search-block-form {
    color: #fff;
    padding-left: 31px;
    position:absolute;
	top:10px;
	right:45px;
    width:200px;
}
#header #search-block-form input {
    background-color: #262626;
    border: 0;
    color: #fff;
    margin: 0;
    font-size: 12px;
    font-family: "AvantGardeGothicITCW02B 737109";
    float: left;
    text-transform: uppercase;
	min-height: 30px;
	border: 1px solid #262626;
    
}
#header #search-block-form input#edit-search-block-form--2 {
    width: 72.5%;
	padding: 0 8% 0 8px !important;
	
}
#header #search-block-form input#edit-submit {
    text-transform: uppercase;
	margin-left: -4px;
    padding: 7px 7px 9px 0;
    cursor: pointer;
}
#header #menuMobileBt {
	position: relative;
    float: right;
    background-color: #262626;
    color: #FFF;
    margin: 20px 20px 0;
    padding: 0 17px;
    font-family: "AvantGardeGothicITCW02B 737109", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    line-height: 40px;
    text-transform: uppercase;
}
#header #menuMobileBt:hover {
    cursor: pointer;
}

#header .share{
    font-size:13px;
    display:block;
	position:absolute;
	top:18px;
	left:50%;
	margin-left:15px;
}

#header .international{
	color: #fff;
        position:absolute;
	top:13px;
	right:12px;
}

@media (max-width: 992px) {	
#header .international{
	position:relative;
	top:0px;
	right:0px;
	float:left;
	display:block;
}
}

#header .international img{
	width:auto;
	padding:0!important;
	margin:0;
}

@media (max-width: 992px) {	
	#header .wrapper img {
		display: inline-block;
		padding: 15px 2% 15px;
	} 
	
	#header {
        display: block;
        width: 100%;
        float: left;
		height:80px;
    }
    #header .wrapper {
        display: block;
        width: 100%;
        position: relative;
        float: left;
        min-height: 72px;
    }
    .mobile {
        display: block;
    }
	
	#header .socials {
    margin-left: 0px;
	}
	
    #header .wrapper .contentHeader {
        display: none;
        width:100%;
        padding-bottom: 120px;
    	padding-left: 2.6041666666666665%;
    	padding-right: 2.6041666666666665%;
		box-sizing: border-box;
    }
    #header .contentHeader>nav {
        margin-top: 0px;
		float:left;
		width:45%;
    }
    #header .contentHeader>nav>ul {
        margin-bottom: 0px;
		margin-left: 3.111111111111111%;
    	border-right: 1px solid #1a1a1a;
    }
	
	#header nav{
		padding:35px 0;
		padding-bottom:15px;	
	}
	
	#header nav>ul>li,
	#header nav#menu_bas>ul>li{
		display:block;
		padding:0;
		padding-bottom:16px;
	}
	
	#header nav#menu_bas>ul>li{
		font-size: 11px;
		padding-bottom:14px;
	}
	
    #header nav>ul>li>ul>li,
    #header nav>ul>li>ul>li>ul,
    #header nav>ul>li>ul>li>ul>li {
        width: 280px!important;
        min-width: 0;
    }
    #header nav>ul>li>ul>li>ul>li {
        margin: 15px 0;
    }
	#header nav>ul>li>ul>li>ul>li a{
        font-size:1em;
    }
	
    #header nav>ul>li>ul>li {
        padding: 0 20px 40px 20px;
    }
    #header nav>ul>li>ul>li .titre {
        padding-top: 10px;
        background-position: right 60%;
        background-image: none;
    }
    #header nav>ul>li>ul {
        height: 600%;
        top: 72px;
        left: 0;
        width: 100%;
        font-size: 1em;
    }
    #header form {
        /*margin-bottom:20px;  */
    }  
	
	#header div#foot {
		float:right;
		width:50%;
	}
	
	#header nav#menu_bas>ul>li.first.leaf {
		display: block;
	}
	
	#header nav#menu_bas>ul>li > a:before {
		content: "";
		width: 4px;
		height: 4px;
		display: inline-block;
		margin-right: 10px;
		border-left: 1px solid #fff;
		border-top: 1px solid #fff;
		-webkit-transform: translateY(-1px) rotate(135deg);
		-moz-transform: translateY(-1px) rotate(135deg);
		-o-transform: translateY(-1px) rotate(135deg);
		-ms-transform: translateY(-1px) rotate(135deg);
		transform: translateY(-1px) rotate(135deg);
		-webkit-backface-visibility: visible;
	}
	
	#header nav#menu_bas {
		font-size: 0.75em;
		margin-bottom: 0px;
		position: relative;
		top: auto;
		left: auto; 
   		
	}
	#header .share {
		font-size: 11px;
		display: block;
		position: relative;
		top: auto;
		left: auto;
		margin-left: 0px;
	}
	
	#header .share h1{
		float:none;
		font-size: 11px;
		margin-bottom: 5px;
	}
	
	#header #search-block-form {
		color: #fff;
		position: relative;
		width: 100%;
		float:left;
		margin-bottom:20px;
		padding-left:0;
		right:0;
	}
	
	#header ul.language-switcher-locale-url{
    	position: relative;
    	float:left;
	}
}

@media (max-width: 480px) {
    #header {
		height:auto;
	}
	
	#header .wrapper img {
    	padding: 0;
	}
	
	#header .wrapper img {
        width: 140px;
        margin: 25px 5%;
    }
	
	#header .international img {
        width: auto;
        margin: 0;
    }
	
	#header .wrapper .contentHeader {
    	padding-left: 4.604167%;
	}
	
	#header .contentHeader>nav,
	#header div#foot {
		float:none;
		width:100%;
    }
	
	#header .contentHeader>nav>ul {
		margin-bottom: 0px;
		margin-left: 0px;
	}
	
    #content_body {
        display: block;
        background-image: none;
        width: 100%;
    }
    #content nav#contextual_menu {
        float: none;
        display: block;
        width: 100%;
    }
    .rsMinW .rsBullets{
        display: none !important;
    }
    .royalSlider .infoBlock{
        padding: 5px 2%;
        min-height: 0px;
        width: 96%;
    }
    
    .royalSlider .infoBlock p{
        width:auto !important;
        font-size: 1.3em;
        line-height:1;
    }
    
    .royalSlider .infoBlock p span.arrowRight{
        background-image:url(img/arrow3R_w.gif);
        height: 12px;
        line-height: 12px;
        margin-left:4px;
    }
}

@media (max-width: 350px){
	#header {
    	height: 50px;
	}
	
	#header .wrapper {
        min-height: 0;
    }
    #header .wrapper img {
        width: 100px;
        margin: 12px 4%;
    }
    #header #menuMobileBt {
        line-height: 36px;
        height: 36px;
        margin: 7px 5px;
        font-size: 1em;
    }
}



































































/* ======================================== */
/*  Reset AOX
/* ======================================== */

/*** WEBFONTS L'OREAL
"Bauer Bodoni W02 Bold" => Bold
"BauerBodoniBT" => Regular
"BauerBodoniBT-Italic" => Regular Italic

"AvantGardeGothicITCW02B 737109" => Regular

***/

#content > article .body li > a::before {
    content: none;
    }
.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    }
.clearfix {
    display: block;
    }

/* ======================================== */
/*  main
/* ======================================== */
#content_body{ 
    margin:0;
    /*padding:0 0 70px;
    opacity:1;
    background:#fff;*/
    -webkit-transition:all 0.2s;
       -moz-transition:all 0.2s;
            transition:all 0.2s;
    }
#content_body div,#content_body section,#content_body article,
#content_body h1,#content_body h2,#content_body h3,#content_body h4,#content_body h5,#content_body h6,
#content_body p{ box-sizing:border-box;}
/*#content_body p{ margin:0;}*/
/*#content_body strong{font-weight:normal;}*/

#content_body .ctn_header{
    padding:35px 0;
    text-align:center;
    background:#e7e1de;
    }
#content_body .ctn_header .ctn_bloc{
    padding:0;
    }
#content_body .ctn_header h1{
    display:inline-block;
    padding:25px;
    margin:0 auto;
    position:relative;
    width:34.75%; padding-bottom:32.635%;
    font-size:3.4375em/1.1166em;
    text-transform:uppercase;
    border-radius:50%;
    background:#fff;
    }
#content_body .ctn_header h1 span{
    position:absolute;
    top:50%; left:50%;
    display:block;
    width:100%;
    -webkit-transform:translate(-50%,-40%);
        -ms-transform:translate(-50%,-40%);
            transform:translate(-50%,-40%);
    }
#content_body .ctn_header h1 strong{
    display:block;
    }

@media screen and (max-width:1180px){
    #content_body .ctn_header{
        font-size:1.33vw;
        }
}

@media screen and (max-width:500px){
    #content_body{
        padding:20px 0;
        }
    #content_body .ctn_header{
        padding:20px;
        font-size:2vw;
        }
    #content_body .ctn_header h1{
        width:57%; padding-bottom:48%;
        }
}

#content_body .ctn_bloc{max-width:1180px; margin:0 auto; overflow:hidden;}

#content_body .t_title{
    position:relative;
    margin:0;
    padding:0 0 15px;
    text-transform:uppercase;
    font:1.375em/1em 'AvantGardeGothicITCW02B 737109', sans-serif;
    }

#content_body .t_title{ overflow:hidden;}
#content_body h3{
    margin:0; padding:0;
    font:0.9375em/1.2em 'AvantGardeGothicITCW02B 737109', sans-serif;
    text-transform:uppercase;
    }

@media screen and (max-width:960px){
    #content_body .ctn_ligne.bottom{position:relative; z-index:0; margin-top:-10px;}
}

@media screen and (max-width:500px){
    #content_body .ctn_ligne.bottom{margin-top:0;}
    #content_body .t_title{
        padding:0 0 10px;
        }
}

/* ============================== *
 * GENRE
 * ============================== */
#content_body .var_genre {
    position:relative;
    padding:0;
    }
	
#content_body .var_genre p{
	margin:0;
}

#content_body .var_genre .t_date{
    position:absolute;
    right:0; top:0;
    margin:0;
    font-size:1.5em;
    line-height:1em;
    color:#858686;
    }
#content_body .var_genre .t_date em{
    display:inline-block;
    margin:0 0 0 20px;
    font-style:normal;
    color:#21677e;
    }
#content_body .var_genre .ctn_ligne {display:table;width:100%; position:relative;}

#content_body .var_genre .ctn_ligne.var_3 {padding:1.25% 2.5% 1.25%;}
#content_body .var_genre .ctn_ligne.var_3 .ctn_graph {
    padding-bottom:2.5%;
    }
#content_body .var_genre .ctn_ligne.var_3 .ctn_graph h4 {
    font:0.9375em/1.2em 'AvantGardeGothicITCW02B 737109', sans-serif;
    text-align:center;
    text-transform:uppercase;
    }
#content_body .var_genre .ctn_ligne.var_3 .obj_info {margin:0; padding:25% 0; min-height:0;}
#content_body .var_genre .ctn_ligne.var_3 .obj_info img {max-width:46% !important; left:50%;}
#content_body .var_genre .ctn_ligne.var_3 .obj_info .data_0,
#content_body .var_genre .ctn_ligne.var_3 .obj_info .data_1 {width:50%; text-align:left;}

@media screen and (max-width:1180px){
    #content_body .var_genre{
        font-size:1.25vw;
        }
}

@media screen and (max-width:500px){
    #content_body .var_genre{
        padding:0 20px;
        font-size:4.5vw;
        }
    #content_body .var_genre .t_date{
        right:20px;
        }
    #content_body .var_genre .ctn_col{
        display:block;
        width:100%;
        }
    #content_body .var_genre .ctn_col h3{
        padding:10% 0 5%;
        }
    #content_body .var_genre .ctn_col:first-child{
        width:90%;
        margin:0 auto;
        padding:15px 0 0;
        }
    #content_body .var_genre .ctn_ligne.var_3 {
        display:block;
        }
    #content_body .var_genre .ctn_ligne.var_3 .obj_info{padding:15% 0;}
    #content_body .var_genre .ctn_ligne.var_3 .ctn_graph{padding:10px 0 0;}
    #content_body .var_genre .ctn_ligne.var_3 .ctn_graph h4{
        position:absolute; top:50%;
        text-align:left; z-index:2;
        max-width:50%;
                transform:translateY(-50%);
            -ms-transform:translateY(-50%);
        -webkit-transform:translateY(-50%);
        }
    #content_body .var_genre .ctn_ligne.var_3 .obj_info img{left:58%;}
    #content_body .var_genre .ctn_ligne.var_3 .obj_info .data_0,
    #content_body .var_genre .ctn_ligne.var_3 .obj_info .data_1{text-align:center;}
}
    
/* --- ctn_graph --- */
#content_body .ctn_graph{
    display:table-cell;
    width:50%;
    padding:5% 0;
    position:relative;
    }
#content_body .ctn_graph h3{
    text-align:center;
    }
#content_body .ctn_graph .obj_info{
    position:relative;
    overflow:hidden;
    display:table;
    width:100%;
    margin:15px 0 0;
    min-height:102px;
    padding:6% 0;
    vertical-align:middle;
    z-index:1;
    }
#content_body .ctn_graph .obj_info h4{
    display:table-cell;
    width:56%;
    margin:0;
    height:60px;
    vertical-align:middle;
    padding:5px 20px 5px 13.333%;
    font:0.9375em/1.2em 'AvantGardeGothicITCW02B 737109', sans-serif;
    }
#content_body .ctn_graph .obj_info .v_graph{
    display:table-cell;
    position:relative;
    width:50%;
    vertical-align:middle;
    }
#content_body .ctn_graph .obj_info .v_graph p{
    float:left;
    display:inline-block;
    vertical-align:middle;
    width:37%;
    }
#content_body .ctn_graph .obj_info .v_graph p sup{
    font-size:0.5em;
    position:relative;
    top:-0.625em;
    }
#content_body .ctn_graph .obj_info .v_graph .data_0{
    margin:0;
    color:#858686;
    font-size:1.25em;
    line-height:30px;
    }
#content_body .ctn_graph .obj_info .v_graph .data_1{
    width:30%;
    color:#21677e;
    font-size:1.875em;
    line-height:30px;
    }
#content_body .ctn_graph .obj_info img{
    position:absolute;
    z-index:-1;
    top:50%; left:57%;
    max-width:30% !important;
    -webkit-transform:translate(-50%,-50%);
        -ms-transform:translate(-50%,-50%);
            transform:translate(-50%,-50%);
    }
    
/* --- var_top --- */
#content_body .ctn_graph.var_top{
    border-right:10px solid #fff;
    background:#ebebeb;
    }
    
/* --- var_carriere --- */
#content_body .ctn_graph.var_carriere{
    border-left:10px solid #fff;
    background:#ebebeb;
    }
    
@media screen and (max-width:1180px){
    #content_body .ctn_graph .obj_info .v_graph .data_0,
    #content_body .ctn_graph .obj_info .v_graph .data_1{width:50%;}
}

@media screen and (max-width:500px){
    
    #content_body .ctn_graph .obj_info{
        padding:9% 0;
        }
    #content_body .ctn_graph .obj_info h4{
        padding:0;
        }
    #content_body .ctn_graph .obj_info img{
        max-width:40% !important;
        }
    #content_body .ctn_graph.var_top,
    #content_body .ctn_graph.var_carriere{
        display:block;
        width:100%;
        margin:0;
        padding:10% 5% 10% 10%;
        border:none;
        }
    #content_body .ctn_graph.var_carriere{
        margin:20px 0 0;
        }
    #content_body .ctn_graph .obj_info .v_graph p{width:50%;}
    #content_body .ctn_graph .obj_info .v_graph .data_1{width:50%; text-align:center;}
}

/* --- var_remuneration --- */
#content_body .var_genre .ctn_remuneration{
    padding:0;
    margin:0 0 45px;
    }
#content_body .ctn_remuneration .b_filet{
    display:table;
    width:100%;
    padding:5.333%;
    border:2px solid #f1eeed;
    }
#content_body .ctn_remuneration .b_filet > div{
    display:table-cell;
    vertical-align:middle;
    }
#content_body .ctn_remuneration .b_filet .t_left{
    width:32.838%;
    }
#content_body .ctn_remuneration .b_filet .t_mid{
    width:24.368%;
    text-align:left;
    }
#content_body .ctn_remuneration .b_filet .t_right{
    width:42.794%;
    }
#content_body .ctn_remuneration h3{
    padding:0;
    float:left;
    text-align:left;
    line-height:1.2em;
    }
#content_body .ctn_remuneration .t_big{
    font-size:4.375em;
    line-height:0.725em;
    color:#21677e;
    }
#content_body .ctn_remuneration .t_big sup{
    position:relative;
    top:-2em;
    font-size:0.25em;
    }
#content_body .ctn_remuneration .t_right p{
    padding:15px 0 0;
    clear:both;
    font:0.75em/1.3333em 'AvantGardeGothicITCW02B 737109', sans-serif;
    }
#content_body .ctn_remuneration .mention{
    margin:10px 0 0;
    float:left;
    font:0.75em/1.2em 'AvantGardeGothicITCW02B 737109', sans-serif;
    color:#858686;
    }
    
@media screen and (max-width:1180px){
    #content_body .var_genre .ctn_remuneration{
        font-size:1.33vw;
        }
}

@media screen and (max-width:500px){
    #content_body .var_genre .ctn_remuneration{
        width:100%;
        font-size:4.5vw;
        }
    #content_body .ctn_remuneration .b_filet{
        margin:0;
        padding-right:3%;
        }
    #content_body .ctn_remuneration .b_filet > div{
        display:block;
        }
    #content_body .ctn_remuneration .b_filet .t_left{
        width:60%;
        float:left;
        }
    #content_body .ctn_remuneration .b_filet .t_mid{
        width:40%;
        float:right;
        }
    #content_body .ctn_remuneration .t_big{ text-align:right;}
    #content_body .ctn_remuneration .b_filet .t_right{
        width:100%;
        clear:both;
        }
}

/* --- var_bars --- */
#content_body .var_genre .ctn_col.var_bars{
    vertical-align:bottom;
    width:50%;
    padding:0;
    }
/* --- var_bars --- */
#content_body .var_bars .ctn_graph h3{
    padding:0;
    }
#content_body .var_bars .ctn_graph .v_graph{
    display:table;
    width:100%;
    margin:20px 0 0;
    }
#content_body .var_bars .ctn_graph .v_graph p{
    display:table-cell;
    position:relative;
    width:50%;
    padding:0 6.1111% 15% 0;
    font-size:2.5em;
    line-height:0.75em;
    text-align:right;
    color:#858686;
    }
#content_body .var_bars .ctn_graph .v_graph .data_1{
    text-align:left;
    padding:0 0 15% 6.1111%;
    font-size:4em;
    color:#21677e;
    }
#content_body .var_bars .ctn_graph .v_graph p em{
    font-style:normal;
    }
#content_body .var_bars .ctn_graph .v_graph p sup{
    position:relative;
    top:-1.25em;
    font-size:0.35em;
    line-height:0;
    }
#content_body .var_bars .ctn_graph .v_graph .data_1 sup{
    font-size:0.25em;
    top:-2em;
    }
#content_body .var_bars .ctn_graph .v_graph p span{
    position:absolute; right:2px; bottom:0;
    width:8px; height:100%;
    background:#ebebeb;
    }
#content_body .var_bars .ctn_graph .v_graph .data_1 span{
    left:2px; right:auto;
    background:#d3e1e5;
    }
#content_body .var_bars .ctn_graph .v_graph p span i{
    position:absolute;
    bottom:0; left:0;
    width:100%;
    background:#858686;
    }
#content_body .var_bars .ctn_graph .v_graph .data_1 span i{
    position:absolute;
    bottom:0; left:0;
    width:100%;
    background:#21677e;
    }
/* --- var_recrutement --- */
#content_body .ctn_graph.var_recrutement{
    width:33.333%;
    }
    
/* --- var_membres --- */
#content_body .ctn_graph.var_management{
    width:33.333%;
    }
/* --- var_membres --- */
#content_body .ctn_graph.var_membres{
    width:33.333%;
    }

@media screen and (max-width:500px){
    #content_body .ctn_graph.var_recrutement,
    #content_body .ctn_graph.var_management,
    #content_body .ctn_graph.var_membres{
        display:block;
        margin:10px 0;
        width:100%;
        }
}

/* ============================== *
 * CERTIFICATIONS
 * ============================== */
#content_body .var_certif {max-width:100%; padding:5.333%; background:#ebebeb;}
#content_body .var_certif h2 {
    margin:0 0 20px;
    padding:0;
    font:1.375em/1em 'AvantGardeGothicITCW02B 737109', sans-serif;
    text-transform:uppercase;
    }
#content_body .var_certif p {
    margin:0 0 10px;
    font:0.9375em/1.466667em 'AvantGardeGothicITCW02B 737109', sans-serif;
    }
#content_body .var_certif strong { 
    display:block;
    font:1.5625em/1.125em 'AvantGardeGothicITCW02B 737109', sans-serif;
    }
#content_body .var_certif .t_pink { color:#21677e;}
#content_body .var_certif .t_purple { color:#57afba;}

#content_body .var_certif .ctn_txt { 
    display:table;
    width:100%;
    margin-bottom:-30px;
    position:relative;
    z-index:2;
    }
#content_body .var_certif .ctn_txt .txt{ 
    display:table-cell;
    width:68%;
    vertical-align:top;
    }
#content_body .var_certif .ctn_txt .txt:first-child{ 
    padding-right:5.5%;
    }
#content_body .var_certif .ctn_txt .txt:not(:first-child) p{ 
    line-height:1.2em;
    }
#content_body .var_certif .ctn_txt .txt:not(:first-child) p:first-child{ 
    margin-top:44px;
    }
#content_body .var_certif .ctn_map { 
    position:relative;
    z-index:1;
    padding-top:27%;
    padding-right:10%;
    overflow:hidden;
    -webkit-transition:all 0.2s;
       -moz-transition:all 0.2s;
            transition:all 0.2s;
    }
#content_body .var_certif .ctn_map:after { 
    display:block; content:'';
    position:absolute;
    left:10%; top:0;
    width:90%; padding-bottom: 50%;
    z-index:-1;
    background:url('http://loreal-dam-front-resources-corp-en-cdn.brainsonic.com/ressources/afile/159326-49f7e-picture_original-v-certifications-png.png') no-repeat center center / contain;
    }
#content_body .var_certif .ctn_map h3 { 
    font-size:2.75em;
    color:#21677e;
    }
#content_body .var_certif .ctn_map h3 strong { 
    display:inline-block;
    font:2.727272em/0.75em 'AvantGardeGothicITCW02B 737109', sans-serif;
    }
#content_body .var_certif .ctn_map ul{ 
    display:inline-block;
    margin:0; padding:0;
    width:21%;
    vertical-align:top;
    list-style:none;
    float:left;
    color:#57afba;
	font-family:'AvantGardeGothicITCW02B 737109', sans-serif;
    }
#content_body .var_certif .ctn_map ul + ul{ 
    padding:0 0 5px 5%;
    }
#content_body .var_certif .ctn_map ul:first-of-type{ 
    color:#21677e;
    }
#content_body .var_certif .ctn_map ul li{ 
    padding:0; margin:0;
    font-size:0.9375em;
    line-height:1.2em;
	list-style: none;
    }

@media screen and (max-width:1180px){
    #content_body .var_certif{
        font-size:1.5vw;
        }
    #content_body .var_certif .ctn_map{padding-right:0;}
    #content_body .var_certif .ctn_map ul{width:20%;}
    #content_body .var_certif .ctn_map ul + ul{padding:0 0 5px 5%;}
}

@media screen and (max-width:500px){
    #content_body .var_certif {
        padding:40px 20px;
        font-size:4vw;
        }
    #content_body .var_certif .ctn_ligne .ctn_col,
    #content_body .var_certif .ctn_ligne .ctn_col:first-child { 
        width:100%; padding:0;
        display:block;
        }
    #content_body .var_certif .ctn_ligne .ctn_col h2 {
        margin:0 0 20px;
        }
    #content_body .var_certif .ctn_txt { 
        margin-bottom:0;
        }
    #content_body .var_certif .ctn_txt .txt{ 
        display:block;
        width:100%;
        }
    #content_body .var_certif .ctn_map{
        padding:30% 0 0;
        }
    #content_body .var_certif .ctn_map h3{
        font-size:2em;
        }
    #content_body .var_certif .ctn_map ul,
    #content_body .var_certif .ctn_map ul + ul{
        width:100%;
        max-width:100%;
        padding:0;
        overflow:hidden;
        }
    #content_body .var_certif .ctn_map ul li{
        display:inline-block;
        margin:0 10px 0 0;
        line-height:1.5em;
        }

}

/* ============================== *
 * HANDICAP
 * ============================== */
#content_body .var_handicap { margin:60px 0 0; position:relative;}
#content_body .var_handicap .ctn_ligne {
    display:table;
    width:100%;
    }
#content_body .var_handicap .ctn_ligne .ctn_col{
    display:table-cell;
    position:relative;
    padding:5.333%;
    vertical-align:middle;
    background:#ebebeb;
    }
#content_body .var_handicap .ctn_ligne .ctn_col strong{
    color:#21677e;
    }
#content_body .var_handicap .ctn_ligne .var_nombre:after,
#content_body .var_handicap .ctn_ligne .var_obligation:after{
    display:block; content:'';
    height:100%;
    position:absolute;
    top:0; left:0; bottom:0; right:10px;
    z-index:-1;
    background:#f1eeed;
    }
#content_body .var_handicap .ctn_ligne .var_nombre{
    width:50%;
    padding:5.333%;
    border-right:10px solid #fff;
    text-align:center;
    }
#content_body .var_handicap .ctn_ligne .var_nombre p{
    font:0.9375em/1.2em 'AvantGardeGothicITCW02B 737109', sans-serif;
    }
#content_body .var_handicap .ctn_ligne .var_nombre p strong{
    display:block;
    font:5.1em/0.975em 'AvantGardeGothicITCW02B 737109', sans-serif;
    }
#content_body .var_handicap .ctn_ligne .var_nombre .mention{
    position:absolute;
    bottom:0; left:0;
    padding:10px;
    font-size:0.75em; color:#858686;
    }
#content_body .var_handicap .ctn_ligne .var_obligation{
    font-size:0.9375em;
    line-height:1.384615em;
    border-left:10px solid #fff;
    }
#content_body .var_handicap .ctn_ligne .var_obligation p{
    display:table-cell;
    vertical-align:middle;
    padding:0 10px 0 0;
    font:1em/1.2em 'AvantGardeGothicITCW02B 737109', sans-serif;
    }
#content_body .var_handicap .ctn_ligne .var_obligation .t_chiffre{
    display:block;
    margin:5px 0;
    padding:0;
    width:70px;
    font-size:3.75em;
    line-height:1em;
    text-align:right;
    }
#content_body .var_handicap .ctn_ligne .var_obligation .t_chiffre:before{
    display:block; content:'';
    margin:0 0 0 auto;
    width:29px; height:35px;
    background:url('http://loreal-dam-front-resources-corp-en-cdn.brainsonic.com/ressources/afile/159341-35533-picture_original-v-globe-png.png') no-repeat center center / 100% auto;
    }
#content_body .var_handicap .ctn_exemple{
    margin:20px 0 0;
    width:100%;
    position:relative;
    padding:5% 5% 0 5%;
    vertical-align:bottom;
    background:#eff7f8;
    }
#content_body .var_handicap .t_date{
    position:absolute;
    right:0; top:0;
    margin:5px 0 0;
    font-size:0.9375em;
    color:#858686;
    }
#content_body .var_handicap .t_date em{
    display:inline-block;
    margin:0 0 0 20px;
    font-style:normal;
    color:#21677e;
    }
#content_body .var_handicap .ctn_exemple h3{
    display:inline-block;
    position:relative;
    width:36.2017%;
    float:left;
    color:#21677e;
    }
#content_body .var_handicap .ctn_exemple h3:after{
    display:block; content:'';
    position:absolute;
    left:5px; top:calc(100% + 3px);
    margin:0 0 0 -2px;
    width:26%; padding-bottom:26%;
    background:url('http://loreal-dam-front-resources-corp-en-cdn.brainsonic.com/ressources/afile/159338-76721-picture_original-v-france-png.png') no-repeat center center / contain;
    }
#content_body .var_handicap .ctn_exemple .t_mention {
    position: absolute;
    bottom: 35px;
    font-size: 0.75em;
    color: #858686;
    }
#content_body .var_handicap .ctn_emplois{
    position:relative;
    width:63.7982%;
    padding-top:5%;
    display:inline-block;
    float:left;
    }
#content_body .var_handicap .ctn_emplois figure{
    position:relative;
    padding-left:25px;
    margin:0;
    }
#content_body .var_handicap .ctn_emplois .var_direct{
    position:absolute;
    bottom:0; left:0; right:0;
    padding:0;
    margin:0;
    z-index:1;
    width:73.0232%;
    }
#content #content_body .var_handicap .ctn_emplois figure img{
	padding-bottom: 0px;
}
#content_body .var_handicap .ctn_emplois .var_total{
    width:67.4418%;
    }
#content_body .var_handicap .ctn_emplois .p_date{
    position:absolute; bottom:7%;
    z-index:2;
    font:1.25em/1em 'AvantGardeGothicITCW02B 737109', sans-serif;
    color:#fff;
    }
#content_body .var_handicap .ctn_emplois .p_date.old{
    left:8.5%;
    }
#content_body .var_handicap .ctn_emplois .p_date.new{
    left:41%;
    }
#content_body .var_handicap .ctn_emplois figcaption{
    position:absolute;
    bottom:100%; left:0;
    width:100%;
    padding:0;
    background:none;
    }
#content_body .var_handicap .ctn_emplois figcaption em{
    position:absolute;
    bottom:20%;
    text-align:center;
    -webkit-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
            transform:translateX(-50%);
    font-style:normal;
    }
#content_body .var_handicap .ctn_emplois .data_type{
    position:absolute;
    left:110%;
    font-size:0.9375em;
    width:50%;
    text-align:left;
    }
#content_body .var_handicap .ctn_emplois .data_0{
    font-size:1.25em;
    color:#6ab5bf;
    }
#content_body .var_handicap .ctn_emplois .data_1{
    font-size:1.625em;
    color:#21677e;
    }
#content_body .var_handicap .ctn_emplois .var_direct .data_0{
    left:12%; bottom:-70%;
    color:#858686;
    }
#content_body .var_handicap .ctn_emplois .var_direct .data_1{
    left:57%;
    }
#content_body .var_handicap .ctn_emplois .var_total .data_0{
    left:24%; bottom:-115%;
    color:#c2c2c2;
    }
#content_body .var_handicap .ctn_emplois .var_total .data_1{
    left:68%;
    color:#a6d3d9;
    }
#content_body .var_handicap .ctn_emplois figcaption em sup{
    position:relative;
    top:-0.75em;
    font-size:0.5em;
    }
@media screen and (max-width:1180px){
    #content_body .var_handicap {
        font-size:1.5vw;
        }
}

@media screen and (max-width:500px){
    #content_body .var_handicap {
        padding:0 20px;
        font-size:4.5vw;
        }
    #content_body .var_handicap .t_date{
        right:20px;
        text-align:right;
        margin:0;
        }
    #content_body .var_handicap .ctn_ligne .var_nombre{
        width:100%;
        display:block;
        padding:20px 20px 40px;
        background:#f1eeed;
        border-right:none;
        }
    #content_body .var_handicap .ctn_ligne .var_obligation{
        width:100%;
        display:block;
        margin:20px 0 0;
        padding:20px;
        background:#f1eeed;
        border-left:none;
        }
    #content_body .var_handicap .ctn_ligne .var_obligation:before{
        width:16%;
        padding-bottom:19%;
        }
    #content_body .var_handicap .ctn_ligne .var_nombre:after,
    #content_body .var_handicap .ctn_ligne .var_obligation:after{
        display:none;
        }
    #content_body .var_handicap .ctn_exemple{
        width:100%;
        display:block;
        padding:0;
        overflow:hidden;
        }
    #content_body .var_handicap .ctn_exemple h3{
        padding:5% 0 0 0;
        }
    #content_body .var_handicap .ctn_exemple .t_mention {
        bottom: 10px;
        right: 10px;
        }
    #content_body .var_handicap .ctn_exemple .t_date{
        top:0; right:10px; margin:10px 0;
        }
    #content_body .var_handicap .ctn_exemple .t_date em{
        margin:0 0 0 10px;
        }
    #content_body .var_handicap .ctn_exemple h3{
        width:100%;
        margin:0 0 20px;
        padding:40px 0 0;
        float:none;
        text-align:center;
        }
    #content_body .var_handicap .ctn_exemple h3 br{
        display:none;
        }
    #content_body .var_handicap .ctn_exemple h3:after{ 
        margin:10px auto; width:63px;
        padding-bottom:63px;
        position:relative; left:auto; bottom:auto;
        }
    #content_body .var_handicap .ctn_emplois{
        display:block;
        margin:0 auto 0 5%;
        width:85%;
        float:none;
        }
    #content_body .var_handicap .ctn_emplois figure{
        width:100%;
        }
    #content_body .var_handicap .ctn_emplois figcaption{
        font-size:0.9375em;
        }
    #content_body .var_handicap .ctn_emplois .var_direct{
        width:73.735%;
        }
    #content_body .var_handicap .ctn_emplois .var_total{
        width:68.3931%;
        }
    #content_body .var_handicap .ctn_emplois .p_date{bottom:5px;}
    #content_body .var_handicap .ctn_emplois .data_0{font-size:1em;}
    #content_body .var_handicap .ctn_emplois .data_1{font-size:1.125em;}
    #content_body .var_handicap .ctn_emplois .data_type{
        width:80%; left:125%;
        }
    
}

/* ============================== *
 * ORIGINES
 * ============================== */
#content_body .var_origines { 
    padding:50px 0 0;
    }
#content_body .var_origines .ctn_ligne { display:table; width:100%;}
#content_body .var_origines .ctn_ligne .ctn_col {
    display:table-cell; width:50%;
    position:relative;
    vertical-align:middle;
    }
#content_body .var_origines .ctn_ligne .var_nation{
    padding:4% 5% 2.5%;
    border-right:10px solid #fff;
    background:#ebebeb;
    text-align:center;
    }
#content_body .var_origines .ctn_ligne .var_nation p{
    font:0.9375em/1.2em 'AvantGardeGothicITCW02B 737109', sans-serif;
    }
#content_body .var_origines .ctn_ligne .var_nation:before {
    display:block; content:'';
    width:calc(100% - 10px); height:100%;
    position:absolute;
    top:0; left:0; bottom:0;
    z-index:-1;
    background:#f1eeed;
    }
#content_body .var_origines .ctn_ligne .var_nation strong {
    position:relative;
    margin:5px 0 0;
    display:block;
    font:5.1em/0.975em 'AvantGardeGothicITCW02B 737109', sans-serif;
    color:#21677e;
    }
#content_body .var_origines .ctn_ligne .var_us{
    padding:4.5% 4% 5.5% 5%;
    text-align:center;
    background:#eff7f8;
    border-left:10px solid #fff;
    }
#content_body .var_origines .ctn_ligne .var_us h3{
    color:#21677e;
    }
#content_body .var_origines .ctn_ligne .var_us p{
    margin:10px 0 0;
    font:0.9375em/1.2em 'AvantGardeGothicITCW02B 737109', sans-serif;
    }
#content_body .var_origines .ctn_ligne .var_us strong sup{
    position:absolute;
    display:block;
    top:70%; right:0;
    width:23%;
    text-align:center;
    font-size:0.5em;
    }
#content_body .var_origines .ctn_ligne .var_us em{
    display:inline-block;
    font-size:0.75em;
    font-style:normal;
    color:#858686;
    line-height:1.5em;
    }
#content_body .var_origines .ctn_ligne .var_us .var_txt{
    text-align:left;
    width:64%;
    }
#content_body .var_origines .ctn_ligne .var_us strong {
    display:block;
    font:3.75em 'AvantGardeGothicITCW02B 737109', sans-serif;
    line-height:0.875em;
    color:#21677e;
    }
#content_body .var_origines .ctn_ligne .var_us strong:before{
    display:block; content:'';
    margin:0 auto 5px;
    width:85%;
    padding-bottom:50%;
    background:url('http://loreal-dam-front-resources-corp-en-cdn.brainsonic.com/ressources/afile/159371-f2c8a-picture_original-v-map-us-png.png') no-repeat center center / contain;
    }
#content_body .var_origines .ctn_ligne .var_filiales {
    padding: 5%;
    text-align: left;
    border-left: 10px solid #fff;
    background: url('http://loreal-dam-front-resources-corp-en-cdn.brainsonic.com/ressources/afile/162339-704db-picture_original-v-filiales-png.png') no-repeat right center / 17% auto #ebebeb;
    }
#content_body .var_origines .ctn_ligne .var_filiales h3 {
    font-size: 1.625em;
    color: #21677e;
    text-transform: inherit;
    }
#content_body .var_origines .ctn_ligne .var_filiales h3 strong {
    font-size: 2.3em;
    color: #21677e;
    }
#content_body .var_origines .ctn_ligne .var_filiales p {
    margin: 10px 0 0;
    font: 0.9375em/1.2em 'SofiaProLight', 'AvantGardeGothicITCW02B 737109', sans-serif;
    }
@media screen and (max-width:1180px){
    #content_body .var_origines {
        font-size:1.5vw;
        }
    #content_body .var_origines .ctn_ligne .var_us strong sup{
        top:65%; text-align:right;
        right:-5%;
        }
}

@media screen and (max-width:500px){
    #content_body .var_origines {
        padding:40px 20px 0;
        margin:0;
        width:100%;
        font-size:4.5vw;
        }
    #content_body .var_origines .ctn_ligne .var_nation{
        width:100%;
        display:block;
        background:#f1eeed;
        padding:5.333% 5.333% 2.5%;
        border:none;
        }
    #content_body .var_origines .ctn_ligne .var_nation:before{display:none;}
    
    #content_body .var_origines .ctn_ligne .var_us{
        width:100%;
        padding:40px 20px 20px;
        margin:20px 0 0;
        display:block;
        border:none;
        }
    #content_body .var_origines .ctn_ligne .var_us p{
        margin:10px 0 0;
        }
    #content_body .var_origines .ctn_ligne .var_filiales {
        display: block;
        width: 100%;
        margin: 20px 0 0;
        padding: 40px 20px 20px;
        border: none;
        }
}

/* ============================== *
 * FORMATIONS
 * ============================== */
#content_body .var_engagment{
    padding:60px 0 0;
    }
#content_body .var_engagment .ctn_ligne{
    display: table;
    width:100%;
    }
#content_body .var_engagment .ctn_col{
    display: table-cell;
    position: relative;
    vertical-align: middle;
    }
#content_body .var_investment{
    width: 36%;
    padding:5% 5% 2%;
    background:#ebebeb;
    text-align:center;
    border-right:10px solid #fff;
    }
#content_body .var_investment h3{
    text-transform:none;
    font:0.9375em/1.2em 'AvantGardeGothicITCW02B 737109', sans-serif;
    }
#content_body .var_investment p{
    margin:0 0 5px;
    font:0.75em/1.333em 'AvantGardeGothicITCW02B 737109', sans-serif;
    }
#content_body .var_investment .t_mention{
    color:#858686;
    }
#content_body .var_investment .t_chiffre{
    margin:-10px 0 0;
    position:relative;
    font-size:5.1em;
    display:inline-block;
    line-height:60px;
    color:#21677e;
    }
#content_body .var_investment h3 + .t_chiffre{
    margin:15px auto 20px;
    }
#content_body .var_investment .t_chiffre + h3{
    margin:10px auto 20px;
    }
#content_body .var_investment .t_chiffre em{
    position:absolute;
    left:100%; top:0;
    font-size:0.3em;
    line-height:20px;
    text-transform:uppercase;
    font-style:normal;
    }
#content_body .var_formation { 
    position:relative;
    padding:5%;
    overflow:hidden;
    border-left:10px solid #fff;
    background:#eff7f8 url('http://loreal-dam-front-resources-corp-en-cdn.brainsonic.com/ressources/afile/159335-da121-picture_original-v-formation-png.png') no-repeat right top / 37.8723% auto;
    overflow:hidden;
    }
#content_body .var_formation .t_focus{ 
    color:#21677e;
    font-size:0.9375em;
    text-transform:uppercase;
    }
#content_body .var_formation .col{
    width:50%; float:left;
    }
#content_body .var_formation .col:first-child{
    padding:0 20px 0 0;
    }
#content_body .var_formation p{
    margin:10px 0 15px;
    font:0.9375em/1.2em 'AvantGardeGothicITCW02B 737109', sans-serif;
    }
#content_body .var_formation .t_chiffre{
    margin:0;
    color:#21677e;
    font-size:0.9375em;
    }
#content_body .var_formation .t_chiffre strong{
    font-size:1.73333em;
    line-height:1em;
	font-weight:normal;
    }
@media screen and (max-width:1180px){   
    #content_body .var_engagment{ font-size:1.5vw; }
    #content_body .var_formation .t_chiffre{font-size:0.75em;}
    #content_body .var_formation .t_chiffre strong{font-size:1.5em;}
}

@media screen and (max-width:500px){
    #content_body .var_engagment{ 
        margin:0; padding:40px 20px;
        font-size:4.5vw;
        }
    #content_body .var_engagment .ctn_col{
        width:100%; display:block;
        border:none;
        }
    #content_body .var_investment{
        padding:20px 20px 10px;
        }
    #content_body .var_investment .t_chiffre{
        margin:10px 0 0;
        }
    #content_body .var_engagment .var_formation{
        margin:20px 0 0;
        padding:40px 20px 20px;
        border:none;
        background-size:50% auto;
        }
    #content_body .var_formation .col{float:none; width:100%;margin-top:15px;}
    #content_body .var_formation .col + .col{margin-top:25px;}
    #content_body .var_formation p{
        margin:10px 0;
        }
}

/* Alert Popup */
.modal {
    display: none;
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.9);
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 32%;
}

.modal-content .modal-main-content{
    display:block;
    text-align:center;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    margin-top: 35px;
}

.modal-content .modal-main-content p{
    font-size:1.2em;
}

/* The Close Button */
.lorealAlertPopup_close {
    color: #000;
    float: right;
    font-size: 32px;
    font-weight: bold;
}

.lorealAlertPopup_close:hover,
.lorealAlertPopup_close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

@media (max-width: 768px) {
  .modal { font-size: 0.6em; }
  .modal-content .modal-main-content strong {font-size: 1.2em;}
}

.modal strong{
    font-size:2.5em;
    margin-bottom:25px;
}

.country-list .group-menu .title-group-menu {
    text-transform: uppercase;
    float: left;
    text-align: left;
    padding: 0;
    position: relative;
    width: 100%;
    cursor: pointer;
}


.country-list > li > ul.sub-menu-country{
	clear: both;
	float: none;
}

.sub-menu-country{
	display: none;
}

.sub-menu-country > li {
    text-align: right;
}


.country-list > li {
	break-inside: avoid;
}

.title-group-menu.active {

    margin-bottom: 7px;

}

.country-list > li > ul.sub-menu-country li {
    float: none;
}

.country-list > li > ul .sub-menu-country> li > ul {
    float: right;
}

.sub-menu-country > li > span {
    text-transform: uppercase;
    float: left;
    text-align: left;
}


.two-selectmenu {
    display: inline-flex;
}

.country-list > li > ul.sub-menu-country > li{
    background-color: #F4F2F3;
    display: block;
    padding: 5px 4px 5px 10px;
    text-align: right;
}




.title-group-menu::after {
	content: "";
	width: 13px;
	height: 10px;
	background: url("../img/arrow-drop.png");
	position: absolute;
	right: 10px;
	top: 5px;
	transform: rotate(0deg);
	transition: all 800ms;
}

.title-group-menu.active::after{
	transform: rotate(-180deg);
}

.cookie-uk-settings{
    height: 23px !important;
    border: 1px solid #ccc!important;
    padding-top: 7px!important;
    padding-left: 35px!important;
    background: url("../img/icon_trust.svg")!important;
    background-size: 16px!important;
    background-repeat: no-repeat!important;
    background-position: 11px 7px!important;
}