/*  
Theme Name: app
Theme URI: 
Description: 
Version: 
Author: papoo
Author URI: http://pon.fr

*/


* {
margin:0;
padding:0;
}

html,body {
background:#FFF url(images/body-bg.jpg) top repeat-x;
color:#333;
text-align:center;
}

body {
font:12px arial,helvetica,verdana,sans-serif;
}

h1 {
font-size:22px;
}

h2 {
font-size:18px;
}

h3 {
font-size:16px;
}

h4 {
font-size:14px;
}

h5 {
font-size:14px;
color:#7f7f7f;
padding-left:1px;
font-weight:400;
}

a {
color:#333;
text-decoration:none;
}

a:hover {
color:#666;
}

#wrapper {
margin:0 auto;
text-align:left;
width:1080px;
padding-left:10px;
padding-right:10px;
}

/* masthead / footer - navigation and categories */
#masthead {
background:url(images/logo.jpg) no-repeat;
height:155px;
margin-top:0;
}

#masthead h1 a {
text-transform:uppercase;
width:400px;
float:left;
margin:12px 0 0;
}

#masthead h1 a em {
font-style:normal;
color:#555;
}

#headLinks {
float:right;
padding-top:6px;
color:#f5f5f5;
}

#headLinks a {
font-size:14px;
color:#f5f5f5;
}

#headLinks a:hover {
color:#CCC;
}

#headLinks ul li {
list-style:none;
display:inline;
margin:0 0 0 15px;
}

#subHead {
width:1080px;
height:90px;
border-bottom:1px solid #B8B8B8;
padding-top:-20px;
padding-bottom:5px;
display:none;
}

#headAds {
width:728px;
height:90px;
margin:auto;
display:none;
}

li.top {
border-left:1px solid #DDD;
float:right;
display:block width:100px;
}

li.top a {
width:100px;
}

.nav li.skip a:hover,li.top a:hover {
background:transparent;
color:#333!important;
}

/* main - middle content and columns */
#mid {
}

#mainCol {
float:left;
margin:26px 0 0;
width:640px;
overflow:hidden;
}

#vids {
padding-left:2000px;
}

/* style individual sidebars */
#midCol a {
font-weight:700;
}

#midCol {
color:#444;
float:left;
margin:25px 0 0 33px;
width:180px;
line-height:1.3em;
}

#midCol p {
color:#777;
}

#searchWrap,.middle_links {
margin-bottom:20px;
}

#searchWrap input {
vertical-align:middle;
}

#searchWrap #s {
font-size:1.2em;
border:1px solid #BBB;
padding:1px 2px;
margin-right:3px;
width:220px;
}

.middle_links h3 {
margin-bottom:5px;
}

#midCol ul {
list-style:none;
margin:8px 0 4px;
}

.middle_links ul li {
color:#7F7F7F;
line-height:1.3em;
border-top:2px solid #BBB;
padding:3px 0 4px;
}

.middle_links img {
border:0;
}

#tertCol {
float:left;
width:180px;
margin:23px 0 0 33px;
}

#tertCol p {
color:#777;
}

#tertCol ul {
list-style:none;
margin:8px 0 4px;
}

#elseWhere {
margin:0 0 20px;
}

#elseWhere h3 {
margin-bottom:5px;
}

ul#imgLinks {
list-style:none;
margin:5px 0;
}

#imgLinks li {
color:#7F7F7F;
line-height:1.2em;
padding:0 0 1px;
}

#imgLinks li a img {
border:3px solid #EEE;
width:145px;
height:74px;
color:#333;
font-weight:700;
}

#imgLinks li a:hover img {
border-color:#DDD;
}

#introIMG {
float:left;
margin:6px 8px 0 0;
overflow:hidden;
}

#introIMG img {
border:none;
padding:4px;
border:1px solid #BDBDBD;
width:140px;
height:140px;
}

.rss_links h3 {
margin-bottom:5px;
}

.rss_links {
margin-bottom:20px;
}

.rss_links ul li {
background:url(images/rss.gif) no-repeat 0 3px;
color:#7F7F7F;
line-height:1.2em;
border-top:1px solid #BBB;
padding:3px 0 4px 16px;
}

.user_links h3 {
margin-bottom:5px;
}

.user_links {
margin-bottom:20px;
}

.user_links ul li {
background:url(images/user.gif) no-repeat 0 3px;
color:#7F7F7F;
line-height:1.2em;
border-top:1px solid #BBB;
padding:3px 0 4px 16px;
}

#featured {
padding:2px;
}

#featured img{
width:90px;
height:90px;
padding:4px;
margin:-2px;
border:1px solid #B6B6B6;
}

/* wordpress entries styling - main content column */
#postMain {
height:212px;
overflow:hidden;
margin-bottom:15px;
}

