/* CSS Document */
/*-----------  FONT-FACE  -----------*/
@font-face {
	font-family: 'Eras Medium';
	src: url("font/ERASMD.TTF");
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Eras Bold';
    src: url('font/ERASBD.TTF');
    font-weight: normal;
    font-style: normal;
}



/*-----------  *BASE*  -----------*/
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, fieldset, p, ul, li, td, th, table, ol, input, select, textarea, * {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    font: inherit;
}

/* IE8 and UPPER only*/
/*div, input[type="submit"], button{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    overflow:visible;
}*/
object {
    -moz-outline-style: none;
    outline-style: none;
    outline-width: 0px;
    outline-color: -moz-use-text-color;
}

ul {
    list-style-type: none;
}

a {
    color: inherit;
    text-decoration: none;
}

a img {
    border: none;
}

img {
    -ms-interpolation-mode: bicubic;
}

button {
    overflow: visible;
}

.clear {
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
}

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

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

.hide {
    display: none;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.text-left {
    text-align: left;
}

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

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

.text-justify {
    text-align: justify;
}

.relative {
    position: relative;
}

/*-----------  *generics*  -----------*/
body {
    -webkit-font-smoothing: antialiased;
    color: #262626;
    background: #ffffff;
    font-size: 1em;
    font-family: 'Eras Medium', Georgia, Times, Serif;
}

body.padder {
    padding-bottom: 40px !important;
}

/* padder */
.padder {
    padding: 10px;
}

/* v-align */
.v-align {
    width: 0px;
    height: 100%;
}

.v-align, .v-align + * {
    display: inline-block;
    vertical-align: middle;
}

/*-----------  COULEURS  -----------*/
.clr_blanc {
    color: #ffffff !important;
}

.clr_noir {
    color: #000000 !important;
}

.clr_vert {
    color: #048E9C !important;
}

.clr_rose {
    color: #E84380 !important;
}

/* columns */
.col {
    float: left;
    margin: 0 0 0 20px;
}

.col_488px {
    width: 488px;
}

.col_508px {
    width: 508px;
}

.col_376px {
    width: 376px;
}

.col_335px {
    width: 335px;
}

.col_335px.alter {
    margin-left: 40px;
}

.col_244px {
    width: 244px;
}

.col_254px {
    width: 254px;
}

.col_112px {
    width: 112px;
}

.col:first-child, .title + .col, #breadcrumbs + .col, #title + .col, #ctxMenu + .col {
    margin-left: 0;
}

/*-----------  PAGE-WRAPPER  -----------*/
#page-wrapper {
    position: relative;
    width: 100%;
    min-width: 980px;
    margin: 0 auto;
}

/*-----------  LOGO  -----------*/
#logo {
    z-index: 6;
    position: fixed;
    left: 90px;
    top: 18px;
    display: block;
}

#logo * {
    display: block;
}
/*----------- TOP CONTACT -----------*/
#topContact {
		z-index: 6;
    position: fixed;
    right: 90px;
    top: 18px;
	font-size: .9rem;
}
#topContact a:first-child {
	margin-right: 25px;
}
/*-----------  MAIN MENU  -----------*/
#mainMenu {
    z-index: 5;
    position: fixed;
    left: -70px;
    top: 0;
    display: block;
    width: 70px;
    height: 100%;
    min-height: 650px;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#mainMenu > .toggler {
    position: relative;
    width: 70px;
    height: 70px;
    z-index: 6;
    position: relative;
    top: 0;
    right: -70px;
    cursor: pointer;
    background: #048E9C;
    -webkit-transition: transform .5s;
    -moz-transition: transform .5s;
    -ms-transition: transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    text-indent: 2000px;
    overflow: hidden;
}

#mainMenu > .toggler span {
    position: absolute;
    top: -1px;
    left: -11px;
    display: block;
    width: 22px;
    height: 2px;
    margin-top: 50%;
    margin-left: 50%;
    background: #ffffff;
    -webkit-transition: background 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
}

#mainMenu > .toggler span::before,
#mainMenu > .toggler span::after {
    content: '';
    position: absolute;
    display: block;
    width: 22px;
    height: 2px;
    background: #ffffff;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

#mainMenu > .toggler span::before {
    transform: translateY(-6px);
}

#mainMenu > .toggler span::after {
    transform: translateY(6px);
}

#mainMenu > .toggler.active span {
    background: #048E9C;
}

#mainMenu > .toggler.active span::before {
    transform: translateY(0) rotate(45deg);
}

#mainMenu > .toggler.active span::after {
    transform: translateY(0) rotate(-45deg);
}

#mainMenu > .toggler:hover, #mainMenu.deployed > .toggler {
    background-position: right -55px;
}

#mainMenu > .content {
    z-index: 1;
    position: absolute;
    left: -318px;
    top: 0;
    width: 318px;
    height: 100%;
    background: #272727;
    padding: 70px 20px 15px 80px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#mainMenu > .content > * {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 15px 20px 15px 66px;
    white-space: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* header */
#mainMenu > .content > .header {
    color: #a5a4a4;
    top: 0;
    padding-top: 100px;
    font-size: 1.125em;
    line-height: 1.556em;
}

#mainMenu > .content > .header > ul > li:first-child {
    padding-top: 0;
}

#mainMenu > .content > .header > ul > li > a {
    display: block;
    padding: 0 40px 0 0;
}

#mainMenu > .content > .header > ul > li.hasChildren > a {
    background: url(../img/arrow1_right_grey.gif) no-repeat right center;
}

#mainMenu > .content > .header > ul > li.hasChildren.active > a {
    background-image: url(../img/arrow1_right_white.gif);
}

#mainMenu > .content > .header > ul > li.active > a, #mainMenu > .content > .header > ul > li > a:hover {
    color: #ffffff;
}

#mainMenu > .content > .header > ul > li.current_page_item > a {
    color: #E84380;
}

#mainMenu > .content > .header > ul > li > ul {
    display: none;
    position: fixed;
    left: 318px;
    top: 0;
    width: 292px;
    min-height: 100%;
    background: #000000;
    text-transform: none;
    overflow: hidden;
    font-size: .778em;
    line-height: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#mainMenu > .content > .header > ul > li > ul > li {
    width: 220px;
    padding: 12px 20px 0 20px;
}

#mainMenu > .content > .header > ul > li > ul > li:first-child {
    padding-top: 0;
}

#mainMenu > .content > .header > ul > li > ul > li > a:hover {
    color: #ffffff;
}

#mainMenu > .content > .header > ul > li > ul > li.current_page_item > a {
    color: #E84380;
}

#mainMenu > .content > .header > ul > li:first-child > ul {
    padding-top: 104px;
}

#mainMenu > .content > .header > ul > li:first-child + li > ul {
    padding-top: 134px;
}

#mainMenu > .content > .header > ul > li:first-child + li + li > ul {
    padding-top: 164px;
}

#mainMenu > .content > .header > ul > li:first-child + li + li + li > ul {
    padding-top: 194px;
}

#mainMenu > .content > .header > ul > li:first-child + li + li + li + li > ul {
    padding-top: 224px;
}

#mainMenu > .content > .header > ul > li:first-child + li + li + li + li + li > ul {
    padding-top: 267px;
}

/* footer */
#mainMenu > .content > .footer {
    bottom: 0;
    color: #535352;
    text-transform: uppercase;
    font-size: 0.625em;
}

#mainMenu > .content > .footer > * {
    margin: 21px 0 0 0;
}

#mainMenu > .content > .footer a:hover {
    color: #ffffff;
}

#mainMenu > .content > .footer > .genericLinks > li {
    padding: 6px 0 0 0;
}

#mainMenu > .content > .footer > .lang > li {
    cursor: default;
    display: inline-block;
}

#mainMenu > .content > .footer > .lang > li.current {
    color: #E84380;
}

#mainMenu > .content > .footer > .lang > li:before {
    content: "/";
    margin: 0 6px;
    display: inline-block;
}

#mainMenu > .content > .footer > .lang > li:first-child:before {
    display: none;
}

#mainMenu > .content > .footer > .social {
    margin: 15px 0 6px 0;
}

#mainMenu > .content > .footer > .social > li {
    display: inline-block;
}

#mainMenu > .content > .footer > .social > li:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 36px;
    margin: 0 3px;
    background: #373737;
    position: relative;
    top: 6px;
}

#mainMenu > .content > .footer > .social > li:first-child:before {
    display: none;
}

#mainMenu > .content > .footer > .social > li > a {
    min-width: 25px;
    display: inline-block;
    padding: 0 6px;
		font-size: 30px;
}

#mainMenu > .content > .footer > .social > li:first-child > a {
    padding-left: 0;
}

#mainMenu > .content > .footer > .social > li > a > img {
    opacity: 0.4;
    display: block;
    margin: 0 auto;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

#mainMenu > .content > .footer > .social > li > a:hover > img {
    opacity: 1;
}

/*-----------  SECTION  -----------*/
.section {
    width: 100%;
    min-width: 960px;
    min-height: 600px;
    position: relative;
    overflow: hidden;
    /*background:#ffffff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABwgAAAABCAIAAABFWW2XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAnBJREFUeNrEWG12hCAMZOz9D9Y91E4VEUJIAvp2X/ujVZl8kUkCxev1m/7lhzx+A+LL/uojFfjLP2A2pwyyLu+LsL/L4BzpcUm8Q8KLPhiGDJ8VuIeirSst1B7k0FgcuDJzpYvYH1GXqra3UMpZtEAHMMMaQ9zF3mTZ+fxQs0AyZwz5bzaA4+OBYHkgaZArtaVt29RmHILbT354nzt4aCarFVZ/Mrg5iq2+dl7VcLOOstWXe/W16GgidYvUth6xJWwtmixk8O4iJFEZftbbIV8loCy4bhgJ7sgEn+DagqncKgaX+JroDBpOAiZthNEnFmrpXpEUbZJb/1hpB5Z1KpSW54XILN3OxIo2i6QqtE/TxbpgfzHzVMSYy6Spo5GsQhiYAKJrbOh4nHrK0qCLEcg1Xyj6s9yU0rW8MHPxIIm2qMbX0pjq3cYaBegQ3UkTijc0jKaRBR5AfODgO3ticNhxmQtnvGNloI9qOc483WDg9h4vtdOEeWPa7IJ+BPRb20J+4/1C5AaHmY9JvEF2oIvWShJWimASEwSFcB1K5GkmlJKdbt67/GMVg+QYNQSK8PVeQLUjBCPPYc5SHO54Abwxt3QsXSWj6xJWyvxeigKW8oGrU05ZjfTDdxO7j5BfvQSNJ+TeJm7JPrMYnYDo8mooxzgjkcIvwcJIVzRwBBxXBiPwWFUAoNDCB/4MyhlcggVmtG8i+8N8Gwch8saqiaTVUE8ApS/Gdcv6H4YJoaHcvY/EibMd8G0tG6UzWxZMptZDSG/0hDUijK9hkj/j5sFGFHVgwFIrW1SoCf45tRa3PynS3fnuTIRvjo8nsn8CDABwpHpu4xUeSAAAAABJRU5ErkJggg==') repeat-y center top;*/
    background: #ffffff;
}

.section.black {
    color: #ffffff;
    background-image: none;
    background-color: #262626;
    background-repeat: no-repeat;
    background-position: center center;
}
.section.grey, #indexMobile .grey {
    color: #ffffff;
    background-image: none;
    background-color: #595959;
    background-repeat: no-repeat;
    background-position: center center;
}
.section > .people {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../img/home_section_bg.svg) no-repeat right center;
}

.section > .people > img {
    display: block;
    position: absolute;
    top: 50%;
    left: -1000px;
    margin: -650px 0 0 50%;
}

.section > .svg-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.section > .svg-container > svg {
    display: block;
    /*background:rgba(0, 0, 0, 0.2);*/
}

.section > .content {
    z-index: 1;
    position: relative;
    width: 100%;
    height: 100%;
}

.section > .content > .left, .section > .content > .right {
    position: absolute;
    top: 0;
    height: 100%;
    width: 50%;
    white-space: nowrap;
    text-align: center;
}

.section > .content > .left {
    right: 50%;
}

.section > .content > .right {
    left: 50%;
}

.section > .content > .left > .content, .section > .content > .right > .content {
    position: relative;
    white-space: normal;
    text-align: left;
}

.section > .content.slide > .left > .content,
.section > .content.slide > .right > .content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.section > .content.slide > .left > .content {
    left: 18%;
}

.section > .content.slide > .right > .content {
    right: 18%;
}

.section > .content .categoryTitle {
    position: absolute;
    left: 0;
}

.section > .content > .left > .content > .categoryTitle {
    top: -70px;
}

.section > .content > .right > .content > .categoryTitle {
    bottom: -70px;
}

/* extract */
.section > .content .content > .extract {
    width: 230px;
}

.section > .content .content > .extract + .extract {
    padding-top: 40px;
}

/* intro */
.section.intro {
    position: relative;
    text-align: center;
    background: #6c6c6c url(../img/intro.jpg) no-repeat top right;
    font-family: 'Eras Medium', Georgia, Serif;
    background-size: 100% 100%;
    /*background-position: 73%;*/
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .section.intro .text {
        display: none;
       position: absolute;
        left: 42%;
        bottom: 43%;
        color: #048E9C;
        text-align: left;
    }
}



.section.intro::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: #000000;*/
    opacity: .25;
}

/*.section.intro .text {
    position: absolute;
    left: 50%;
    margin-left: -8%;
    bottom: 43%;
    color: #048E9C;
    text-align: left;
}*/

.section.intro .text {
   position: absolute;
    left: 27%;
    bottom: 25%;
    color: #048E9C;
    text-align: left;
}

.section.intro .text > .logo {
    position: relative;
    z-index: 1;
    display: block;
    margin-bottom: 30px;
}

.logogptw {
    position: absolute;
    left: 73%;
    top: 10%;
    color: #FFF;
    text-align: left;

}
.logogptw img{
    max-width: 75px;
    display: inline;
    vertical-align:middle;
}

