@charset "utf-8";
/* CSS Document */

fd {
  border: solid #fff;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 4px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.button2 {
  display: inline-block;
  background: #FF6600;
  border: 0;
  line-height: 2.5em;
  padding: 0 0 0 1em;
  margin-bottom: 1em;
  outline: none;
  font-family: ubuntu;
  font-size: 16px;
  text-decoration: none;
  color: #fff;
  border-radius: 6px;
}
.button2 .arrow {
  display: inline-block;
  line-height: 2.5em;
  text-align: center;
  background: #fe8c40;
  color: white;
  font-size: 1em;
  width: 2.5em;
  -webkit-transition: margin 200ms;
  transition: margin 200ms;
  margin-left: .75em;
  border-radius: 0px 6px 6px 0px;
}


.bt-clair1:hover {
  background: #fe8c40;
}
.bt-clair1:hover .arrow {
  margin-left: 1.25em;
  background-color: #FF6600;
}
.bt-clair1:active {
  background: #FF6600;
}
.bt-clair1:active .arrow {
  margin-left: 1.5em;
}


.bt-vert1:hover {
  background: #fe8c40;
}
.bt-vert1 .arrow  {
  background: #149b0d;
}
.bt-vert1:hover .arrow {
  margin-left: 1.25em;
  background-color: #11810b;
}
.bt-vert1:active {
  background: #FF6600;
}
.bt-vert1:active .arrow {
  margin-left: 1.5em;
}

.bt-rouge1:hover {
  background: #fe8c40;
}
.bt-rouge1 .arrow {
  background: #f30f29;
}
.bt-rouge1:hover .arrow {
  margin-left: 1.25em;
  background-color: #b9091d;
}
.bt-rouge1:active {
  background: #FF6600;
}
.bt-rouge1:active .arrow {
  margin-left: 1.5em;
}










button::-moz-focus-inner {
  border: none;
}