.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin: 0 auto 60px;
  padding: 0;
  *zoom: 1; }

.bx-wrapper img {
  max-width: 100%;
  display: block; }

/** THEME
===================================*/
.bx-wrapper .bx-viewport {
  left: -5px; }

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%; }

/* LOADER */
/*.bx-wrapper .bx-loading { @ack
  min-height: 50px;
  background: url(/sds/webcaps/assets/theme/img/bx_loader.gif) center center no-repeat white;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000; }
*/
/*
#wcp-loader{
  min-height: 50px;
  background: url(/sds/webcaps/assets/theme/img/ajax-loader.gif) center center no-repeat transparent;
  background-size: 40px 40px;
  position:relative;
  height: 80%;
  width: 100%;
  border: none;
  z-index: 9000;
  display:none;
  padding: 0px;
}
*/
#wcp-loader {
  display: none;
  position: absolute;
  top: 145px;
  left: 55px;
  z-index: 30;
  width: 32px;
  height: 32px;
  background: url(/sds/webcaps/assets/theme/img/ajax-loader.gif) center center no-repeat;
  border: none; }
  

/* PAGER */
.bx-wrapper .bx-pager {
  display:none !important;
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px; }

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline; }

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #000; }

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 40%;
  margin-top: -16px;
  outline: 0;
  width: 40px;
  height: 50px;
  text-indent: -9999px;
  z-index: 35;
  opacity: 0.7;
  background: url(/sds/webcaps/assets/theme/img/sprites.png) no-repeat; }
  .bx-wrapper .bx-controls-direction a:hover {
    opacity: 1; }
  .bx-wrapper .bx-controls-direction a.bx-next {
    right: -45px;
    background-position: -36px -160px; }
  .bx-wrapper .bx-controls-direction a.bx-prev {
    left: -50px;
    background-position: -36px -110px; }
  .bx-wrapper .bx-controls-direction a.disabled {
    display: none; }

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center; }

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(/sds/webcaps/assets/theme/img/sprites.png) -86px -11px no-repeat;
  margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0; }

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(/sds/webcaps/assets/theme/img/sprites.png) -86px -44px no-repeat;
  margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px; }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%; }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px; }

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 3px;
  left: 0;
  background: #000\9;
  background: rgba(0, 0, 0, 0.75);
  width: 152px;
  height: 47px;
  padding: 5px;
  font-size: 13px;
  overflow: hidden; }

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block; 
  /*@ack 20/09/2013*/
  overflow:hidden;
  /*white-space:nowrap;*/
  height:36px;
  width :142px;
  -ms-text-overflow:ellipsis;
      text-overflow:ellipsis;
}

/* SocialCount - v0.1.6 - 2013-08-08
* https://github.com/filamentgroup/SocialCount
* Copyright (c) 2013 zachleat; Licensed MIT */
.socialcount {
  color: #fff;
  font-size: .875em;
  line-height: 2.2em; }

