<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/***********************************************************************************************************************************/
/************************ 							/!\	AVANT D'EDITER /!\									************************/
/************************ 									VOIR					   						************************/
/************************ 							www.dev.equideow.com/doc								************************/
/************************ 						        	  ET											************************/
/************************ 			dev.owlient.eu/wiki/index.php/Guide_Int%C3%A9gration_Equideow			************************/
/***********************************************************************************************************************************/

/***********************************************************************************************************************************/
/* BUTTON - GENERIC ****************************************************************************************************************/
/***********************************************************************************************************************************/

/*bugfix for firefox*/
button::-moz-focus-inner{padding:0;border:0;}
button.disabled,
button[disabled]{
	cursor:auto;
}
.button{
	display: inline-block;
	background-repeat:no-repeat;
	overflow: visible;
	white-space: nowrap;
	cursor: pointer;
	vertical-align:middle;
	font-family: inherit;
	outline:none;
	box-sizing: border-box;
}
a.button,
a.button:hover{
	text-decoration:none;
}


/***********************************************************************************************************************************/
/* BUTTON - FROM SOWCLE ************************************************************************************************************/
/***********************************************************************************************************************************/

.button-style span span{
	background-repeat: no-repeat;
	display:inline-block;
}
.button-style span.left,
.button-style span.right{
	width: 10px;
	background-repeat: no-repeat;
}
.button-style span.left{
	background-position: left top;
}
.button-style span.center{
	border: 0 none;
	overflow: hidden;
	background-repeat: repeat-x;
	background-color: transparent;
	text-align: center;
}


/***********************************************************************************************************************************/
/* BUTTON - STYLE-0 ****************************************************************************************************************/
/***********************************************************************************************************************************/