.logogptw p{
    display: inline-block;
    vertical-align:middle;
    font-size: 130%;
    margin-left:19px;

}

.logogptw p span{
    font-weight: bolder;
}


/*.section.intro .text > .baseline {
    padding: 0 36px;
    box-sizing: border-box;
    font-family: 'Eras Bold', Georgia, Serif;
    font-size: 1em;
    line-height: 1.5;
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 5px;
}*/

.section.intro .text > .baseline{
    line-height: 1;
    font-family: 'Eras Medium', Georgia, Serif;
    color: #FFFFFF;
    font-size: 2.4vw;
    letter-spacing: -1px;
    margin-left: -260px;
    margin-bottom: -75px;
}
.section.intro .text > .baseline > span:last-child {
    font-family: 'Eras Bold', Georgia, Serif;
    color: #16c8bb;
    font-size: 1.1em;
    letter-spacing: -1px;
}

.section.intro .scroll-bottom, #indexMobile .scroll-bottom {
    position: absolute;
    width: 33px;
    height: 33px;
    margin-left: 50%;
    left: -8px;
    bottom: 42px;
    background: url('../img/scroll-toggler.png') 0 0 no-repeat;
}

/*-----------  CATEGORY TITLE  -----------*/
.categoryTitle {
    font-size: 1.125em;
    line-height: 2.222em;
    text-transform: uppercase;
    font-family: 'Eras Medium', Georgia, Serif;
}

/*-----------  EXTRACT  -----------*/
.extract {
    display: block;
    font-family: 'Eras Medium', Georgia, Serif;
}

.extract > .picture, .extract > .picture_hover {
    display: none;
}

.extract > .date {
    display: block;
    font-size: 1.625em;
    line-height: 1.769em;
}

.extract > .name {
    width: 150%;
    position: relative;
    font-size: 2.5em;
    line-height: 1em;
    padding: 0 0 36px 0;
    white-space: normal;
}
#indexMobile .extract > .name {
	width: 100%;
}
.extract > .name > .icon {
    display: block;
    position: absolute;
    right: 100%;
    top: 0;
    margin: 0 18px 0 0;
}

.extract > .text {
    font-size: .875em;
    line-height: 1.5em;
}

.extract > .text > p {
    padding: 15px 0 0 0;
}

.extract > .text > p:first-child {
    padding-top: 0;
}

.extract > .buttons {
    margin-top: 24px;
}

/*-----------  VERBATIM  -----------*/
.verbatim > .name {
    display: block;
    font-size: 0.750em;
    line-height: normal;
    padding: 40px 0 0 0;
}

.verbatim--highlight {
    display: block;
    font-family: 'Eras Bold', Georgia, Times, Serif;
    font-size: 3.75em;
    line-height: 1;
}

.verbatim--highlight .clr_vert,
.verbatim--highlight .clr_rose {
   /* display: block;*/
}

.verbatim--std {
    display: block;
    font-size: 2.25em;
    line-height: 1.083em;
}

.verbatim--author {
    margin-top: 58px;
    font-size: 1.125em;
    line-height: 1.2;
}

.verbatim--job {
    font-size: .875em;
    line-height: 1.2;
    text-transform: uppercase;
    color: #E84380;
}

/*-----------  BUTTONS  -----------*/
.buttons {
    display: block;
    position: relative;
    padding: 0 0 6px;
    letter-spacing: -3px;
}

/* svg canvas */
.buttons > svg {
    position: absolute !important;
    left: 0;
    top: 0;
}

/* more */
.buttons > .more {
    display: inline-block;
    width: 26px;
    height: 26px;
    border: none;
    margin: 11px 0 0 135px;
    background: #E84380 url('data:image/gif;base64,R0lGODlhGgAaAIAAAP////ApayH5BAAAAAAALAAAAAAaABoAAAIqjI+py+0Po5y02osAwHlzo32g94WWhqaopLYkZZYvFnM1PYv6zvf+vygAADs=') no-repeat left top;
}

/* video, image */
.buttons > .video, .buttons > .image {
    display: none;
    width: 73px;
    height: 73px;
    background: #4d4d4d;
    margin: 11px 0 0 0;
}

.buttons > .more.expanded + .video, .buttons > .more.expanded + .image {
    margin-top: 19px;
    display: inline-block;
}

/*-----------  BTN MORE  -----------*/
.btnMore {
    z-index: 1;
    position: absolute;
    float: left;
    right: -485px;
    top: 50%;
    height: 25px;
    margin: -248px 50% 0 0;
    overflow: hidden;
}

.btnMore > .content {
    float: left;
    position: relative;
}

.btnMore > .content > * {
    display: block;
    float: left;
    height: 25px;
    line-height: 25px;
    font-size: .813em;
    font-family: 'Eras Medium', Georgia, Times, Serif;
    text-transform: uppercase;
}

.btnMore > .content > .left {
    width: 25px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMZJREFUeNq01mEHwzAQBuCtpYz9oVHKKGOMMUYZ+2FljDHGGGP0e/e7luNKVNvdJfeGI4nE470Pkfm3bWfAcXZ1SdAATRIgUHcLBHJiIEUhFbco9TctkaOrax+wRAi4DQFWyGEKsEAIuE8BscjfBLHInoFMcjgE2XGLMukFLbJ19dAAWoSApxbQIJtQQIoQ8AoFJEgZk0CClJxgEfskjCFrK2AMKVy9rYAhhICPJdBHcgTgIwQ0CKBDVqgEPkIJlsjP10+AAQCRhBr9RP0qMAAAAABJRU5ErkJggg==') no-repeat left top;
}

.btnMore > .content > .job {
    padding: 0 8px 0 3px;
    background: #c6c5c5;
}

.btnMore > .content > .hobbie {
    color: #c6c5c5;
    padding: 0 2px 0 26px;
    background: #262626 url('data:image/gif;base64,R0lGODlhGQAZAMQAAAcHBwUFBQICAnt7e4WEhI6NjYKCgpeXl5qZmZWUlJCQkIyLiwkJCX59fYB/f4eGhomJiZOSkgAAAMbFxQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAZABkAAAVl4CSOZGmOw6mqg7S+qODCayPPtOnceD4avJ4PKCkWfSNC8IhUGp/NwBOae0inxhzkimW+Ftyu0AQWU1WFsHmVNk9VCoD7bYrP6aSI/H4WJfZ8WSN/gXgHgIVMh4lvCAyMU46QUyEAOw==') no-repeat left top;
}

.btnMore > .toggler {
    float: left;
    width: 25px;
    height: 25px;
    position: relative;
    background: #262626 url('data:image/gif;base64,R0lGODlhGQAZAMQAAJmZmEhISCEhIWlpafz8+w8PD4eHhq6urWNjY8/Pzvn5+GxsbAwMDHJycgMDA9jY18bGxZCQjzMzM1RUVFFRUf///gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAZABkAAAVYoCWOZGmeaKqubOu+cIwWCFLIIvNU1cPgEx6PggsIKwGc48A7OHAiiQQqMEASCYhBABsQjjzCwCVQgIUKLqtxPjZakbYw0lrIeQtXAMDv85NQgYKDhIWBIQA7') no-repeat left top;
}

/*-----------  BACK  -----------*/
#back {
    position: absolute;
    top: 14px;
    right: -477px;
    margin: 112px 50% 0 0;
    font-family: 'Eras Medium', Georgia, Times, Serif;
    text-transform: uppercase;
    font-size: .57em;
    letter-spacing: 1.2px;
}

#back.search {
    top: -51px;
    width: 115px;
    height: 115px;
    border-radius: 115px;
    text-align: center;
    color: #ffffff;
    padding: 65px 15px 0;
    background: #262626 url(../img/search.png) no-repeat center 26px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*-----------  QUICK FORM  -----------*/
.quickForm {
    width: 224px;
    display: block;
    position: relative;
    margin: 15px 0 20px 0;
}

.quickForm > * {
    display: block;
    float: left;
    height: 39px;
    border: none;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: .7em;
}

.quickForm input[type="text"] {
    width: 185px;
    border: 4px solid #E84380;
    border-right: none;
    background: #c02156;
    padding: 0 5px;
    color: #ffffff;
}

.quickForm input[type="text"]::-webkit-input-placeholder {
    color: #ffffff;
}

.quickForm input[type="text"]::-moz-placeholder {
    color: #ffffff;
}

.quickForm input[type="text"]:-ms-input-placeholder {
    color: #ffffff;
}

.quickForm input[type="text"]::placeholder {
    color: #ffffff;
}

.quickForm input[type="submit"] {
    width: 39px;
    cursor: pointer;
    color: #262626;
    padding: 0 0 2px 0;
    background: #E84380 url(../img/diamond1_white.png) no-repeat center center;
}

.quickForm input[type="file"] {
    width: 185px;
    position: absolute;
    right: 39px;
    top: 0;
    border: none;
    background: #ffffff;
    cursor: text;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    font-size: 0.650em;
    opacity: 0;
}

.quickForm .fileIE {
    background: #E84380;
    padding: 5px 0 0 5px;
}

.quickForm .fileIE input[type="file"] {
    position: static;
    opacity: 1;
    cursor: pointer;
    background-color: #c02156;
    color: white;
    font-size: .725em;
    line-height: 30px;
    font-family: 'Eras Medium', Georgia, Times, Serif;
    text-transform: uppercase;
    height: 30px;
    text-indent: 10px;
    width: 200px !important;
}

/*-----------  BUTTONS  -----------*/
#buttons {
    z-index: 6;
    position: fixed;
    left: 0;
    top: 70px;
    width: 70px;
    font-size: .7em;
    line-height: 1em;
    text-align: center;
    text-transform: uppercase;
}

#buttons > a {
    display: inline-block;
    height: 70px;
    width: 70px;
    cursor: pointer;
    padding: 10px;
    box-sizing: border-box;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    white-space: nowrap;
    color: #ffffff;
    background: #262626;
}

#buttons > a.join-us {
    font-size: .7144em;
    padding: 45px 10px 10px;
    background: #595959 url(../img/contact-us.png) no-repeat center 10px;
}

/*-----------  SCROLL EFFECT  -----------*/
#scrollEffect {
    z-index: 2;
    position: fixed;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    overflow: hidden;
}

#scrollEffectContainer {
    position: absolute;
    left: -100%;
    top: 0;
    width: 200%;
}

/*-----------  TOOLBAR  -----------*/
#toolbar {
    z-index: 7;
    position: fixed;
    left: -70px;
    top: 0;
    display: block;
    width: 70px;
    height: 100%;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: visible !important;
}

#toolbar > .toggler {
    width: 70px;
    height: 70px;
    z-index: 4;
    position: relative;
    left: 100%;
    top: 70px;
    color: #262626;
    text-transform: uppercase;
}

#toolbar > .toggler > * {
    display: inline-block;
    height: 70px;
    width: 70px;
    cursor: pointer;
    padding: 45px 10px 10px;
    box-sizing: border-box;
    line-height: 1em;
    text-align: center;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

#toolbar > .toggler .text {
    display: inline-block;
}

#toolbar > .toggler {
    white-space: normal;
}



#toolbar > .toggler > .code:hover, #toolbar > .toggler > .code.current /*, #toolbar.deployed > .toggler > .code*/
{
    color: #ffffff;
}

#toolbar > .toggler > .code.current /*, #toolbar.deployed > .toggler > .code*/
{
    color: #ffffff;
    background-color: #000000;
}

#toolbar > .toggler > .chat {
    color: #666666;
    font-family: 'Eras Medium', Georgia, Times, Serif;
    background: #ffffff url(../img/chat.png) no-repeat right top;
}

#toolbar > .toggler > .chat:hover, #toolbar > .toggler > .chat.current {
    color: #E84380;
    /*background-color:#E84380;*/
}

#toolbar > .content {
    z-index: 3;
    position: absolute;
    right: 0;
    top: 0;
    width: 260px;
    height: 100%;
    color: #262626;
    white-space: normal;
    background: #E84380;
    padding: 40px 40px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: auto;
}

#toolbar > .content > .intro {
    padding: 0 0 30px 0;
}

#toolbar > .content > ul {
    padding: 0 0 26px 0;
}

#toolbar > .content > ul > li {
    padding: 24px 0 0 0;
}

#toolbar > .content > ul > li:first-child {
    padding-top: 0;
}

#toolbar > .content > a {
    display: inline-block;
    color: #ffffff;
    font-size: 0.813em;
    line-height: 1.154em;
    text-transform: uppercase;
    padding: 0 43px 0 0;
    background: url(../img/toolbar_content_a.gif) no-repeat right center;
}

#toolbar > .content > a:hover {
    color: #262626;
}

/* content chat */
#toolbar > .content.chat {
    background: #ffffff;
    line-height: 1em;
}

/* togler class */
#toolbar > .content.hide {
    display: none;
}

/*-----------  FOOTER  -----------*/
footer {
    z-index: 5;
    position: fixed;
    right: 0;
    bottom: 0;
    width: 208px;
    height: 50px;
    color: #fff;
    text-align: center;
    padding: 0 0 0 30px;
    text-transform: uppercase;
    background: url(../img/footer.png) no-repeat right bottom;
    font: normal normal 0.625em/normal 'Eras Medium', Georgia, Times, Serif;
}

footer > .text {
    text-align: left;
}

/*-----------  PRELOADER  -----------*/
#preloader {
    z-index: 10;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #2b2b2b;
}

#preloader > .svgContainer {
    z-index: 11;
    position: absolute;
    left: -105px;
    top: 50%;
    margin: -105px 0 0 50%;
    width: 210px;
    height: 210px;
}

#preloader > .text {
    z-index: 12;
    position: absolute;
    left: -100px;
    top: 50%;
    margin: 55px 0 0 50%;
    width: 210px;
    height: 210px;
    color: #E84380;
    text-align: center;
    font-size: 1em;
    line-height: 1;
}