.socialcount > li {
  background-color: #999; }

.socialcount > li,
.socialcount > li > a:focus,
.socialcount .loading {
  border-radius: 5px; }

.socialcount > li > a:focus,
.socialcount > li:hover,
.socialcount > li.hover {
  background-color: #464646; }

/* Special class added to count when it's >= the minimum */
/* Base CSS */
.socialcount {
  list-style: none;
  padding-left: 0;
  margin: 0 0 .6em 0;
  overflow: hidden; }

.socialcount-large {
  line-height: normal; }

.socialcount :link,
.socialcount :visited {
  color: inherit; }

.socialcount > li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  position: relative;
  vertical-align: top;
  min-width: 80px;
  min-height: 30px;
  text-align: center;
  white-space: nowrap;
  *margin-right: 4px; }

.socialcount.like.de_DE > .facebook {
  min-width: 90px;
  /* like */ }

.socialcount-small > li {
  min-width: 0; }

.socialcount-large > li {
  float: left;
  margin: 0 .6em .6em 0; }

.socialcount.recommend .facebook {
  min-width: 120px; }

.socialcount-small.recommend .facebook {
  min-width: 0; }

.socialcount-large > li,
.socialcount-large.recommend .facebook {
  min-width: 105px; }

.socialcount > li > a {
  display: block;
  padding: 5px;
  text-decoration: none;
  color: inherit;
  font-size: 14px; }

.socialcount-small > li > a {
  padding-left: 8px;
  padding-right: 8px; }

.socialcount-large > li > a {
  padding: 12px 5px 8px; }

.socialcount .count {
  color: inherit;
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align: center;
  margin-left: 6px; }

.socialcount-large .count {
  display: block;
  width: 100%;
  margin-left: 0;
  padding-top: 10px; }

.socialcount-small .count {
  margin-left: 0; }

.socialcount .facebook iframe {
  height: 21px;
  width: 90px;
  /* recommend */ }

.socialcount.de_DE .facebook iframe {
  width: 83px;
  /* recommend */ }

.socialcount.like .facebook iframe {
  width: 48px;
  /* like */ }

.socialcount.like.de_DE .facebook iframe {
  width: 83px;
  /* like */ }

.socialcount .button {
  display: none;
  width: 100%;
  position: absolute;
  left: 0;
  top: 5px;
  text-align: center;
  pointer-events: none; }

.socialcount .button iframe {
  pointer-events: auto; }

.socialcount-large .button {
  top: auto;
  bottom: 2px; }

.socialcount.grade-a.activate-on-hover > li.hover .count,
.socialcount.grade-a.activate-on-click > li.hover.active .count {
  text-indent: -999px; }

.socialcount.grade-a.activate-on-hover > li.hover .button,
.socialcount.grade-a.activate-on-click > li.hover.active .button {
  display: block; }

.socialcount.grade-a.activate-on-hover > li.hover > a,
.socialcount.grade-a.activate-on-click > li.hover.active > a {
  cursor: default; }

.socialcount-small.grade-a.activate-on-hover > li.hover > a,
.socialcount-small.grade-a.activate-on-click > li.hover.active > a,
.socialcount.grade-a.activate-on-hover > li.hover .button iframe,
.socialcount.grade-a.activate-on-click > li.hover.active .button iframe {
  cursor: pointer; }

/* Inline loading */
.socialcount .loading {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background-color: #aaa;
  background-color: rgba(170, 170, 170, 0.7);
  color: #000;
  text-transform: uppercase;
  font-size: .75em;
  text-align: center; }

.socialcount-large .loading {
  padding-top: 30%; }

.socialcount .loading .dot {
  display: inline-block;
  /* no ie7 compat needed here, just shows the text links */
  width: 6px;
  height: 6px;
  margin: 0 3px;
  background: #fff;
  opacity: 0;
  border-radius: 50%;
  -webkit-animation: socialCountLoadingFade .6s infinite;
  -moz-animation: socialCountLoadingFade .6s infinite;
  animation: socialCountLoadingFade .6s infinite; }

.socialcount .loading .dot:nth-child(1) {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  animation-delay: 0s; }

.socialcount .loading .dot:nth-child(2) {
  -webkit-animation-delay: .05s;
  -moz-animation-delay: .05s;
  animation-delay: .05s; }

.socialcount .loading .dot:nth-child(3) {
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  animation-delay: .1s; }

@-webkit-keyframes socialCountLoadingFade {
  0% {
    opacity: 0; }

  50% {
    opacity: 0.8; }

  100% {
    opacity: 0; } }

@-moz-keyframes socialCountLoadingFade {
  0% {
    opacity: 0; }

  50% {
    opacity: 0.8; }

  100% {
    opacity: 0; } }

@keyframes socialCountLoadingFade {
  0% {
    opacity: 0; }

  50% {
    opacity: 0.8; }

  100% {
    opacity: 0; } }

.social-icon {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  *margin-right: 5px; }

.socialcount.grade-a.activate-on-hover > li.hover .social-icon,
.socialcount.grade-a.activate-on-click > li.hover.active .social-icon {
  display: none; }

.socialcount-small.grade-a.activate-on-hover > li.hover .social-icon,
.socialcount-small.grade-a.activate-on-click > li.hover.active .social-icon,
.socialcount-large.grade-a.activate-on-hover > li.hover .social-icon,
.socialcount-large.grade-a.activate-on-click > li.hover.active .social-icon {
  display: inline-block;
  *display: inline;
  zoom: 1; }

.icon-sprite, .icon-facebook, .icon-googleplus, .icon-pinterest, .icon-share, .icon-twitter {
  background: url("/sds/webcaps/assets/theme/img/sharetools.png") no-repeat; }

.icon-facebook {
  background-position: 0 0;
  height: 15px;
  width: 17px; }

.icon-googleplus {
  background-position: -21px 0;
  height: 17px;
  width: 20px; }

.icon-pinterest {
  background-position: -45px 0;
  height: 15px;
  width: 11px; }

.icon-share {
  background-position: -60px 0;
  height: 16px;
  width: 20px; }

.icon-twitter {
  background-position: -84px 0;
  height: 15px;
  width: 17px; }

/* HD icons */
@media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .social-icon {
    -webkit-background-size: auto 17px;
    -moz-background-size: auto 17px;
    -o-background-size: auto 17px;
    background-size: auto 17px;
    background-image: url("/sds/webcaps/assets/theme/img/sharetools-hd.png"); } }
