/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

#wrap #content #colonneCentre #contenuPrincipal .accordeon > div{
  display:none;
}

#wrap #content #colonneCentre #contenuPrincipal .accordeon .display{
  display:block;
  margin-left: 22px;
}

#wrap #content #colonneCentre #contenuPrincipal .accordeon .display p:first-child {
  margin-top: 0;
}

#wrap #content #colonneCentre #contenuPrincipal .accordeon h1.plus,
#wrap #content #colonneCentre #contenuPrincipal .accordeon h2.plus,
#wrap #content #colonneCentre #contenuPrincipal .accordeon h3.plus,
#wrap #content #colonneCentre #contenuPrincipal .accordeon h4.plus,
#wrap #content #colonneCentre #contenuPrincipal .accordeon h5.plus,
#wrap #content #colonneCentre #contenuPrincipal .accordeon h6.plus{
  background:url("/fileadmin/Gabarit/Images/accordeon_plus.gif") no-repeat 0px 0.85px;
  padding-left: 22px;
  cursor: pointer;
  font-weight: bold;
  /*color: #000;*/
  margin-bottom:10px;
}

#wrap #content #colonneCentre #contenuPrincipal .accordeon h1.minus,
#wrap #content #colonneCentre #contenuPrincipal .accordeon h2.minus,
#wrap #content #colonneCentre #contenuPrincipal .accordeon h3.minus,
#wrap #content #colonneCentre #contenuPrincipal .accordeon h4.minus,
#wrap #content #colonneCentre #contenuPrincipal .accordeon h5.minus,
#wrap #content #colonneCentre #contenuPrincipal .accordeon h6.minus{
  background:url("/fileadmin/Gabarit/Images/accordeon_minus.gif") no-repeat 0px 0.85px;
  padding-left: 22px;
  cursor: pointer;
  font-weight: bold;
  /*color: #000;*/
  margin-bottom:10px;
}

#wrap #content #colonneCentre #contenuPrincipal .accordeon h1.minus,
#wrap #content #colonneCentre #contenuPrincipal .accordeon h1.plus {
  font-size: 2.33em;
  background-position: 0px 10px;
}
#wrap #content #colonneCentre #contenuPrincipal .accordeon h2.minus,
#wrap #content #colonneCentre #contenuPrincipal .accordeon h2.plus {
  font-size: 1.5em;
  background-position: 0px 6px;
  
}
#wrap #content #colonneCentre #contenuPrincipal .accordeon h3.minus,
#wrap #content #colonneCentre #contenuPrincipal .accordeon h3.plus {
  font-size: 1.25em;
  background-position: 0px 3px;
}
#wrap #content #colonneCentre #contenuPrincipal .accordeon h4.minus,
#wrap #content #colonneCentre #contenuPrincipal .accordeon h4.plus {
  font-size: 1.15em;
  background-position: 0px 2px;
}
#wrap #content #colonneCentre #contenuPrincipal .accordeon h5.minus,
#wrap #content #colonneCentre #contenuPrincipal .accordeon h5.plus {
  font-size: 1.15em;
  background-position: 0px 1px;
}
#wrap #content #colonneCentre #contenuPrincipal .accordeon h6.minus,
#wrap #content #colonneCentre #contenuPrincipal .accordeon h6.plus {
  font-size: 1em;
  background-position: 0px 0.85px;
}

#wrap #content #colonneCentre #contenuPrincipal .news .accordeon h2.plus {
  background:url("/fileadmin/Gabarit/Images/accordeon_plus.gif") no-repeat 0px 4px;
  font-size: 1.4em;
}

#wrap #content #colonneCentre #contenuPrincipal .news .accordeon h2.minus {
  background:url("/fileadmin/Gabarit/Images/accordeon_minus.gif") no-repeat 0px 4px;
  font-size: 1.4em;
}