#preloader > .text > img {
    z-index: 13;
    display: block;
    position: absolute;
    left: 11px;
    top: -175px;
}

/*-----------  PAGE BG  -----------*/
#pageBg {
    position: fixed;
    left: 0;
    top: 0;
    background: none;
}

#pageBg > * {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#pageBg > .page {
    background: #ffffff;
    /*background:url('data:image/gif;base64,R0lGODlhuAsBAIABAP///wAAACH5BAEAAAEALAAAAAC4CwEAAAJUjI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC5PATNf2jef6zvf+DwwKh8Si8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7rSwAADs=') repeat-y center top;*/
}

#pageBg > .leftTop {
    background: url(../img/pagebg_left_top.png) no-repeat left top;
    background-size: 32% auto;
}

/*#pageBg > .rightBottom{background:url(../img/pagebg_right_bottom.svg) no-repeat right bottom;}*/
#pageBg > .people {
    background: none;
}

#pageBg > .people > img {
    margin-top: 0;
    top: 0;
    left: -1300px;
}

/*-----------  MAP CANVAS  -----------*/
#mapCanvas {
    position: absolute;
    right: 0;
    top: 0;
    min-height: 1500px;
    background: #262626;
    overflow: hidden;
}

#mapCanvas > .map {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#mapCanvas > .header {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 460px;
    background: #ffffff;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -moz-transform-origin: 0 460px;
    -webkit-transform-origin: 0 460px;
    -o-transform-origin: 0 460px;
    -ms-transform-origin: 0 460px;
    transform-origin: 0 460px;
}

#mapCanvas > .footer {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 460px;
    background: #ffffff;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -moz-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
}

#mapCanvas .gmnoprint > .gmnoprint:first-child + .gmnoprint {
    top: 460px !important;
}

/* infobox */
.infoBox {
    position: relative;
    color: #ffffff;
    padding: 10px 10px 12px 10px;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: right top;
    background-image: url(../img/infobox_bg.html);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: visible !important;
}

.infoBox:before {
    content: "";
    position: absolute;
    left: -11px;
    bottom: -13px;
    width: 26px;
    height: 13px;
    margin: 0 0 0 50%;
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url(../img/infobox_appendice.png);
}

.infoBox > img:first-child {
    z-index: 20;
    cursor: pointer;
    position: absolute !important;
    right: 0;
    top: 0;
    margin: 0 !important;
}

.infoBox .titleFiliale {
    padding-right: 32px !important;
}

.infoBox .filetFiliale {
    clear: both !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 10px 0 7px 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    background: none !important;
    border: none !important;
    border-top: 1px solid #262626 !important;
}

.infoBox .link {
    font-family: 'Eras Bold', Georgia, Times, Serif;
    color: #ffffff !important;
    display: inline-block;
    padding: 0 12px 0 0;
    background: url(../img/arrow1_right_white.gif) no-repeat right 7px;
}

.infoBox .link:hover {
    color: #262626 !important;
    background-image: url(../img/arrow1_right_black.gif);
}

.infoBox.hide {
    display: none !important;
}

.infoBox.rose {
    background: #E84380;
}

.infoBox.rose:before {
    background-image: url(../img/infobox_appendice_pink.png);
}

.infoBox.vert {
    background: #048E9C;
}

.infoBox.vert:before {
    background-image: url(../img/infobox_appendice_green.png);
}

/*map menu*/
#mapMenu {
    width: 180px;
    background-color: #fff;
    position: absolute;
    top: 505px;
    left: 7px;
    color: #000;
    font-size: 0.75em;
    line-height: 0.75em;
    text-transform: uppercase;
    font-family: 'Eras Medium', Georgia, Times, Serif;
    overflow: hidden;
    -webkit-transition: width .2s ease-out;
    -moz-transition: width .2s ease-out;
    -o-transition: width .2s ease-out;
    transition: width .2s ease-out;
}

#mapMenu.close {
    width: 30px;
    -webkit-transition: width .3s ease-out;
    -moz-transition: width .3s ease-out;
    -o-transition: width .3s ease-out;
    transition: width .3s ease-out;
}

#mapMenu ul {
    padding: 15px 30px 15px 25px;
    width: 100px;
}

#mapMenu .ulCtn {
    float: left;
    overflow: hidden;
    width: 155px;
    height: auto;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

#mapMenu.close .ulCtn {
    width: 0;
    height: 0;
    -webkit-transition: width .1s ease-out;
    -moz-transition: width .1s ease-out;
    -o-transition: width .1s ease-out;
    transition: width .1s ease-out;
}

#mapMenu .title {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAANAQMAAABfB+b2AAAABlBMVEUAAADwKWuOhe0kAAAAAXRSTlMAQObYZgAAAB5JREFUCNdjaGBwYFBgEGDgYGBhYAJiDiBbASjWAAAZzAH7ilj54AAAAABJRU5ErkJggg==) 11px 15px no-repeat;
    width: 25px;
    float: left;
    overflow: hidden;
    min-height: 130px;
    cursor: pointer;
}

#mapMenu .title:hover .label {
    color: #E84380;
}

#mapMenu .title .label {
    transform-origin: right top;
    -ms-transform-origin: right top; /* IE 9 */
    -webkit-transform-origin: right top; /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Opera, Chrome, and Safari */
    text-align: right;
    position: absolute;
    top: 42px;
    left: -171px;
    width: 180px;
    color: #000;
    /*font-size:0.85em;*/
}

#mapMenu ul li {
    margin-top: 20px;
    cursor: pointer;
}

#mapMenu ul li:first-child {
    margin-top: 0;
}

#mapMenu ul li.active, #mapMenu ul li:hover {
    color: #E84380;
}

/*-----------  CONTENT  -----------*/
#content {
    position: relative;
    width: 772px;
    margin: 0 auto;
    padding: 120px 91px 0 92px;
}

#content > .btnMore {
    top: 205px;
    position: fixed;
    margin-top: 0;
    right: -320px;
}

#content .social {
    margin-top: 35px;
}

/*#content .social:before{*/
/*content:"";*/
/*display:block;*/
/*position:absolute;*/
/*left:-92px;*/
/*top:0;*/
/*width:92px;*/
/*height:95px;*/
/*background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAABfCAYAAABle6D2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABARJREFUeNrs3QlP1EAYBuChESSKB0rwiBriFVSCR/BEEQ88QH8T/0mUw/vAmygaNUbREDEoGwQPNIgE/L7027gRWLbdTnem877JG8iy2zZPJpPd0u0Utba2KiS21HgwiC3bqXUAjyfbqPuo7QDXn2rqAWoHNQVwvdlKPSjYQ/wAwPVlC7VesD+nHwS4PuzD1M5MbIDrySbB7qJ++v+PAI82G6kN1CvUwdmeAPBosRupV6kf53oSwKNJFfWojOyBbE8EeP7ZQD1GvTYfNsCjwT5BvUH9kMsLAB4+6wX7FrU/1xcBPFzWUU8K9vsgLwR4OOwm6u2g2AAPnjWCfYf6LswGAJ57VlPPULupfWE3AvDcsc9S71Lf5rMhgM+fVYJ9n/om340BPHsqM7BfR7FBgGfHbqY+igob4HOnQrAfU19FuWGAz8xKagu1h/oy6o0DfCb2OepT6gsdOwD4v6yQkd1Lfa5rJwD3Uy4jm6Gf6dwRwH3sFplCenXvzHXw5YLNb/uexLFDl8GXZmD3xLVTz2Hs88o/L9IT545dBF8i2H3yKVIBXF/KBJvPZT8sxAF4DmL3Ux8U6iBcAV8s2HwZw71CHojnGHZ3oQ/GcwCb3/oNmoCddPBFgp1S/n/YFcD1pTQD+6ZJB+YlFJtPRA0r/0IdBXD92CMysqcBri8LZRoZVf7FldMmHqSXMOxv1OumYicFvESwx0zHTgI4YzcLNn/VY8r0A7YZvFj5F+mM24JtM3ixjOwJ6mVbsG0FXyAjm7G7bMK2ETyNPan8b4xN2TZaPAuxp2UambRxLvQswj4lv3faim0LOGM3yc8Om7FtAPcEuyQJ2KaDezKNMHY79U8SzkF4Bh8Xfw+yVEZ2IrBNBU9jl8nInlAJimngRdTjgn0xadimgaexl1EvJRHbJPA0drlg/1YJjWcIdqNg8zQyrhIcE8D5TjoVLmCbAM4ju1KmkcRjFxq8QbB5ZP9SjqRQ4Hxfv7Uysp3BLhQ4Y/Pti9qoP5VjiRv8kGBfcBE7bnC+pXOVqyM7bvD9yr8nK2OPKYcTBzjfGX6zTCM/lOPRDV6n/Fs7twFbPzhjV8tbv++g1gu+R7D5Q81XMOsF30WtkZENbM3gO6m1MrJHwasXvFbAeWSPgFYvOE8huwX7C1j1gu+QdyTAjgGc1xfbK3P2MDj1glfLp8h2YOsHz1zyKgVGveCMXS8jewiEesEz1xcDtmZwPuM36/piSPTgfC77iJpjfTEkWvB51xdDogNnbL5QJ+v6Ykg04FUZ2AOg0gseaH0xJD/w9JJXOa8vhoQHZ+z0klf94NELHnp9MSQ4OF/nF3p9MSQYOK8vdlrlsb4YEgw87/XFkGDgea8vhuSevwIMAPybxWHJhEFAAAAAAElFTkSuQmCC') no-repeat right top;*/
/*}*/
/* cas où l'on veut pouvoir accéder aux boutons SVG de la colonne de droite */
#content.svgButtons:not(.alter) {
    width: 488px;
    left: -178px;
    padding-right: 0;
}

#content.svgButtons:not(.alter) > aside.col_335px {
    position: absolute;
    right: -355px;
    top: 0;
}

/* cas où l'on veut pouvoir accéder à une Google Maps sur la droite */
#content.hasMap {
    width: 244px;
    left: -310px;
    padding-right: 0;
}

/*-----------  TITLE  -----------*/
#title {
    padding: 0 0 43px 0;
}

#title > .size-80,
#title .size-30,
#title > .size-40 {
    font-size: 3.938em;
    line-height: 1;
}

#title > .size-120,
#title > .size-70,
#title > .size-44 {
    font-family: 'Eras Bold', Georgia, Times, Serif;
    font-size: 3.938em !important;
    line-height: 1;
}

#title .clr_rose,
#title .clr_vert,
#title .size-30 .size-40 {
    display: block;
    font-family: 'Eras Bold', Georgia, Times, Serif;
    font-size: 1em;
}

#title .size-40 .clr_rose,
#title .size-40 .clr_vert {
    display: inline-block;
}

#title .highlight {
    font-family: 'Eras Bold', Georgia, "Times New Roman", Times, serif;
}

/*-----------  BREADCRUMBS  -----------*/
#breadcrumbs {
    color: #262626;
    padding-bottom: 38px;
    font-family: 'Eras Medium', Georgia, Serif;
}

#breadcrumbs > .current {
    color: #048E9C;
    text-transform: uppercase;
}

#breadcrumbs > * {
    line-height: 1em;
    display: inline-block;
}

#breadcrumbs > *:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 7px;
    margin: 0 10px 1px 10px;
    background: url(../img/arrow1_right_black.gif) no-repeat left top;
}

#breadcrumbs > .current:before {
    background-image: url(../img/arrow1_right_grey.gif);
}

#breadcrumbs > *:first-child {
    text-transform: uppercase;
    font-size: 1.125em;
    line-height: 2.222em;
}

#breadcrumbs > *:first-child:before {
    display: none;
}

#breadcrumbs > *[onclick] {
    cursor: pointer;
}

#breadcrumbs > *[onclick]:hover, #breadcrumbs  a:hover {
    color: #E84380;
}

/* cas spéciaux */
#content.hasMap > #breadcrumbs {
    white-space: nowrap;
}

/*-----------  CSS3 COLUMNS  -----------*/
.columns {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
}

/*-----------  BOX  -----------*/
#boxes {
    margin-top: 480px;
}

#boxes > .box {
    display: block;
    position: relative;
    color: #ffffff;
    font-size: 1.250em;
    margin: 5px 0 0 0;
    text-transform: uppercase;
}

#boxes > .box:first-child {
    margin-top: 0;
}

#boxes > .box > img:first-child {
    display: block;
}

#boxes > .box > .overlay {
    display: block;
    position: absolute;
    left: 68px;
    bottom: 18px;
    width: 199px;
}

#boxes > .box > .overlay .small {
    font-size: 0.700em;
}

/*-----------  SOCIAL  -----------*/
.social {
    clear: both;
    position: relative;
}

.social.alter {
    min-width: 24px;
}

.social > li {
    display: inline-block;
    margin-right: 19px;
}

.social.alter > li,
.social > li:last-child {
    margin-right: 0;
}

.social > li > a > img {
    display: block;
    margin: 0 auto;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.social > li > a:hover > img {
    opacity: 0.5;
}

/*-----------  NEWS LIST  -----------*/
.newsList > li {
    padding: 0 0 43px 0;
}

.newsList > li p:first-child {
    margin-bottom: 21px;
}

.newsList > li .introduction {
    margin-bottom: 12px;
}

.newsList + .newsList {
    margin-top: 110px;
}

/*-----------  NEWS  -----------*/
.newsPage #breadcrumbs {
    height: 25px;
    padding-top: 20px;
}

.newsPage ul > li {
    padding: 0 0 65px 0;
}

.newsPage ul > .extract > .date {
    height: 26px;
}

.newsPage ul > .extract > .name {
    width: auto;
    word-wrap: break-word;
    white-space: normal;
    margin-top: 10px;
}

.newsPage ul > .extract > .text {
    overflow: hidden;
}

.newsPage ul > li.new {
    position: relative;
    padding-top: 51px;
}

.newsPage > .col + .col + .col {
    position: relative;
    top: -51px;
}

