/* fonts */
@font-face{
    font-family:'Open Sans';
    src:url('/partners/salesforce/statics/fonts/Open-Sans/OpenSans-Light.ttf') format('truetype');
    font-weight:300;
    font-style:normal
}
@font-face{
    font-family:'Open Sans';
    src:url('/partners/salesforce/statics/fonts/Open-Sans/OpenSans-SemiBold.ttf') format('truetype');
    font-weight:500;
    font-style:normal
}
@font-face{
    font-family:'Open Sans';
    src:url('/partners/salesforce/statics/fonts/Open-Sans/OpenSans-Bold.ttf') format('truetype');
    font-weight:700;
    font-style:normal
}
@font-face{
    font-family:'Open Sans';
    src:url('/partners/salesforce/statics/fonts/Open-Sans/OpenSans-LightItalic.ttf') format('truetype');
    font-weight:300;
    font-style:italic;
}
@font-face{
    font-family:'Open Sans';
    src:url('/partners/salesforce/statics/fonts/Open-Sans/OpenSans-Regular.ttf') format('truetype');
    font-weight:400;
    font-style:normal;
}
@font-face{
    font-family:'Open Sans';
    src:url('/partners/salesforce/statics/fonts/Open-Sans/OpenSans-Italic.ttf') format('truetype');
    font-weight:400;
    font-style:italic;
}
@font-face{
    font-family:'Frank Ruhl';
    src:url('/partners/salesforce/statics/fonts/Frank_Ruhl_Libre/FrankRuhlLibre-Bold.ttf') format('truetype');
    font-weight:700;
    font-style:normal;
}
/* generic */
*{box-sizing:border-box;margin:0px;padding:0px;position:relative;font-size:18px;font-family:'Open Sans';font-weight:300;}
strong{font-family:'Open Sans';font-weight:700;}
.cleaner{clear:both;}
a{text-decoration: none;}
#globalContainer{z-index:9999;}
.mediumTitle{font-family:'Vollkorn';font-weight:700;font-size:1.2em;}
.bigTitle{font-family:'Frank Ruhl';font-weight:700;font-size:1.7em;}
.keywords{background: url(/partners/salesforce/statics/img/marker.png) no-repeat;padding-left:30px;height:26px;}
.keywords, .keywords a{font-family:'Open Sans';font-weight:700;color:#fe7062;font-size:0.9em;text-transform: initial;}
.keywords{margin-bottom:20px;}
/* header & footer */
#header{height:143px;width:100%;border-bottom:1px solid #cde7f6;z-index:10501;}
#header .logo img{height:100%;}
#header .leftLogo, #header .centralLogo, #header .rightLogo{height:100%;position:absolute;top:0px;z-index:3;}
#header .rightLogo{height:100%;margin-right:0px;right:1%;z-index:3;}
#header .rightLogo img{height:90%;margin-top:5%;}
#header .rightLogo #real{margin-top:65px;margin-right:10px;float:left;font-size:0.7em;font-family: Arial;color:#000;text-transform: uppercase;}
#header .leftLogo{left:1%;margin-left:0px;}
#header .centralLogo{position:relative;left:50%;margin-left:-371px;width:783px;z-index:2;}
#header .centralLogo .claimLowRes {display:none;}
#burgerPannel{width:300px;right:-300px;position:fixed;z-index:99999;padding:10px;background-color:#444;top:190px;opacity: 0.95;}
#burgerPannel.smallmenu{top:46px;}
.headerbottom{width:100%;height:2px;background-color:#6ab8e3;border-bottom:1px solid #cde7f6;z-index:10502;}
#mainNavigationContainer{margin-top:1px;overflow:hidden;  width: 90%;  margin: auto;  z-index:100000;}
#mainNavigationContainer.fixed{position:fixed;top:0px;background:#fff;border-bottom:1px solid #ccc;z-index:99999;width:100%;padding-right:5%;padding-left:5%;z-index:10000;}
#mainNavigation #mainNavigation-homeImg{
    width: 32px;
    height: 32px;
    background-image: url("/partners/salesforce/statics/img/ico-home-misc.jpg");
    background-repeat: no-repeat;
    -webkit-background-origin: content-box;
    background-origin: content-box;
    background-position: bottom left;
    margin: -10px auto 0 auto;
}
#mainNavigation{width:100%;display:block;height:45px;z-index:10502;}
#mainNavigation  li{height:45px;display:inline-block;float: left;padding:15px 15px 12px 15px;font-size:0.8em;line-height:0.9em;color:#2a9ae9;text-align:center;}
#mainNavigation  li#mainNavigation-home{padding:18px 15px 12px 0px;}
#mainNavigation  li#mainNavigation-burger{padding:18px 0px 12px 15px;}
#mainNavigation  li.itemLeft{width:1px;height:20px;background-color:#ccc;padding:0px;margin-top:10px;}
#mainNavigation  li.itemRight{width:1px;height:20px;background-color:#fff;padding:0px;margin-top:10px;float:right;font-weight:400;}
#mainNavigation  li .navigationElementContent{font-family: "Open Sans";font-weight:400;font-size:1.1em;}
#mainNavigation  li.mainNavigationElement.disabled{color:#ccc;}
#mainNavigation  li.mainNavigationElement.disabled a{color:#ccc;}
#mainNavigation  li.mainNavigationElement.disabled a:hover{color:#ccc;}
#mainNavigation  li.mainNavigationElement.disabled:hover{border:0px;}
#mainNavigation  li a{font-size:1em;color:#2a9ae9;text-decoration: none;font-family: "Open Sans";font-size:1.1em;}
#mainNavigation  li:hover, #mainNavigation  li.on {border-bottom:2px solid #2a9ae9 ;}
#mainNavigation  li:hover a, #mainNavigation  li.on a{color:#2a9ae9;}
#mainNavigation #mainNavigation-burger:hover, #mainNavigation #mainNavigation-home{border-bottom:0px;}
#mainNavigation  li.mainNavigationRight {float:right;background-color:#d5f0fb;color:#2a9ae9;}
#mainNavigation  li.mainNavigationRight .navigationElementContent{background-color:#d5f0fb;color:#2a9ae9;}
#mainNavigation li.mainNavigationRight:hover, #mainNavigation li.mainNavigationRight.on {
    border-bottom: 2px solid #2a9ae9;
}
#burgerPannel li{text-align:left;margin-bottom:10px;padding-left:5px;}
#burgerPannel li.mainNavigationRight{padding-left:5px;}
#burgerPannel li.mainNavigationRight, li.mainNavigation{float:none; displaqy:block;width:100% !important;text-align: left;margin-top:5px;border-bottom:1px solid #ccc;}
#burgerPannel a, #burgerPannel .navigationElementContent{color:#fff;text-decoration:none;font-size:1.1em;}
#burgerPannel li.disabled  span{color:#bbb;}
#burgerPannel li:hover ,  #burgerPannel li.on {border-bottom:2px solid #fff;}
#burgerPannel li.itemLeft, #burgerPannel li.itemRight, #burgerPannel #mainNavigation-burger, #burgerPannel #mainNavigation-home{display:none !important;}
#burgerPannel li.mainNavigationRight{border-bottom:0px;}
#burgerPannel li {width:100%;line-height:1.1em;}
#burgerPannel li a span{font-size:1em;}
#mainNavigation #mainNavigation-burger{background-color:#fff;color:#2a9ae9;display:none;}
.burgerMenuCross{padding:0px;}
.burgerMenu {  padding: 0px;  display: inline-block;width:25px;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    margin-top:-5px;
    overflow: visible;
    float: left;
    clear: both;
    position: relative;
    z-index: 99001;
}
.burgerMenu:hover {  opacity: 0.7; }
.burgerMenu:focus {outline: 0;}
.burgerMenuBox {  width: 40px;  height: 24px;  display: inline-block;  position: relative;padding:0px; }
.burgerMenuInner {  display: block;  top: 50%;  margin-top: -2px; }
.burgerMenuInner, .burgerMenuInner::before, .burgerMenuInner::after {
    width: 25px;
    height: 4px;
    background-color: #2a9ae9;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
.burgerMenuInner::before, .burgerMenuInner::after {  content: "";  display: block; }
.burgerMenuInner::before {  top: -10px; }
.burgerMenuInner::after {  bottom: -10px; }
.burgerMenuCross .burgerMenuInner {  top: 2px; }
.burgerMenuCross .burgerMenuInner::before {  top: 10px;  transition-property: transform, opacity;  transition-timing-function: ease;  transition-duration: 0.15s; }
.burgerMenuCross .burgerMenuInner::after {  top: 20px; }
.burgerMenuCross.is-active .burgerMenuInner {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
.burgerMenuCross.is-active .burgerMenuInner::before {
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0; }
.burgerMenuCross.is-active .burgerMenuInner::after {
    transform: translate3d(0, -20px, 0) rotate(-90deg);
}


#mainNavigationContainer.fixed{position:fixed;top:0px;background:#fff;border-bottom:1px solid #ccc;z-index:99999;width:100%;padding-right:5%;padding-left:5%;}
#footer {
    position:fixed;
    bottom:0px;background-color:#fff;z-index:10000;
}
#footer  {  text-align: center;  width: 100%;  padding: 20px 10px;  font-size: 0.8em;  color: #666;  border-top:1px solid #eee;z-index:10000;}
#footer a {   color: #000; font-size: 1em; }

#pageContainer{position:relative;width:90%;margin:20px 5% 0px 5%;z-index:9999;padding-bottom:120px;}




/* dossier */
.dossier{margin: -110px 0px 40px -10%;width:110%;
    padding-top:100px;padding-left:10%;
    background: url(/partners/salesforce/statics/img/bgMap.png) no-repeat ;
    z-index:500;
}
.dossier .next img, .dossier .prev img{width:100%;height:100%;}
.dossier .next, .dossier .prev{display:none;width:39px;height:89px;position:absolute;top:40%;z-index:1000;left:10px;margin-top:-45px;


    filter: brightness(0.95);
    -moz-filter: brightness(95%);
    -webkit-filter: brightness(95%);
    -ms-filter: brightness(95%);
    -o-filter: brightness(95%)


}
.dossier .next, .dossier .next{left:auto;right:10px;}
.dossier .next:hover, .dossier .prev:hover{cursor:pointer;

    filter: brightness(1);
    -moz-filter: brightness(100%);
    -webkit-filter: brightness(100%);
    -ms-filter: brightness(100%);
    -o-filter: brightness(100%);
}
.dossier .uneSlideContainer{width:100%;overflow:hidden;}
.dossier h2{margin:10px 0px 10px 0px;font-size:1.5em;color:#656565;}
.dossier .article_1{width:48%;float:left;padding-top:43.8%;}
.dossier .article_1 .visual{position:absolute;width:100%;height:100%;top:0px;bottom:0px;}
.dossier .article_1  a{color:#fff;}
.dossier .article_2  a, .dossier .article_3  a{color:#2a9ae9;text-decoration: none;}
.dossier .article_2 .visual, .dossier .article_3 .visual{position:relative;width:100%;padding-top:94%;}
.dossier .article_2 .visual:before , .dossier .article_3 .visual:before {content:" ";}
.dossier .article_1 .titraille{position:absolute;width: 96%; padding:5%;}
.dossier  .article .titraille .chapo{font-size:0.8em;}
.dossier  .article_1 .titraille .chapo{color:#fff;line-height: 1.2em;}
.dossier  .article_2 .titraille .chapo,.dossier  .article_3 .titraille .chapo{color:#656565;line-height: 1.2em;}
.dossier .article_1 .background{height:100%;width:100%;}
.dossier h3{margin-bottom:10px;font-size:1em;line-height:1.15em;}
.dossier .article_2, .dossier .article_3{width:24%;float:left;min-height:100px;margin-left:2%;}
.dossier .dossierHeader{padding:20px 0px 10px 0px;}
.dossier .article .visual img{width:100%;position:absolute;top:0px;height:100%;}
.dossierUne .article a{color:#fff;text-decoration: none;}
.dossierUne .backgroundImg{width:100%;position:absolute;left:0px;top:0px;}
.dossierUne .article{width:33.33%;float:left;padding-top:40%;margin:0px;}
.dossierUne .article .titraille{position:absolute;bottom:0px;width: 96%; padding:5%;}
.dossierUne .article:before{content:"";}
.dossierUne .article .visual{  width:100%;height:100%;position:absolute;top:0px;OVERFLOW:HIDDEN;}
.dossierUne .article .titraille .chapo{color:#fff;}
.dossierUne .article_1 {border-right: 1px solid rgba(255, 255, 255, .5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }
.dossierUne .article_2 {border-right:1px solid #fff;border-right: 1px solid rgba(255, 255, 255, .5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;}
/*.dossierUne .article_3 .chapo, .dossierUne .article_2 .chapo{display:none;}*/

/*.dossier .article_1 .authorUp, .dossier .article_1 .authorDown{display:none;}*/
.dossier .authorDown{display:none;}
.dossierUne .authorUp{display:none;}
.dossierUne .authorDown{display:block;}
.dossier .authorUp, .dossier .authorDown{color:#fff;font-size:0.8em;}
.dossier .authorUp strong, .dossier .authorDown strong{color:#fff;font-size:0.9em;}
.dossier .authorUp{background:#7a7a93;padding:10px;margin-bottom:20px;margin-top:-2px;}
.dossier.dossierOdd .article_1{float:right;}

.dossier.dossierOdd .article_2{margin-left:0px;}
.dossier .articlesContainer{padding:0% 2%;z-index:100;min-height:250px;}
.dossierUne .articlesContainer{padding:0%;}
.dossier .visual .linkOverVisual{position:absolute;top:0px;left:0px;width:100%;height:100%;}
.dossier .visual .background{display:block;opacity: 1;}
.dossierUne .visual .backgroundBlueShadow{display:block;opacity:0;}
/*.dossierUne .article_2 .repVisual1, .dossierUne .article_3 .repVisual1 {-webkit-filter: blur(5px); filter: blur(5px) ;display:none ;}*/
.dossierUne .article_2 .repVisual1, .dossierUne .article_3 .repVisual1 {  display:none ;}
.dossierUne .article_1 .repVisual1{display:none ;}
.dossierUne .article_2 .repVisual2, .dossierUne .article_3 .repVisual2 {display:none;width:50% !important;height:auto !important;top:40px !important;margin-left:auto;left:25%;}
.dossierUne .article_1:hover .repVisual1,.dossierUne .article_2:hover .repVisual1, .dossierUne .article_3:hover .repVisual1{display:block;}
.dossierUne .article_2:hover .repVisual2, .dossierUne .article_3:hover .repVisual2{display:block;}
.dossierUne .article:hover .backgroundBlueShadow{
    -webkit-animation: fadeInFromNone 0.5s ease-out;
    -moz-animation: fadeInFromNone 0.5s ease-out;
    -o-animation: fadeInFromNone 0.5s ease-out;
    animation: fadeInFromNone 0.5s ease-out;
    opacity: 1;
}

.dossierUne .article:hover .repVisual1, .dossierUne .article:hover .repVisual2{
    -webkit-animation: fadeInFromNone 0.5s ease-out;
    -moz-animation: fadeInFromNone 0.5s ease-out;
    -o-animation: fadeInFromNone 0.5s ease-out;
    animation: fadeInFromNone 0.5s ease-out;
    opacity: 1;
}

.dossier2nd .article:hover .backgroundBlueShadow{
    -webkit-animation: fadeOut 0.5s ease-out;
    -moz-animation: fadeOut 0.5s ease-out;
    -o-animation: fadeOut 0.5s ease-out;
    animation: fadeOut 0.5s ease-out;
    opacity: 0;
}
.dossier2nd .article_1:hover .background,.dossier .article_2:hover .background, .dossier .article_3:hover .background{
    -webkit-animation: fadeOut 0.5s ease-out;
    -moz-animation: fadeOut 0.5s ease-out;
    -o-animation: fadeOut 0.5s ease-out;
    animation: fadeOut 0.5s ease-out;
    opacity: 0;
}
@-webkit-keyframes fadeOut {
    0% {  display: block;  opacity: 1;  }
    1% {  display: block;  opacity: 0.99;  }
    100% {  display: none;  opacity: 0;  }
}

@-moz-keyframes fadeOut {
    0% {  display: block;  opacity: 1;  }
    1% {  display: block;  opacity: 0.99;  }
    100% {  display: none;  opacity: 0;  }
}

@-o-keyframes fadeOut {
    0% {  display: block;  opacity: 1;  }
    1% {  display: block;  opacity: 0.99;  }
    100% {  display: none;  opacity: 0;  }
}

@keyframes fadeOut {
    0% {  display: block;  opacity: 1;  }
    1% {  display: block;  opacity: 0.99;  }
    100% {  display: none;  opacity: 0;  }
}
@-webkit-keyframes fadeInFromNone {
    0% {  display: none;  opacity: 0;  }
    1% {  display: block;  opacity: 0.1;  }
    100% {  display: block;  opacity: 1;  }
}

@-moz-keyframes fadeInFromNone {
    0% {  display: none;  opacity: 0;  }
    1% {  display: block;  opacity: 0.1;  }
    100% {  display: block;  opacity: 1;  }
}

@-o-keyframes fadeInFromNone {
    0% {  display: none;  opacity: 0;  }
    1% {  display: block;  opacity: 0.1;  }
    100% {  display: block;  opacity: 1;  }
}

@keyframes fadeInFromNone {
    0% {  display: none;  opacity: 0;  }
    1% {  display: block;  opacity: 0.1; }
    100% {  display: block;  opacity: 1;  }
}
/**{display:none;}*/

#jobPopupTkp {
    display: none;
}
#jobPopupTkp #tkpInsidePopup .tkpPopupContent {
    height: 90%;
}
#jobPopupTkp.video #tkpInsidePopup ,#jobPopupTkp.sw_home #tkpInsidePopup , #jobPopupTkp #tkpInsidePopup {padding:0px !important;background-color:#e5e6e7;
    border-radius: 0px !important;
}
#jobPopupTkp.video #tkpInsidePopup{
    background-color:#000 !important;
}
#jobPopupTkp.sw_home  #closeButton , #jobPopupTkp #closeButton{display:none !important;}

#jobPopupTkp #tkpInsidePopup .tkpPopupContent {width:100% !important;}
#jobPopupTkp #tkpInsidePopup .title { font-family: "Oxygen", sans-serif; font-weight: 600; margin: 15px auto; font-size: 42px;}
#jobPopupTkp #tkpBg {background: #111; opacity: 0.80; z-index: 999998;  position: fixed;top:0px;left:0px;height:100%;width:100%;}
#jobPopupTkp #tkpInsidePopup {box-shadow: none; -webkit-box-shadow: none; background-color: transparent; opacity: 0.9;background:#fff;
    z-index: 999999;
    position: fixed;
}
#jobPopupTkp #tkpInsidePopup .tkpPopupContent {
    height: 100%;
}

@media screen and (min-width:1500px) {
    #header {  width: 84%;  margin:auto;  }
    #mainNavigationContainer {  width: 84%;  }
    #mainNavigationContainer.fixed {  width: 100%;padding-left:8%;padding-right:8%;  }
    #pageContainer {  width: 84%;  margin: 20px 8% 0px 8%;  }

}
@media screen and (min-width:1800px) {

    #header {
        width: 70%;
        margin:auto;
    }
    #mainNavigationContainer {  width: 70%;  }
    #mainNavigationContainer.fixed {  width: 100%;padding-left:15%;padding-right:15%;  }
    #pageContainer {  width: 70%;  margin: 20px 15% 0px 15%;  }


}
@media screen and (min-width:1900px) {
    #header {  width: 70%;  }
    #mainNavigationContainer {  width: 70%;  }
    #mainNavigationContainer.fixed {  width: 100%;padding-left:15%;padding-right:15%;  }
    #pageContainer {  width: 70%;  margin: 20px 15% 0px 15%;  }
}
@media screen and (min-width:2300px) {
    #header {  width: 60%;  }
    #mainNavigationContainer {  width: 60%;  }
    #mainNavigationContainer.fixed {padding-left:20%;padding-right:20%;  }
    #pageContainer {  width: 60%;  margin: 20px 20% 0px 20%;  }
}
@media screen and (min-width:2666px) {
    #header {  width: 50%;  }
    #mainNavigationContainer {  width: 50%;  }
    #mainNavigationContainer.fixed {  width: 100%;padding-left:25%;padding-right:25%;  }
    #pageContainer {  width: 50%;  margin: 20px 25% 0px 25%;  }
}
@media screen and (min-width:3200px) {
    #header {  width: 40%;  }
    #mainNavigationContainer {  width: 40%;  }
    #mainNavigationContainer.fixed {  width: 100%;padding-left:30%;padding-right:30%;  }
    #pageContainer {  width: 40%;  margin: 20px 30% 0px 30%;  }
}
@media screen and (min-width:4050px) {
    #header {  width: 30%;  }
    #mainNavigationContainer {  width: 30%;  }
    #mainNavigationContainer.fixed {  width: 100%;padding-left:30%;padding-right:30%;  }
    #pageContainer {  width: 30%;  margin: 20px 35% 0px 35%;  }
}


@media screen and (max-width:1280px) {
    #header{height:111px;}
    #header .logo img{height:110px;}
    #header .centralLogo {  margin-left: -303px;  width: 607px;  }
    #header .rightLogo #real{margin-top:45px;}
    #header .rightLogo img{margin-top:0px;}
    #burgerPannel {  top: 157px;  }
    .dossier .article_1 .titraille, .dossierUne .article_2 .titraille,  .dossierUne .article_3 .titraille{
       top:auto;
        bottom: 2%;
    }
}

@media screen and (max-width:1024px) {
    #header{height:80px;border-bottom:0px;}
    #header .centralLogo {  margin-left: -220px;  width: 441px;  }
    #header .leftLogo{margin-top:-15px;}
    #header .centralLogo img{height:80px;}
    #header .rightLogo {margin-top:-5px;}
    #header .rightLogo img{height:90px;}
    #header .rightLogo #real{margin-top:37px;font-size:0.6em;margin-right:5px;}
    #burgerPannel {  top: 127px;  }
    #mainNavigation  li .navigationElementContent{font-size:1em;}
    #mainNavigation  li a{font-size:1em;}
    #mainNavigation li {  padding: 20px 15px;}
    #mainNavigation li#mainNavigation-home {  padding: 22px 15px 12px 0px;  }
    #mainNavigation li.itemLeft {  margin-top: 15px;  }

    /*
    .dossier.dossier2nd .article_1 .titraille {  bottom: -1%;top:auto;  }
    .dossier.dossier2nd  .article_1 {padding-top:66%;}
    .dossier.dossier2nd  .article_1 .visual {height:auto;overflow:hidden;}
    .dossier.dossier2nd  .article_1 .visual img{height:auto;}
    .dossier.dossier2nd  .article_1 .visual img.background{display:none;}
    .dossier.dossier2nd .article_1 .titraille *{color:#000;}
    .dossier.dossier2nd .article_1 .titraille h3 *{color: #2a9ae9;}*/
    .dossier.dossier2nd .article_2 .titraille .chapo, .dossier.dossier2nd .article_3 .titraille .chapo{display:none;}

    .mediumTitle {  font-size: 1.1em; line-height:1.15em }
    .dossierUne  .article .titraille .chapo{display:none;}


}


@media screen and (max-width:900px) {
    .dossier.dossier2nd .article_1 {width:100%;padding:0px;position:relative;padding-top:0%;
        clear: both;}
    .dossier.dossier2nd .article_1 .visual{width:33%;padding-top:30%;float:left;position:relative;}
    .dossier.dossier2nd.dossierOdd .article_1 .visual{float:right;position:relative;}
    .dossier.dossier2nd .article_1 .titraille{width:65%;padding:0px;margin-left:2%;float:left;position:relative;margin-top:20px;}
    .dossier.dossier2nd.dossierOdd .article_1 .titraille{margin-right:2%;margin-left:0%;  float: left;  }
    .dossier.dossier2nd .article_1 .titraille *{color:#000;}
    .dossier.dossier2nd .article_1 .titraille h3 *{color: #2a9ae9;}
    .dossier.dossier2nd .article_2, .dossier.dossier2nd .article_3 {width:100%;clear: both;margin-top:20px;margin-left:0px;}
    .dossier.dossier2nd .article_2 .titraille, .dossier.dossier2nd .article_3 .titraille {width:73%;float:left;position:relative;}
    .dossier.dossier2nd.dossierOdd .article_2 .titraille, .dossier.dossier2nd.dossierOdd .article_3 .titraille {width:73%;float:right;}
    .dossier.dossier2nd .article_2 .titraille .chapo, .dossier.dossier2nd .article_3 .titraille .chapo {display:block;}
    .dossier.dossier2nd .article_2 .visual, .dossier.dossier2nd .article_3 .visual {width:25%;float:right;padding-top:23%;margin-left:2%;margin-right:0%;}
    .dossier.dossier2nd.dossierOdd .article_2 .visual, .dossier.dossier2nd.dossierOdd .article_3 .visual {float:left;margin-right:2%;margin-left:0%;}
    .dossier.dossier2nd .article_2 .authorUp, .dossier.dossier2nd .article_3 .authorUp {display:none;}
    .dossier.dossier2nd .article_2 .authorDown, .dossier.dossier2nd .article_3 .authorDown {display:block;}
    .dossier.dossier2nd .article_2 .authorDown, .dossier.dossier2nd .article_2 .authorDown *, .dossier.dossier2nd .article_3 .authorDown, .dossier.dossier2nd .article_3 .authorDown * {color:#656565 !important;}
    .dossier.dossier2nd .article .authorDown{margin-bottom:20px;}

    .dossierUne .articlesContainer{width:130%;}
    .dossierUne .next{display:block;}

}

@media screen and (max-width:768px) {
    #mainNavigation #mainNavigation-burger{display:inherit;}
    #pageContainer {
        width: 96%;
        margin: 20px 2% 0px 2%;
    }
    #header .centralLogo .claimHighRes{ display:none;  }
    #header .centralLogo .claimLowRes {display:block;}
    #header .centralLogo {  margin-left: -196px;  width: 392px;  }
    #mainNavigationContainer #mainNavigation-vente , #mainNavigationContainer #mainNavigation-marketing, #mainNavigationContainer #mainNavigation-plateformes, #mainNavigationContainer #mainNavigation-service, #mainNavigationContainer li.itemLeft{display:none;}
    .dossierUne .articlesContainer{width:160%;}
    #footer  {  padding: 10px;  font-size: 0.7em;}
    #footer a {   color: #000; font-size: 1em; }
}
@media screen and (max-width:600px) {

    #header .centralLogo {  margin-left: -156px;  width: 392px;  }
    #header .centralLogo{display:none;}
}
@media screen and (max-width:550px) {
    *{font-size:16.5px;}
    .dossier.dossier2nd .article .authorDown{margin-bottom:10px;}
    .dossier.dossier2nd .article .titraille .chapo{display:none;}
    .dossier.dossier2nd .article_1 .visual{width:40%;padding-top:37%;}
    .dossier.dossier2nd .article_1 .titraille{width:58%;}
    .dossierUne .authorDown{display:none;}
    .mediumTitle {   line-height:1.15em }

    .dossierUne .articlesContainer{width:180%;}
    .dossierUne h3 {

    }
    .dossier h2 {   color: #656565;  }
    .dossier {  padding-top: 65px;}

    .dossier .next, .dossier .prev {  top: 25%;background:#fe7062;width:50px;height:50px;border-radius:30px;padding:5px 15px;}


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

}