@font-face {
  font-family: 'fontello';
  src: url("/sds/webcaps/assets/theme/fonts/fontello.eot?28162409");
  src: url("/sds/webcaps/assets/theme/fonts/fontello.eot?28162409#iefix") format("embedded-opentype"), url("/sds/webcaps/assets/theme/fonts/fontello.woff?28162409") format("woff"), url("/sds/webcaps/assets/theme/fonts/fontello.ttf?28162409") format("truetype"), url("/sds/webcaps/assets/theme/fonts/fontello.svg?28162409") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="wcp-icon-"]:before, [class*=" wcp-icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em; }

.wcp-icon-left-open:before {
  content: '\61'; }

/* 'a' */
.wcp-icon-right-open:before {
  content: '\62'; }

/* 'b' */
.wcp-icon-angle-left:before {
  content: '\63'; }

/* 'c' */
.wcp-icon-angle-right:before {
  content: '\64'; }

/* 'd' */
.ps-container .ps-scrollbar-x {
  position: absolute;
  /* please don't change 'position' */
  bottom: 3px;
  /* there must be 'bottom' for ps-scrollbar-x */
  height: 8px;
  background-color: #aaa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  opacity: 0;
  filter: alpha(opacity=0);
  -o-transition: opacity .2s linear;
  -webkit-transition: opacity.2s linear;
  -moz-transition: opacity .2s linear;
  transition: opacity .2s linear; }

.ps-container.ie6 .ps-scrollbar-x {
  font-size: 0;
  /* fixed scrollbar height in xp sp3 ie6 */ }

.ps-container:hover .ps-scrollbar-x,
.ps-container.hover .ps-scrollbar-x {
  opacity: 0.6;
  filter: alpha(opacity=60); }

.ps-container .ps-scrollbar-x:hover,
.ps-container .ps-scrollbar-x.hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
  cursor: default; }

.ps-container .ps-scrollbar-x.in-scrolling {
  opacity: 0.9;
  filter: alpha(opacity=90); }

.ps-container .ps-scrollbar-y {
  position: absolute;
  /* please don't change 'position' */
  right: 3px;
  /* there must be 'right' for ps-scrollbar-y */
  width: 8px;
  background-color: #aaa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  opacity: 0;
  filter: alpha(opacity=0);
  -o-transition: opacity .2s linear;
  -webkit-transition: opacity.2s linear;
  -moz-transition: opacity .2s linear;
  transition: opacity .2s linear; }