.newsPage ul > li.new:before, #searchResults > ul > li.new:before {
    content: "new";
    color: #ffffff;
    position: absolute;
    left: 0;
    top: 0;
    width: 41px;
    height: 41px;
    border-radius: 41px;
    background: #048E9C;
    font-size: 0.688em;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
}

/*-----------  IMG LEGEND  -----------*/
.imgLegend {
    display: block;
    position: relative;
    font-size: 1.000em;
    line-height: 1em;
}

.imgLegend.left {
    float: left;
    margin: 12px 12px 12px 0;
}

p > .imgLegend.left:first-child {
    margin: 0 20px 12px 0;
}

/* cas particulier */
.imgLegend.left + .verbatim > p {
    padding: 12px 0 0 0;
}

.imgLegend.left + .verbatim > p:first-child {
    padding-top: 0;
}

/* cas particulier */
.imgLegend.right {
    float: right;
    margin: 12px 0 12px 12px;
}

p > .imgLegend.right:first-child {
    margin: 0 0 12px 20px;
}

.imgLegend > svg {
    display: block;
    background: transparent;
}

.imgLegend > .legend {
    display: block;
    padding: 7px 0 0 0;
}

/*-----------  NEXT PAGE  -----------*/
#nextPage {
    display: block;
    width: 79px;
    height: 79px;
    border-radius: 79px;
    background: rgba(0, 0, 0, 0.4) url(../img/arrow3_bottom_white.gif) no-repeat center 36px;
    margin: 12px auto 0 auto;
    -webkit-transition: background 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
}

#nextPage:hover {
    background-color: rgba(0, 0, 0, 0.6);
}

/*-----------  SQUARE LIST  -----------*/
#squareList {
    width: 545px;
    padding: 82px 0 0 0;
}

#squareList > li {
    float: left;
    position: relative;
    width: 120px;
    height: 120px;
    margin: -60px 26px 25px 24px;
    overflow: hidden;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#squareList > li > a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    text-align: center;
    opacity: 1;
    background: #ffffff;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

#squareList > li > a:hover {
    opacity: 0.3;
}

#squareList > li > a > img {
    position: relative;
    left: -2px;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg) translate3d(0, 0, 0);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#squareList > li:nth-child(4), #squareList > li:nth-child(9) {
    margin-left: 109px;
}

/*-----------  GALLERY  -----------*/
#gallery {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    overflow: hidden;
    padding: 356px 0 0 0;
}

#gallery.loading:before {
    z-index: 3;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    background: rgba(0, 0, 0, 0.7) url(../img/ajax-loader_greybox.gif) no-repeat center center;
}

#gallery > .filter {
    z-index: 2;
    position: absolute;
    right: 20%;
    top: 80px;
    width: 120px;
    height: 120px;
    background: url(../img/gallery_filter.png) no-repeat left top;
}

#gallery > .filter > .photos {
    opacity: 0.9;
    position: absolute;
    left: 32px;
    top: 35px;
    width: 23px;
    height: 20px;
    cursor: pointer;
    background: url(../img/filter_photos.png) no-repeat left top;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

#gallery > .filter > .videos {
    opacity: 0.9;
    position: absolute;
    left: 63px;
    top: 61px;
    width: 26px;
    height: 21px;
    cursor: pointer;
    background: url(../img/filter_videos.png) no-repeat left top;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

#gallery > .filter > .photos:hover, #gallery > .filter > .videos:hover, #gallery > .filter > .photos.active, #gallery > .filter > .videos.active {
    opacity: 1;
}

#gallery > .filter > .photos.blur, #gallery > .filter > .videos.blur {
    opacity: 0.6;
}

#gallery > .content {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0 0 20px 0;
    background: #262626;
}

#gallery > .content > ul {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
}

#gallery > .content > ul:before {
    content: "";
    position: absolute;
    left: 0;
    top: -117px;
    width: 100%;
    height: 118px;
    background: url(../img/gallery_before.png) repeat left top;
}

#gallery > .content > ul > li, #greyBox.gallery .galleryZoom {
    float: left;
    width: 167px;
    height: 167px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    background: #262626;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    /*-webkit-transition:all 0.2s ease-in-out;*/
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    /*transition:all 0.2s ease-in-out;*/
}

#gallery > .content > ul > li > .viewport, #greyBox.gallery .galleryZoom > .viewport {
    display: block;
    position: absolute;
    left: -35px;
    top: -35px;
    height: 238px;
    width: 238px;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    /*-webkit-transition:all 0.2s ease-in-out;*/
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    /*transition:all 0.2s ease-in-out;*/
}

#gallery > .content > ul > li > .viewport > .picture, #greyBox.gallery .galleryZoom > .viewport > .picture {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -moz-transform: scale(0.34);
    -webkit-transform: scale(0.34);
    -o-transform: scale(0.34);
    -ms-transform: scale(0.34);
    transform: scale(0.34);
    -moz-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    /*-webkit-transition:all 0.2s ease-in-out;*/
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    /*transition:all 0.2s ease-in-out;*/
}

#gallery > .content > ul > li > .viewport > .picture.grey {
    opacity: 1;
}

#gallery > .content > ul > li > .viewport > .more {
    display: block;
    opacity: 0;
    position: absolute;
    left: -16px;
    bottom: 0;
    width: 32px;
    height: 32px;
    margin: 0 0 0 50%;
    background: url(../img/gallery_more.png) no-repeat left top;
    /*-webkit-transition:opacity 0.2s ease-in-out;*/
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    /*transition:opacity 0.2s ease-in-out;*/
}

/* icon video */
#gallery > .content > ul > li > .iconVideo {
    z-index: 3;
    position: absolute;
    width: 123px;
    height: 123px;
    left: 50%;
    top: 50%;
    margin: -62px 0 0 -62px;
    background: url(../img/gallery_play.png) no-repeat left top;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#gallery > .content > ul > li:hover > .iconVideo {
    background-position: left -123px;
}

/* item large */
#gallery > .content > ul > li.large {
    width: 333px;
    height: 333px;
}

#gallery > .content > ul > li.large > .viewport {
    display: block;
    position: absolute;
    left: -70px;
    top: -70px;
    height: 476px;
    width: 476px;
}

#gallery > .content > ul > li.large > .viewport > .picture {
    -moz-transform: scale(0.67);
    -webkit-transform: scale(0.67);
    -o-transform: scale(0.67);
    -ms-transform: scale(0.67);
    transform: scale(0.67);
}

/* item zoomed */
#gallery > .content > ul > li.zoomed, #greyBox.gallery .galleryZoom {
    z-index: 2;
    width: 505px;
    height: 505px;
    margin: -170px 0 0 -169px;
    box-shadow: 0 0 60px rgba(0, 0, 0, 0.7);
}

#greyBox.gallery.smaller .galleryZoom {
    width: 424px;
    height: 424px;
    margin: 88px 0 0 88px;
}

#gallery > .content > ul > li.large.zoomed {
    margin: -83px 0 0 -82px;
}

#gallery > .content > ul > li.zoomed > .viewport, #greyBox.gallery .galleryZoom > .viewport {
    display: block;
    position: absolute;
    left: -105px;
    top: -105px;
    height: 716px;
    width: 716px;
}

#greyBox.gallery.smaller .galleryZoom > .viewport {
    width: 602px;
    height: 602px;
}

/*#gallery > .content > ul > li:hover > .viewport > .picture{opacity:1;}*/
#greyBox.gallery .galleryZoom > .viewport > .picture {
    opacity: 1;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

/*#gallery > .content > ul > li:hover > .viewport > .picture.grey{opacity:0;}*/
#gallery > .content > ul > li:hover > .viewport > .more {
    opacity: 1;
}

/* masks */
#gallery > .header {
    position: fixed;
    left: 238px;
    top: 0;
    width: 335px;
    height: 170px;
    background: #edf2f2;
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    -moz-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
}

#gallery > .footer {
    position: fixed;
    right: 238px;
    bottom: 0;
    width: 335px;
    height: 170px;
    background: #edf2f2;
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    -moz-transform-origin: 335px 170px;
    -webkit-transform-origin: 335px 170px;
    -o-transform-origin: 335px 170px;
    -ms-transform-origin: 335px 170px;
    transform-origin: 335px 170px;
}

/* greybox */
#greyBox.gallery .prev, #greyBox.gallery .next {
    z-index: 2;
    position: absolute;
    width: 48px;
    height: 48px;
    top: 50%;
    cursor: pointer;
    margin: -23px 0 0 0;
    background-repeat: no-repeat;
    background-position: left top;
}

#greyBox.gallery .prev.loading:before, #greyBox.gallery .next.loading:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    left: 16px;
    top: 16px;
    background: url(../img/gallery_ajax-loader.gif) no-repeat left top;
}

#greyBox.gallery .prev {
    left: 0;
    background-image: url(../img/gallery_prev.png);
}

#greyBox.gallery .next {
    right: 0;
    background-image: url(../img/gallery_next.png);
}

#greyBox.gallery .galleryZoom {
    position: static;
    cursor: default;
    margin: 105px 0 0 105px;
}

#greyBox.gallery .galleryZoom > .viewport {
    position: static;
    margin: 0;
}

#greyBox.gallery .galleryZoom > .viewport > .video {
    position: relative;
    top: -148px;
}

#greyBox.gallery.smaller .galleryZoom > .viewport > .video {
    top: -100px;
}

#greyBox.gallery .galleryZoom > .viewport > .picture {
    position: static;
    margin: -148px 0 0 0;
}

#greyBox.gallery .galleryZoom > .viewport > .picture.grey {
    display: none;
}

#greyBox.gallery {
    top: 50% !important;
    margin-top: -357px !important;
    position: fixed !important;
    box-shadow: none;
}

#greyBox.gallery.smaller {
    margin-top: -300px !important;
}

#greyBox.gallery .content {
    overflow: visible !important;
}

#greyBox.gallery .desc {
    opacity: 0;
    z-index: 2;
    position: absolute;
    width: 234px;
    height: 235px;
    left: -117px;
    bottom: 0;
    text-align: center;
    white-space: nowrap;
    margin: 0 0 0 50%;
    font-size: 0.750em;
    color: #262626;
    background: url(../img/gallery_desc.png) no-repeat left top;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

#greyBox.gallery .desc > .social {
    z-index: 3;
    position: absolute;
    left: 42%;
    bottom: 5px;
    width: 84px;
    padding: 0 20px 40px 13px;
}

#greyBox.gallery .desc > .social > li img {
    max-height: 14px;
    width: auto;
}

#greyBox.gallery .desc > .social > li {
    display: block;
    position: relative;
    clear: both;
    float: right;
    padding: 2px;
    margin-right: 0;
}

#greyBox.gallery .desc > .social > li:first-child + li {
    right: 17px;
}

#greyBox.gallery .desc > .social > li:first-child + li + li {
    right: 34px;
}

#greyBox.gallery .desc > .social > li:first-child + li + li + li {
    right: 51px;
}

#greyBox.gallery .desc > .social > li:first-child + li + li + li + li {
    right: 68px;
}

#greyBox.gallery .desc > .social > li.special {
    display: none;
}

#greyBox.gallery .desc > .text {
    position: relative;
    left: -3px;
    white-space: normal;
    padding: 0 65px;
}

#greyBox.gallery .desc > .text > p {
    padding: 9px 0 0 0;
}

#greyBox.gallery .desc > .text > p:first-child {
    padding-top: 0;
}

#greyBox.gallery .desc > .text a {
    position: relative;
    z-index: 4;
    color: #E84380;
    font-family: 'Eras Medium', Georgia, Times, Serif;
    text-transform: uppercase;
}

#greyBox.gallery .content:hover .desc {
    opacity: 1;
}

#greyBox.gallery .close {
    display: none;
    z-index: 3;
    width: 32px;
    height: 32px;
    padding: 0;
    right: auto;
    top: auto;
    left: -16px;
    bottom: 0;
    margin: 0 0 0 50%;
    background: url(../img/gallery_close.png) no-repeat left top;
}

#greyBox.gallery #greyBoxLoader {
    display: none !important;
}

/*-----------  CHIFFRES CLÉS  -----------*/
.chiffresCles {
    width: 772px !important;
    padding-right: 91px !important;
}

.chiffresCles #title {
    padding-bottom: 66px;
}

.chiffresCles .verbatim {
    white-space: nowrap;
    padding-bottom: 12px;
}

.chiffresCles .verbatim > .size-120 {
    line-height: 0.750em;
}

.chiffresCles .verbatim + img {
    float: left;
    margin: 7px 0 0 0;
}

.chiffresCles .verbatim + img + img {
    float: right;
    margin: 0 12px;
}

.chiffresCles hr {
    float: left;
    width: 100%;
    clear: both;
    height: 0;
    padding: 0;
    margin: 21px 0 35px 0;
    font-size: 0;
    line-height: 0;
    background: none;
    border: none;
    border-top: 4px solid #262626;
}

.chiffresCles .group + hr {
    margin-top: 0 !important;
}

.chiffresCles .title {
    font-size: 1.125em;
}

.chiffresCles .title > .small {
    font-size: 0.667em;
}

.chiffresCles .title > .subject {
    display: block;
}

.chiffresCles .title > .subject > .curLetter {
    display: inline-block;
    padding: 0 1px;
    background: #262626;
    color: #ffffff;
}

/* graph */
.chiffresCles .graph {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 508px;
    height: 276px;
    color: #ffffff;
    margin: 0 0 46px 0;
}

.chiffresCles .graph .bar {
    position: absolute;
    right: 0;
    bottom: 51px;
    width: 20px;
    background: #ffffff;
    overflow: visible !important;
}

.chiffresCles .graph .bar > .tower {
    background: #ffffff;
    overflow: visible !important;
}

.chiffresCles .graph .bar.small {
    width: 3px;
    background: #E84380;
    overflow: visible !important;
}

