/*
================================
Schema interactif
================================
*/
.page-schema .wrap-content {
  padding: 0;
}

.page-schema .wrap-content .container {
  width: 980px;
  max-width: 980px;
}

.page-schema .col-main {
  float: none;
  width: auto;
  margin-right: 0;
  padding-right: 0;
}

.wrap-schema a {
  outline: none;
}

/* Top buttons/nav */
.wrap-schema .nav-schema {
  margin: 0 0 7px 0;
  padding: 0 0 7px 0;
  border-bottom: 1px solid #dbdbdb;
  list-style: none;
}

.wrap-schema .nav-schema:after {
  content: "";
  display: table;
  clear: both;
}

.wrap-schema .nav-schema li {
  margin: 0;
  padding: 0;
  float: left;
  margin-right: 9px;
}

.wrap-schema .nav-schema li:last-child {
  margin-right: 0;
}

.wrap-schema .nav-schema li.alt {
  float: right;
  margin-right: 0;
  margin-left: 9px;
}

.wrap-schema .nav-schema a {
  float: left;
  border: 1px solid #ff4553;
  background-color: #ff4553;
  background-image: linear-gradient(to bottom, #ff7a85 0%, #ff4553 100%);
  border-radius: 10px;
  width: 120px;
  height: 41px;
  padding: 12px 2px 0;
  transition: none;
  color: white;
  text-transform: uppercase;
  line-height: 1;
  text-align: center;
  font-size: .8rem;
  font-weight: 600;
}

.wrap-schema .nav-schema a:hover {
  background: #ff4553;
}

.nav-schema a.twolines {
  padding-top: 6px;
}

.nav-schema a.active {
  background: white;
  border-color: #ff4553;
  color: #ff4553;
}

.nav-schema .alt a {
  background: #fda950;
  border-color: #fda950;
  transition: 0.15s all;
}

.nav-schema .alt a:hover , #tribprem:hover{
  background: #ed9145;
}

.nav-schema .alt a.active {
  background: white;
  border-color: #fda950;
  color: #fda950;
}

/* schema container */
#schema {
  position: relative;
  color: white;
}

#schema img {
  max-width: none;
}

/* Images jurid civiles/penales - z-index 2 */
.wrap-schema .wrap-bg img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  transition: 0.15s all;
}

.wrap-schema .wrap-bg img.open {
  opacity: 1;
}

/* Arrows images  - z-index 50 */
.wrap-schema .wrap-arrows img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  transition: 0.15s all;
  /* ie10 */
  opacity: 0;
}

.wrap-schema .wrap-arrows img.open {
  opacity: 1;
}

/* Titles - juridictions + "?"  - z-index 100 */
.title-jurid {
  position: absolute;
  z-index: 100;
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
}

.title-jurid .more {
  position: absolute;
  top: 35px;
  left: 0;
  width: 21px;
  height: 21px;
  text-indent: 120%;
  overflow: hidden;
  white-space: nowrap;
  padding-left: 0;
  padding-right: 0;
  background: url(../img/icon-question.svg) no-repeat 0 0;
  background-size: contain;
}

.title-jurid .more:hover {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}

#title-civil .more,
#title-penales .more {
  top: -2px;
  left: -26px;
}

#title-europ {
  left: 23px;
  top: 8px;
}

#title-constit {
  left: 23px;
  top: 96px;
}

#title-judic {
  left: 23px;
  top: 186px;
}

#title-civil {
  left: 250px;
  top: 223px;
}

#title-penales {
  left: 552px;
  top: 223px;
}

#title-admin {
  left: 778px;
  top: 185px;
}

/* Map buttons on image - z-index 200 */
.wrap-schema .links-map a {
  position: absolute;
  z-index: 200;
  border: 2px solid white;
  border-radius: 8px;
  width: 111px;
  height: 58px;
  left: 13px;
  padding-top: 3px;
  color: black;
  font-size: 12px;
  text-align: center;
  line-height: 1;
  letter-spacing: -0.5px;
}

.wrap-schema .links-map a strong {
  display: block;
  margin-bottom: 2px;
  font-family: Montserrat;
  font-size: 22px;
  font-weight: normal;
  line-height: 0.9;
}

.wrap-schema .links-map a:hover {
  background: rgba(255, 255, 255, 0.4);
}

 .wrap-schema .links-map #link-map-regions {
  top: 251px;
}

.wrap-schema .links-map #link-map-prov {
  top: 317px;
}

.wrap-schema .links-map #link-map-appel {
  top: 383px;
}

.wrap-schema .links-map #link-map-arrond {
  top: 449px;
  height: 152px;
  padding-top: 46px;
}