.ps-container.ie .ps-scrollbar-y {
  font-size: 0;
  /* fixed scrollbar height in xp sp3 ie6 */ }

.ps-container:hover .ps-scrollbar-y,
.ps-container.hover .ps-scrollbar-y {
  opacity: 0.6;
  filter: alpha(opacity=60); }

.ps-container .ps-scrollbar-y:hover,
.ps-container .ps-scrollbar-y.hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
  cursor: default; }

.ps-container .ps-scrollbar-y.in-scrolling {
  opacity: 0.9;
  filter: alpha(opacity=90); }

@font-face {
  font-family: 'thesansosflight';
  src: url("/sds/webcaps/assets/theme/fonts/thesansosf-light-webfont.eot");
  src: url("/sds/webcaps/assets/theme/fonts/thesansosf-light-webfont.eot?#iefix") format("embedded-opentype"), url("/sds/webcaps/assets/theme/fonts/thesansosf-light-webfont.woff") format("woff"), url("/sds/webcaps/assets/theme/fonts/thesansosf-light-webfont.ttf") format("truetype"), url("/sds/webcaps/assets/theme/fonts/thesansosf-light-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'thesansosfplain';
  src: url("/sds/webcaps/assets/theme/fonts/thesansosf-plain-webfont.eot");
  src: url("/sds/webcaps/assets/theme/fonts/thesansosf-plain-webfont.eot?#iefix") format("embedded-opentype"), url("/sds/webcaps/assets/theme/fonts/thesansosf-plain-webfont.woff") format("woff"), url("/sds/webcaps/assets/theme/fonts/thesansosf-plain-webfont.ttf") format("truetype"), url("/sds/webcaps/assets/theme/fonts/thesansosf-plain-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'thesansosfsemibold';
  src: url("/sds/webcaps/assets/theme/fonts/thesansosf-semibold-webfont.eot");
  src: url("/sds/webcaps/assets/theme/fonts/thesansosf-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("/sds/webcaps/assets/theme/fonts/thesansosf-semibold-webfont.woff") format("woff"), url("/sds/webcaps/assets/theme/fonts/thesansosf-semibold-webfont.ttf") format("truetype"), url("/sds/webcaps/assets/theme/fonts/thesansosf-semibold-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

#wcp-content h1, #wcp-content h2, #wcp-content h3, #wcp-content h4 {
  font-family: "thesansosfsemibold", Arial, sans-serif !important;
  margin: 0 0 5px !important;
  font-size: 16px !important; 
  font-weight: normal !important;
  font-style: normal !important;
  }


#wcp-wrapper p {
  text-align: left !important;
}
#wcp-content p {
  margin: 0 0 10px !important;
  text-align: justify !important;
}
#wcp-content strong {
  font-weight: bold !important}

#wcp-content a {
  text-decoration: none !important;
  color: #59C9FF !important}

#wcp-wrapper, #wcp-wrapper * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

#wcp-wrapper {
  position: relative;
  width: 800px;
  height: 541px;
  /*margin: 0 auto;*/
  overflow: hidden;
  text-align: left;
  font-family: "thesansosfplain", Arial, sans-serif, Arial, sans-sherif;
  font-size: 12px !important;
  line-height: 1.4em !important; 
  color: #FFF;
  background: #CCC;
  border-top: 5px solid #000;
  border-bottom: 3px solid #000;
  background: #fff 0 0 no-repeat; }

#wcp-wrapper-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0; 
}

/*@ack*/
.wcp-wrapper-bg-imgA{
  display:block;
}
.wcp-wrapper-bg-imgB{
  display:none;
}


#wcp-main-content {
  padding: 35px 45px 0 0; }

#wcp-main-nav a {
  position: absolute;
  top: 220px;
  z-index: 10;
  font-size: 70px;
  text-decoration: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s; }
  #wcp-main-nav a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1; 
    cursor: pointer; /*@ack*/
  }
#wcp-main-nav .wcp-main-nav-prev {
  left: -25px; }
#wcp-main-nav .wcp-main-nav-next {
  right: -25px; }


