/* Others UI */
.gkbutton.normal { -webkit-border-radius:0!important; -moz-border-radius:0!important; border-radius:0!important; }
.gkbutton.right { -webkit-border-radius:0 3px 3px 0!important; -moz-border-radius:0 3px 3px 0!important; border-radius:0 3px 3px 0!important; }
.gkbutton.middle,.gkbutton.middle:hover { margin-right:-1px; -webkit-border-radius:0!important; -moz-border-radius:0!important; border-radius:0!important; }
.gkbutton.left { margin-right:-1px; -webkit-border-radius:3px 0 0 3px!important; -moz-border-radius:3px 0 0 3px!important; border-radius:3px 0 0 3px!important; }
.gkbutton.rounded { -webkit-border-radius:15px!important; -moz-border-radius:15px!important; border-radius:15px!important; }
.gkbutton.big { font-size:20px!important; }
.gkbutton.bold { font-weight:bold!important; }
span.icons {  display:inline-block; width:10px; height:10px; margin:auto -5px auto 7px; position:relative; background-image:url('http://www.geekeries.fr/button/arrow.png');background-repeat:no-repeat;}
span.arrowr {  background-position: -2px -1px;}
span.arrowl {  margin:auto 7px auto -5px; background-position:0px -1.69em;}
span.gplus {  display:inline-block; width:16px; height:16px;  position:relative; background-image:url('http://www.geekeries.fr/button/googleplus.png');background-repeat:no-repeat;}
span.profil {  background-position: 0px -17px;margin: auto 10px -.30em auto;}
span.circle {  background-position: 0px 0px;margin: auto 10px -.30em auto;}
span.add {  background-position: 0px -34px;margin: auto 10px -.38em auto;}

/* Utilisation :Target */
#bell.gkbutton:target {border: 4px solid #82a3bc; font-size: 25px;   }

/* Utilisation d'animations */
.gkbutton.animation2:hover { -webkit-animation: animation2 1s; position:relative; }
@-webkit-keyframes animation2{ from { opacity: 0; top:-10px; } to   { opacity: 1; } }
.gkbutton.animation:hover { -webkit-transition-duration:500ms,500ms,500ms; padding-right: 30px!important; padding-left: 30px!important; }

