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



/* habillage bouton1 */
.button1 {
	background-color:#a0912e;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-family:ubuntu;
	font-size:16px;
	padding:0.6em 1em;
	text-decoration:none;
	-webkit-box-shadow: 0px 1px 3px #666666;
  	-moz-box-shadow: 0px 1px 3px #666666;
  	box-shadow: 0px 1px 3px #666666;
}

.button1 .arrow {
  display: inline-block;
  text-align: center;
  color: #000;
  font-size: 1em;
  width: 2.5em;
  -webkit-transition: margin 200ms;
  transition: margin 200ms;
  margin-left: .75em;
}


/* bouton1 souris dessus */
.button1:hover {
	background-color: #BEAC37;
}


/* bouton1 appuyer #efb457*/
.button1:active {
	position:relative;
	top:2px;
	color:#fff;
}



/* habillage bouton2 */
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: #a0912e;
  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: #000;
  border-radius: 6px;
}
.button2 .arrow {
  display: inline-block;
  line-height: 2.5em;
  text-align: center;
  background: #897D2E;
  color: #000;
  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: #C1A530;
}
.bt-clair1:hover .arrow {
  margin-left: 1.25em;
  background-color: #A2C61F;
}
.bt-clair1:active {
  background: #d60000;
}
.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;
}



.bt-gris1:hover {
  background: #9C9C9C;
}
.bt-gris1:hover .arrow {
  margin-left: 1.25em;
  background-color: none;
}
.bt-gris1:active {
  background: #B3B3B3;
}
.bt-gris1:active .arrow {
  margin-left: 1.5em;
}







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