#wcp-content {
  position: relative;
  right: 152px;
  height: 415px;
  overflow: hidden; 
  /*display:none;*/ /*@ack*/
}

#wcp-zones {
  position: absolute;
  z-index: 20;
  right: 45px;
  width: 152px; 
  display:none; /*@ack*/
}

#wcp-zone-a,
#wcp-zone-b {
  height: 202px;
  border: 1px solid #000;
  background-color: black; 
}

#wcp-zone-b {
  margin: 11px 0 0; }

.wcp-zone-a-content,
.wcp-zone-b-content {
  padding: 1px 5px;
  background-color: #000;
  color: #FFF; }
  .wcp-zone-a-content ul,
  .wcp-zone-b-content ul{
  	list-style-type: none;
	padding-left:5px;
  }
  .wcp-zone-a-content li,
  .wcp-zone-b-content li {
    font-family: "thesansosfsemibold", Arial, sans-serif;
    font-size: 19px;
    text-transform: uppercase;
    padding: 0;
    margin-bottom: -5px; }
  .wcp-zone-a-content li:nth-child(odd),
  .wcp-zone-b-content li:nth-child(odd) {
    color: #FFF; }
  .wcp-zone-a-content li:nth-child(even),
  .wcp-zone-b-content li:nth-child(even) {
    color: #6e6e6e; }

/* bug 20170510 @sHess  */
.wcp-zone-content li,
.wcp-zone-a-content li,
.wcp-zone-b-content li {
  padding:0 0 8px 0 !important;
}
  
.wcp-zone-content li:before,
.wcp-zone-a-content li:before,
.wcp-zone-b-content li:before {
  content:'' !important; 
}

.wcp-zone-content {
  position: relative;
  background-color: black;
  height: 415px;
  width: 558px;
  padding: 0 20px 0 0;
  z-index: 15;
  border: 20px solid black;
  border-right: 0;
  overflow-y: hidden; }
   .wcp-zone-content ul {
    list-style: disc;
    margin: 0 0 10px 10px;
    padding: 0 0 0 10px; }
    .wcp-zone-content ul li {
      padding: 0 0 3px 0; }
  .wcp-zone-content .ps-scrollbar-x {
    display: none !important; }

#wcp-content-footer {
  position: absolute;
  z-index: 15;
  bottom: 0;
  left: 0;
  width: 800px;
  height: 60px;
  padding: 22px 10px 18px 20px;
  background-color: rgba(0, 0, 0, 0.5);
  background-color: black \9; }

#wcp-parcourir{
  position:absolute;
  top:430px;
  left:580px;
  z-index:9999;
  display: none;
}


.wcp-caption {
  width: 700px;
  white-space: nowrap;
  overflow: hidden;
  font-size: 13px; }

/* @onepixel 21.02.2014 */
.wcp-caption p{
  margin:0;
  padding:0;
}

#wcp-plus {
  position: absolute;
  right: -558px; }

.wcp-plus-trigger {
  background: black url(/sds/webcaps/assets/theme/img/sprites.png) 4px 5px no-repeat; }
  .wcp-plus-trigger.active {
    background-position: -35px 5px; }

.wcp-plus-browse {
  margin: 0 0 10px; }
  /*.wcp-plus-browse li {
    margin: 0 0 5px; }*/
  .wcp-plus-browse strong {
    display: block;
    width: 130px;
    float:left;
    text-transform: uppercase;
    font-family: "thesansosfsemibold", Arial, sans-serif; }
  /*.wcp-plus-browse a {
    text-decoration: none;
    cursor:pointer; 
  }*//*@ack 26/09/2013 */

.wcp-plus-browse ul {
    display: block;
    list-style: none;
    margin: 0 10px 5px 130px;
    padding: 0; }
    .wcp-plus-browse ul li {
      display: inline; }
    .wcp-plus-browse ul a {
      text-decoration: none; 
      cursor:pointer; 
    }