.chiffresCles .graph .bar > .text {
    position: absolute;
    left: 25px;
    bottom: 100%;
    padding: 0 0 0 10px;
    font-size: 1.125em;
    white-space: nowrap;
    -webkit-transform: rotate(-90deg) translate3d(0, 0, 0);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.chiffresCles .graph .bar > .text > span {
    display: inline-block;
    padding: 0 6px 0 0;
}

.chiffresCles .graph .bar > .date {
    position: absolute;
    width: 100%;
    left: -3px;
    bottom: -21px;
    white-space: nowrap;
    text-align: center;
    font-size: 0.750em;
    color: #262626;
}

.chiffresCles .graph > .legend {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #a1e1d5;
    padding: 0 0 9px 55px;
    font-size: .750em;
    font-family: 'Eras Medium', Georgia, Times, Serif;
}

.chiffresCles .graph > .legend > * {
    display: inline-block;
    vertical-align: middle;
}

.chiffresCles .graph > .legend > .checkbox {
    width: 8px;
    height: 8px;
    margin: 0 6px 0 0;
    background: #ffffff;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.chiffresCles .graph > .legend > .checkbox.pink {
    background: #E84380;
}

.chiffresCles .graph > .legend > .label {
    margin: 0 18px 0 0;
}

.chiffresCles .social {
    padding-top: 20px;
}

.chiffresCles .social:before {
    top: 20px !important;
}

/* circle */
.chiffresCles .circle {
    display: block;
    position: relative;
    margin: 0 0 6px 0;
}

.chiffresCles .circle > .percent {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -7%;
    width: 100%;
    color: #ffffff;
    cursor: default;
    text-align: center;
    font-size: 1.5em;
    font-family: 'Eras Bold', Georgia, "Times New Roman", Times, serif;
}

.chiffresCles .circle > svg {
    display: block !important;
    margin: 0 auto;
}

/* people */
.chiffresCles .people {
    height: 200px;
    position: relative;
    margin: 15px 0 0 0;
}

.chiffresCles .people > img {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;

}

/* filiales */
.chiffresCles .filiales > p {
    padding: 18px 0 0 0;
}

.chiffresCles .filiales > p > img {
    display: inline-block;
    margin: 0 0 8px 8px;
}

.chiffresCles .group .filiales > p > img {
    margin: 0;
}

.chiffresCles .filiales > p > img:first-child, .chiffresCles .filiales > p > img:first-child + img + img + img + img + img + img + img + img {
    margin-left: 0;
}

/* award */
.chiffresCles .award {
    min-height: 267px;
    position: relative;
}

.chiffresCles .award > .icon {
    position: absolute;
}

.chiffresCles .award > .icon.bg {
    right: 0;
    bottom: 18px;
}

.chiffresCles .award > .icon.heart {
    right: 15px;
    bottom: 76px;
}

/* award */
.chiffresCles .managers {
    height: 383px;
    margin: 15px 0 0 0;
    /*background:rgba(0, 0, 0, 0.1);*/
}

/* admins */
.chiffresCles .admins {
    height: 210px;
    margin: 15px 0 0 0;
    /*background:rgba(0, 0, 0, 0.1);*/
}

/* clients */
.chiffresCles .clients {
    position: relative;
    height: 267px;
}

.chiffresCles .clients > .verbatim {
    position: absolute;
    left: 0;
    top: 0;
}

.chiffresCles .clients > .leds {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 244px;
    height: 243px;
    margin: 0 0 20px 0;
}

/*-----------  FILIALE BLOCK  -----------*/
#filialeBlock {
    margin: 30px 0;
    padding: 15px 0 20px 0;
    border-top: 4px solid #262626;
    border-bottom: 4px solid #262626;
}

#filialeBlock .title {
    padding: 0 0 12px 0;
    text-transform: uppercase;
    font-family: 'Eras Medium', Georgia, Times, Serif;
    font-size: 1.125em;
}

/* carousel */
#filialeBlock > .carousel {
    position: relative;
    background-color: #ffffff;
}

#filialeBlock > .carousel > .window, #filialeBlock > .carousel > .logos {
    margin: 21px 26px 36px 26px;
}

#filialeBlock > .carousel > .logos {
    height: 40px;
    overflow: hidden;
}

#filialeBlock > .carousel > .logos > li {
    float: left;
    height: 40px;
    width: 152px;
}

#filialeBlock > .carousel > .pager > li {
    display: none;
}

#filialeBlock > .carousel > .pager > .prev, #filialeBlock > .carousel > .pager > .next {
    display: block;
    position: absolute;
    top: 0;
    width: 26px;
    height: 40px;
    cursor: pointer;
}

#filialeBlock > .carousel > .pager > .prev {
    left: 0;
    background: url('data:image/gif;base64,R0lGODlhGgBQAJECAPApa3h4eP///wAAACH5BAEAAAIALAAAAAAaAFAAAAJylI+py+0Po5yUgbouTnqf7gmgN24ldlYptU6t9EYxND81HXI5ctv79zP0HMNG0RIUJY+ZpTMJjUqn1Kr1ik0EfttdN/cNhT3jTRlzrqQp60lb8o7EIfNHnZ682/P8oN7x1xDIMLhQqHCo1ceV1ej4WFEAADs=') no-repeat left top;
}

#filialeBlock > .carousel > .pager > .next {
    right: 0;
    background: url('data:image/gif;base64,R0lGODlhGgBQAJECAPApa3h4eP///wAAACH5BAEAAAIALAAAAAAaAFAAAAJnlI+py+0Po5y0ymAZzmpz5H1GKJKfyaGZarGVS8GTfImgLdCP7vCNr8EBF8OO8GgrJpS3JO4JjUqn1Kr1CgVkt09tl4vzhsE2cZksMqfRGXV7fI6v5R+3xV7BU/QTvsQfAYg1SBhVAAA7') no-repeat left -40px;
}

#filialeBlock > .carousel > .pager > .prev.off, #filialeBlock > .carousel > .pager > .next.off {
    cursor: default;
}

#filialeBlock > .carousel > .pager > .prev.off {
    background-position: left -40px;
}

#filialeBlock > .carousel > .pager > .next.off {
    background-position: left top;
}

/* contacts */
#filialeBlock > .contacts {
    font-size: 0.750em;
    line-height: 1.500em;
    padding: 0 0 24px 0;
}

#filialeBlock > .contacts > .col {
    width: 244px;
}

#filialeBlock > .contacts a {
    color: #E84380;
}

#filialeBlock > .contacts address {
    font-style: normal;
    font-size: 1.500em;
    line-height: normal;
    padding: 0 0 12px 0;
}

#filialeBlock > .contacts > ul > li {
    white-space: nowrap;
    padding: 12px 0 0 0;
}

#filialeBlock > .contacts > ul > li:first-child {
    padding-top: 0;
}

#filialeBlock > .contacts > ul > li > img, #filialeBlock > .contacts > ul > li > p {
    display: inline-block;
    vertical-align: middle;
}

#filialeBlock > .contacts > ul > li > p {
    padding: 0 4px 0 8px;
}

/* links */
#filialeBlock > .links {
    color: #E84380;
    font-size: 0.750em;
}

#filialeBlock > .links > li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px 0 0;
}

#filialeBlock > .links > li > a {
    display: block;
}

#filialeBlock > .links > li > a:hover {
    color: #262626;
}

#filialeBlock > .links > li img, #filialeBlock > .links > li .text {
    vertical-align: middle;
    display: inline-block;
}

#filialeBlock > .links > li .text {
    padding: 0 5px;
}

/*-----------  ACCORDION  -----------*/
.accordion > .col {
    width: 224px;
}

.accordion > ul > li {
    border-bottom: 1px solid #262626;
}

.accordion > ul > li > .trigger {
    display: block;
    cursor: pointer;
    font-size: 1.000em;
    padding: 12px 40px 12px 0;
    background: url(../img/puce_plus_black.png) no-repeat right center;
    /*text-transform: uppercase;
    font-style : italic;*/
}

.accordion > ul > li.active > .trigger {
    color: #E84380;
    font-size: 1.250em;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAR5JREFUeNq8lz0KwkAQRpNBbG29gjmFIHgCb6GVB7C1svMKdl7BOpVtbiBYGrBK5SxEibrZzM/uDHxFmrxH2OzM5I/ZOlPUHnPFnKUvGCngB8wW07TPIglQwl2NMSfMykqgC8+0EhABrpKASHCxBESEiyQgMpwtAQngLAlIBCdLQEI4SQISwwclwAAelAAjeK8EGMK9Eq4b7ijwSXVkUepiQ5GooW2j98y+3BxR5u1AUmAumKkRvMQsMc/3GagwC6Mv8YH//gUWEl9w3z2QUuIP3ncTppDwwkO9IKZEL3yoG8aQCMIp84BGYhBOnYgkEiQ4ZybkSJDh3KmYIsGCS/aCkAQbLt2MfBIiuGY37EqI4drt2EnMMTcp3NVLgAEAqr1klZLeIysAAAAASUVORK5CYII=');
}

.accordion > ul > li > .content {
    color: #262626;
    font-size: 0.750em;
    padding: 0 0 15px 0;
}

.accordion > ul > li > .content > img, .accordion > ul > li > .content > .picture {
    display: block;
    margin: 0 0 9px 0;
}

.accordion > ul > li > .content > ul > li {
    padding: 0 0 12px 0;
    color: #FFFFFF;
    font-family: 'Eras Medium', Georgia, Times, Serif;
    font-size: 1.5em;
}

.accordion > ul > li > .content > ul > li > ul {
    color: #262626;
    font-size: 0.800em;
    /*list-style-type:disc;
    margin:12px 0 0 15px;*/
    margin: 12px 0 0 0;
}

.accordion > ul > li > .content > ul > li > ul > li {
    /*background-image: url('../img/puce.png');
    background-repeat:no-repeat;
    background-position:left center;
    padding-left: 7px;*/
    line-height: 1em;
    padding: 0 0 4px 12px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAD9JREFUeNpiYGBgkALiBiC+CsUNUDEw4z8aBomBVaFLXGViwAFAEquxiK9mBhK3gPgLEIsB8WsgngbEswACDAD2NRLdY6PxlwAAAABJRU5ErkJggg==') no-repeat left 5px;
}

/*.accordion > ul > li > .content > ul > li > ul > li:before{
    content:"●";
    display:inline-block;
    padding:0 5px 0 0;
}*/
/* filiale context */
#filialeBlock .accordion {
    background: #E84380;
    margin: 0 0 27px 0;
    padding: 20px;
    color: #ffffff;
    padding-bottom: 30px;
}

#filialeBlock .accordion > ul > li {
    border-bottom: 1px solid #ffffff;
}

#filialeBlock .accordion > ul > li > .trigger {
    background-image: url(../img/puce_plus_white.png);
}

#filialeBlock .accordion > ul > li.active > .trigger {
    color: #ffffff;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANlJREFUeNrE1TsOgkAUhWGU1kJXYXAtlO7CPZhYUVmyC9ehlS0uQUtbbfA0NCMwc+e+JjkkJCT/l0BCWfBOg22wrnA4Z6zHPtjeK957IMK4KWIqboKIxVURqXEVBDUuisiNiyC4cRZCKp6FkI6TEFrxJIR2fBZhFf9DLLAjdoq9m3d1IH3F60cbe+SL1UtcLtjL4Xd+x27DzQ57Gr6CK7YKRVaI0bgVYjaujUiKayFIcWlEVlwKwYpzESLxXIRonIpQiaciVOMxhEl8CmEaDxEu8eFsufGfAAMAed23AL2GUs0AAAAASUVORK5CYII=');
}

/*-----------  ILLUSTRATION  -----------*/
#content .illustration {
    padding: 12px 0 10px 0;
}

#content .illustration > img, #content .illustration > svg {
    display: block !important;
}

/*-----------  QUICK CV  -----------*/
#quickCv {
    padding: 25px 0 0 0;
    margin: 40px 264px 0 0;
    border-top: 4px solid #262626;
}

#quickCv.alter {
    margin-right: 60px;
}

#quickCv .quickForm {
    width: 244px;
}

/*#quickCv .quickForm input[type="text"]{
    color:#262626;
    background:#ffffff;
    font-style:normal;
    font-size:1.000em;
}*/
#quickCv .quickForm input[type="text"], #quickCv .quickForm input[type="file"] {
    width: 205px;
}

/*-----------  CERTIFS  -----------*/
#certifs > li {
    float: left;
    width: 100%;
    padding: 0 0 24px 0;
}

#certifs > li > .col_112px {
    text-align: center;
    padding-top: 9px;
    border-top: 4px solid #262626;
}

#certifs .titre_2 {
    padding-top: 0;
}

/*-----------  JOB DETAILS  -----------*/
#jobDetails {
    font-size: 1.125em;
    line-height: 1.5em;
}

#jobDetails .block {
    padding: 30px 0;
    border-top: 4px solid #262626;
}

#jobDetails .title {
    padding: 0 0 30px 0;
    text-transform: uppercase;
    font-family: 'Eras Bold', Georgia, Times, Serif;
    font-size: .5em;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

#jobDetails p {
    padding: 12px 0 0 0;
}

#jobDetails ul {
    padding: 12px 0 0 0;
}

#jobDetails .block > .title + p, #jobDetails .block > .title + ul {
    padding-top: 0;
}

#jobDetails ul > li {
    padding: 6px 0 0 0;
}

#jobDetails ul > li:first-child {
    padding-top: 0;
}

#jobDetails ul > li:before {
    content: "◆";
    display: inline-block;
    padding: 0 3px 0 0;
}

#jobDetails .block > .small {
    font-size: 0.750em;
    line-height: 1.500em;
}

#jobDetails .box {
    display: block;
    position: relative;
    color: #ffffff;
    padding: 0;
    font-size: 1.250em;
    text-transform: uppercase;
}

#jobDetails .box > .overlay {
    position: absolute;
    left: 0;
    bottom: 16px;
    width: 100%;
    padding: 0 135px 0 65px;
    background: url(../img/gallery_more.png) no-repeat 340px bottom;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#jobDetails .box > .picture {
    display: block;
}

#jobDetails .box > .svg > svg {
    display: block !important;
}