/* normal **************************************************************************************************************************/
.button-style-0,
.button-style{
	background: -moz-linear-gradient(top, rgba(206,225,91,1) 0%, rgba(168,204,1,1) 2%, rgba(159,192,0,1) 50%, rgba(139,167,0,1) 51%, rgba(130,150,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,225,91,1)), color-stop(2%,rgba(168,204,1,1)), color-stop(50%,rgba(159,192,0,1)), color-stop(51%,rgba(139,167,0,1)), color-stop(100%,rgba(130,150,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(206,225,91,1) 0%,rgba(168,204,1,1) 2%,rgba(159,192,0,1) 50%,rgba(139,167,0,1) 51%,rgba(130,150,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(206,225,91,1) 0%,rgba(168,204,1,1) 2%,rgba(159,192,0,1) 50%,rgba(139,167,0,1) 51%,rgba(130,150,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(206,225,91,1) 0%,rgba(168,204,1,1) 2%,rgba(159,192,0,1) 50%,rgba(139,167,0,1) 51%,rgba(130,150,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(206,225,91,1) 0%,rgba(168,204,1,1) 2%,rgba(159,192,0,1) 50%,rgba(139,167,0,1) 51%,rgba(130,150,0,1) 100%); /* W3C */
	border:1px solid rgba(110, 123, 1, 0.7);
}
.button-inner-0,
.button-style .center{
	display:block;
	border-top: 1px solid #cee15b;
	border-bottom:1px solid rgba(98,119,24, .5);
}
.button-style-0,
.button-style,
.button-inner-0,
.button-style .center{
	border-radius: 5px;
}

/* hover **************************************************************************************************************************/
.button-style-0:hover,
.button-style:hover{
	background: -moz-linear-gradient(top, rgba(220,238,113,1) 0%, rgba(220,238,113,1) 4%, rgba(193,231,33,1) 6%, rgba(187,219,36,1) 50%, rgba(172,194,39,1) 51%, rgba(158,173,45,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(220,238,113,1)), color-stop(4%,rgba(220,238,113,1)), color-stop(6%,rgba(193,231,33,1)), color-stop(50%,rgba(187,219,36,1)), color-stop(51%,rgba(172,194,39,1)), color-stop(100%,rgba(158,173,45,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(220,238,113,1) 0%,rgba(220,238,113,1) 4%,rgba(193,231,33,1) 6%,rgba(187,219,36,1) 50%,rgba(172,194,39,1) 51%,rgba(158,173,45,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(220,238,113,1) 0%,rgba(220,238,113,1) 4%,rgba(193,231,33,1) 6%,rgba(187,219,36,1) 50%,rgba(172,194,39,1) 51%,rgba(158,173,45,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(220,238,113,1) 0%,rgba(220,238,113,1) 4%,rgba(193,231,33,1) 6%,rgba(187,219,36,1) 50%,rgba(172,194,39,1) 51%,rgba(158,173,45,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(220,238,113,1) 0%,rgba(220,238,113,1) 4%,rgba(193,231,33,1) 6%,rgba(187,219,36,1) 50%,rgba(172,194,39,1) 51%,rgba(158,173,45,1) 100%); /* W3C */
	border:1px solid #8e982d;
}
.button-style-0:hover .button-inner-0{
	border-top: 1px solid #dcee71;
	border-bottom:1px solid rgba(126,139,23, .5);
}
.button-text-0,
.button-style .center{
	color: #fff;
	padding:0 7px;
	font-weight: bold;
	line-height: 18px;
	font-size: 12px;

}

/* active **************************************************************************************************************************/
.button-style-0:active{
	border-color:#ACC227;
}


/***********************************************************************************************************************************/
/* BUTTON - STYLE-1 ****************************************************************************************************************/
/***********************************************************************************************************************************/

/* normal **************************************************************************************************************************/
.button-style-1{
	background:none;
	cursor:pointer;
	border:none;
	color:#710;
}
.button-align-1{display:table;}
.button-inner-1{display:table-row;}
.button-text-1{display:table-cell;vertical-align:middle;}

/* hover **************************************************************************************************************************/
.button-style-1:hover .button-text-1{
	text-decoration:underline;
}

/* disabled **************************************************************************************************************************/
.button-style-1.disabled,
.button-style-1[disabled]{
	color:#030;
}
.button-style-1.disabled:hover .button-text-1,
.button-style-1[disabled]:hover .button-text-1{
	text-decoration:none;
}


/***********************************************************************************************************************************/
/* BUTTON - STYLE-2 ****************************************************************************************************************/
/***********************************************************************************************************************************/

/* normal **************************************************************************************************************************/
.button-style-2{
	min-width:140px;
	min-height: 50px;
	background: -moz-linear-gradient(top, rgba(181,213,30,1) 0%, rgba(133,159,26,1) 49%, rgba(99,121,23,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,213,30,1)), color-stop(49%,rgba(133,159,26,1)), color-stop(100%,rgba(99,121,23,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(181,213,30,1) 0%,rgba(133,159,26,1) 49%,rgba(99,121,23,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(181,213,30,1) 0%,rgba(133,159,26,1) 49%,rgba(99,121,23,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(181,213,30,1) 0%,rgba(133,159,26,1) 49%,rgba(99,121,23,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(181,213,30,1) 0%,rgba(133,159,26,1) 49%,rgba(99,121,23,1) 100%); /* W3C */
	border-radius: 5px;
	border:1px solid #fff;
	position:relative;
}
.button-align-2{
	display:table;
	width:100%;
}
.button-inner-2{
	color: #fff;
    display: table-row;
    font-size: 12px;
    font-weight: bold;
    min-height: 46px;
    min-width: 100px;
 }
.button-text-2{
	position:relative;
	display:table-cell;
	height:50px;
	padding: 0 15px;
	vertical-align: middle;
}
.button-inner-2::before{
	background: linear-gradient(to bottom, rgba(193,218,75,1) 0%,rgba(166,189,73,1) 100%); /* W3C */
	border-radius: 5px 5px 8px 8px;
    content: "";
    display: block;
    height: 23px;
    left: 2%;
    opacity: .7;
    position: absolute;
    top: 5%;
    width: 96%;
}
.button-inner-2::before{
	background: -moz-linear-gradient(top, rgba(193,218,75,1) 0%, rgba(166,189,73,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(193,218,75,1)), color-stop(100%,rgba(166,189,73,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(193,218,75,1) 0%,rgba(166,189,73,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(193,218,75,1) 0%,rgba(166,189,73,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(193,218,75,1) 0%,rgba(166,189,73,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(193,218,75,1) 0%,rgba(166,189,73,1) 100%); /* W3C */
}

/* hover **************************************************************************************************************************/
.button-style-2:hover .button-inner-2::before{
	background: -moz-linear-gradient(top, rgba(215,245,79,1) 0%, rgba(186,213,76,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(215,245,79,1)), color-stop(100%,rgba(186,213,76,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(215,245,79,1) 0%,rgba(186,213,76,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(215,245,79,1) 0%,rgba(186,213,76,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(215,245,79,1) 0%,rgba(186,213,76,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(215,245,79,1) 0%,rgba(186,213,76,1) 100%); /* W3C */
	border-radius: 5px 5px 8px 8px;
    content: "";
    display: block;
    height: 23px;
    left: 2%;
    opacity: 0.7;
    position: absolute;
    top: 5%;
    width: 96%;
}
.button-style-2:hover{
	background: -moz-linear-gradient(top, rgba(209,247,35,1) 0%, rgba(156,187,30,1) 49%, rgba(115,140,27,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(209,247,35,1)), color-stop(49%,rgba(156,187,30,1)), color-stop(100%,rgba(115,140,27,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(209,247,35,1) 0%,rgba(156,187,30,1) 49%,rgba(115,140,27,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(209,247,35,1) 0%,rgba(156,187,30,1) 49%,rgba(115,140,27,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(209,247,35,1) 0%,rgba(156,187,30,1) 49%,rgba(115,140,27,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(209,247,35,1) 0%,rgba(156,187,30,1) 49%,rgba(115,140,27,1) 100%); /* W3C */

}

/* active **************************************************************************************************************************/
.button-style-2:active{
	box-shadow:0 0 6px rgba(255,255,255,0.7);
}

/* disabled **************************************************************************************************************************/
.button-style-2.disabled,
.button-style-2[disabled]{
	background: -moz-linear-gradient(top, rgba(140,140,140,1) 0%, rgba(81,81,81,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(140,140,140,1)), color-stop(100%,rgba(81,81,81,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(140,140,140,1) 0%,rgba(81,81,81,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(140,140,140,1) 0%,rgba(81,81,81,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(140,140,140,1) 0%,rgba(81,81,81,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(140,140,140,1) 0%,rgba(81,81,81,1) 100%); /* W3C */
}
.button-style-2.disabled .button-inner-2::before,
.button-style-2[disabled] .button-inner-2::before{
	background: -moz-linear-gradient(top, rgba(162,162,162,1) 0%, rgba(142,142,142,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(162,162,162,1)), color-stop(100%,rgba(142,142,142,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(162,162,162,1) 0%,rgba(142,142,142,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(162,162,162,1) 0%,rgba(142,142,142,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(162,162,162,1) 0%,rgba(142,142,142,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(162,162,162,1) 0%,rgba(142,142,142,1) 100%); /* W3C */
	opacity:.7;
}


/***********************************************************************************************************************************/
/* BUTTON - STYLE-3 ****************************************************************************************************************/
/***********************************************************************************************************************************/

/* normal **************************************************************************************************************************/
.button-style-3{
	background: -moz-linear-gradient(top, rgba(211,195,37,1) 0%, rgba(198,181,17,1) 50%, rgba(186,168,9,1) 51%, rgba(183,165,9,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(211,195,37,1)), color-stop(50%,rgba(198,181,17,1)), color-stop(51%,rgba(186,168,9,1)), color-stop(100%,rgba(183,165,9,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(211,195,37,1) 0%,rgba(198,181,17,1) 50%,rgba(186,168,9,1) 51%,rgba(183,165,9,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(211,195,37,1) 0%,rgba(198,181,17,1) 50%,rgba(186,168,9,1) 51%,rgba(183,165,9,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(211,195,37,1) 0%,rgba(198,181,17,1) 50%,rgba(186,168,9,1) 51%,rgba(183,165,9,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(211,195,37,1) 0%,rgba(198,181,17,1) 50%,rgba(186,168,9,1) 51%,rgba(183,165,9,1) 100%); /* W3C */
	border-radius: 5px;
	border:1px solid #98922d;
}
.button-inner-3{
	display:block;
	border-top: 1px solid #eee250;
	padding:0 7px;
	color: #fff;
	font-weight: bold;
	line-height: 18px;
	font-size: 12px;
	border-radius: 5px;
	border-bottom:1px solid rgba(152,146,45, .5);
}

/* hover ***************************************************************************************************************************/
.button-style-3:hover{
	background: -moz-linear-gradient(top, rgba(222,206,31,1) 0%, rgba(212,196,14,1) 50%, rgba(203,185,7,1) 51%, rgba(194,176,8,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(222,206,31,1)), color-stop(50%,rgba(212,196,14,1)), color-stop(51%,rgba(203,185,7,1)), color-stop(100%,rgba(194,176,8,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(222,206,31,1) 0%,rgba(212,196,14,1) 50%,rgba(203,185,7,1) 51%,rgba(194,176,8,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(222,206,31,1) 0%,rgba(212,196,14,1) 50%,rgba(203,185,7,1) 51%,rgba(194,176,8,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(222,206,31,1) 0%,rgba(212,196,14,1) 50%,rgba(203,185,7,1) 51%,rgba(194,176,8,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(222,206,31,1) 0%,rgba(212,196,14,1) 50%,rgba(203,185,7,1) 51%,rgba(194,176,8,1) 100%); /* W3C */
	border:1px solid #b2a825;
}
.button-style-3:hover .button-inner-3{
	border-top: 1px solid #eee250;
	border-bottom:1px solid rgba(201,183,7, .5);
}

/* active **************************************************************************************************************************/
.button-style-3:active{
	box-shadow:0 0 4px rgba(255,255,255,0.7);
	border-color:#C6B511 ;
}


/***********************************************************************************************************************************/
/* BUTTON - STYLE-0 + STYLE-3 ******************************************************************************************************/
/***********************************************************************************************************************************/

/* disabled ************************************************************************************************************************/
.button-style-0.disabled,
.button-style-0[disabled],
.button-style-3.disabled,
.button-style-3[disabled],
.button-style-0.disabled:hover,
.button-style-0[disabled]:hover,
.button-style-3.disabled:hover,
.button-style-3[disabled]:hover{
	background: linear-gradient(to bottom, #7f7f7f 0%,#777777 50%,#696969 51%,#5d5d5d 100%); /* W3C */
	border:1px solid #676767;
}
.button-style-0.disabled,
.button-style-0[disabled],
.button-style-3.disabled,
.button-style-3[disabled],
.button-style-0.disabled:hover,
.button-style-0[disabled]:hover,
.button-style-3.disabled:hover,
.button-style-3[disabled]:hover{
	background: -moz-linear-gradient(top, rgba(127,127,127,1) 0%, rgba(119,119,119,1) 50%, rgba(105,105,105,1) 51%, rgba(93,93,93,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(127,127,127,1)), color-stop(50%,rgba(119,119,119,1)), color-stop(51%,rgba(105,105,105,1)), color-stop(100%,rgba(93,93,93,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(127,127,127,1) 0%,rgba(119,119,119,1) 50%,rgba(105,105,105,1) 51%,rgba(93,93,93,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(127,127,127,1) 0%,rgba(119,119,119,1) 50%,rgba(105,105,105,1) 51%,rgba(93,93,93,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(127,127,127,1) 0%,rgba(119,119,119,1) 50%,rgba(105,105,105,1) 51%,rgba(93,93,93,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(127,127,127,1) 0%,rgba(119,119,119,1) 50%,rgba(105,105,105,1) 51%,rgba(93,93,93,1) 100%); /* W3C */
}
.button-style-0.disabled .button-inner-0,
.button-style-0[disabled] .button-inner-0,
.button-style-3.disabled .button-inner-3,
.button-style-3[disabled] .button-inner-3{
	display:block;
	border-top: 1px solid #b2b2b2;
	color: #fff;
	font-weight: bold;
	line-height: 18px;
	font-size: 12px;
	border-bottom:1px solid rgba(84,84,84, .5);
}
.button-style-0.disabled,
.button-style-0[disabled],
.button-style-3.disabled,
.button-style-3[disabled],
.button-style-0.disabled:hover,
.button-style-0[disabled]:hover,
.button-style-3.disabled:hover,
.button-style-3[disabled]:hover,
.button-style-0.disabled .button-inner-0,
.button-style-0[disabled] .button-inner-0,
.button-style-3.disabled .button-inner-3,
.button-style-3[disabled] .button-inner-3{
	border-radius: 5px;
}

/***********************************************************************************************************************************/
/* BUTTON - STYLE-4 ****************************************************************************************************************/
/***********************************************************************************************************************************/

/* normal + disabled ***************************************************************************************************************/
.button-style-4,
.button-style-4.disabled:hover,
.button-style-4[disabled]:hover{
	background: linear-gradient(to bottom,  #00c0d7 0%,#00b9ce 26%,#00a2b7 71%,#01a4b7 74%,#009fb2 81%,#0099ab 100%);
	padding:0 7px;
	line-height:20px;
	border-width:1px;
	border-style:solid;
	border-color:rgba(20, 110, 124, 0.5);
	border-radius:7px;
	box-shadow:0 2px 4px rgba(51, 51, 51, 0.3);
	text-shadow:0 1px 1px #333;
	outline:none;
	text-align:center;font-size:12px;font-weight:bold;color:#fff;}
.button-style-4,
.button-style-4.disabled:hover,
.button-style-4[disabled]:hover{
	background: -moz-linear-gradient(top, rgba(0,192,215,1) 0%, rgba(0,185,206,1) 26%, rgba(0,162,183,1) 71%, rgba(1,164,183,1) 74%, rgba(0,159,178,1) 81%, rgba(0,153,171,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,192,215,1)), color-stop(26%,rgba(0,185,206,1)), color-stop(71%,rgba(0,162,183,1)), color-stop(74%,rgba(1,164,183,1)), color-stop(81%,rgba(0,159,178,1)), color-stop(100%,rgba(0,153,171,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,192,215,1) 0%,rgba(0,185,206,1) 26%,rgba(0,162,183,1) 71%,rgba(1,164,183,1) 74%,rgba(0,159,178,1) 81%,rgba(0,153,171,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,192,215,1) 0%,rgba(0,185,206,1) 26%,rgba(0,162,183,1) 71%,rgba(1,164,183,1) 74%,rgba(0,159,178,1) 81%,rgba(0,153,171,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,192,215,1) 0%,rgba(0,185,206,1) 26%,rgba(0,162,183,1) 71%,rgba(1,164,183,1) 74%,rgba(0,159,178,1) 81%,rgba(0,153,171,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,192,215,1) 0%,rgba(0,185,206,1) 26%,rgba(0,162,183,1) 71%,rgba(1,164,183,1) 74%,rgba(0,159,178,1) 81%,rgba(0,153,171,1) 100%); /* W3C */
}

/***********************************************************************************************************************************/
/* BUTTON - STYLE-4 + BUTTON - STYLE-6 *********************************************************************************************/
/***********************************************************************************************************************************/

/* hover ***************************************************************************************************************************/
.button-style-4:hover,
.button-style-6:hover{
	background: linear-gradient(to bottom,  #00cde0 0%,#00c4d4 37%,#00bfd1 43%,#00c0cf 48%,#00b9cb 58%,#00bac9 66%,#01b2c2 81%,#00afbe 100%);
	border-color:#26a1b6;
	box-shadow:0 1px 4px rgba(51, 51, 51, 0.3);
}
.button-style-4:hover,
.button-style-6:hover{
	background: -moz-linear-gradient(top, rgba(0,205,224,1) 0%, rgba(0,196,212,1) 37%, rgba(0,191,209,1) 43%, rgba(0,192,207,1) 48%, rgba(0,185,203,1) 58%, rgba(0,186,201,1) 66%, rgba(1,178,194,1) 81%, rgba(0,175,190,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,205,224,1)), color-stop(37%,rgba(0,196,212,1)), color-stop(43%,rgba(0,191,209,1)), color-stop(48%,rgba(0,192,207,1)), color-stop(58%,rgba(0,185,203,1)), color-stop(66%,rgba(0,186,201,1)), color-stop(81%,rgba(1,178,194,1)), color-stop(100%,rgba(0,175,190,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,205,224,1) 0%,rgba(0,196,212,1) 37%,rgba(0,191,209,1) 43%,rgba(0,192,207,1) 48%,rgba(0,185,203,1) 58%,rgba(0,186,201,1) 66%,rgba(1,178,194,1) 81%,rgba(0,175,190,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,205,224,1) 0%,rgba(0,196,212,1) 37%,rgba(0,191,209,1) 43%,rgba(0,192,207,1) 48%,rgba(0,185,203,1) 58%,rgba(0,186,201,1) 66%,rgba(1,178,194,1) 81%,rgba(0,175,190,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,205,224,1) 0%,rgba(0,196,212,1) 37%,rgba(0,191,209,1) 43%,rgba(0,192,207,1) 48%,rgba(0,185,203,1) 58%,rgba(0,186,201,1) 66%,rgba(1,178,194,1) 81%,rgba(0,175,190,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,205,224,1) 0%,rgba(0,196,212,1) 37%,rgba(0,191,209,1) 43%,rgba(0,192,207,1) 48%,rgba(0,185,203,1) 58%,rgba(0,186,201,1) 66%,rgba(1,178,194,1) 81%,rgba(0,175,190,1) 100%); /* W3C */

}

/* active **************************************************************************************************************************/
.button-style-4:active,
.button-style-6:active{box-shadow:0 -1px 4px rgba(51, 51, 51, 0.3);}

/* disabled ************************************************************************************************************************/
.button-style-4.disabled,
.button-style-4[disabled],
.button-style-6.disabled,
.button-style-6[disabled]{opacity:.7;cursor:default;}


/***********************************************************************************************************************************/
/* BUTTON - STYLE-5 ****************************************************************************************************************/
/***********************************************************************************************************************************/

/* normal **************************************************************************************************************************/
.button-style-5{
	background: linear-gradient(to bottom,  #ecf4ab 0%,#e8f1a2 28%,#e1ec8e 55%,#d8e87d 88%,#d8e677 100%);
	min-height:48px;
	border:none;
	border-radius:4px;
	box-shadow:0 2px 4px rgba(51, 51, 51, 0.3);
	text-shadow:0 1px 1px #fff;
	text-align:center;
	outline:none;
	font-size:15px;font-weight:bold;color:#003300;}
.button-style-5{
	background: -moz-linear-gradient(top, rgba(236,244,171,1) 0%, rgba(232,241,162,1) 28%, rgba(225,236,142,1) 55%, rgba(216,232,125,1) 88%, rgba(216,230,119,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236,244,171,1)), color-stop(28%,rgba(232,241,162,1)), color-stop(55%,rgba(225,236,142,1)), color-stop(88%,rgba(216,232,125,1)), color-stop(100%,rgba(216,230,119,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(236,244,171,1) 0%,rgba(232,241,162,1) 28%,rgba(225,236,142,1) 55%,rgba(216,232,125,1) 88%,rgba(216,230,119,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(236,244,171,1) 0%,rgba(232,241,162,1) 28%,rgba(225,236,142,1) 55%,rgba(216,232,125,1) 88%,rgba(216,230,119,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(236,244,171,1) 0%,rgba(232,241,162,1) 28%,rgba(225,236,142,1) 55%,rgba(216,232,125,1) 88%,rgba(216,230,119,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(236,244,171,1) 0%,rgba(232,241,162,1) 28%,rgba(225,236,142,1) 55%,rgba(216,232,125,1) 88%,rgba(216,230,119,1) 100%); /* W3C */
}
.button-style-5 span{
	float:inherit;
}
.button-align-5{
	display:table;
}
.button-inner-5{
 	display: table-row;
}
.button-text-5{
	position:relative;
	display:table-cell;
	height:45px;
	padding: 0 15px;
	vertical-align: middle;
}
.button-text-5 em{
	display:block;font-size:13px;font-style:normal;color:#586d23;
}

/* hover **************************************************************************************************************************/
.button-style-5:hover{
	background: linear-gradient(to bottom,  #f1f8c5 0%,#f1f5c2 23%,#eef6bd 30%,#ebf3b7 48%,#e8f0a3 70%,#e4ed90 100%);
	box-shadow:0 1px 4px rgba(51, 51, 51, 0.3);
}
.button-style-5:hover{
	background: -moz-linear-gradient(top, rgba(241,248,197,1) 0%, rgba(241,245,194,1) 23%, rgba(238,246,189,1) 30%, rgba(235,243,183,1) 48%, rgba(232,240,163,1) 70%, rgba(228,237,144,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,248,197,1)), color-stop(23%,rgba(241,245,194,1)), color-stop(30%,rgba(238,246,189,1)), color-stop(48%,rgba(235,243,183,1)), color-stop(70%,rgba(232,240,163,1)), color-stop(100%,rgba(228,237,144,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(241,248,197,1) 0%,rgba(241,245,194,1) 23%,rgba(238,246,189,1) 30%,rgba(235,243,183,1) 48%,rgba(232,240,163,1) 70%,rgba(228,237,144,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(241,248,197,1) 0%,rgba(241,245,194,1) 23%,rgba(238,246,189,1) 30%,rgba(235,243,183,1) 48%,rgba(232,240,163,1) 70%,rgba(228,237,144,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(241,248,197,1) 0%,rgba(241,245,194,1) 23%,rgba(238,246,189,1) 30%,rgba(235,243,183,1) 48%,rgba(232,240,163,1) 70%,rgba(228,237,144,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(241,248,197,1) 0%,rgba(241,245,194,1) 23%,rgba(238,246,189,1) 30%,rgba(235,243,183,1) 48%,rgba(232,240,163,1) 70%,rgba(228,237,144,1) 100%); /* W3C */
}

/* active **************************************************************************************************************************/
.button-style-5:active{
	background: linear-gradient(to bottom,  #d9e495 0%,#d9e291 15%,#d5e18d 23%,#d7e18b 30%,#cad970 78%,#c7d868 100%);
	box-shadow:0 -1px 4px rgba(51, 51, 51, 0.3);
}
.button-style-5:active{
	background: -moz-linear-gradient(top, rgba(217,228,149,1) 0%, rgba(217,226,145,1) 15%, rgba(213,225,141,1) 23%, rgba(215,225,139,1) 30%, rgba(202,217,112,1) 78%, rgba(199,216,104,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(217,228,149,1)), color-stop(15%,rgba(217,226,145,1)), color-stop(23%,rgba(213,225,141,1)), color-stop(30%,rgba(215,225,139,1)), color-stop(78%,rgba(202,217,112,1)), color-stop(100%,rgba(199,216,104,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(217,228,149,1) 0%,rgba(217,226,145,1) 15%,rgba(213,225,141,1) 23%,rgba(215,225,139,1) 30%,rgba(202,217,112,1) 78%,rgba(199,216,104,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(217,228,149,1) 0%,rgba(217,226,145,1) 15%,rgba(213,225,141,1) 23%,rgba(215,225,139,1) 30%,rgba(202,217,112,1) 78%,rgba(199,216,104,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(217,228,149,1) 0%,rgba(217,226,145,1) 15%,rgba(213,225,141,1) 23%,rgba(215,225,139,1) 30%,rgba(202,217,112,1) 78%,rgba(199,216,104,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(217,228,149,1) 0%,rgba(217,226,145,1) 15%,rgba(213,225,141,1) 23%,rgba(215,225,139,1) 30%,rgba(202,217,112,1) 78%,rgba(199,216,104,1) 100%); /* W3C */
}


/***********************************************************************************************************************************/
/* BUTTON - STYLE-6 ****************************************************************************************************************/
/***********************************************************************************************************************************/

/* normal + disabled ***************************************************************************************************************/
.button-style-6,
.button-style-6.disabled:hover,
.button-style-6[disabled]:hover{
	background: linear-gradient(to bottom,  #00c0d7 0%,#00b9ce 26%,#00a2b7 71%,#01a4b7 74%,#009fb2 81%,#0099ab 100%);
	border-width:1px;
	border-style:solid;
	border-color:rgba(20, 110, 124, 0.5);
	border-radius:7px;
	box-shadow:0 2px 4px rgba(51, 51, 51, 0.3);
	text-shadow:0 1px 1px #333;
	outline:none;
	text-align:center;font-size:24px;font-weight:bold;color:#fff;}
.button-style-6,
.button-style-6.disabled:hover,
.button-style-6[disabled]:hover{
	background: -moz-linear-gradient(top, rgba(0,192,215,1) 0%, rgba(0,185,206,1) 26%, rgba(0,162,183,1) 71%, rgba(1,164,183,1) 74%, rgba(0,159,178,1) 81%, rgba(0,153,171,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,192,215,1)), color-stop(26%,rgba(0,185,206,1)), color-stop(71%,rgba(0,162,183,1)), color-stop(74%,rgba(1,164,183,1)), color-stop(81%,rgba(0,159,178,1)), color-stop(100%,rgba(0,153,171,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,192,215,1) 0%,rgba(0,185,206,1) 26%,rgba(0,162,183,1) 71%,rgba(1,164,183,1) 74%,rgba(0,159,178,1) 81%,rgba(0,153,171,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,192,215,1) 0%,rgba(0,185,206,1) 26%,rgba(0,162,183,1) 71%,rgba(1,164,183,1) 74%,rgba(0,159,178,1) 81%,rgba(0,153,171,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,192,215,1) 0%,rgba(0,185,206,1) 26%,rgba(0,162,183,1) 71%,rgba(1,164,183,1) 74%,rgba(0,159,178,1) 81%,rgba(0,153,171,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,192,215,1) 0%,rgba(0,185,206,1) 26%,rgba(0,162,183,1) 71%,rgba(1,164,183,1) 74%,rgba(0,159,178,1) 81%,rgba(0,153,171,1) 100%); /* W3C */
}
.button-style-6 span{float:inherit;}
.button-align-6{
	display:table;
}
.button-inner-6{
 	display: table-row;
}
.button-text-6{
	height: 24px;
	font-size:17px;
	position:relative;
	display:table-cell;
	padding: 8px 20px;
	vertical-align: middle;
}
.button-style-6 em{
	display:block;
	font-size:14px;
	font-style:normal;
}


/***********************************************************************************************************************************/
/* BUTTON - STYLE-7 ****************************************************************************************************************/
/***********************************************************************************************************************************/

.button-style-7{
	background: linear-gradient(to bottom,  rgba(237,223,70,1) 0%,rgba(216,200,31,1) 6%,rgba(216,200,31,1) 50%,rgba(193,174,11,1) 56%,rgba(193,174,11,1) 94%,rgba(182,164,10,1) 100%); /* W3C */
	position: relative;
	height: 21px;
	width: 21px;
	border-radius: 15px;
	border:1px solid #98922d;
}
.button-style-7{
	background: -moz-linear-gradient(top, rgba(237,223,70,1) 0%, rgba(216,200,31,1) 6%, rgba(216,200,31,1) 50%, rgba(193,174,11,1) 56%, rgba(193,174,11,1) 94%, rgba(182,164,10,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,223,70,1)), color-stop(6%,rgba(216,200,31,1)), color-stop(50%,rgba(216,200,31,1)), color-stop(56%,rgba(193,174,11,1)), color-stop(94%,rgba(193,174,11,1)), color-stop(100%,rgba(182,164,10,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(237,223,70,1) 0%,rgba(216,200,31,1) 6%,rgba(216,200,31,1) 50%,rgba(193,174,11,1) 56%,rgba(193,174,11,1) 94%,rgba(182,164,10,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(237,223,70,1) 0%,rgba(216,200,31,1) 6%,rgba(216,200,31,1) 50%,rgba(193,174,11,1) 56%,rgba(193,174,11,1) 94%,rgba(182,164,10,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(237,223,70,1) 0%,rgba(216,200,31,1) 6%,rgba(216,200,31,1) 50%,rgba(193,174,11,1) 56%,rgba(193,174,11,1) 94%,rgba(182,164,10,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(237,223,70,1) 0%,rgba(216,200,31,1) 6%,rgba(216,200,31,1) 50%,rgba(193,174,11,1) 56%,rgba(193,174,11,1) 94%,rgba(182,164,10,1) 100%); /* W3C */
}
.button-style-7 .button-align-7{
	display: block;
	height: 18px;
	border-radius: 15px;
}
.button-inner-7{
	width: 9px;
	height: 3px;
	position: absolute;
	background:#fff;
	top:8px;
	left:5px;
}
.button-text-7{
	width: 3px;
	height: 9px;
	position: absolute;
	background:#fff;
	top: -3px;
	left: 3px;
}

/* hover ***************************************************************************************************************************/
.button-style-7:hover{
	background: linear-gradient(to bottom,  rgba(243,230,80,1) 0%,rgba(234,220,58,1) 6%,rgba(229,215,50,1) 11%,rgba(220,205,41,1) 50%,rgba(212,194,37,1) 56%,rgba(212,194,37,1) 89%,rgba(209,192,37,1) 94%,rgba(183,166,16,1) 100%); /* W3C */
	border:1px solid #B2A825;
}
.button-style-7:hover{
	background: -moz-linear-gradient(top, rgba(243,230,80,1) 0%, rgba(234,220,58,1) 6%, rgba(229,215,50,1) 11%, rgba(220,205,41,1) 50%, rgba(212,194,37,1) 56%, rgba(212,194,37,1) 89%, rgba(209,192,37,1) 94%, rgba(183,166,16,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,230,80,1)), color-stop(6%,rgba(234,220,58,1)), color-stop(11%,rgba(229,215,50,1)), color-stop(50%,rgba(220,205,41,1)), color-stop(56%,rgba(212,194,37,1)), color-stop(89%,rgba(212,194,37,1)), color-stop(94%,rgba(209,192,37,1)), color-stop(100%,rgba(183,166,16,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(243,230,80,1) 0%,rgba(234,220,58,1) 6%,rgba(229,215,50,1) 11%,rgba(220,205,41,1) 50%,rgba(212,194,37,1) 56%,rgba(212,194,37,1) 89%,rgba(209,192,37,1) 94%,rgba(183,166,16,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(243,230,80,1) 0%,rgba(234,220,58,1) 6%,rgba(229,215,50,1) 11%,rgba(220,205,41,1) 50%,rgba(212,194,37,1) 56%,rgba(212,194,37,1) 89%,rgba(209,192,37,1) 94%,rgba(183,166,16,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(243,230,80,1) 0%,rgba(234,220,58,1) 6%,rgba(229,215,50,1) 11%,rgba(220,205,41,1) 50%,rgba(212,194,37,1) 56%,rgba(212,194,37,1) 89%,rgba(209,192,37,1) 94%,rgba(183,166,16,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(243,230,80,1) 0%,rgba(234,220,58,1) 6%,rgba(229,215,50,1) 11%,rgba(220,205,41,1) 50%,rgba(212,194,37,1) 56%,rgba(212,194,37,1) 89%,rgba(209,192,37,1) 94%,rgba(183,166,16,1) 100%); /* W3C */
}
.button-style-7:hover .bouton-align-7{
	border:1px solid #adce36;
}

/* disabled ************************************************************************************************************************/
.button-style-7.disabled,
.button-style-7[disabled]{
	background: linear-gradient(to bottom, rgba(164,164,164,1) 0%,rgba(153,153,153,1) 48%,rgba(122,122,122,1) 57%,rgba(110,110,110,1) 100%); /* W3C */
	border:1px solid #6f6f6f;
}
.button-style-7.disabled,
.button-style-7[disabled]{
	background: -moz-linear-gradient(top, rgba(164,164,164,1) 0%, rgba(153,153,153,1) 48%, rgba(122,122,122,1) 57%, rgba(110,110,110,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(164,164,164,1)), color-stop(48%,rgba(153,153,153,1)), color-stop(57%,rgba(122,122,122,1)), color-stop(100%,rgba(110,110,110,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(164,164,164,1) 0%,rgba(153,153,153,1) 48%,rgba(122,122,122,1) 57%,rgba(110,110,110,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(164,164,164,1) 0%,rgba(153,153,153,1) 48%,rgba(122,122,122,1) 57%,rgba(110,110,110,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(164,164,164,1) 0%,rgba(153,153,153,1) 48%,rgba(122,122,122,1) 57%,rgba(110,110,110,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(164,164,164,1) 0%,rgba(153,153,153,1) 48%,rgba(122,122,122,1) 57%,rgba(110,110,110,1) 100%); /* W3C */
}
.button-style-7.disabled .button-align-7,
.button-style-7[disabled] .button-align-7{
	border-top: 1px solid #b5b5b5;
	border-bottom: 1px solid #616161;
}

/* active **************************************************************************************************************************/
.button-style-7:active{
	box-shadow:0 0 4px rgba(255,255,255,0.7);
	border-color:#C6B511 ;
}

/* debug link **********************************************************************************************************************/
a.button-style-7{
	width:19px;
	height:19px;
}


/***********************************************************************************************************************************/
/* BUTTON - STYLE-8 ****************************************************************************************************************/
/***********************************************************************************************************************************/

.button-style-8{
	background:#eae99e;
	min-height:30px;
	min-width:70px;
	padding:0 3px;
	border:none;
	border-radius:3px;
	box-shadow:0 1px 2px #c0bf77;
	box-sizing:border-box;
	color:#771129;
	transition:background .2s;
}
.button-style-8:hover{
	background:#fcfbcf;
}
.button-style-8.disabled,
.button-style-8[disabled]{
	background:#cece6c;
}
.button-align-8{
	display:table;
	width:100%;
}
.button-inner-8{
	display:table-row;
}
.button-text-8{
	display:table-cell;
	vertical-align:middle;
}


/***********************************************************************************************************************************/
/* STYLE 9 *************************************************************************************************************************/
/***********************************************************************************************************************************/

/** normal *************************************************************************************************************************/ 
.button-style-9{
	background:#63cfd0;
	position: relative;
	border-width:2px;
	border-style: solid;
	border-color: #4aa5a6;
	border-radius: 5px;
	text-shadow:none;
	overflow: hidden;
}
.button-align-9{
	position: relative;
	z-index: 1;
	display: table;
	width: 100%;
}
.button-inner-9{
	display: table-row;
}
.button-text-9{
	display: table-cell;
	height: 38px;
	vertical-align: middle;
	padding: 0 20px;
	text-align: center;
	font-size: 16px;
	font-weight:bold;
	color: #fff;
}
button:not(.disabled) .button-text-9{
	text-shadow : 0 1px 1px rgba(0,0,0,.35);
}

/** hover **************************************************************************************************************************/ 
.button-style-9::after{
	background: #6be0e1;
}

/** disabled ***********************************************************************************************************************/ 
.button-style-9.disabled,
.button-style-9[disabled]{
	background:#D0D0D0;
	border-color: #D0D0D0;
}
.button-style-9.disabled .button-text-9,
.button-style-9[disabled] .button-text-9{
	color: #808080;
}

.button-style-9.disabled::after,
.button-style-9[disabled]::after{
	background: transparent;
}
.button-style-9.disabled:focus,
.button-style-9[disabled]:focus{
	border-color: transparent;
}


/***********************************************************************************************************************************/
/* STYLE 10 *************************************************************************************************************************/
/***********************************************************************************************************************************/

/** normal *************************************************************************************************************************/ 
.button-style-10{
	background:#fff;
	position: relative;
	border-width:2px;
	border-style: solid;
	border-color: #af9c8c;
	border-radius: 5px;
	text-shadow:none;
	overflow: hidden;
}
.button-align-10{
	position: relative;
	z-index: 1;
	display: table;
	width: 100%;
}
.button-inner-10{
	display: table-row;
}
.button-text-10{
	display: table-cell;
	height: 38px;
	vertical-align: middle;
	padding: 0 20px;
	text-align: center;
	font-size: 16px;
	font-weight:bold;
	color: #af9c8c;
}

/** hover **************************************************************************************************************************/ 
.button-style-10::after{
	background: #efefef;
}

/** disabled ***********************************************************************************************************************/ 
.button-style-10.disabled,
.button-style-10[disabled]{
	background: #D0D0D0;
	border-color: #D0D0D0;
}
.button-style-10.disabled .button-text-10,
.button-style-10[disabled] .button-text-10{
	color: #808080;
}

.button-style-10.disabled::after,
.button-style-10[disabled]::after{
	background: transparent;
}
.button-style-10.disabled:focus,
.button-style-10[disabled]:focus{
	border-color: transparent;
}


/***********************************************************************************************************************************/
/* BUTTON - STYLE-14 ***************************************************************************************************************/
/***********************************************************************************************************************************/

.button-style-14{
	background: linear-gradient(to bottom, rgba(182,216,32,1) 1%,rgba(175,204,34,1) 48%,rgba(143,160,35,1) 57%,rgba(147,166,37,1) 100%); /* W3C */
	height: 21px;
	width: 21px;
	border-radius: 15px;
	border:1px solid #7c8923;
	position: relative;
}
.button-style-14{
	background: -moz-linear-gradient(top, rgba(182,216,32,1) 1%, rgba(175,204,34,1) 48%, rgba(143,160,35,1) 57%, rgba(147,166,37,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(182,216,32,1)), color-stop(48%,rgba(175,204,34,1)), color-stop(57%,rgba(143,160,35,1)), color-stop(100%,rgba(147,166,37,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(182,216,32,1) 1%,rgba(175,204,34,1) 48%,rgba(143,160,35,1) 57%,rgba(147,166,37,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(182,216,32,1) 1%,rgba(175,204,34,1) 48%,rgba(143,160,35,1) 57%,rgba(147,166,37,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(182,216,32,1) 1%,rgba(175,204,34,1) 48%,rgba(143,160,35,1) 57%,rgba(147,166,37,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(182,216,32,1) 1%,rgba(175,204,34,1) 48%,rgba(143,160,35,1) 57%,rgba(147,166,37,1) 100%); /* W3C */
}
.button-style-14 .button-align-14{
	display: block;
	height: 18px;
	border-radius: 15px;
	border-top: 1px solid #bed63f;
	border-bottom: 1px solid #5d6a0e;
}
.button-inner-14{
	width: 9px;
	height: 3px;
	position: absolute;
	background:#fff;
	top:8px;
	left:5px;
}
.button-text-14{
	width: 3px;
	height: 9px;
	position: absolute;
	background:#fff;
	top: -3px;
	left: 3px;
}

/* hover **************************************************************************************************************************/
.button-style-14:hover{
	background: linear-gradient(to bottom, rgba(156,198,18,1) 0%,rgba(141,179,15,1) 48%,rgba(122,151,13,1) 57%,rgba(103,118,10,1) 100%); /* W3C */
	border:1px solid #747e21;
}
.button-style-14:hover{
	background: -moz-linear-gradient(top, rgba(156,198,18,1) 1%, rgba(141,179,15,1) 48%, rgba(122,151,13,1) 57%, rgba(103,118,10,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(156,198,18,1)), color-stop(48%,rgba(141,179,15,1)), color-stop(57%,rgba(122,151,13,1)), color-stop(100%,rgba(103,118,10,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(156,198,18,1) 1%,rgba(141,179,15,1) 48%,rgba(122,151,13,1) 57%,rgba(103,118,10,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(156,198,18,1) 1%,rgba(141,179,15,1) 48%,rgba(122,151,13,1) 57%,rgba(103,118,10,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(156,198,18,1) 1%,rgba(141,179,15,1) 48%,rgba(122,151,13,1) 57%,rgba(103,118,10,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(156,198,18,1) 1%,rgba(141,179,15,1) 48%,rgba(122,151,13,1) 57%,rgba(103,118,10,1) 100%); /* W3C */
}
.button-style-14:hover .bouton-align-14{
	border:1px solid #adce36;	
}

/* disabled ***********************************************************************************************************************/
.button-style-14.disabled,
.button-style-14[disabled]{
	background: linear-gradient(to bottom, rgba(164,164,164,1) 0%,rgba(153,153,153,1) 48%,rgba(122,122,122,1) 57%,rgba(110,110,110,1) 100%); /* W3C */
	border:1px solid #6f6f6f;
}
.button-style-14.disabled,
.button-style-14[disabled]{
	background: -moz-linear-gradient(top, rgba(164,164,164,1) 1%, rgba(153,153,153,1) 48%, rgba(122,122,122,1) 57%, rgba(110,110,110,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(164,164,164,1)), color-stop(48%,rgba(153,153,153,1)), color-stop(57%,rgba(122,122,122,1)), color-stop(100%,rgba(110,110,110,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(164,164,164,1) 1%,rgba(153,153,153,1) 48%,rgba(122,122,122,1) 57%,rgba(110,110,110,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(164,164,164,1) 1%,rgba(153,153,153,1) 48%,rgba(122,122,122,1) 57%,rgba(110,110,110,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(164,164,164,1) 1%,rgba(153,153,153,1) 48%,rgba(122,122,122,1) 57%,rgba(110,110,110,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(164,164,164,1) 1%,rgba(153,153,153,1) 48%,rgba(122,122,122,1) 57%,rgba(110,110,110,1) 100%); /* W3C */
}
.button-style-14.disabled .button-align-14,
.button-style-14[disabled] .button-align-14{
	border-top: 1px solid #b5b5b5;
	border-bottom: 1px solid #616161;
}

/* active **************************************************************************************************************************/
.button-style-14:active{
	border-color:#ACC227;
}

/* debug link **********************************************************************************************************************/
a.button-style-14{
	width:19px;
	height:19px;
}

/********************************* BUTTON-STYLE-14 dans MODULE-STYLE-17 ****************************************/

.module-style-17 .button-style-14{
	background: #D1e6f1;
	position: relative;
	left: 10px;
	height: 19px;
	width: 19px;
	border-radius: 15px;	
	border:1px solid #f5f8fa;
	box-shadow: 0 0 3px 2px rgba(137,172,195,.8);
}
.module-style-17 .button-style-14:hover{
	background: #fff;
	border:1px solid #fff;
	box-shadow: 0 0 3px 1px rgba(255,255,255,.5);
}
.module-style-17 .button-style-14.disabled,
.module-style-17 .button-style-14[disabled]{
	background: -moz-linear-gradient(top, rgba(164,164,164,1) 0%, rgba(153,153,153,1) 48%, rgba(122,122,122,1) 57%, rgba(110,110,110,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(164,164,164,1)), color-stop(48%,rgba(153,153,153,1)), color-stop(57%,rgba(122,122,122,1)), color-stop(100%,rgba(110,110,110,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(164,164,164,1) 0%,rgba(153,153,153,1) 48%,rgba(122,122,122,1) 57%,rgba(110,110,110,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(164,164,164,1) 0%,rgba(153,153,153,1) 48%,rgba(122,122,122,1) 57%,rgba(110,110,110,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(164,164,164,1) 0%,rgba(153,153,153,1) 48%,rgba(122,122,122,1) 57%,rgba(110,110,110,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(164,164,164,1) 0%,rgba(153,153,153,1) 48%,rgba(122,122,122,1) 57%,rgba(110,110,110,1) 100%); /* W3C */
	border:1px solid #6f6f6f;
}
.module-style-17 .button-style-14 .button-align-14,
.module-style-17 .button-style-14:hover .bouton-align-14,
.module-style-17 .button-style-14.disabled .button-align-14,
.module-style-17 .button-style-14[disabled] .button-align-14{
	border: none;
}
.module-style-17 .button-inner-14{
	width: 9px;
	height: 3px;
	top:7px;
	left:4px;
}
.module-style-17 .button-text-14{
	width: 3px;
	height: 9px;
	top: -3px;
	left: 3px;
}
.module-style-17 .button-inner-14,
.module-style-17 .button-text-14{
	background: #085a89;
	position: absolute;	
	border-bottom: 1px solid #fff;	
}
.module-style-17 .options.selected .options-button .button-style-14{
	box-shadow: inherit;
}
.module-style-17 .options.selected .options-button{
	left: 2px;
}
.module-style-17 .options .options-menu{
	left: -116px;
}


/***********************************************************************************************************************************/
/* BUTTON - STYLE-15 ***************************************************************************************************************/
/***********************************************************************************************************************************/

.button-style-15{
	background: linear-gradient(to bottom, rgba(156,198,18,1) 0%,rgba(141,179,15,1) 48%,rgba(122,151,13,1) 57%,rgba(103,118,10,1) 100%); /* W3C */
	position: relative;
	height: 14px;
	width: 20px;
	border-radius: 5px;
	border:1px solid #747e21;
}
.button-style-15{
	background: -moz-linear-gradient(top, rgba(156,198,18,1) 0%, rgba(141,179,15,1) 48%, rgba(122,151,13,1) 57%, rgba(103,118,10,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(156,198,18,1)), color-stop(48%,rgba(141,179,15,1)), color-stop(57%,rgba(122,151,13,1)), color-stop(100%,rgba(103,118,10,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(156,198,18,1) 0%,rgba(141,179,15,1) 48%,rgba(122,151,13,1) 57%,rgba(103,118,10,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(156,198,18,1) 0%,rgba(141,179,15,1) 48%,rgba(122,151,13,1) 57%,rgba(103,118,10,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(156,198,18,1) 0%,rgba(141,179,15,1) 48%,rgba(122,151,13,1) 57%,rgba(103,118,10,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(156,198,18,1) 0%,rgba(141,179,15,1) 48%,rgba(122,151,13,1) 57%,rgba(103,118,10,1) 100%); /* W3C */
}
.button-style-15 .button-align-15{
	display: block;
	height: 11px;
	border-radius: 5px;
	border-top: 1px solid #bed63f;
	border-bottom: 1px solid #5d6a0e;
}
.button-inner-15{
	width: 8px;
	height: 2px;
	position: absolute;
	background: #fff;
	top:5px;
	left:5px;
}
.button-text-15{
	width: 2px;
	height: 8px;
	position: absolute;
	background: #fff;
	top: -3px;
	left: 3px;
}

/* hover ***************************************************************************************************************************/
.button-style-15:hover{
	background: linear-gradient(to bottom, rgba(182,216,32,1) 1%,rgba(175,204,34,1) 48%,rgba(143,160,35,1) 57%,rgba(147,166,37,1) 100%); /* W3C */
	border:1px solid #7c8923;
}
.button-style-15:hover{
	background: -moz-linear-gradient(top, rgba(182,216,32,1) 1%, rgba(175,204,34,1) 48%, rgba(143,160,35,1) 57%, rgba(147,166,37,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(182,216,32,1)), color-stop(48%,rgba(175,204,34,1)), color-stop(57%,rgba(143,160,35,1)), color-stop(100%,rgba(147,166,37,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(182,216,32,1) 1%,rgba(175,204,34,1) 48%,rgba(143,160,35,1) 57%,rgba(147,166,37,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(182,216,32,1) 1%,rgba(175,204,34,1) 48%,rgba(143,160,35,1) 57%,rgba(147,166,37,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(182,216,32,1) 1%,rgba(175,204,34,1) 48%,rgba(143,160,35,1) 57%,rgba(147,166,37,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(182,216,32,1) 1%,rgba(175,204,34,1) 48%,rgba(143,160,35,1) 57%,rgba(147,166,37,1) 100%); /* W3C */
}
.button-style-15:hover .bouton-align-15{
	border:1px solid #adce36;
}

/* disabled ************************************************************************************************************************/
.button-style-15.disabled,
.button-style-15[disabled]{
	background: linear-gradient(to bottom, rgba(164,164,164,1) 0%,rgba(153,153,153,1) 48%,rgba(122,122,122,1) 57%,rgba(110,110,110,1) 100%); /* W3C */
	border:1px solid #6f6f6f;
}
.button-style-15.disabled,
.button-style-15[disabled]{
	background: -moz-linear-gradient(top, rgba(164,164,164,1) 0%, rgba(153,153,153,1) 48%, rgba(122,122,122,1) 57%, rgba(110,110,110,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(164,164,164,1)), color-stop(48%,rgba(153,153,153,1)), color-stop(57%,rgba(122,122,122,1)), color-stop(100%,rgba(110,110,110,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(164,164,164,1) 0%,rgba(153,153,153,1) 48%,rgba(122,122,122,1) 57%,rgba(110,110,110,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(164,164,164,1) 0%,rgba(153,153,153,1) 48%,rgba(122,122,122,1) 57%,rgba(110,110,110,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(164,164,164,1) 0%,rgba(153,153,153,1) 48%,rgba(122,122,122,1) 57%,rgba(110,110,110,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(164,164,164,1) 0%,rgba(153,153,153,1) 48%,rgba(122,122,122,1) 57%,rgba(110,110,110,1) 100%); /* W3C */
}
.button-style-15.disabled .button-align-15,
.button-style-15[disabled] .button-align-15{
	border-top: 1px solid #b5b5b5;
	border-bottom: 1px solid #616161;
}

/* active **************************************************************************************************************************/
.button-style-15:active{
	border-color:#ACC227;
}

/* debug link **********************************************************************************************************************/
a.button-style-15{
	width:18px;
	height:12px;
}


/***********************************************************************************************************************************/
/* BUTTON - STYLE-16 ***************************************************************************************************************/
/***********************************************************************************************************************************/

/* normal **************************************************************************************************************************/
.button-style-16{
	min-height: 40px;
	white-space: normal;
	background: linear-gradient(to bottom, #d3c225 0%,#c5b310 50%,#baa809 51%,#b7a509 100%); /* W3C */
	border-radius: 5px;
	border:1px solid #98922d;
}
.button-style-16{
	background: -moz-linear-gradient(top, rgba(211,194,37,1) 0%, rgba(197,179,16,1) 50%, rgba(186,168,9,1) 51%, rgba(183,165,9,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(211,194,37,1)), color-stop(50%,rgba(197,179,16,1)), color-stop(51%,rgba(186,168,9,1)), color-stop(100%,rgba(183,165,9,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(211,194,37,1) 0%,rgba(197,179,16,1) 50%,rgba(186,168,9,1) 51%,rgba(183,165,9,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(211,194,37,1) 0%,rgba(197,179,16,1) 50%,rgba(186,168,9,1) 51%,rgba(183,165,9,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(211,194,37,1) 0%,rgba(197,179,16,1) 50%,rgba(186,168,9,1) 51%,rgba(183,165,9,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(211,194,37,1) 0%,rgba(197,179,16,1) 50%,rgba(186,168,9,1) 51%,rgba(183,165,9,1) 100%); /* W3C */
}
.button-style-16 span{
	display:inline-block;
}
.button-inner-16{
	border-radius: 5px;
    border-top: 1px solid #EEE250;
    color: #fff;
    float: none;
    font-size: 12px;
    font-weight: bold;
    min-height: 35px;
    padding: 5px 15px 0;
    border-bottom:1px solid rgba(152,146,45, .5);
}

/* hover ***************************************************************************************************************************/
.button-style-16:hover{
	background: linear-gradient(to bottom, #decf1e 0%,#d4c40e 50%,#cbb907 51%,#c9b707 100%); /* W3C */
	border:1px solid #b2a825;
}
.button-style-16:hover{
	background: -moz-linear-gradient(top, rgba(222,207,30,1) 0%, rgba(212,196,14,1) 50%, rgba(203,185,7,1) 51%, rgba(201,183,7,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(222,207,30,1)), color-stop(50%,rgba(212,196,14,1)), color-stop(51%,rgba(203,185,7,1)), color-stop(100%,rgba(201,183,7,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(222,207,30,1) 0%,rgba(212,196,14,1) 50%,rgba(203,185,7,1) 51%,rgba(201,183,7,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(222,207,30,1) 0%,rgba(212,196,14,1) 50%,rgba(203,185,7,1) 51%,rgba(201,183,7,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(222,207,30,1) 0%,rgba(212,196,14,1) 50%,rgba(203,185,7,1) 51%,rgba(201,183,7,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(222,207,30,1) 0%,rgba(212,196,14,1) 50%,rgba(203,185,7,1) 51%,rgba(201,183,7,1) 100%); /* W3C */
}
.button-style-16:hover .button-inner-16{
	border-top: 1px solid #eee250;
	border-bottom:1px solid rgba(201,183,7, .5);
}

/* active **************************************************************************************************************************/
.button-style-16:active{
	box-shadow:0 0 4px rgba(255,255,255,0.7);
	border-color:#C6B511 ;
}

/* disabled ************************************************************************************************************************/
.button-style-16.disabled,
.button-style-16[disabled],
.button-style-16.disabled:hover,
.button-style-16[disabled]:hover{
	background: linear-gradient(to bottom, #7f7f7f 0%,#777777 50%,#696969 51%,#5d5d5d 100%); /* W3C */
	border-radius: 5px;
}
.button-style-16.disabled,
.button-style-16[disabled],
.button-style-16.disabled:hover,
.button-style-16[disabled]:hover{
	background: -moz-linear-gradient(top, rgba(127,127,127,1) 0%, rgba(119,119,119,1) 50%, rgba(105,105,105,1) 51%, rgba(93,93,93,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(127,127,127,1)), color-stop(50%,rgba(119,119,119,1)), color-stop(51%,rgba(105,105,105,1)), color-stop(100%,rgba(93,93,93,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(127,127,127,1) 0%,rgba(119,119,119,1) 50%,rgba(105,105,105,1) 51%,rgba(93,93,93,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(127,127,127,1) 0%,rgba(119,119,119,1) 50%,rgba(105,105,105,1) 51%,rgba(93,93,93,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(127,127,127,1) 0%,rgba(119,119,119,1) 50%,rgba(105,105,105,1) 51%,rgba(93,93,93,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(127,127,127,1) 0%,rgba(119,119,119,1) 50%,rgba(105,105,105,1) 51%,rgba(93,93,93,1) 100%); /* W3C */
}
.button-style-16.disabled .button-inner-16,
.button-style-16[disabled] .button-inner-16{
	display:block;
	border-top: 1px solid #b2b2b2;
	padding:0 7px;
	color: #fff;
	float: none;
    font-size: 12px;
    font-weight: bold;
    min-height: 35px;
    padding: 5px 15px 0;
    border-bottom:1px solid rgba(84,84,84, .5);
}

/***********************************************************************************************************************************/
/* BUTTON - STYLE-17 ***************************************************************************************************************/
/***********************************************************************************************************************************/

.button-style-17{
	box-sizing: content-box;
	background-color: #e5ff70;
	height: 21px;
	width: 21px;
	border-radius: 15px;
	border: 2px solid #bfd16c;
	position: relative;
}

.button-style-17 .button-align-17{
	display: block;
	height: 18px;
	border-radius: 15px;
}
.button-inner-17{
	width: 11px;
	height: 3px;
	position: absolute;
	background-color:#4a543a;
	border-radius: 40%;
	top:9px;
	left:5px;
}
.button-text-17{
	width: 3px;
	height: 11px;
	position: absolute;
	background-color:#4a543a;
	top: -4px;
	left: 4px;
	border-radius: 40%;
}

/* hover **************************************************************************************************************************/
.button-style-17:hover{
	background-color:#eeffa4;
}

/* disabled ***********************************************************************************************************************/
.button-style-17.disabled{
	background-color:#d0d0d0;
}

.button-style-17.disabled .button-inner-17{
	background-color:#808080;
}
.button-style-17.disabled.button-text-17{
	background-color:#808080;
}

/***********************************************************************************************************************************/
/* BUTTON-STYLE-20 *****************************************************************************************************************/
/***********************************************************************************************************************************/ 

/** normal *************************************************************************************************************************/ 
.button-style-20{
	background:#e5ff70;
	position: relative;
	border-width:2px;
	border-style: solid;
	border-color: #bfd16c;
	border-radius: 5px;
	text-shadow:none;
	overflow: hidden;
}
.button-align-20{
	position: relative;
	z-index: 1;
	display: table;
	width: 100%;
}
.button-inner-20{
	display: table-row;
}
.button-text-20{
	display: table-cell;
	height: 38px;
	vertical-align: middle;
	padding: 0 20px;
	text-align: center;
	font-size: 16px;
	font-weight:bold;
	color: #4a543a;
}

/** hover **************************************************************************************************************************/ 
.button-style-20::after{
	background: #f4fec7;
}

/** disabled ***********************************************************************************************************************/ 
.button-style-20.disabled,
.button-style-20[disabled]{
	background:#D0D0D0;
	border-color: #D0D0D0;
}
.button-style-20.disabled .button-text-20,
.button-style-20[disabled] .button-text-20{
	color: #808080;
}

.button-style-20.disabled::after,
.button-style-20[disabled]::after{
	background: transparent;
}
.button-style-20.disabled:focus,
.button-style-20[disabled]:focus{
	border-color: transparent;
}


/***********************************************************************************************************************************/
/* BUTTON-STYLE-21 *****************************************************************************************************************/
/***********************************************************************************************************************************/ 

/** normal *************************************************************************************************************************/ 
.button-style-21{
	background:#425F9C;
	position: relative;
	border-radius: 5px;
	text-shadow:none;
	border: none;
	overflow: hidden;
}
.button-align-21{
	position: relative;
	z-index: 1;
	display: table;
	width: 100%;
}
.button-inner-21{
	display: table-row;
}
.button-text-21{
	display: table-cell;
	height: 45px;
	vertical-align: middle;
	padding: 0 20px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
}

/** hover **************************************************************************************************************************/ 
.button-style-21::after{
	background: rgba(255, 255, 255, 0.05);
}
.button-style-21:focus{
	border-color: rgba(255, 255, 255, 0.15);
}

/** disabled ***********************************************************************************************************************/ 
.button-style-21.disabled,
.button-style-21[disabled]{
	background:#D0D0D0;
	border-color: #D0D0D0;
}
.button-style-21.disabled .button-text-20,
.button-style-21[disabled] .button-text-20{
	color: #808080;
}

/***********************************************************************************************************************************/
/* BUTTON - SELECT (GENERIC) *******************************************************************************************************/
/***********************************************************************************************************************************/

/* button-select *******************************************************************************************************************/
.button-select{
	position: relative;
	display:block;
	width: 151px;
	height:44px;
	border-radius:7px;
	cursor: pointer;
}

.button-select .select-options.display-block {
	display: block;
}

.button-select .select-options {
	background:#ebe99f;
	display: none;
	position: absolute;
	z-index:2;
	top:44px;
	width: 90%;
	margin:0 5%;
	padding-top:5px;
	border-left: 1px solid #5a620c;
	border-right: 1px solid #5a620c;
}
.button-select-hover:hover .select-options,
.button-select-hover.clicked .select-options{
	display: block;
}
.button-select .select-options .content &gt; .left{
	display: block;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	bottom: 0;
	width: 10px;
	background-position: bottom left;
}
.button-select .select-options .content &gt; ul{
	display: block;
	position: relative;
	z-index: 11;
}
.button-select .select-options .content &gt; ul li .inner{
	display:block;
	border-bottom: 1px dotted #bab86b;
	padding: 1px 8px;
}
.button-select .select-options .content &gt; ul li .inner.moderation{
	padding: 1px 23px 1px 8px;
}
.button-select .select-options .content &gt; ul li a{
	display: inline-block;
	line-height: 22px;
	text-decoration: none;
	color: #003300;
	font-size: 12px;
	word-wrap: break-word;
    white-space: normal;
}
.button-select .select-options .content &gt; ul li .inner:hover{
	background: #C9C86C;
}
.button-select .select-options{
	border-bottom: 1px solid #5a620c;
	border-radius: 0 0 10px 10px;
}
.button-select .select-options .content &gt; ul li.last .left,
.button-select .select-options .content &gt; ul li.last .right{
	width:11px;
	border-left:none;
	border-right:none;
	border-top:none;
}

.button-select .select-options.scrollable-content &gt; div.content {
	width: 100%;
}

/* button-select-inner **********************************************************************************************************s*/
.button-select-inner{
	width:147px;
	height:40px;
	border-radius:7px;
	border-width:2px;
	border-style:solid;
}
.button-select-inner h3{
	display: table;
	height: 40px;
	margin: 0;
	width: 100%;
	text-align: center;
	font-size: 12px;
    font-weight: bold;
}
.button-select-inner h3 a,
.button-select-inner h3 &gt; span{
	display:table-cell;
	width: 100%;
	height: 40px;
	vertical-align: middle;
	white-space: initial;
	text-decoration:none;
	text-align:center;
	font-size: 12px;
	color:#030;
}
.button-select h3 &gt; span.groupes.selectable{
	padding-right:20px;
}
.button-select h3 &gt; span.selection-groupe{
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
    height: 40px;
    width: 22px;
}


/***********************************************************************************************************************************/
/* BUTTON-SELECT - STYLE-1 *********************************************************************************************************/
/***********************************************************************************************************************************/
.button-select-1{
	background: -moz-linear-gradient(top, rgba(192,205,144,1) 0%, rgba(192,205,144,1) 50%, rgba(181,196,125,1) 51%, rgba(181,196,125,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(192,205,144,1)), color-stop(50%,rgba(192,205,144,1)), color-stop(51%,rgba(181,196,125,1)), color-stop(100%,rgba(181,196,125,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(192,205,144,1) 0%,rgba(192,205,144,1) 50%,rgba(181,196,125,1) 51%,rgba(181,196,125,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(192,205,144,1) 0%,rgba(192,205,144,1) 50%,rgba(181,196,125,1) 51%,rgba(181,196,125,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(192,205,144,1) 0%,rgba(192,205,144,1) 50%,rgba(181,196,125,1) 51%,rgba(181,196,125,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(192,205,144,1) 0%,rgba(192,205,144,1) 50%,rgba(181,196,125,1) 51%,rgba(181,196,125,1) 100%); /* W3C */
}
.button-select-1:hover{
	background: -moz-linear-gradient(top, rgba(170,181,107,1) 0%, rgba(170,181,107,1) 50%, rgba(158,171,84,1) 51%, rgba(158,171,84,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(170,181,107,1)), color-stop(50%,rgba(170,181,107,1)), color-stop(51%,rgba(158,171,84,1)), color-stop(100%,rgba(158,171,84,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(170,181,107,1) 0%,rgba(170,181,107,1) 50%,rgba(158,171,84,1) 51%,rgba(158,171,84,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(170,181,107,1) 0%,rgba(170,181,107,1) 50%,rgba(158,171,84,1) 51%,rgba(158,171,84,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(170,181,107,1) 0%,rgba(170,181,107,1) 50%,rgba(158,171,84,1) 51%,rgba(158,171,84,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(170,181,107,1) 0%,rgba(170,181,107,1) 50%,rgba(158,171,84,1) 51%,rgba(158,171,84,1) 100%); /* W3C */
}
.button-select-1 h3 &gt; span.selection-groupe{
    background-image: url(/media/equideo/image/library/button/fleche-select-1.png);
}
.button-select-1 .button-select-inner{
	border-color:#afc580;
}
.button-select-1:hover .button-select-inner{
	border-color:#666e3c;
}


/***********************************************************************************************************************************/
/* BUTTON-SELECT - STYLE-2 *********************************************************************************************************/
/***********************************************************************************************************************************/
.button-select-2{
	background: -moz-linear-gradient(top, rgba(206,203,143,1) 0%, rgba(206,203,143,1) 50%, rgba(198,194,125,1) 52%, rgba(198,194,125,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,203,143,1)), color-stop(50%,rgba(206,203,143,1)), color-stop(52%,rgba(198,194,125,1)), color-stop(100%,rgba(198,194,125,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(206,203,143,1) 0%,rgba(206,203,143,1) 50%,rgba(198,194,125,1) 52%,rgba(198,194,125,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(206,203,143,1) 0%,rgba(206,203,143,1) 50%,rgba(198,194,125,1) 52%,rgba(198,194,125,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(206,203,143,1) 0%,rgba(206,203,143,1) 50%,rgba(198,194,125,1) 52%,rgba(198,194,125,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(206,203,143,1) 0%,rgba(206,203,143,1) 50%,rgba(198,194,125,1) 52%,rgba(198,194,125,1) 100%); /* W3C */
}
.button-select-2:hover{
	background: -moz-linear-gradient(top, rgba(178,179,127,1) 0%, rgba(178,179,127,1) 50%, rgba(165,166,104,1) 53%, rgba(165,166,104,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(178,179,127,1)), color-stop(50%,rgba(178,179,127,1)), color-stop(53%,rgba(165,166,104,1)), color-stop(100%,rgba(165,166,104,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(178,179,127,1) 0%,rgba(178,179,127,1) 50%,rgba(165,166,104,1) 53%,rgba(165,166,104,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(178,179,127,1) 0%,rgba(178,179,127,1) 50%,rgba(165,166,104,1) 53%,rgba(165,166,104,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(178,179,127,1) 0%,rgba(178,179,127,1) 50%,rgba(165,166,104,1) 53%,rgba(165,166,104,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(178,179,127,1) 0%,rgba(178,179,127,1) 50%,rgba(165,166,104,1) 53%,rgba(165,166,104,1) 100%); /* W3C */
}
.button-select-2 h3 &gt; span.selection-groupe{
    background-image: url(/media/equideo/image/library/button/fleche-select-2.png);
}
.button-select-2 .button-select-inner{
	border-color:#c3bf7c;
}
.button-select-2:hover .button-select-inner{
	border-color:#73723a;
}


/***********************************************************************************************************************************/
/* BUTTON-SELECT - STYLE-3 *********************************************************************************************************/
/***********************************************************************************************************************************/
.button-select-3{
	background: -moz-linear-gradient(top, rgba(215,197,171,1) 1%, rgba(215,197,171,1) 50%, rgba(210,190,160,1) 53%, rgba(210,190,160,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(215,197,171,1)), color-stop(50%,rgba(215,197,171,1)), color-stop(53%,rgba(210,190,160,1)), color-stop(100%,rgba(210,190,160,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(215,197,171,1) 1%,rgba(215,197,171,1) 50%,rgba(210,190,160,1) 53%,rgba(210,190,160,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(215,197,171,1) 1%,rgba(215,197,171,1) 50%,rgba(210,190,160,1) 53%,rgba(210,190,160,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(215,197,171,1) 1%,rgba(215,197,171,1) 50%,rgba(210,190,160,1) 53%,rgba(210,190,160,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(215,197,171,1) 1%,rgba(215,197,171,1) 50%,rgba(210,190,160,1) 53%,rgba(210,190,160,1) 100%); /* W3C */
}
.button-select-3:hover{
	background: -moz-linear-gradient(top, rgba(188,163,133,1) 0%, rgba(188,163,133,1) 50%, rgba(176,147,112,1) 53%, rgba(176,147,112,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(188,163,133,1)), color-stop(50%,rgba(188,163,133,1)), color-stop(53%,rgba(176,147,112,1)), color-stop(100%,rgba(176,147,112,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(188,163,133,1) 0%,rgba(188,163,133,1) 50%,rgba(176,147,112,1) 53%,rgba(176,147,112,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(188,163,133,1) 0%,rgba(188,163,133,1) 50%,rgba(176,147,112,1) 53%,rgba(176,147,112,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(188,163,133,1) 0%,rgba(188,163,133,1) 50%,rgba(176,147,112,1) 53%,rgba(176,147,112,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(188,163,133,1) 0%,rgba(188,163,133,1) 50%,rgba(176,147,112,1) 53%,rgba(176,147,112,1) 100%); /* W3C */
}
.button-select-3 h3 &gt; span.selection-groupe{
    background-image: url(/media/equideo/image/library/button/fleche-select-3.png);
}
.button-select-inner.edit-group-3{
    font-size: 12px;
    font-weight: bold;
    line-height: 8px;
    padding: 0 15px;
    text-align: center;
}
.button-select-3 .button-select-inner{
	border-color:#ccb99c;
}
.button-select-3:hover .button-select-inner{
	border-color:#5c4d3e;
}


/***********************************************************************************************************************************/
/* BUTTON-SELECT - STYLE-4 *********************************************************************************************************/
/***********************************************************************************************************************************/
.button-select-4{
	background: -moz-linear-gradient(top, rgba(232,203,170,1) 0%, rgba(232,203,170,1) 50%, rgba(228,194,155,1) 53%, rgba(228,194,155,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,203,170,1)), color-stop(50%,rgba(232,203,170,1)), color-stop(53%,rgba(228,194,155,1)), color-stop(100%,rgba(228,194,155,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(232,203,170,1) 0%,rgba(232,203,170,1) 50%,rgba(228,194,155,1) 53%,rgba(228,194,155,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(232,203,170,1) 0%,rgba(232,203,170,1) 50%,rgba(228,194,155,1) 53%,rgba(228,194,155,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(232,203,170,1) 0%,rgba(232,203,170,1) 50%,rgba(228,194,155,1) 53%,rgba(228,194,155,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(232,203,170,1) 0%,rgba(232,203,170,1) 50%,rgba(228,194,155,1) 53%,rgba(228,194,155,1) 100%); /* W3C */
}
.button-select-4:hover{
	background: -moz-linear-gradient(top, rgba(218,164,125,1) 0%, rgba(218,164,125,1) 50%, rgba(211,148,102,1) 53%, rgba(211,148,102,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(218,164,125,1)), color-stop(50%,rgba(218,164,125,1)), color-stop(53%,rgba(211,148,102,1)), color-stop(100%,rgba(211,148,102,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(218,164,125,1) 0%,rgba(218,164,125,1) 50%,rgba(211,148,102,1) 53%,rgba(211,148,102,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(218,164,125,1) 0%,rgba(218,164,125,1) 50%,rgba(211,148,102,1) 53%,rgba(211,148,102,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(218,164,125,1) 0%,rgba(218,164,125,1) 50%,rgba(211,148,102,1) 53%,rgba(211,148,102,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(218,164,125,1) 0%,rgba(218,164,125,1) 50%,rgba(211,148,102,1) 53%,rgba(211,148,102,1) 100%); /* W3C */
}
.button-select-4 h3 &gt; span.selection-groupe{
    background-image: url(/media/equideo/image/library/button/fleche-select-4.png);
}
.button-select-4 .button-select-inner{
	border-color:#ddbc96;
}
.button-select-4:hover .button-select-inner{
	border-color:#77543a;
}


/***********************************************************************************************************************************/
/* BUTTON-SELECT - STYLE-5 *********************************************************************************************************/
/***********************************************************************************************************************************/
.button-select-5{
	background: -moz-linear-gradient(top, rgba(173,203,209,1) 0%, rgba(173,203,209,1) 50%, rgba(157,194,201,1) 53%, rgba(157,194,201,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(173,203,209,1)), color-stop(50%,rgba(173,203,209,1)), color-stop(53%,rgba(157,194,201,1)), color-stop(100%,rgba(157,194,201,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(173,203,209,1) 0%,rgba(173,203,209,1) 50%,rgba(157,194,201,1) 53%,rgba(157,194,201,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(173,203,209,1) 0%,rgba(173,203,209,1) 50%,rgba(157,194,201,1) 53%,rgba(157,194,201,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(173,203,209,1) 0%,rgba(173,203,209,1) 50%,rgba(157,194,201,1) 53%,rgba(157,194,201,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(173,203,209,1) 0%,rgba(173,203,209,1) 50%,rgba(157,194,201,1) 53%,rgba(157,194,201,1) 100%); /* W3C */
}
.button-select-5:hover{
	background: -moz-linear-gradient(top, rgba(157,194,201,1) 0%, rgba(157,194,201,1) 50%, rgba(142,182,190,1) 53%, rgba(142,182,190,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(157,194,201,1)), color-stop(50%,rgba(157,194,201,1)), color-stop(53%,rgba(142,182,190,1)), color-stop(100%,rgba(142,182,190,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(157,194,201,1) 0%,rgba(157,194,201,1) 50%,rgba(142,182,190,1) 53%,rgba(142,182,190,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(157,194,201,1) 0%,rgba(157,194,201,1) 50%,rgba(142,182,190,1) 53%,rgba(142,182,190,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(157,194,201,1) 0%,rgba(157,194,201,1) 50%,rgba(142,182,190,1) 53%,rgba(142,182,190,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(157,194,201,1) 0%,rgba(157,194,201,1) 50%,rgba(142,182,190,1) 53%,rgba(142,182,190,1) 100%); /* W3C */
}
.button-select-5 h3 &gt; span.selection-groupe{
    background-image: url(/media/equideo/image/library/button/fleche-select-5.png);
}
.button-select-5 .button-select-inner{
	border-color:#94c0c9;
}
.button-select-5:hover .button-select-inner{
	border-color:#466669;
}


/***********************************************************************************************************************************/
/* BUTTON-SELECT - STYLE-6 *********************************************************************************************************/
/***********************************************************************************************************************************/
.button-select-6{
	background: -moz-linear-gradient(top, rgba(233,214,140,1) 0%, rgba(233,214,140,1) 50%, rgba(229,207,120,1) 51%, rgba(229,207,120,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(233,214,140,1)), color-stop(50%,rgba(233,214,140,1)), color-stop(51%,rgba(229,207,120,1)), color-stop(100%,rgba(229,207,120,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(233,214,140,1) 0%,rgba(233,214,140,1) 50%,rgba(229,207,120,1) 51%,rgba(229,207,120,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(233,214,140,1) 0%,rgba(233,214,140,1) 50%,rgba(229,207,120,1) 51%,rgba(229,207,120,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(233,214,140,1) 0%,rgba(233,214,140,1) 50%,rgba(229,207,120,1) 51%,rgba(229,207,120,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(233,214,140,1) 0%,rgba(233,214,140,1) 50%,rgba(229,207,120,1) 51%,rgba(229,207,120,1) 100%); /* W3C */
}
.button-select-6:hover{
	background: -moz-linear-gradient(top, rgba(229,207,120,1) 0%, rgba(229,207,120,1) 50%, rgba(225,198,97,1) 51%, rgba(225,198,97,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,207,120,1)), color-stop(50%,rgba(229,207,120,1)), color-stop(51%,rgba(225,198,97,1)), color-stop(100%,rgba(225,198,97,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(229,207,120,1) 0%,rgba(229,207,120,1) 50%,rgba(225,198,97,1) 51%,rgba(225,198,97,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(229,207,120,1) 0%,rgba(229,207,120,1) 50%,rgba(225,198,97,1) 51%,rgba(225,198,97,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(229,207,120,1) 0%,rgba(229,207,120,1) 50%,rgba(225,198,97,1) 51%,rgba(225,198,97,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(229,207,120,1) 0%,rgba(229,207,120,1) 50%,rgba(225,198,97,1) 51%,rgba(225,198,97,1) 100%); /* W3C */
}
.button-select-6 h3 &gt; span.selection-groupe{
    background-image: url(/media/equideo/image/library/button/fleche-select-6.png);
}
.button-select-6 .button-select-inner{
	border-color:#e5cd6b;
}
.button-select-6:hover .button-select-inner{
	border-color:#CC9900;
}


/***********************************************************************************************************************************/
/* BUTTON-SELECT - STYLE-7 *********************************************************************************************************/
/***********************************************************************************************************************************/
.button-select-7{
	background: -moz-linear-gradient(top, rgba(213,174,142,1) 0%, rgba(213,174,142,1) 50%, rgba(206,160,122,1) 53%, rgba(206,160,122,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(213,174,142,1)), color-stop(50%,rgba(213,174,142,1)), color-stop(53%,rgba(206,160,122,1)), color-stop(100%,rgba(206,160,122,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(213,174,142,1) 0%,rgba(213,174,142,1) 50%,rgba(206,160,122,1) 53%,rgba(206,160,122,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(213,174,142,1) 0%,rgba(213,174,142,1) 50%,rgba(206,160,122,1) 53%,rgba(206,160,122,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(213,174,142,1) 0%,rgba(213,174,142,1) 50%,rgba(206,160,122,1) 53%,rgba(206,160,122,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(213,174,142,1) 0%,rgba(213,174,142,1) 50%,rgba(206,160,122,1) 53%,rgba(206,160,122,1) 100%); /* W3C */
}
.button-select-7:hover{
	background: -moz-linear-gradient(top, rgba(167,121,84,1) 0%, rgba(167,121,84,1) 50%, rgba(152,98,54,1) 53%, rgba(152,98,54,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(167,121,84,1)), color-stop(50%,rgba(167,121,84,1)), color-stop(53%,rgba(152,98,54,1)), color-stop(100%,rgba(152,98,54,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(167,121,84,1) 0%,rgba(167,121,84,1) 50%,rgba(152,98,54,1) 53%,rgba(152,98,54,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(167,121,84,1) 0%,rgba(167,121,84,1) 50%,rgba(152,98,54,1) 53%,rgba(152,98,54,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(167,121,84,1) 0%,rgba(167,121,84,1) 50%,rgba(152,98,54,1) 53%,rgba(152,98,54,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(167,121,84,1) 0%,rgba(167,121,84,1) 50%,rgba(152,98,54,1) 53%,rgba(152,98,54,1) 100%); /* W3C */
}
.button-select-7 h3 &gt; span.selection-groupe{
    background-image: url(/media/equideo/image/library/button/fleche-select-7.png);
}
.button-select-7 .button-select-inner{
	border-color:#93623a;
}
.button-select-7:hover .button-select-inner{
	border-color:#885124;
}


/***********************************************************************************************************************************/
/* BUTTON-SELECT - STYLE-8 *********************************************************************************************************/
/***********************************************************************************************************************************/
.button-select-8{
	background: -moz-linear-gradient(top, rgba(233,234,182,1) 0%, rgba(233,234,182,1) 50%, rgba(229,230,169,1) 53%, rgba(229,230,169,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(233,234,182,1)), color-stop(50%,rgba(233,234,182,1)), color-stop(53%,rgba(229,230,169,1)), color-stop(100%,rgba(229,230,169,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(233,234,182,1) 0%,rgba(233,234,182,1) 50%,rgba(229,230,169,1) 53%,rgba(229,230,169,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(233,234,182,1) 0%,rgba(233,234,182,1) 50%,rgba(229,230,169,1) 53%,rgba(229,230,169,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(233,234,182,1) 0%,rgba(233,234,182,1) 50%,rgba(229,230,169,1) 53%,rgba(229,230,169,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(233,234,182,1) 0%,rgba(233,234,182,1) 50%,rgba(229,230,169,1) 53%,rgba(229,230,169,1) 100%); /* W3C */
}
.button-select-8:hover{
	background: -moz-linear-gradient(top, rgba(214,215,168,1) 0%, rgba(214,215,168,1) 50%, rgba(207,208,153,1) 53%, rgba(207,208,153,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(214,215,168,1)), color-stop(50%,rgba(214,215,168,1)), color-stop(53%,rgba(207,208,153,1)), color-stop(100%,rgba(207,208,153,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(214,215,168,1) 0%,rgba(214,215,168,1) 50%,rgba(207,208,153,1) 53%,rgba(207,208,153,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(214,215,168,1) 0%,rgba(214,215,168,1) 50%,rgba(207,208,153,1) 53%,rgba(207,208,153,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(214,215,168,1) 0%,rgba(214,215,168,1) 50%,rgba(207,208,153,1) 53%,rgba(207,208,153,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(214,215,168,1) 0%,rgba(214,215,168,1) 50%,rgba(207,208,153,1) 53%,rgba(207,208,153,1) 100%); /* W3C */
}
.button-select-8 h3 &gt; span.selection-groupe{
    background-image: url(/media/equideo/image/library/button/fleche-select-8.png);
}
.button-select-8 .button-select-inner{
	border-color:#928d30;
}
.button-select-8:hover .button-select-inner{
	border-color:#73723a;
}


/***********************************************************************************************************************************/
/* BUTTON-SELECT - STYLE-9 *********************************************************************************************************/
/***********************************************************************************************************************************/
.button-select-9{
	background: -moz-linear-gradient(top, rgba(200,227,238,1) 0%, rgba(200,227,238,1) 50%, rgba(185,219,234,1) 53%, rgba(185,219,234,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(200,227,238,1)), color-stop(50%,rgba(200,227,238,1)), color-stop(53%,rgba(185,219,234,1)), color-stop(100%,rgba(185,219,234,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(200,227,238,1) 0%,rgba(200,227,238,1) 50%,rgba(185,219,234,1) 53%,rgba(185,219,234,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(200,227,238,1) 0%,rgba(200,227,238,1) 50%,rgba(185,219,234,1) 53%,rgba(185,219,234,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(200,227,238,1) 0%,rgba(200,227,238,1) 50%,rgba(185,219,234,1) 53%,rgba(185,219,234,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(200,227,238,1) 0%,rgba(200,227,238,1) 50%,rgba(185,219,234,1) 53%,rgba(185,219,234,1) 100%); /* W3C */
}
.button-select-9:hover{
	background: -moz-linear-gradient(top, rgba(137,186,208,1) 0%, rgba(137,186,208,1) 50%, rgba(116,174,200,1) 53%, rgba(116,174,200,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(137,186,208,1)), color-stop(50%,rgba(137,186,208,1)), color-stop(53%,rgba(116,174,200,1)), color-stop(100%,rgba(116,174,200,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(137,186,208,1) 0%,rgba(137,186,208,1) 50%,rgba(116,174,200,1) 53%,rgba(116,174,200,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(137,186,208,1) 0%,rgba(137,186,208,1) 50%,rgba(116,174,200,1) 53%,rgba(116,174,200,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(137,186,208,1) 0%,rgba(137,186,208,1) 50%,rgba(116,174,200,1) 53%,rgba(116,174,200,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(137,186,208,1) 0%,rgba(137,186,208,1) 50%,rgba(116,174,200,1) 53%,rgba(116,174,200,1) 100%); /* W3C */
}
.button-select-9 h3 &gt; span.selection-groupe{
    background-image: url(/media/equideo/image/library/button/fleche-select-9.png);
}
.button-select-9 .button-select-inner{
	border-color:#94C0C9;
}
.button-select-9:hover .button-select-inner{
	border-color:#236695;
}


/***********************************************************************************************************************************/
/* BUTTON-SELECT - STYLE-10 ********************************************************************************************************/
/***********************************************************************************************************************************/
.button-select-10{
	background: -moz-linear-gradient(top, rgba(249,189,117,1) 0%, rgba(249,189,117,1) 50%, rgba(248,177,93,1) 53%, rgba(248,177,93,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,189,117,1)), color-stop(50%,rgba(249,189,117,1)), color-stop(53%,rgba(248,177,93,1)), color-stop(100%,rgba(248,177,93,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(249,189,117,1) 0%,rgba(249,189,117,1) 50%,rgba(248,177,93,1) 53%,rgba(248,177,93,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(249,189,117,1) 0%,rgba(249,189,117,1) 50%,rgba(248,177,93,1) 53%,rgba(248,177,93,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(249,189,117,1) 0%,rgba(249,189,117,1) 50%,rgba(248,177,93,1) 53%,rgba(248,177,93,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(249,189,117,1) 0%,rgba(249,189,117,1) 50%,rgba(248,177,93,1) 53%,rgba(248,177,93,1) 100%); /* W3C */
}
.button-select-10:hover{
	background: -moz-linear-gradient(top, rgba(225,154,69,1) 0%, rgba(225,154,69,1) 50%, rgba(220,136,36,1) 53%, rgba(220,136,36,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(225,154,69,1)), color-stop(50%,rgba(225,154,69,1)), color-stop(53%,rgba(220,136,36,1)), color-stop(100%,rgba(220,136,36,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(225,154,69,1) 0%,rgba(225,154,69,1) 50%,rgba(220,136,36,1) 53%,rgba(220,136,36,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(225,154,69,1) 0%,rgba(225,154,69,1) 50%,rgba(220,136,36,1) 53%,rgba(220,136,36,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(225,154,69,1) 0%,rgba(225,154,69,1) 50%,rgba(220,136,36,1) 53%,rgba(220,136,36,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(225,154,69,1) 0%,rgba(225,154,69,1) 50%,rgba(220,136,36,1) 53%,rgba(220,136,36,1) 100%); /* W3C */
}
.button-select-10 h3 &gt; span.selection-groupe{
    background-image: url(/media/equideo/image/library/button/fleche-select-10.png);
}
.button-select-10 .button-select-inner{
	border-color:#c5802e;
}
.button-select-10:hover .button-select-inner{
	border-color:#9d6017;
}


/***********************************************************************************************************************************/
/* BUTTON-SELECT - STYLE-11 ********************************************************************************************************/
/***********************************************************************************************************************************/
.button-select-11{
	background: -moz-linear-gradient(top, rgba(247,198,178,1) 0%, rgba(247,198,178,1) 50%, rgba(246,188,165,1) 53%, rgba(246,188,165,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,198,178,1)), color-stop(50%,rgba(247,198,178,1)), color-stop(53%,rgba(246,188,165,1)), color-stop(100%,rgba(246,188,165,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(247,198,178,1) 0%,rgba(247,198,178,1) 50%,rgba(246,188,165,1) 53%,rgba(246,188,165,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(247,198,178,1) 0%,rgba(247,198,178,1) 50%,rgba(246,188,165,1) 53%,rgba(246,188,165,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(247,198,178,1) 0%,rgba(247,198,178,1) 50%,rgba(246,188,165,1) 53%,rgba(246,188,165,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(247,198,178,1) 0%,rgba(247,198,178,1) 50%,rgba(246,188,165,1) 53%,rgba(246,188,165,1) 100%); /* W3C */
}
.button-select-11:hover{
	background: -moz-linear-gradient(top, rgba(243,164,133,1) 0%, rgba(243,164,133,1) 50%, rgba(241,148,112,1) 53%, rgba(241,148,112,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,164,133,1)), color-stop(50%,rgba(243,164,133,1)), color-stop(53%,rgba(241,148,112,1)), color-stop(100%,rgba(241,148,112,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(243,164,133,1) 0%,rgba(243,164,133,1) 50%,rgba(241,148,112,1) 53%,rgba(241,148,112,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(243,164,133,1) 0%,rgba(243,164,133,1) 50%,rgba(241,148,112,1) 53%,rgba(241,148,112,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(243,164,133,1) 0%,rgba(243,164,133,1) 50%,rgba(241,148,112,1) 53%,rgba(241,148,112,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(243,164,133,1) 0%,rgba(243,164,133,1) 50%,rgba(241,148,112,1) 53%,rgba(241,148,112,1) 100%); /* W3C */
}
.button-select-11 h3 &gt; span.selection-groupe{
    background-image: url(/media/equideo/image/library/button/fleche-select-11.png);
}
.button-select-11 .button-select-inner{
	border-color:#bf7e64;
}
.button-select-11:hover .button-select-inner{
	border-color:#b06345;
}


/***********************************************************************************************************************************/
/* BUTTON-SELECT - STYLE-12 ********************************************************************************************************/
/***********************************************************************************************************************************/
.button-select-12{
	background: -moz-linear-gradient(top, rgba(220,220,220,1) 0%, rgba(220,220,220,1) 50%, rgba(214,214,214,1) 53%, rgba(214,214,214,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(220,220,220,1)), color-stop(50%,rgba(220,220,220,1)), color-stop(53%,rgba(214,214,214,1)), color-stop(100%,rgba(214,214,214,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(220,220,220,1) 0%,rgba(220,220,220,1) 50%,rgba(214,214,214,1) 53%,rgba(214,214,214,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(220,220,220,1) 0%,rgba(220,220,220,1) 50%,rgba(214,214,214,1) 53%,rgba(214,214,214,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(220,220,220,1) 0%,rgba(220,220,220,1) 50%,rgba(214,214,214,1) 53%,rgba(214,214,214,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(220,220,220,1) 0%,rgba(220,220,220,1) 50%,rgba(214,214,214,1) 53%,rgba(214,214,214,1) 100%); /* W3C */
}
.button-select-12:hover{
	background: -moz-linear-gradient(top, rgba(184,184,184,1) 0%, rgba(184,184,184,1) 50%, rgba(171,171,171,1) 53%, rgba(171,171,171,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(184,184,184,1)), color-stop(50%,rgba(184,184,184,1)), color-stop(53%,rgba(171,171,171,1)), color-stop(100%,rgba(171,171,171,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(184,184,184,1) 0%,rgba(184,184,184,1) 50%,rgba(171,171,171,1) 53%,rgba(171,171,171,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(184,184,184,1) 0%,rgba(184,184,184,1) 50%,rgba(171,171,171,1) 53%,rgba(171,171,171,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(184,184,184,1) 0%,rgba(184,184,184,1) 50%,rgba(171,171,171,1) 53%,rgba(171,171,171,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(184,184,184,1) 0%,rgba(184,184,184,1) 50%,rgba(171,171,171,1) 53%,rgba(171,171,171,1) 100%); /* W3C */
}
.button-select-12 h3 &gt; span.selection-groupe{
    background-image: url(/media/equideo/image/library/button/fleche-select-12.png);
}
.button-select-12 .button-select-inner{
	border-color:#919191;
}
.button-select-12:hover .button-select-inner{
	border-color:#7c7c7c;
}

/***********************************************************************************************************************************/
/* BUTTON-SELECT - STYLE-13 TEMPORARY BREED ********************************************************************************************************/
/***********************************************************************************************************************************/
.button-select-13{
	background: linear-gradient(0deg, #624687 0%, #9372BF 100%);
}
.button-select-13:hover{
	background: linear-gradient(0deg, #9372BF 0%, #624687 100%);
}
.button-select-13 h3 &gt; span.selection-groupe{
    background-image: url(/media/equideo/image/library/button/fleche-select-12.png);
}
.button-select-13 h3 a, .button-select-13 h3 &gt; span{
	color: #fff;
}
.button-select-13 .button-select-inner{
	border-color:#291C3B;
}
.button-select-13:hover .button-select-inner{
	border-color:#291C3B;
}
</pre></body></html>