.wcp-plus-sharetools ul {
  margin: 0;
  padding: 0; }
  .wcp-plus-sharetools ul li {
    margin: 0 5px 0 0; }

#wcp-video {
  position: absolute;
  right: -558px; }

/* @ack */
#wcp-player_logo{display:none;}

.wcp-video-trigger {
  top: 32px;
  background: black url(/sds/webcaps/assets/theme/img/sprites.png) 4px -25px no-repeat; }
  .wcp-video-trigger.active {
    background-position: -35px 5px; }

.wcp-btn-trigger {
  position: absolute;
  left: -25px;
  height: 30px;
  width: 37px;
  z-index: 10;
  background-color: #000;
  -webkit-border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;
  -ms-border-radius: 10px 0 0 10px;
  -o-border-radius: 10px 0 0 10px;
  border-radius: 10px 0 0 10px;
  text-indent: -9999px; }

#wcp-catalogue {
  position: absolute;
  bottom: -230px; }

#wcp-catalogue-trigger-area {
  cursor: pointer;
  position: absolute;
  z-index: 150;
  bottom: 0;
  right: 0;
  width: 70px;
  height: 60px; } /*@ack modif hauteur*/
  #wcp-catalogue-trigger-area.wcp-area-small {
    height: 60px; }

.wcp-catalogue-trigger {
  position: absolute;
  right: 20px;
  top: 016px;
  height: 31px;
  width: 31px;
  background: transparent url(/sds/webcaps/assets/theme/img/sprites.png) -5px -65px no-repeat;
  text-indent: -9999px; }

.wcp-catalogue-content {
  position: relative;
  height: 230px;
  width: 800px;
  padding: 14px 20px;
  z-index: 25;
  background: transparent url(../img/catalogue_bkg.png) 0 0 repeat-x; }
  .wcp-catalogue-content .wcp-slide {
    height: 202px; 
    /*margin-top: 230px;*/
  }
    .wcp-catalogue-content .wcp-slide img {
      border: 1px solid #000;
      -webkit-box-shadow: 3px 5px 10px 0 black;
      -moz-box-shadow: 3px 5px 10px 0 black;
      box-shadow: 3px 5px 10px 0 black; 
      cursor:pointer;
    }

  .wcp-catalogue-content.wcp-img-caption img {
    width: 152px;
    height: 152px; }
  .wcp-catalogue-content.inactive {
    display: none; }
  .wcp-catalogue-content .bx-viewport {
    width: 102% !important; }

.wcp-img-switch {
  position: absolute;
  right: 60px;
  top: 25px;
  font-size: 11px; }

#wcp-filters {
  position: absolute;
  top: -270px; }
  #wcp-filters input#wcp-filters-search {
    display: inline-block;
    width: 100px; }
    #wcp-filters input#wcp-filters-search:focus {
      /*color: red; */
      color: #333; /*@ack*/
    }

#wcp-filters .filter-help {
  margin: 10px 0 0;
  font-size: 11px; }

.wcp-init-trigger-crop,
.wcp-filters-trigger-crop {
  position: absolute;
  bottom: -45px;
  left: 20px;
  height: 45px;
  width: 37px;
  overflow: hidden; 
  cursor: pointer;
}

.wcp-init-trigger{
  
}

.wcp-filters-trigger {
  position: relative;
  display: block;
  bottom: 20px;
  height: 45px;
  width: 37px;
  background: black url(/sds/webcaps/assets/theme/img/sprites.png) -32px -8px no-repeat;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -ms-border-radius: 0 0 10px 10px;
  -o-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  text-indent: -9999px;
  z-index: 20; 
  display:none;
}
  .wcp-init-trigger.active,
  .wcp-filters-trigger.active {
    background-position: -32px 23px; }