.postMeta {
background:url(images/dot.gif) repeat-x left center;
text-transform:uppercase;
font-size:11px;
text-align:right;
margin-bottom:5px;
}

.postMeta span.date {
background:#FFF;
color:#7F7F7F;
padding:0 2px 0 4px;
}

.postMeta span.comments {
background:#FFF url(images/user.gif) no-repeat left center;
padding-left:15px;
margin-left:2px;
}

.postMeta span.comments a,.postMeta span.date a {
color:#555;
}

.post {
margin:0 0 10px;
}

.post h2 {
line-height:1.2em;
}

.post h2 a {
width:100%;
display:block;
outline:none;
}

.entry h3 {
margin:1em 0;
}

.post .entry {
line-height:1.4em;
overflow:hidden;
}

.post .entry p {
margin:5px 0;
}

.post .entry p a {
background:url(images/dot.gif) repeat-x bottom left;
font-weight:700;
}

.entry blockquote {
margin:0 0.5em;
border-left: 2px solid #999;
padding-left: 0.5em;
color: #66a;
}



.entry ul {
margin:0 1.3em;
list-style:none;
}

.entry li a {
color:#333;
font-weight:700;
background:url(images/dot.gif) repeat-x bottom left;
}

.entry ul li {
background:url(images/li.gif) no-repeat 0 1px;
padding-left:18px;
margin-bottom:7px;
}

.entry ol {
margin:0 1em 0 3em;
}

.entry ol li {
margin:0 0 7px;
}

.entry img,.entry a img {
/*border:3px solid #EEE;*/
}

.entry a:hover img {
border-color:#DFDFDF;
}

.entry table tr {
padding:15px 0;
}

.entry table tr.alt {
background:#eee;
}

/* style pagination buttons */
#more_reading {
color:#7F7F7F;
font-size:11px;
text-transform:uppercase;
margin-bottom:15px;
margin-top:15px;
text-align:right;
}

span.navback{
width:25px;
height:15px;
display:block;
float:right;
background:url(images/arrow_prev.gif) top right no-repeat;
cursor:pointer;
}

span.navforward{
width:25px;
height:15px;
display:block;
float:right;
background:url(images/arrow_next.gif) top right no-repeat;
cursor:pointer;
}

/* style me some comments and inputs */
#comments {
width:435px;
padding:12px 0 0;
}

#comment {
width:458px;
overflow:auto;
font:12px arial,helvetica,verdana,sans-serif;
}

h2.commh2 {
font-size: 1.4em !important;
padding: 0 0 5px;
color:#333 !important;
}

ol.commentlist {
margin: 10px 0 20px;
padding: 0;
list-style: none;
font-size: 12px;
line-height: 20px;
}

ol.commentlist p {
margin-bottom:10px;
line-height: 20px;
}

ol.commentlist cite {
font-style: normal;
font-weight: bold;
}

ol.commentlist li {
padding: 20px 10px 10px 10px;
}

ol.commentlist li.alt {
padding: 10px 10px 5px 10px !important;
border:1px solid #BBBBBB;
}

input#submit {
cursor:pointer;
margin:5px 0 15px 0;
}

#comment,#author,#email,#url {
border:1px solid #BBBBBB;
padding:2px;
margin:0 0 5px 0;
}

.labeltext {
padding:0 0 10px 0;
}


/* footer - text string and links */
#footer {
border-top:1px solid #B8B8B8;
padding-top:10px;
padding-bottom:60px;
margin:15px 0 0 0;
}

#footer p a {
font-weight:700;
color:#333;
}

/* float rules */
.floatleft {
float:left;
margin:3px 7px 0 0;
}

.floatright {
float:right;
margin:3px 0 0 7px;
}

.right {
float:right;
}

.left {
float:left;
}

.clear {
clear:both;
}

.fix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.fix {
display:inline-block;
}

* html .fix {
height:1%;
}

.fix {
display:block;
}

/* Tips */
.tool-tip {
color:#ccc;
width:150px;
z-index:13000;
}

.tool-title {
font-weight:700;
font-size:11px;
margin:0;
color:#fff;
padding:8px 8px 0 8px;
background:#192227;
text-align:left;
}

.tool-text {
font-size:11px;
padding:0 8px 8px 8px;
background:#192227;
text-align:left;
}

.download {
	background:#6AB6FF url(images/download.jpeg) no-repeat top left;
	padding-left:28px;
	min-height:25px;
        font-size: 17px;
}