.wrap-schema .links-map #link-map-cantons {
  top: 609px;
  padding-top: 10px;
}

/* Orange buttons on image - z-index 200 */
.wrap-schema .button {
  position: absolute;
  border: 1px solid white;
  background: #fda950;
  border-radius: 10px;
  padding: 12px 0 13px;
  width: 140px;
  z-index: 200;
  color: white;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  line-height: 1;
}

.wrap-schema .button .header {
  background: white;
  color: #fda950;
  display: block;
  margin-top: -12px;
  margin-bottom: 6px;
  padding: 3px 0 5px;
  border-radius: 9px 9px 0 0;
  font-weight: normal;
  letter-spacing: -0.5px;
}

.wrap-schema a.button:hover,
.wrap-schema a.button:active,
.wrap-schemaa.button:focus {
  background: #ed9145;
  color: white;
}

.wrap-schema .button.no-link {
  background: #8e8e8e;
}

.button.large {
  width: 300px;
}

.button.small {
  width: 112px;
}

.button.no-link .header {
  color: #8e8e8e;
}

.button.has-header {
  padding-bottom: 3px;
  width: 160px;
}

#courdroits {
  left: 322px;
  top: 20px;
}

#courjustice {
  left: 614px;
  top: 20px;
}

#courconstit {
  left: 360px;
  top: 116px;
  width: 170px;
}

#courcass {
  left: 360px;
  top: 259px;
}

#courassis {
  left: 595px;
  top: 375px;
}

#courtravail {
  left: 148px;
  top: 375px;
}

#courappel {
  left: 360px;
  top: 375px;
}

#tribpeines {
  left: 596px;
  top: 410px;
}

#tribtravail {
  left: 78px;
  top: 479px;
}

#tribcomm {
  left: 220px;
  top: 479px;
}

#tribprem {
  left: 360px;
  top: 479px;
  padding: 3px 0 0 0;
  position: absolute;
}

#tribprem .row {
  margin-top: 4px;
}

#tribprem .col {
  float: left;
  font-size: 11px;
  font-weight: normal;
  padding-bottom: 4px;
}

#tribprem .col:nth-child(1),
#tribprem .col:nth-child(3),
#tribprem .col:nth-child(4) {
  width: 25%;
  padding: 5px;
}

#tribprem .col:nth-child(2) {
  width: 25%;
  padding: 5px;
  border-left: 1px solid white;
  border-right: 1px solid white;
}
#tribprem .col:nth-child(4){
	 border-left: 1px solid white;
}
#tribprem a{
  color: #fff;
}

#tribpolice {
  left: 360px;
  top: 605px;
}

#tribpaix {
  left: 150px;
  top: 605px;
}

#conseil {
  left: 804px;
  top: 265px;
}

#juradmindegre {
  left: 804px;
  top: 499px;
}

/* Parquet - "P" links - z-index 250 */
.wrap-ps a, .wrap-ps a:hover, .wrap-ps a:focus {
  position: absolute;
  z-index: 250;
  width: 21px;
  height: 21px;
  background: url(../img/icon-p.svg) no-repeat 0 0;
  background-size: contain;
  text-indent: 120%;
  overflow: hidden;
  white-space: nowrap;
  padding-left: 0;
  padding-right: 0;
  opacity: 0;
}

.wrap-ps a:hover{
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}

.wrap-ps.open a {
  opacity: 1;
}

#p-courcass {
  left: 419px;
  top: 245px;
}

#p-courassis {
  left: 658px;
  top: 365px;
}

#p-courtravail {
  left: 197px;
  top: 367px;
}

#p-courappel {
    left: 419px;
    top: 367px;
}

#p-tribpeines {
  left: 658px;
  top: 398px;
}

#p-tribtravail {
	left: 125px;
    top: 470px;
}

#p-tribcomm {
 left:265px;
 top: 470px;
}

#p-tribprem {
	left: 380px;
  top: 470px;
}

#p-tribpolice {
  left: 420px;
  top: 595px;
}

/* Info - bulles - z-index 300 */
.wrap-info div {
  position: absolute;
  left: 385px;
  top: 610px;
  z-index: 300;
  width: 557px;
  background: white;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  padding: 12px 14px 16px;
  opacity: 0;
  transition: 0.15s all;
  color: #333333;
}

.wrap-info div.open {
  opacity: 1;
}

.wrap-info h3 {
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 4px 0;
  padding: 0;
}

.wrap-info p {
  font-size: 12px;
  line-height: 1.2;
}

/*# sourceMappingURL=schema.css.map */