/* @ack 26/09/2013 - Ajout du bouton Reinit */
.wcp-init-trigger-crop {
  left: 60px;
}
.wcp-init-trigger{
  position: relative;
  display: hidden;
  bottom: 20px;
  height: 45px;
  width: 37px;
  background: black url(/sds/webcaps/assets/theme/img/sprites.png) -36px -62px no-repeat; 
    -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -ms-border-radius: 0 0 10px 10px;
  -o-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  text-indent: -9999px;
  z-index: 20; 
  display:none; /*@ack*/
}
/* @ack 26/09/2013 - FIN Ajout du bouton Reinit */

.wcp-filters-content {
  position: relative;
  height: 270px;
  width: 800px;
  z-index: 25;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.9);
  background-color: #f4f3f2 \9;
  color: #000;
  font-size: 12px;
/*  border-bottom: 1px solid #C8C8C8; */
  border: 1px solid #000;
  border-top: none;
}
  #wcp-filters.open .wcp-filters-content {
    -webkit-box-shadow: 0 2px 10px 0 black;
    -moz-box-shadow: 0 2px 10px 0 black;
    box-shadow: 0 2px 10px 0 black; }
  .wcp-filters-content h4 {
    font-family: "thesansosfsemibold", Arial, sans-serif;
    font-style: normal !important;
    font-size: 14px !important;
    font-weight:normal !important;
    font-variant: small-caps;
    margin: 0 -15px 15px -15px;
    padding: 4px 15px;
    background-color: #D9D9D9; }
  .wcp-filters-content div {
    display: block;
    float: left;
    width: 200px;
    height: 270px;
    margin: 0 20px 0 0;
    padding: 0 15px 15px 15px;
    border-left: 1px solid #000;
    border-right: 1px solid #000; }
  .wcp-filters-content .wcp-filters-col1 {
    border-left: none; }
  .wcp-filters-content .wcp-filters-col4 {
    position: relative;
    width: 138px;
    margin: 0;
    padding: 2px 0 0 5px;
    border-right: none; 
    background: #ffffff;
  }
    .wcp-filters-content .wcp-filters-col4 button {
      display: inline-block;
      border: none;
      cursor: pointer; }
    .wcp-filters-content .wcp-filters-col4 #wcp-filters-submit {
      text-indent: -9999px;
      height: 25px;
      width: 25px;
      background: transparent url(/sds/webcaps/assets/theme/img/sprites.png) -37px -58px no-repeat; }
    .wcp-filters-content .wcp-filters-col4 #wcp-filters-reset {
      position: absolute;
      bottom: 4px;
      left: 0;
      width: 137px;
      background: white url(/sds/webcaps/assets/theme/img/sprites.png) -40px -80px no-repeat;
      padding: 0px 0 0px 35px;
      text-align: left; }
  .wcp-filters-content select {
    height: 215px;
    width: 100%; }
    .wcp-filters-content select.wcp-select-half {
      height: 79px;
      margin: 0 0 15px; }


/*
 * @ack : Pace theme
 * @See : http://github.hubspot.com/pace/

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;        
  -webkit-user-select: none;   
  -moz-user-select: none;      
  user-select: none;      
  background: #550000;     
}

.pace .pace-progress {
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 0;
  height: 1rem;
  width: 5rem;
  background: green;
  color:blue;
}

.pace .pace-progress:after {
  display: block;
  position: absolute;
  top: 0;
  right: .5rem;
  content: attr(data-progress);
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 100;
  font-size: 5rem;
  line-height: 1;
  text-align: right;
  color: rgba(0, 0, 0, 0.919999999999999996);
  color:#000;
} */ 

/* bug 20140827 */
/*#wcp-wrapper a:hover {
    background-color:transparent;
}*/

/* bug 20140901*/
#wcp-filters .wcp-filters-trigger:hover,
#wcp-filters .wcp-init-trigger:hover {
    background-color: #000;
}
/* bug 20151116*/
.wcp-element-financement strong,
.wcp-element-duree strong{
    text-transform: uppercase;
    font-family: "thesansosfsemibold",Arial,sans-serif;
}
.wcp-element-duree span{
    display:inline-block;
    margin:0 10px 0 0;
}
.wcp-plus-browse strong { font-size: 11px; }