.bookmarklet {
	border-style:double;
        font-weight:bold;
       	text-align:center;
        /* border-radius */
       -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
        border-radius: 8px;
        /* box-shadow */
       -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
       -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
        box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
        margin-left:40%;
        margin-right:40%;
        background-color: #CCCCCC;
}
em{font-style: italic;background: #E6F2FF;}

fieldset {
margin: 10px 25%;
padding: 10px 10px;
font-size: 14px;
max-width: 350px;
  /* border-radius */
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  /* box-shadow */
  -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
  -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
  box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
}
legend {
color: #3B6EBF;
font-weight: bold;
border: none;
padding-left: 20px;
background-image: url('images/tick.png');
background-repeat: no-repeat;
}
img_url {
float: left;
border: none;
}
url_site_officiel {
float: right;
margin : -55px 10% 0 25%;
font-size: 16px;
}

.next {
position:fixed;
top:50%;
right:2px;
padding:16px 16px;
display:block;
color:#FFFFFF;
text-align:center;
background-image: url('images/next.png');
background-repeat: no-repeat;
font-size:0;
text-decoration:none;
       
}

.prev {
position:fixed;
top:50%;
left:3px;
padding:16px 16px;
display:block;
color:#FFFFFF;
text-align:center;
background-image: url('images/prev.png');
background-repeat: no-repeat;
font-size:0;
text-decoration:none;
}
/* Tag Styles */
 
p.tags {
    font: bold 13px/26px sans-serif;
}
 
p.tags span.st_tag {
    padding: 0px 0px 0px 20px;
    margin: 0;
    background: url(images/tag_bg_l.png) no-repeat left center;
    display: inline-block;
}
p.tags span.st_tag a {
    text-decoration: none;
    text-shadow: #f4f4f4 1px 1px 1px;
    padding: 0px 10px 0px 2px;
    background: url(images/tag_bg_r.png) no-repeat right center;
    display: inline-block;
}
p.tags span.st_tag a:hover {
    color: #0080FF;
}


/*Link Rating*/
.linklist{clear:both; font-family:arial, sans-serif;}
	.linklist li{clear:both; overflow:hidden; display:block; margin-bottom:5px; padding:10px; background:#F3F3F3; font-size:12px; border:1px solid #DDD;}
	.linklist h3{margin-bottom:10px;}
	.linklist h4{clear:both; font-weight:bold; font-size:16px;}
		.linklist h4 a{text-decoration:none; color:#191919;}
	ul.linklist li p{padding-bottom:5px; margin:5px 0px; padding:0; color:#333;}
.link-rating{clear:both; margin:0;}
	.link-rating img{width:20px; height:20px; margin:0; padding:0;}

/*------------------------------------------------*/
/*-------------------[PAGE NAVI]------------------*/
/*------------------------------------------------*/
.pagination { overflow: hidden; padding: 15px 12px 0px; }

.wp-pagenavi { position: relative; top:-5px; }

/*.wp-pagenavi a, .wp-pagenavi a:link { padding: 5px 7px !important; margin: 2px; text-decoration: none; border:1px solid #E9E9E9 !important; color: #413f36; background-color: #fff; font-weight: normal !important; }
.wp-pagenavi a:visited { padding: 5px 7px; margin: 2px; text-decoration: none; border: 1px solid #e9e9e9; color: #413f36; background-color: #fff; }*/

.wp-pagenavi span.pages { padding: 5px 7px 5px !important; margin: 2px !important ; color: #000000; border:1px solid #E9E9E9 !important; color: #413f36; background-color: #fff; }
.wp-pagenavi span.current, .wp-pagenavi span.extend, .wp-pagenavi a:active, .wp-pagenavi a:hover { padding: 5px 7px !important; margin: 2px; font-weight: bold; background-color:#868686 !important; border:1px solid #000 !important; color:#FFFFFF !important; }

.wp-pagenavi span.pages, .wp-pagenavi a.nextpostslink, .wp-pagenavi a.previouspostslink { display: none; }
.wp-pagenavi a, .wp-pagenavi span, .wp-pagenavi span.current, .wp-pagenavi span.extend, .wp-pagenavi a:active, .wp-pagenavi a:hover, .wp-pagenavi a:link {-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);border:1px solid #FFFFFF;background:#EDEDED;color: #3d3d3d !important; font-family: verdana,helvetica,arial,sans serif !important; font-size: 20px !important; ; font-weight: normal !important; text-shadow: 1px 1px 0px #BABABA !important;margin:5px; padding: 5px 10px !important; }
.wp-pagenavi span.current, .wp-pagenavi span.extend, .wp-pagenavi a:active, .wp-pagenavi a:hover { color: #000000 !important; }

#controllers { clear:both; position: relative; margin-top: 48px; padding: 0px 30px; text-align: center; }
				#controllers span#right-arrow, #controllers span#left-arrow { position:absolute; display:block; height:20px; text-indent:-9999px; width:15px; top: -3px; }
				#controllers span#left-arrow { background: url(images/left-arrow.png) no-repeat; left: 12px; }
				#controllers span#right-arrow { background: url(images/right-arrow.png) no-repeat; right: 12px; }
/*boutons*/
/* 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; }
/*boutons*/