#jobDetails .box .small {
    font-size: 0.700em;
    padding-bottom: 3px;
}

/*-----------  SEARCH RESULTS  -----------*/
#searchResults #title {
    padding-bottom: 20px;
}

#searchResults .caption {
    color: #048E9C;
    line-height: 1em;
    font-size: 1.625em;
    padding: 0 0 60px 0;
}

#searchResults .name {
    line-height: 1em;
    font-size: 1.625em;
}

#searchResults .infos {
    padding-bottom: 6px;
}

#searchResults .gender {
    color: #E84380;
    font-size: 1.625em;
}

#searchResults .type {
    color: #048E9C;
    text-transform: uppercase;
}

#searchResults > ul > li {
    padding: 0 0 30px 0;
}

#searchResults > ul > li.new {
    position: relative;
    padding-top: 51px;
}

#searchResults > ul > li > a:hover > .name, #searchResults > ul > li > a:hover .type {
    color: #E84380;
}

/*-----------  SEARCH OFFER  -----------*/
#searchOffer, #suscribe {
    padding: 0 10px 5px 10px;
    position: relative;
}

#searchOffer .custom-select {
    color: #ffffff;
    border-color: #262626;
    background-color: #262626;
    background-image: url(../img/custom-select_black.gif);
}

#searchOffer p {
    padding: 10px 0 0 0;
}

#searchOffer .legend + p {
    padding-top: 0;
}

#searchOffer input[type="submit"] {
    position: absolute;
    left: 10px;
    top: 100%;
    margin: 10px 0 0 0;
    padding-top: 65px;
    background-color: #262626;
    background-position: 34px 27px;
    background-image: url(../img/search.svg);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#searchOffer input[type="submit"]:hover, #suscribe input[type="submit"]:hover {
    color: #E84380;
}

/*-----------  SUSCRIBE  -----------*/
#suscribe {
    margin-top: 160px;
}

#suscribe a {
    color: #ffffff;
}

#suscribe input[type="submit"] {
    position: absolute;
    left: 10px;
    top: 100%;
    margin: 10px 0 0 0;
    background-color: #262626;
}

#suscribe input[type="submit"] {
    padding-bottom: 15px;
    white-space: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#suscribe p {
    padding: 10px 0 0 0;
}

#suscribe .wysiwyg {
    padding-bottom: 24px;
}

#suscribe .wysiwyg + p {
    padding-top: 0;
}

#suscribe .custom-radio.checked {
    background: #ffffff !important;
}

#suscribe input[type="radio"] + label {
    padding-top: 2px;
    font-size: 0.75em;
}

/*#suscribe label.error{
    color:#ffffff !important;
    text-decoration:underline;
}*/

/*-----------  GREYBOX  -----------*/
#overlay {
    display: none;
    z-index: 40;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #020508;
}

#greyBox {
    display: none;
    z-index: 41;
    position: absolute;
    left: 0;
    margin: 0 0 0 50%;
    /*-moz-box-shadow:0px 0px 18px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow:0px 0px 18px rgba(0, 0, 0, 0.7);
    box-shadow:0px 0px 18px rgba(0, 0, 0, 0.7);*/
}

#greyBox .content {
    color: #ffffff;
    position: relative;
    /*background-color: #FFFFFF;
    color: #262626;
    padding:14px;*/
}

#greyBox .content > .title.greybox {
    font-size: 1.125em;
    text-transform: uppercase;
    padding: 15px 45px 12px 0;
    border-top: 4px solid #ffffff;
    font-family: 'Eras Medium', Georgia, Times, Serif;
}

#greyBox .close {
    cursor: pointer;
    position: absolute;
    right: 14px;
    top: 16px;
    width: 32px;
    height: 32px;
    background: url(../img/close.png) no-repeat right top;
}

#greyBox .close img {
    display: block;
}

#greyBoxImage {
    display: block;
}

#greyBoxLoader {
    min-height: 200px;
    background: url(../img/ajax-loader_greybox.gif) no-repeat center center;
}

/* cas particulier */
#greyBox.form #greyBoxLoader {
    background: #ffffff url(../img/ajax-loader.gif) no-repeat center center    !important;
}

#greyBox.form > .content {
    padding: 10px;
    color: #262626;
    background: #ffffff;
}

#greyBox.form .content > .title.greybox {
    border-top: none;
    padding-top: 0;
}

/*-----------  TIP  -----------*/
#tip {
    z-index: 41;
    width: 230px;
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #a1a3a4;
    background: #ffffff;
    font-size: .75em;
    font-family: 'Eras Bold', Arial, Verdana, Sans-serif;
    box-shadow: 0 1px 2px rgba(92, 92, 92, 0.3);
    padding: 12px;
}

#tip:before {
    content: "";
    display: block;
    position: absolute;
    left: -10px;
    width: 20px;
    height: 10px;
    margin: 0 0 0 50%;
    background-repeat: no-repeat;
}

#tip.top:before {
    bottom: -10px;
    background-image: url(../img/arrow_top.png);
}

#tip.bottom:before {
    top: -9px;
    background-image: url(../img/arrow_bottom.png);
}

/* #tip classicForm error */
#tip.classicFormError {
    max-width: 200px;
    color: #ffffff;
    background: #048E9C;
    border: none;
    box-shadow: none;
}

#tip.classicFormError:before {
    position: absolute;
    left: -9px;
    bottom: -9px;
    width: 17px;
    height: 9px;
    background: url(../img/error_msg.gif) no-repeat left top;
}

/*-----------  CLASSIC FORM  -----------*/
/* form */
.classicForm {
    display: block;
}

/* fieldset */
.classicForm fieldset {
    padding: 15px 0;
}

/* legend */
.classicForm legend, .classicForm .legend {
    font-size: 1.000em;
    font-family: 'Eras Medium', Georgia, Times, Serif;
    padding: 0 0 15px 0;
    text-transform: uppercase;
}

/* p */
.classicForm p {
    padding: 0 0 15px 0;
}

/* label */
.classicForm hr {
    clear: both !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 0 15px 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    background: none !important;
    border: none !important;
    border-top: 4px solid #ffffff !important;
}

/* label */
.classicForm label, .classicForm .label {
    display: inline-block;
    vertical-align: bottom;
    padding: 0 0 6px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.classicForm label {
    cursor: pointer;
}

/* inputs */
.classicForm input[type="text"],
.classicForm input[type="password"],
.classicForm input[type="tel"],
.classicForm input[type="email"],
.classicForm input[type="date"],
.classicForm input[type="number"],
.classicForm input[type="url"],
.classicForm select,
.classicForm textarea,
.classicForm .custom-select {
    display: inline-block;
    vertical-align: bottom;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 5px;
    text-align: left;
    border: 4px solid #c6c5c5;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: right center;
    color: #262626;
    font-size: .938em;
    font-family: 'Eras Medium', Georgia, Times, Serif;
    text-transform: uppercase;
    /* iOS styles */
    border-radius: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.classicForm .custom-select > .text {
    display: block;
    overflow: hidden;
    width: 100%;
}

.classicForm select {
    padding-left: 0;
}

.classicForm input[type="text"]:focus,
.classicForm input[type="password"]:focus,
.classicForm input[type="tel"]:focus,
.classicForm input[type="email"]:focus,
.classicForm input[type="date"]:focus,
.classicForm input[type="number"]:focus,
.classicForm input[type="url"]:focus,
.classicForm select:focus,
.classicForm textarea:focus,
.classicForm .custom-select.focus {
    color: #ffffff !important;
    border-color: #ed2a69 !important;
    background-color: #bf2157 !important;
}

.classicForm .custom-select.focus {
    background-image: url('data:image/gif;base64,R0lGODlhKAAfANUAAPBShYiIiO41cfaRsvBOgu4yb/vK2vm0yk5OTvm80O88dvm6zvehvfBLge47dfinwfelv/aVtP/5+/rK2e0vbfaXtf/6+//8/f/7/PirxO9Gfe9AeP/9/vaWtfm5zvT09PvM229vb+44c3V1ddzc3O4xbvBKf/aYt+rq6vj4+Hh4eHp6ev/+/u9Hfu8/eO8+d/Nxm/ejvvm3zPrI2P3s8fefu/myyfrA0vipwvitxWpqavm4zfq/0vLy8v///+0qaSH5BAAAAAAALAAAAAAoAB8AAAb0wJ9wSCwaj8ikcslsKlsDgHN6VCR8IBN1+9PIfGBQg+vc7MBoEIG81PA4aLRhzT5qbPH8vF7cXPN5E3R8LR6AhxNjdRsHh46JbC4JLI6PWlsajZWVkFMKC5UoCCicikwEHnCOKzormzODSjmbKgE9ASqbN00DF4ckIwEpPikBIySHGAdNBRUSgAghH2gfIQiAHAwCThQnFpuVFw8vVBTO4IAXOAVcFBHf6Gg1DmwlHRjxFhkifM344BD48flRoMMzRxZiKBg4pMC7Qxf2MSRi7yAaFgzoTSRizqKEDBo3cjzn48E2kUa60YBADuWRAjAWutwYBAA7') !important;
}

.classicForm input[type="submit"], .classicForm button, .bigBtn {
    display: inline-block;
    cursor: pointer;
    width: 115px;
    height: 115px;
    margin: 5px 5px;
    background: #E84380 url(../img/arrow3_bottom_white.gif) no-repeat center 90px;
    border-radius: 115px;
    border: none;
    color: #ffffff;
    text-transform: uppercase;
    font-size: .875em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bigBtn {
    line-height: 115px;
}

.classicForm input[type="checkbox"] + label, .classicForm input[type="checkbox"] + .label, .classicForm input[type="radio"] + label, .classicForm input[type="radio"] + .label {
    max-width: 88%;
    padding: 0 15px 0 2px;
    vertical-align: top;
    font-size: .938em;
    font-family: 'Eras Medium', Georgia, Times, Serif;
    text-transform: uppercase;
}

.classicForm *::-webkit-input-placeholder {
    color: #bbbbbb;
}

.classicForm *:-moz-placeholder {
    color: #bbbbbb;
}

.classicForm *:-ms-input-placeholder {
    color: #bbbbbb;
}

.classicForm *::placeholder {
    color: #bbbbbb;
}

/* .required */
.classicForm .required {
    display: inline-block;
    padding: 0 0 0 5px;
}

/* .error */
/*.classicForm label.error, */
.classicForm input.error,
.classicForm textarea.error,
.classicForm select.error,
.classicForm select.error + .custom-select {
    color: #ed2a69 !important;
    background-color: #ffffff !important;
    background-image: url(../img/field_error.png) !important;
    background-repeat: no-repeat !important;
    background-position: right 5px !important;
}

.classicForm input.error:focus,
.classicForm textarea.error:focus,
.classicForm select.error:focus,
.classicForm select.error + .custom-select.focus {
    color: #ed2a69 !important;
    background-color: #ffffff !important;
}

.classicForm input[type="radio"].error + label:after, .classicForm input[type="checkbox"].error + label:after {
    content: "";
    width: 19px;
    height: 16px;
    display: inline-block;
    vertical-align: left;
    margin: 0 0 0 5px;
    background-image: url(../img/field_error.png);
    background-repeat: no-repeat;
    background-position: left left;
}

/* div.col */
.classicForm .col {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

/* 1 colonne */
.classicForm .col-1 {
    clear: left;
    width: 100%;
}

/* 2 colonnes */
.classicForm .col-2 {
    clear: left;
    width: 48%;
}

.classicForm .col-2 + .col-2 {
    clear: none;
    margin-left: 4%;
}

/* 2 colonnes [1 tiers - 2 tiers] */
.classicForm .col-1-2 {
    clear: left;
    width: 30%;
}

.classicForm .col-1-2 + .col-1-2 {
    clear: none;
    width: 65%;
    margin-left: 5%;
}

/* 2 colonnes [2 tiers - 1 tiers] */
.classicForm .col-2-1 {
    clear: left;
    width: 65%;
}

.classicForm .col-2-1 + .col-2-1 {
    clear: none;
    width: 30%;
    margin-left: 5%;
}

/* 2 colonnes [1 quart - 3 quart] */
.classicForm .col-1-3 {
    clear: left;
    width: 22%;
}

.classicForm .col-1-3 + .col-1-3 {
    clear: none;
    width: 74%;
    margin-left: 4%;
}

/* 2 colonnes [3 quart - 1 quart] */
.classicForm .col-3-1 {
    clear: left;
    width: 74%;
}

.classicForm .col-3-1 + .col-3-1 {
    clear: none;
    width: 22%;
    margin-left: 4%;
}

/* 3 colonnes */
.classicForm .col-3 {
    clear: left;
    width: 30%;
}

.classicForm .col-3 + .col-3, .classicForm .col-3 + .col-3 + .col-3 {
    clear: none;
    margin-left: 5%;
}

/* 3 colonnes [1 quart - 1 quart - 2 quart] */
.classicForm .col-1-1-2 {
    clear: left;
    width: 22%;
}

.classicForm .col-1-1-2 + .col-1-1-2, .classicForm .col-1-1-2 + .col-1-1-2 + .col-1-1-2 {
    clear: none;
    margin-left: 4%;
}

.classicForm .col-1-1-2 + .col-1-1-2 + .col-1-1-2 {
    width: 48%;
}

/* 3 colonnes [1 quart - 2 quart - 1 quart] */
.classicForm .col-1-2-1 {
    clear: left;
    width: 22%;
}

.classicForm .col-1-2-1 + .col-1-2-1, .classicForm .col-1-2-1 + .col-1-2-1 + .col-1-2-1 {
    clear: none;
    margin-left: 4%;
}

.classicForm .col-1-2-1 + .col-1-2-1 {
    width: 48%;
}

.classicForm .col-1-2-1 + .col-1-2-1 + .col-1-2-1 {
    width: 22%;
}

/* 3 colonnes [2 quart - 1 quart - 1 quart] */
.classicForm .col-2-1-1 {
    clear: left;
    width: 48%;
}

.classicForm .col-2-1-1 + .col-2-1-1, .classicForm .col-2-1-1 + .col-2-1-1 + .col-2-1-1 {
    clear: none;
    width: 22%;
    margin-left: 4%;
}

/* 4 colonnes */
.classicForm .col-4 {
    clear: left;
    width: 22%;
}

.classicForm .col-4 + .col-4, .classicForm .col-4 + .col-4 + .col-4, .classicForm .col-4 + .col-4 + .col-4 + .col-4 {
    clear: none;
    margin-left: 4%;
}

/* custom-radio */
.custom-radio {
    display: inline-block;
    width: 8px;
    height: 8px;
    cursor: pointer;
    background: #262626;
    position: relative;
    top: -1px;
    -webkit-transition: background 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.custom-radio.checked, body.black .custom-radio.checked {
    background: #E84380;
}

.custom-radio + input[type="radio"] {
    margin-left: -11px;
    visibility: hidden;
}

/* custom-select */
.custom-select {
    display: block;
    width: 100%;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
}

.classicForm .custom-select {
    position: relative;
    z-index: 1;
    height: 36px;
    padding-right: 40px;
    background: #ffffff url('data:image/gif;base64,R0lGODlhKAAcANUAAEZGRgQEBLa2trOyshQUFEFBQWNjY1lZWVVUVDAwMD4+PkNCQgwMDMHAwDIxMWFhYaempr++vqWkpKyrq7KxsWJhYbW0tC8vL2BfXyMjI6ioqHd3d3h4eE5NTb29vbCwsJCQkIqKiquqqoWFhYeHh8C/v7m4uE9PTzw7O1JSUq2srEA/P1hXV7a1tbq5uaSjo6WlpYSDg6inp7y7u6Cfn5WVlTMzMzs7O6OiomVkZGdnZ769vUxMTLSzswAAAMbFxSH5BAAAAAAALAAAAAAoABwAAAbswJ9wSCwaPTGLcclsGhsYAqLnrFp/jUfA50vNruBidssNdAThcKlC5nIP6HQ1Ymi7fWaTvOlh3/8BCEp7RTtaf4g+CHqEQmt2iWUdLo0NdZGRcHtjmJEBJxFpUJCddwEpA2ARh6WYASweVzqkPh8gDG4MIB+JAQBXPJEZIRxbARwhGZE3VxIFtD4kGwwbJJg2EmAtK5gjNSOYDhBpEwCRBAMEkQ4yewPcrXcOGo0U5vE+4o1CIgXx+vuEUFBQygGOgETKhXuBsIgKFKQcZGtYhMKCPwlgUFwy4SKXC+M2LrFA8AI9kUxE5KCRJggAOw==') no-repeat right center;
}

/* cas spécial */
#contactForm_cv, #contactForm_ldm {
    display: block;
    position: absolute;
    left: 4px;
    top: 25px;
    height: 26px;
    zoom: 1;
    opacity: 0;
    filter: alpha(opacity=0);
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: right center;
}

#contactForm .fileIE {
    background: white;
    border: 4px solid #c6c5c5;
}

#contactForm .fileIE input[type="file"] {
    position: static;
    opacity: 1;
    font-size: .725em;
    line-height: 27px;
    font-family: 'Eras Medium', Georgia, Times, Serif;
    height: 27px;
    filter: alpha(opacity=100);
    width: 236px;
    border: 0;
    background: white;
    color: black;
    text-indent: 5px;
    text-transform: uppercase;
}

html[lang="fr-FR"] #contactForm_cv + input[type="text"], html[lang="fr-FR"] #contactForm_ldm + input[type="text"] {
    background-image: url(../img/contactForm_cv_fr.gif);
}

html[lang="en-EN"] #contactForm_cv + input[type="text"], html[lang="en-EN"] #contactForm_ldm + input[type="text"] {
    background-image: url(../img/contactForm_cv_en.gif);
}