/* UI Button */
.gkbutton {position: relative; z-index: 1;overflow: visible; padding: 0.35em 1.4em 0.35em 1.4em; border: 1px solid #AAA; text-decoration: none; text-align: center;font: 13px Helvetica, verdana, arial, sans-serif; white-space: nowrap; cursor: pointer; outline: none;color: #444; text-shadow: white 0 1px 2px;background: #e5e5e5; background: -moz-linear-gradient(top, #e5e5e5 0%, #f4f4f4 49%, #e5e5e5 50%, #f4f4f4 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(49%,#f4f4f4), color-stop(50%,#e5e5e5), color-stop(100%,#f4f4f4)); background: -webkit-linear-gradient(top, #e5e5e5 0%,#f4f4f4 49%,#e5e5e5 50%,#f4f4f4 100%); background: -o-linear-gradient(top, #e5e5e5 0%,#f4f4f4 49%,#e5e5e5 50%,#f4f4f4 100%); background: -ms-linear-gradient(top, #e5e5e5 0%,#f4f4f4 49%,#e5e5e5 50%,#f4f4f4 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f4f4f4',GradientType=0 ); background: linear-gradient(top, #e5e5e5 0%,#f4f4f4 49%,#e5e5e5 50%,#f4f4f4 100%); transition: .3s ease-in-out;-webkit-transition: .3s ease-in-out;  -moz-transition: .3s ease-in-out;  -webkit-box-shadow: 0 1px 4px #ddd, inset 0 1px 0 #fff;-moz-box-shadow: 0 1px 4px #ddd, inset 0 1px 0 #fff;box-shadow: 0 1px 4px #ddd, inset 0 1px 0 #fff;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}

.gkbutton:hover, button.gkbutton:hover {-webkit-box-shadow: 0 1px 4px #aaa, inset 0 1px 0 white;-moz-box-shadow: 0 1px 4px #aaa, inset 0 1px 0 white;box-shadow: 0 1px 4px #aaa, inset 0 1px 0 white;-webkit-transition-duration:200ms,200ms,200ms;background: #e0e0e0; background: -moz-linear-gradient(top, #e0e0e0 0%, #e8e8e8 49%, #e0e0e0 50%, #e8e8e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(49%,#e8e8e8), color-stop(50%,#e0e0e0), color-stop(100%,#e8e8e8)); background: -webkit-linear-gradient(top, #e0e0e0 0%,#e8e8e8 49%,#e0e0e0 50%,#e8e8e8 100%); background: -o-linear-gradient(top, #e0e0e0 0%,#e8e8e8 49%,#e0e0e0 50%,#e8e8e8 100%); background: -ms-linear-gradient(top, #e0e0e0 0%,#e8e8e8 49%,#e0e0e0 50%,#e8e8e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#e8e8e8',GradientType=0 ); background: linear-gradient(top, #e0e0e0 0%,#e8e8e8 49%,#e0e0e0 50%,#e8e8e8 100%); border: 1px #aaa solid;color: #444!important;}

.gkbutton:focus, .gkbutton:active {background-color: #ededed;background: -moz-linear-gradient(top, #ededed 0%, #ededed 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#ededed)); background: -webkit-linear-gradient(top, #ededed 0%,#ededed 100%); background: -o-linear-gradient(top, #ededed 0%,#ededed 100%); background: -ms-linear-gradient(top, #ededed 0%,#ededed 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ededed',GradientType=0 ); background: linear-gradient(top, #ededed 0%,#ededed 100%); -webkit-box-shadow: 0px 0px 0px #aaa, inset 0 5px 10px #d9d9d9;-moz-box-shadow: 0px 0px 0px #aaa, inset 0 5px 10px #d9d9d9;box-shadow: 0px 0px 0px #aaa, inset 0 5px 10px #d9d9d9;}

/* UI Button Two - Le 3/08/2011 */
.gkbutton.two { transition: .3s ease-in-out;-webkit-transition: .3s ease-in-out;  -moz-transition: .3s ease-in-out; position: relative; z-index: 1;overflow: visible; padding: 0.35em 1.4em 0.35em 1.4em; border: 1px solid #AAA; text-decoration: none; text-align: center;font: 13px Helvetica, verdana, arial, sans-serif; white-space: nowrap; cursor: pointer; outline: none;color: #444; text-shadow: white 0 1px 2px;-webkit-box-shadow: 0 2px 2px #ccc, inset 0 -10px 10px #EEE;-moz-box-shadow:0 2px 2px #ccc, inset 0 -10px 10px #eee;box-shadow:0 2px 2px #ccc, inset 0 -10px 10px #eee;-webkit-border-radius:3px; background: #F4F4F4;-moz-border-radius:3px; border-radius:3px;}

.gkbutton.two:hover, button.gkbutton.two:hover {transition: .2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; 
-webkit-box-shadow: 0 2px 2px #ccc, inset 0 10px 20px white;-moz-box-shadow:0 2px 2px #ccc, inset 0 10px 20px white;box-shadow:0 2px 2px #ccc, inset 0 10px 20px white;-webkit-transition-duration:200ms,200ms,200ms;background: #e0e0e0; background: -moz-linear-gradient(top, #e0e0e0 0%, #e8e8e8 49%, #e0e0e0 50%, #e8e8e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(49%,#e8e8e8), color-stop(50%,#e0e0e0), color-stop(100%,#e8e8e8)); background: -webkit-linear-gradient(top, #e0e0e0 0%,#e8e8e8 49%,#e0e0e0 50%,#e8e8e8 100%); background: -o-linear-gradient(top, #e0e0e0 0%,#e8e8e8 49%,#e0e0e0 50%,#e8e8e8 100%); background: -ms-linear-gradient(top, #e0e0e0 0%,#e8e8e8 49%,#e0e0e0 50%,#e8e8e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#e8e8e8',GradientType=0 ); background: linear-gradient(top, #e0e0e0 0%,#e8e8e8 49%,#e0e0e0 50%,#e8e8e8 100%); color: #444!important;}

.gkbutton.two:focus, .gkbutton.two:active {background-color: #ededed;background: -moz-linear-gradient(top, #ededed 0%, #ededed 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#ededed)); background: -webkit-linear-gradient(top, #ededed 0%,#ededed 100%); background: -o-linear-gradient(top, #ededed 0%,#ededed 100%); background: -ms-linear-gradient(top, #ededed 0%,#ededed 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ededed',GradientType=0 ); background: linear-gradient(top, #ededed 0%,#ededed 100%); -webkit-box-shadow: 0px 0px 0px #aaa, inset 0 5px 10px #d9d9d9;-moz-box-shadow: 0px 0px 0px #aaa, inset 0 5px 10px #d9d9d9;box-shadow: 0px 0px 0px #aaa, inset 0 5px 10px #d9d9d9;}

/* UI Button Colors */
.gkbutton.v:hover {-webkit-box-shadow: 0 1px 4px #aaa, inset 0 1px 0 #b0ea9d;-moz-box-shadow: 0 1px 4px #aaa, inset 0 1px 0 #b0ea9d;box-shadow: 0 1px 4px #aaa, inset 0 1px 0 #b0ea9d;-webkit-transition-duration:200ms,200ms,200ms;background: #82aa74; background: -moz-linear-gradient(top, #82aa74 0%, #9ed48c 49%, #82aa74 50%, #9ed48c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#82aa74), color-stop(49%,#9ed48c), color-stop(50%,#82aa74), color-stop(100%,#9ed48c));background: -webkit-linear-gradient(top, #82aa74 0%,#9ed48c 49%,#82aa74 50%,#9ed48c 100%); background: -o-linear-gradient(top, #82aa74 0%,#9ed48c 49%,#82aa74 50%,#9ed48c 100%); background: -ms-linear-gradient(top, #82aa74 0%,#9ed48c 49%,#82aa74 50%,#9ed48c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82aa74', endColorstr='#9ed48c',GradientType=0 ); background: linear-gradient(top, #82aa74 0%,#9ed48c 49%,#82aa74 50%,#9ed48c 100%); border: 1px #82aa74 solid;text-shadow: 0 -1px 1px #aaa;color: white!important;}

.gkbutton.v2:hover {-webkit-box-shadow: 0 1px 4px #aaa, inset 0 1px 0 #b0ea9d;-moz-box-shadow: 0 1px 4px #aaa, inset 0 1px 0 #b0ea9d;box-shadow: 0 1px 4px #aaa, inset 0 1px 0 #b0ea9d;-webkit-transition-duration:200ms,200ms,200ms;background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #8fba80), color-stop(0.5, #82aa74), color-stop(0.51, #99cd87), color-stop(1, #9ed48c));background-image: -moz-linear-gradient(center bottom, #8fba80 0%, #82aa74 50%, #99cd87 51%, #8fba80 100%);background-color:#82aa74; border: 1px #82aa74 solid;color: white!important;text-shadow: 0 -1px 1px #aaa;}

.gkbutton.v:focus, .gkbutton.v:active, .gkbutton.v2:focus, .gkbutton.v2:active {background-color: #82aa74;background-image: -webkit-gradient(linear, 0 0, 0 10%, from(#9ed48c), to(#9ed48c));background-image: -moz-linear-gradient(#9ed48c, #9ed48c);background-image: -o-linear-gradient(#9ed48c, #9ed48c);background-image: linear-gradient(#9ed48c, #9ed48c);-webkit-box-shadow: 0px 0px 0px #aaa, inset 0 5px 10px #82aa74;-moz-box-shadow: 0px 0px 0px #aaa, inset 0 5px 10px #82aa74;box-shadow: 0px 0px 0px #aaa, inset 0 5px 10px #82aa74;}

.gkbutton.b:hover {-webkit-box-shadow: 0 1px 4px #aaa, inset 0 1px 0 #8db0cb;-moz-box-shadow: 0 1px 4px #aaa, inset 0 1px 0 #8db0cb;box-shadow: 0 1px 4px #aaa, inset 0 1px 0 #8db0cb;-webkit-transition-duration:200ms,200ms,200ms;background: #708ca1; background: -moz-linear-gradient(top, #708ca1 0%, #82a3bc 49%, #708ca1 50%, #82a3bc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#708ca1), color-stop(49%,#82a3bc), color-stop(50%,#708ca1), color-stop(100%,#82a3bc)); background: -webkit-linear-gradient(top, #708ca1 0%,#82a3bc 49%,#708ca1 50%,#82a3bc 100%); background: -o-linear-gradient(top, #708ca1 0%,#82a3bc 49%,#708ca1 50%,#82a3bc 100%); background: -ms-linear-gradient(top, #708ca1 0%,#82a3bc 49%,#708ca1 50%,#82a3bc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#708ca1', endColorstr='#82a3bc',GradientType=0 );
background: linear-gradient(top, #708ca1 0%,#82a3bc 49%,#708ca1 50%,#82a3bc 100%);border: 1px #5b7182 solid;color: white!important;text-shadow: 0 -1px 1px #5b7182;}

.gkbutton.b2:hover {-webkit-box-shadow: 0 1px 4px #aaa, inset 0 1px 0 #98beda;-moz-box-shadow: 0 1px 4px #aaa, inset 0 1px 0 #98beda;box-shadow: 0 1px 4px #aaa, inset 0 1px 0 #98beda;-webkit-transition-duration:200ms,200ms,200ms;background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #7e9cb3), color-stop(0.5, #708ca1), color-stop(0.51, #8baec8), color-stop(1, #82a3bc));background-image: -moz-linear-gradient(center bottom, #7e9cb3 0%, #708ca1 50%, #8baec8 51%, #82a3bc 100%);background-color:#5b7182; border: 1px #5b7182 solid;color: white!important;text-shadow: 0 -1px 1px #5b7182;}

.gkbutton.b:focus, .gkbutton.b:active, .gkbutton.b2:focus, .gkbutton.b2:active {background-color: #708ca1;background-image: -webkit-gradient(linear, 0 0, 0 10%, from(#82a3bc), to(#82a3bc));background-image: -moz-linear-gradient(#82a3bc, #82a3bc);background-image: -o-linear-gradient(#82a3bc, #82a3bc);background-image: linear-gradient(#82a3bc, #82a3bc);-webkit-box-shadow: 0px 0px 0px #aaa, inset 0 5px 10px #708ca1;-moz-box-shadow: 0px 0px 0px #aaa, inset 0 5px 10px #708ca1;box-shadow: 0px 0px 0px #aaa, inset 0 5px 10px #708ca1; }