/*-----------  CUSTOM SELECT   -----------*/
#customSelectOverlay {
    z-index: 59;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#customSelect {
    z-index: 60;
    position: absolute;
    left: 0;
    top: 0;
    color: #262626;
    background: #ffffff;
    padding: 5px;
    border-top: none;
    font-family: 'Eras Medium', Georgia, Times, Serif;
    text-transform: uppercase;
    border: 4px solid #ed2a69;
    border-top: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#customSelect li {
    padding: 2px 5px;
}

#customSelect > ul > li {
    margin: 5px 0 0 0;
}

#customSelect > ul > li:first-child {
    margin-top: 0;
}

#customSelect .optgroup {
    display: block;
    font-family: 'Eras Bold', Georgia, Times, Serif;
    font-size: .750em;
}

#customSelect li {
    padding: 0 5px;
    cursor: pointer;
}

#customSelect li.hover {
    color: #ffffff;
    background: #E84380;
}

/*-----------  CTX MENU   -----------*/
#ctxMenu {
    display: table;
    width: auto;
    text-align: center;
    font-size: 0.688em;
    white-space: nowrap;
    margin: 0 0 50px 0;
}

#ctxMenu > li {
    display: table-cell;
    width: auto;
    vertical-align: middle;
}

#ctxMenu > li > .relative {
    padding: 6px 0;
    margin: 0 0 1px 0;
    padding: 0 0 6px 0;
    border-bottom: 1px solid #262626;
}

#ctxMenu > li.current_page_item > .relative, #ctxMenu > li.current_page_ancestor > .relative, #ctxMenu > li:hover > .relative {
    margin-bottom: 0;
    padding-bottom: 5px;
    border-bottom-width: 3px;
}

#ctxMenu > li.current_page_item > .relative, #ctxMenu > li.current_page_ancestor > .relative {
    border-bottom-color: #262626;
}

#ctxMenu > li:hover > .relative {
    border-bottom-color: #262626;
}

#ctxMenu > li > .relative > a {
    display: block;
    padding: 0 4px;
    border-left: 1px solid #737373;
}

#ctxMenu > li:first-child > .relative > a {
    border-left: none;
}

#ctxMenu > li:hover > .relative > ul {
    display: block;
}

#ctxMenu > li > .relative > ul {
    display: none;
    position: absolute;
    left: 0;
    top: 22px;
    width: 150px;
    background: #262626;
    color: #ffffff;
    text-align: left;
    padding: 5px;
    white-space: normal;
}

#ctxMenu > li > .relative > ul > li {
    border-top: 1px solid #737373;
}

#ctxMenu > li > .relative > ul > li:first-child {
    border-top: none;
}

#ctxMenu > li > .relative > ul > li > a {
    display: block;
    padding: 5px 0;
}

#ctxMenu > li > .relative > ul > li > a:hover, #ctxMenu > li > .relative > ul > li.current_page_item > a {
    color: #737373;
}

/*-----------  MODULE DE TCHAT   -----------*/
#sc_chat_box {
    visibility: hidden;
}

/* Hacks */
/*#sc_chat_box form,
#sc_chat_box label {
    margin: 0;
    padding: 0;
    text-transform: none;
}*/

/* Colors */
.sc-cnv-wrap {
    font-size: 0.875em;
    font-family: 'Eras Medium', Georgia, "Times New Roman", Times, serif;
}

#Conversation {
    display: none;
}

/*.sc-chat-wrapper {
    padding: 20px;
    border-width: 0 1px 0 1px;
    border-style: solid;
    overflow: auto;
    line-height: 1;
}*/

#sc_chat_box .sc-chat-wrapper input:focus, #sc_chat_box .sc-chat-wrapper textarea:focus, #sc_chat_box textarea.f-chat-line:focus {
    outline: 0;
    outline: thin dotted \9; /* IE6-9 */
}

/*#sc_chat_box .sc-chat-wrapper label {
    display: block;
    margin-top: 7px;
    margin-bottom: 4px;
    line-height: 1.4;
}*/

#sc_chat_box p.sc-lead {
    font-size: 14px;
    margin: 0 0 20px 0;
    padding: 0;
    line-height: 1.4;
}

#sc_chat_box .sc-chat-wrapper .sc-req {
    color: #E84380;
    font-family: 'Eras Bold', Georgia, Times, Serif;
}

#sc_chat_box .sc-chat-wrapper .sc-start-chat-btn {
    clear: both;
    text-align: center;
}

#sc_chat_box .sc-chat-wrapper .sc-start-chat-btn a {
    /*display: inline-block;
    font-weight: bold;
    text-decoration: none;
    border: 0;
    margin: 10px 0;
    padding: 7px 11px;*/
}

#sc_chat_box .sc-chat-wrapper .sc-start-chat-btn a:hover {
    text-decoration: none;
    border: 0;
}

#sc_chat_box div.sc-chat-header {
    /*font-size: 14px;
    font-weight: normal;
    padding: 10px 15px;
    cursor: pointer;
    font-size:1.125em;*/
    padding: 0 0 25px 0;
}

#sc_chat_box div.sc-chat-header i {
    float: right;
    width: 20px;
    height: 14px;
    /*background: url('img/icons.png') no-repeat;*/
    margin-top: 4px;
}

/* Notifications */
.sc-chat-notification {
    display: none;
    color: #262626;
    font-family: 'Eras Bold', Georgia, Times, Serif;
    text-align: center;
}

.sc-chat-notification.warning {
    color: #222;
    border: 1px solid #f0c36d;
    background-color: #f9edbe;
    padding: 3px;
}

.sc-chat-notification.error {
    color: #E84380;
}

.sc-chat-notification.success {
    color: #048E9C;
}

/* Chat toolbar */
.sc-chat-toolbar {
    height: 30px;
    /*padding: 0 20px;*/
    text-align: right;
}

.sc-chat-toolbar a {
    text-decoration: underline;
}

.sc-chat-toolbar-btns {
    float: right;
}

/* Chat Conversation */
/*.sc-cnv-wrap {
    padding: 20px 20px 0 20px;
    margin: 0;
    list-style: none;
    border-width: 0 1px 0 1px;
    border-style: solid;
    overflow: auto;
    line-height: 20px;
}*/

#schat-popup-prechat .schat-header .schat-title,
#schat-widget .schat-chat-btn._schat-open .schat-title {
    text-transform: uppercase;
    font-family: 'Eras Medium', Georgia, Times, Serif;
}

#schat-popup-prechat .schat-header .schat-title {
    font-size: .855em;
}

#Conversation .sc-chat-notification {
    color: #222;
    /*background-color: #ff6;*/
    padding: 20px;
    *color: #222;
    background: rgba(255, 255, 255, 0.6);
    /*padding: 20px;*/
    position: absolute;
    left: 0;
    top: 0;
    padding: 100% 20px;
}

/* Single Message */

.sc-msg-wrap {
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
}

.sc-usr-avatar {
    position: absolute;
    top: 2px;
    left: 0;
}

.sc-usr-avatar img {
    max-width: 38px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
}

.sc-msg {
    margin-left: 48px;
}

.sc-usr-name {
    color: #E84380;
    padding: 0 0 6px 0;
    text-transform: capitalize;
    /*font-weight: bold;*/
}

.sc-op-msg .sc-usr-name {
    color: #069;
}

.sc-msg .sc-chat-line {
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 0.857em;
}

.sc-chat-time {
    float: right;
    color: #CCC;
    font-size: 13px;
}

/* Write a reply */
#sc_chat_box form.sc-chat-reply {
    position: relative;
    /*padding: 10px;*/
}

#sc_chat_box textarea.f-chat-line {
    /*position: relative;
    font: 14px Arial, Helvetica, sans-serif;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
       -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
            box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
    font-weight: normal;
    line-height: 20px;
    margin: 0;
    padding-left: 3px;
    height: 20px;
    padding: 7px 10px;
    overflow: hidden;*/

}

.f-chat-line:-moz-placeholder {
    color: #999999;
}

.f-chat-line::-webkit-input-placeholder {
    color: #999999;
}

.f-chat-line:-ms-input-placeholder {
    color: #999999;
}

.f-chat-line:focus {
    border-color: #AAA;
}

.sc-chat-sending {
    background-image: url('img/ajax-loader.html');
    background-repeat: no-repeat;
    background-position: right 12px;
}

#sc_chat_box small.sc-chat-note {
    display: block;
    font-size: 11px;
    color: #999;
    text-align: center;
    text-transform: lowercase;
}

/* Chat scrollbar style */
#sc_chat_box ::-webkit-scrollbar {
    width: 12px;
    height: 10px;
}

#sc_chat_box ::-webkit-scrollbar-button:start:decrement,
#sc_chat_box ::-webkit-scrollbar-button:end:increment {
    display: none;
}

#sc_chat_box ::-webkit-scrollbar-track-piece {
    background-color: #efefef;
}

#sc_chat_box ::-webkit-scrollbar-thumb:vertical {
    background-color: #999;
}

/*-----------  STYLES CONDITIONNELS   -----------*/

/*-----------  Site avec fond noir  -----------*/
body.black {
    color: #ffffff;
    background: #262626;
}

body.black #breadcrumbs {
    color: #ffffff;
}

body.black #breadcrumbs > *:first-child {
    color: #ffffff;
}

body.black #nextPage {
    background-color: rgba(255, 255, 255, 0.2);
}

body.black #nextPage:hover {
    background-color: rgba(255, 255, 255, 0.4);
}

body.black #mapCanvas > .header, body.black #mapCanvas > .footer {
    background-color: #262626;
}

body.black .custom-radio {
    background: #ffffff;
}

/*-----------  CSS for IE9 and lower  -----------*/
html.lte-ie9 #toolbar > .content {
    right: 0;
    width: 270px;
}

html.lte-ie9 #mainMenu > .toggler.active span {
    background: #ffffff;
}

html.lte-ie9 #mainMenu > .toggler span::before,
html.lte-ie9 #mainMenu > .toggler.active span::before {
    top: -6px;
}

html.lte-ie9 #mainMenu > .toggler span::after,
html.lte-ie9 #mainMenu > .toggler.active span::after {
    top: 6px;
}

/*html.lte-ie9 .quickForm input[type="file"]{
    zoom:1;
    filter:alpha(opacity=0);
}*/
html.lte-ie9 .section > .content.slide > .left > .content,
html.lte-ie9 .section > .content.slide > .right > .content {
    margin-top: -25%;
}

html.lte-ie9 #pageBg > .leftTop {
    left: 0;
    background-size: auto;
}

/*-----------  CSS for IE8 and lower  -----------*/
html.lte-ie8 #mainMenu > .content > .header {
    font-family: 'Eras Medium', Georgia, Times, Serif;
    font-size: 1.063em;
}

html.lte-ie8 .quickForm input[type="text"] {
    line-height: 30px;
}

html.lte-ie8 .buttons > * {
    cursor: pointer;
}

html.lte-ie8 .buttons > .more.expanded + .video {
    display: inline-block;
    background: #4d4d4d url(../img/buttons_video.png) no-repeat center center;
}

html.lte-ie8 .buttons > .more.expanded + .image {
    display: inline-block;
    background: #4d4d4d url(../img/buttons_image.png) no-repeat center center;
}

html.lte-ie8 #mapMenu .title .label {
    display: none;
}

html.lte-ie8 #mapMenu.close {
    height: 43px;
}

/*-----------  CSS for Opera  -----------*/
x:-o-prefocus, #mainMenu > .toggler {
    left: -53px;
}

/*-----------  CSS for no-csstransforms  -----------*/
html.no-csstransforms #mainMenu > .toggler {
    left: -4px;
    width: 70px;
    height: 70px;
    padding: 0;
    text-indent: -5000px;
}

html.no-csstransforms #mainMenu.deployed > .toggler {
    background-image: url(../img/mainmenu_deployed_toggler.png);
}

html.no-csstransforms #toolbar > .toggler {
    height: auto;
    width: 55px;
    position: relative;
    left: auto;
}

html.no-csstransforms #toolbar > .toggler > .chat {
    position: relative;
    top: -156px;
    display: block;
    width: 55px;
    height: 155px;
    padding: 0;
    text-indent: -5000px;
    background-image: url(../img/chat_ie8.gif);
}



html.no-csstransforms #mapCanvas {
    padding-top: 460px;
}

html.no-csstransforms #mapCanvas > .header, html.no-csstransforms #mapCanvas > .footer {
    display: none;
}

html.no-csstransforms #squareList {
    padding-top: 12px;
}

html.no-csstransforms #squareList > li {
    margin: 0 1px 1px 0 !important;
}

html.no-csstransforms #gallery > .content > ul > li > .viewport {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

html.no-csstransforms #gallery > .content > ul > li > .viewport > img {
    width: 100%;
    height: 100%;
}

html.no-csstransforms .custom-radio + input[type="radio"] {
    margin-left: 0;
    visibility: visible;
}

html.no-csstransforms .chiffresCles .graph .bar > .text {
    left: 0;
    width: 100%;
    text-align: center;
    padding-left: 0;
}

html.no-csstransforms .chiffresCles .graph .bar > .text > span {
    display: block;
}

html.no-csstransforms #gallery > .header, html.no-csstransforms #gallery > .footer {
    display: none;
}

html.no-csstransforms #gallery {
    padding-top: 236px;
}

html.no-csstransforms #gallery > .content > ul:before {
    display: none;
}

html.no-csstransforms #greyBox.gallery {
    background: #262626;
}

html.no-csstransforms #greyBox.gallery .galleryZoom {
    width: 714px;
    height: 714px;
    margin: 0;
}

html.no-csstransforms #greyBox.gallery.smaller .galleryZoom {
    width: 600px;
    height: 600px;
}

html.no-csstransforms #greyBox.gallery .galleryZoom > .viewport > .video, html.no-csstransforms #greyBox.gallery .galleryZoom > .viewport > .picture {
    top: 0;
    margin: 0;
}

/*-----------  CSS for IE9  -----------*/
html.lte-ie9 .social > li > a > img {
    opacity: 1;
}

/*-----------  CSS for no-opacity  -----------*/
html.no-opacity #greyBox.gallery .desc {
    display: none !important;
}

html.no-opacity #greyBox.gallery .content:hover .desc {
    display: block !important;
}

html.no-opacity #gallery > .content > ul > li > .viewport > .more {
    display: none;
}

html.no-opacity #gallery > .content > ul > li:hover > .viewport > .more {
    display: block;
}

/*-----------  CSS for no-svg  -----------*/
html.no-svg footer {
    background-image: url(../img/footer.png);
}

html.no-svg .section > .people {
    background-image: url(../img/home_section_bg.gif);
}

html.no-svg .section.intro .text > .demo > .icons > .mouse {
    background-image: url(../img/mouse.png);
}

html.no-svg #pageBg > .leftTop, html.lte-ie10 #pageBg > .leftTop {
    background-image: url(../img/pagebg_left_top.png);
}

html.no-svg #pageBg > .rightBottom {
    background-image: url(../img/pagebg_right_bottom.png);
}

html.no-svg .newsPage ul > li.new:before {
    background: url(../img/new.png) no-repeat center center;
}

html.no-svg #searchOffer input[type="submit"] {
    background: url(../img/search_115x115.png) no-repeat center center;
}

/*-----------  CSS for no-rgba  -----------*/
html.no-rgba .section.intro .text > .demo {
    background-image: url(../img/intro_demo.png);
}

html.no-rgba #nextPage {
    background-image: url(../img/nextpage_black.png);
}

html.no-rgba body.black #nextPage {
    background-image: url(../img/nextpage_white.html);
}

html.no-rgba #Conversation .sc-chat-notification {
    background: #ffffff;
    opacity: 0.6;
    filter: alpha(opacity=0.6);
}

/*-----------  CSS for no-borderradius  -----------*/
html.no-borderradius .classicForm input[type="submit"], html.no-borderradius .classicForm button, html.no-borderradius .bigBtn {
    background: url(../img/classicform_submit.png) no-repeat left top;
}

html.no-borderradius #back.search {
    background: url(../img/back_search.png) no-repeat left top;
}

html.no-borderradius .newsPage ul > li.new:before, html.no-borderradius #searchResults > ul > li.new:before {
    background: url(../img/new.png) no-repeat left top;
}

html.no-borderradius #suscribe input[type="submit"] {
    background: url(../img/postule_submit.png) no-repeat left top;
}

/*-----------  STYLES CONDITIONNELS   -----------*/

/*-----------  OLD BROWER MSG   -----------*/
.old-browser-msg {
    height: 64px;
    padding: 0;
    background: url(../img/old-browser/alert_bg.gif) repeat-x left top;
    font: normal normal 12px/normal 'Eras Medium', Arial, Verdana, Sans-serif;
}

.old-browser-msg-container {
    margin: 0 auto;
    text-align: center;
}

.old-browser-msg .message {
    display: block;
    height: 54px;
    color: #d10000;
    padding: 12px 0 0 0;
    text-decoration: none;
}

.old-browser-msg strong {
    display: block;
    font-size: 14px;
    padding: 0 0 3px 0;
}

.old-browser-msg .message:hover {
    text-decoration: underline;
}

.old-browser-msg .close {
    display: block;
    position: absolute;
    right: 24px;
    top: 23px;
    cursor: pointer;
}

/*sabar*/
.titre {
    cursor: pointer;
}

.titre_non_actif {
    background-color: #EBEBEB;
    /*border: 1px solid rgb(240, 41, 107);*/
    display: block;
    padding: 22px;
    /*border-radius: 8px 0px 0px 8px !important;*/
}

.titre_actif {
    background-color: #FFF;
    /*border: 1px solid rgb(240, 41, 107);*/
    border-right: none;
    display: block;
    padding: 22px;
    /*border-radius: 8px 0px 0px 8px !important;*/
}

.block_perso {
    height: 350px;
}

.block_non_actif {
    display: none;
}

.block_actif {
    display: block;
}

.block_non_actif span,
.block_non_actif p,
.block_actif span,
.block_actif p {
    font-family: 'Eras Medium', Georgia, Times, Serif !important;
}

/*Site logo*/
.site-logo {
    display: block;
}

.site-logo--baseline {
    display: block;
    margin-top: 5px;
    font-size: .8em;
    line-height: 1;
    text-transform: uppercase;
    color: #048E9C;
}

.site-logo--baseline .highlight {
    display: inline-block !important;
    color: #E84380;
}

/*Screet chat*/
div#schat-widget p {
    font-size: 1.2em;
}

div#schat-widget .schat-popup .schat-content {
    padding: 10px 20px;
}

#schat-widget .schat-form {
    margin-bottom: 10px;
}

#schat-widget .schat-title {
    text-transform: uppercase;
}

div#schat-widget input[type="email"], div#schat-widget input[type="number"], div#schat-widget input[type="search"], div#schat-widget input[type="text"], div#schat-widget input[type="tel"], div#schat-widget input[type="url"], div#schat-widget input[type="password"], div#schat-widget textarea, div#schat-widget select {
    color: #262626;
}

/* Page actualités 2017 */
html,
body {
    height: 100%;
}

#page-wrapper {
    height: 100%;
    min-height: 100%;
}

.page-news-2017 {
    position: relative;
    margin: 0 auto;
    width: 772px;
}

.page-news-2017--action {
    display: block;
    margin: 0 auto;
    background: url(../img/news-load-more.png);
    width: 60px;
    height: 60px;
    overflow: hidden;
    text-indent: -200px;
    font-size: 0;
}

.filters-news-2017 {
    margin-bottom: 20px;
    text-align: right;
}

.filters-news-2017--item {
    display: inline-block;
    margin-left: 40px;
}

.filters-news-2017--label,
.filters-news-2017--select {
    display: inline-block;
    vertical-align: middle;
}

.filters-news-2017--label {
    color: #737373;
    font-size: 12px;
    font-family: 'Eras Bold', Arial, sans-serif;
}

.filters-news-2017--select {
    margin-left: 6px;
    min-width: 80px;
    max-width: 120px;
    text-align: left;
    border: 3px solid #fff;
    background-color: #ffffff;
    font-size: 12px;
    font-family: 'Eras Bold', Arial, sans-serif;
    text-transform: uppercase;
    border-radius: 0;
}

.filters-news-2017--select:focus {
    color: #ffffff !important;
    border-color: #048E9C !important;
    background-color: #048E9C !important;
}

.block-news-2017 {
    position: relative;
    float: left;
    margin-bottom: 20px;
    width: 376px;
    overflow: hidden;
    color: #ffffff;
    background-color: #000000;
    font-family: 'Eras Medium', Arial, sans-serif;
}

.block-news-2017--visual {
    position: relative;
    z-index: 0;
}

.block-news-2017--visual img {
    display: block;
    max-width: 100%;
    height: auto;
}

.block-news-2017--link {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: background .25s ease-in-out;
}

.block-news-2017--link:hover {
    background-color: rgba(0, 0, 0, .7);
}

.block-news-2017--link:hover .block-news-2017--chapo,
.block-news-2017--link:hover .block-news-2017--action {
    display: block;
}

.block-news-2017--action svg path:first-child {
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    transition: transform .2s ease-out;
}

.block-news-2017--action:hover svg path:first-child {
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.block-news-2017--cat,
.block-news-2017--main-title {
    font-family: 'Eras Bold', Arial, sans-serif;
    font-size: 9px;
    letter-spacing: 6px;
    text-transform: uppercase;
}

.block-news-2017--chapo,
.block-news-2017--action {
    display: none;
}

.block-news-2017--cat {
    padding: 30px;
}

.block-news-2017--content {
    position: absolute;
    bottom: 30px;
    left: 30px;
    padding-right: 10px;
    width: 276px;
}

.block-news-2017--date,
.block-news-2017--title {
    font-size: 18px;
    line-height: 1.4;
}

.block-news-2017--chapo {
    margin-top: 12px;
    font-size: 12px;
    line-height: 1.5;
}

.block-news-2017--action {
    position: absolute;
    right: 60px;
    bottom: 67px;
}

.block-news-2017.right {
    float: right;
}

.block-news-2017.full {
    clear: both;
    float: none;
    width: 100%;
    height: 434px;
}

.block-news-2017.full .block-news-2017--content {
    width: 316px;
}

.block-news-2017.portrait {
    height: 608px;
}

.block-news-2017.square {
    height: 376px;
}

.block-news-2017.paysage {
    height: 212px;
}

.block-news-2017.paysage .block-news-2017--title {
    max-height: 50px;
    overflow: hidden;
}

.block-news-2017.paysage .block-news-2017--chapo {
    max-height: 35px;
    overflow: hidden;
}

.block-news-2017.highlighted {
    float: none;
    width: 100%;
    height: 90%;
    min-height: 600px;
    background: no-repeat center/cover #000000;
}

.block-news-2017.highlighted .block-news-2017--link {
    position: relative;
}

.block-news-2017.highlighted .block-news-2017--link:hover {
    background-color: transparent;
}

.block-news-2017.highlighted .block-news-2017--container {
    position: relative;
    margin: 0 auto;
    padding-top: 100px;
    box-sizing: border-box;
    width: 772px;
    height: 100%;
}

.block-news-2017.highlighted .block-news-2017--main-title {
    position: absolute;
    top: 70px;
    left: 0;
    display: inline-block;
    width: 121px;
    height: 25px;
    background: url(../img/main-title-vert-skew.png) no-repeat center;
    line-height: 25px;
    text-align: center;
}

.block-news-2017.highlighted .block-news-2017--content {
    bottom: 40px;
    right: auto;
    width: 40%;
}

.block-news-2017.highlighted .block-news-2017--title {
    font-size: 36px;
    line-height: 1;
}

.block-news-2017.highlighted .block-news-2017--action {
    bottom: 77px;
}


/**add Aymeric**/
.loadmore {
    -moz-animation: spinoff .5s infinite linear;
    -webkit-animation: spinoff .5s infinite linear;
}


@-moz-keyframes spinoff {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(-360deg);
    }
}

@-webkit-keyframes spinoff {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
    }
}

.txtac{
    text-align: center;
}