/*//////////////////////GENERAL/////////////////////////*/

body{
	background-color:#494a4d;
	background-image:url('images/background.jpg');
	background-position-x: 50%;
	background-position-y: 50%;

	background-attachment: fixed;
	
	font-family: "Century Gothic";
	color:#151215;
	font-size:12px;
	margin:0;
	padding:0;	
	font-family: "Century Gothic";
	font-weight: 200px;
}


h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;color:#000;
}

h1{
	display:none;
}

h2{
	font-size: 24px;
	margin:0 0 10px 0;
	line-height: normal;
	display: inline;
}

h3{
	font-size: 16px;
	margin:0 0 10px 0;
	text-decoration: none;
	
}

#mg
{
	width: 100%;
	text-align: center;
	color: white;
	font-family: "Century Gothic";
	background-image: url(_gfx/bg_titre.jpg);
	background-color: black;
	background-repeat: repeat-x;
	vertical-align: middle;
}

h4{
	font-size: 12px;
	color: #000;
}


h5{
	font-size: 14px;
	color:#5b5548;
}

a, a:visited {
	color:#000;
	text-decoration:none;
}

a:hover {
	text-decoration:none;
}

img {
	border:0;
}


#wrapper {
	width: 1000px;
	text-align: left;
	overflow: visible;
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0;
	font-family: "Century Gothic";
}
#subwrapper {
	overflow: hidden;
	position: relative;
	padding: 0;
	width: 1000px;
	background-color: white;
	 box-shadow: 2px 2px 10px black;
  	-moz-box-shadow: 2px 2px 10px black;  
  	-webkit-box-shadow: 2px 2px 10px black; 
}





.chemin {
	clear:both;
	color:black;
	margin: 0 0 10px 5px;
	padding:0;
	font-size: 12px;
	line-height: 18px;
	
	padding-left: 4px;
	font-family: "Century Gothic";
	font-weight: 400;
}

.chemin a {
	color:black;
	text-decoration:none;
}

.chemin a:hover {
	color:#BBBBBB;
	text-decoration:underline;
}

#choix_livraisons li
{
	display: inline;
	float: right;
	margin-right:20px;
}


/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ENTETE */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


#top {
	width:1000px;
	
	height: 180px;
	background-image: url('_gfx/header.jpg');
	background-color: black;
}

#top .logo {
	background-image: url(_gfx/logoVelosBoyer.gif);
	height: 146px;
	width: 224px;
	float:left;
	margin-top: 10px;
	margin-left: 20px;
  	box-shadow: 2px 2px 20px black;
  	-moz-box-shadow: 2px 2px 20px black;  
  -webkit-box-shadow: 2px 2px 20px black; 
}

#top #monCompte
{
	float: right;
	padding-top:10px;
	width: 200px;
	font-family: "Century Gothic";
	list-style: none;
	color: white;

}

#top a
{
	color: white;
	text-decoration: none;
	font-size: 14px;

}

#top #monPanier
{
	float: right;
	width: 100px;
	font-family: "Century Gothic";
	margin-right: 40px;
	font-weight: 600;
}

#top #monPanier a
{
	color: white;
	text-decoration: none;
	font-size: 14px;
	text-align: center;
	color:red;
}




#top #recherche
{
	float: right;
	padding-top: 35px;
	padding-right: 35px;
	width: 300px;
}

#top #recherche input
{
	width: 250px;
	height: 25px;
	font-family: "Century Gothic";
	vertical-align: middle;
}


#top #recherche input[type=submit]
{
	background: url('images/rechercher.png');
	width: 34px;
	height: 30px;
	border: none;
}



/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* MENU ACCORDEON - SLIDER BACKGROUND */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#actu
{
	width: 94%;
	float: left;
	height:360px;
	margin-top: 20px;
  	margin-left: 2%;
  
}
#menuvertical
{
	background-color: #DDD;
}

	
/*//////////////////////ADRESSE CULTURE VELO BOYER//////////////////////*/
#adresse {

	margin-top: 7px;	
	background-color: white;
	text-align: center;
	font-size: 14px;
	}
	
#adresse a{
color: black;
	}
	
	


/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* CONTENU DES PAGES :  RUBRIQUE - PRODUIT  - CONTENU */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* ///// GENERAL //// */

#contenu {
	float:right;
	width:810px;
	margin: 20px 0 0 0;
	background-color: white;
}

#contenu .chapo {
	float:left;
	width:810px;
	margin: 0 0 15px 0;
	padding:0;
	font-size: 12px;
	color:#151215;
	line-height: 18px;
	/*background-image:url(_gfx/fondNouveautes.gif);*/
	background-repeat:repeat;
	padding: 5px;
}


/* /////  PRODUIT //// */
#contenuprod {
	float:right;
	width:810px;
	margin: 20px 0 0 0;
	background-color: #FFFFFF;
	padding: 0;
	margin-bottom: 20px;
	
	
}


#contenuprod .chapo {
	float:left;
	width:810px;
	margin: 0 0 15px 0;
	padding:0;
	font-size: 12px;
	color:#151215;
	line-height: 18px;
}

/* /////  RUBRIQUE //// */

#contenu .tousLesProduits {
	clear:both;
	padding:0 0 10px 0;
	margin: 10px 0 0 0;
	
		
}


#contenu .tousLesProduits .Promos h3{

	height:26px;
	font-size:14px;
	color:#ffffff; 
	margin: 0;
	padding:4px 0 0 10px;
	background-image: url(_gfx/bg_titre.jpg);
	background-color: black;width: 98%;
	vertical-align: middle;
	background-repeat:repeat-x;
	text-decoration: none;
	
	}
	
#contenu .tousLesProduits .contenu, #contenu .tousLesProduits .contenu {

background-repeat:repeat;
float:left;
margin:0;
padding:0 0 10px;
width:810px;
}


#contenu .tousLesProduits .Nouveautes h3{
	height:26px;
	font-size:14px;
	color:#ffffff; 
	margin: 0;
	padding:4px 0 0 10px;
	background-image: url(_gfx/bg_titre.jpg);
	background-color: black;width: 98%;
	vertical-align: middle;
	background-repeat:repeat-x;
	text-decoration: none;
	
}


#contenu.marques {
	clear:both;
	margin: 10px 0 0 0;
	padding:0 0 10px 0;
	font-size: 14px;
	font-weight:bold;
	overflow:hidden;
	zoom:1;
	
}

#contenu .marques h3 {
	height:26px;
	font-size:14px;
	color:#ffffff;
	margin: 0;
	padding:4px 0 0 10px;
	/*background-image: url(_gfx/fondMarquesH3.png);*/
	background-image: url(_gfx/bg_titre.jpg);
	background-color: black;
	background-repeat: repeat-x;
	vertical-align: middle;
	width: 98%;
}

#contenu .tousLesProduits .produit {
	float: left;
	width:252px;
	height:335px;
	text-align:center;
	margin: 0 7px 0 7px;
	padding:0;
	overflow: hidden;
	
}
#contenu .tousLesProduits .produitRub {
	float: left;
	width:252px;
	height:290px;
	text-align:center;
	margin: 0 7px 0 7px;
	padding:0;
	overflow: hidden;
	
}



#contenu .tousLesProduits .produit h4 {
	color:#000;
	text-align:left;
	height:23px;
	margin: 10px 0 0 0;
	
	padding:7px 0 0 10px;
	background-image: url(_gfx/fondProduitIndexH4.png);
}
#contenu .tousLesProduits .produitRub h4 {
	color:#000;
	text-align:left;
	height:23px;
	width: 300px;
	overflow: hidden;
	margin: 10px 0 0 0;
	padding:7px 0 0 10px;
	background-image: url(_gfx/fondProduitIndexH4.gif);
}


#contenu .tousLesProduits .produit .fond {
	float:left;
	width:252px;
	margin: 0;
	padding:0;
	background-image: url(_gfx/fondProduitIndex.gif);
	background-repeat: repeat;
}
#contenu .tousLesProduits .produitRub .fond {
	float:left;
	width:252px;
	margin: 0;
	padding:0;
	background-image: url(_gfx/fondProduitIndex.gif);
	background-repeat: repeat;
}


#contenu .tousLesProduits .produit .hauteurimg {
	float:left;
	width:252px;
	height: 180px;
	margin: 0;
	padding:0;
	background-image: url(_gfx/fondProduitIndex.gif);
	background-repeat: repeat;
	overflow: hidden;
}
#contenu .tousLesProduits .produitRub .hauteurimg {
	float:left;
	width:252px;
	height: 180px;
	margin: 0;
	padding:0;
	background-image: url(_gfx/fondProduitIndex.gif);
	background-repeat: repeat;
	overflow: hidden;
}



#contenu .tousLesProduits .produit h5 {
	color:#4a4a4c;
	font-size:14px;
	text-align:left;
	margin: 0;
	padding:0 0 3px 10px;
	border-bottom: 1px solid #c4c5c6;
	width: 290px;
	overflow: hidden;
	
}
#contenu .tousLesProduits .produitRub h5 {
	color:#4a4a4c;
	font-size:14px;
	text-align:left;
	margin: 0;
	padding:0 0 3px 10px;
	border-bottom: 1px solid #c4c5c6;
	
}



#contenu .tousLesProduits .produit .chapo {
	color:#4f4e50;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	line-height:normal;
	width:230px;
	float:left;
	margin: 5px 10px;
	padding:0;
}
#contenu .tousLesProduits .produitRub .chapo {
	color:#4f4e50;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	line-height:normal;
	width:230px;
	float:left;
	margin: 5px 10px;
	padding:0;
}


#contenu .tousLesProduits .produit .prix {
	text-align:left;
	float:left;
	font-weight:bold;
	margin: 0;
	padding:3px 0 0 10px;
	
}
#contenu .tousLesProduits .produitRub .prix {
	text-align:left;
	float:left;
	font-weight:bold;
	margin: 0;
	padding:3px 0 0 10px;
}



#contenu .tousLesProduits .produit .logo {
	text-align:right;
	float:right;
	margin: 0;
	padding:3px 10px 0 0;
	width:auto;
}
#contenu .tousLesProduits .produitRub .logo {
	text-align:right;
	float:right;
	margin: 0;
	padding:3px 10px 0 0;
	width:auto;
}

#contenu .tousLesProduits .produit .footer {
	float:left;
	width:252px;
	height:10px;
	margin: 0;
	padding:0;
	background-image: url(_gfx/footerProduitIndex.gif);
}
#contenu .tousLesProduits .produitRub .footer {
	float:left;
	width:252px;
	height:10px;
	margin: 0;
	padding:0;
	background-image: url(_gfx/footerProduitIndex.gif);
}



/*////////////// ICI RAJOUTER /////////////*/

/*/PAGE PRODUIT SUITE A MODIF BACKGROUND-BODY NOEL/*/

/* /////  PRODUIT //// */

#contenuprod .pageProduit {
float: left;
	padding:0 0 10px 0;
	margin: 0px 0 0 0;
	width: 400px;
	overflow: hidden;
	background-color: #FFFFFF;

}

#contenuprod .pageProduit .vignette {
	float: left;
	width: 100px;
	overflow: hidden;
	padding:0;
	margin: 10px 10px 10px 0;

}

#contenuprod .logo {
	float:left;
	width:810px;
	margin: 0;
	padding:0;
	font-size: 12px;
	line-height: 18px;
	vertical-align: middle;
}

#contenuprod .pageProduit .choix  {
	padding:0;
	margin-top:10px;
	
	
}

#contenuprod .pageProduit .choix form {
	padding:0;
	margin:0;
}

#contenuprod .pageProduit .choix form input, select {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 12px;
	float:left;
	margin: 0;
	width: 170px;
	border: 1px solid #2d2d77;
	padding: 2px 0;
	color: #2d2d77;
	background-color:#eaeaf1;
}

#contenuprod .pageProduit .zoom {
	float:left;
	width:810px;
	margin: 10px 0 30px 0;
	padding:0;
}

#contenuprod .pageProduit .prix {
	font-size:40px;
	width:95%;
	color:#000;
	text-align:center;
	float:left;
	margin: 0px 10px 10px 10px;
	padding:3px;
	border-radius: 10px;
	background-color: #e7e7e7;
}

#contenuprod .pageProduit .modele {
	font-size:14px;
	width:100%;
	color:#000;
	text-align:left;
	float:left;
	margin: 0px 10px 10px 10px;
}


#contenuprod .pageProduit .commander {
	font-size:19px;
	width:100%;
	color:#000;
	text-align:center;
	float:left;
	margin:10px;
	
	
}

#contenuprod .imageProd 
{
float:left; 
width:400px;
padding: 0;
margin: 0;
}

#contenuprod .share_this
{
	font-size:40px;
	width:95%;
	background-color: #e7e7e7;
	color:#FFF;
	text-align:center;
	float:left;
	height: 80px;
	margin: 0px 10px 10px 10px;
	padding:3px;
	border-radius: 10px;
}

#contenuprod .description
{

	float:left;
	width:780px;
	margin: 30px 0 0 0;
	font-size: 12px;
	background-color: #e7e7e7;
	border-radius: 10px;
	padding: 10px;
}

#contenuprod .description h3
{
	border-bottom: 1px solid black;
}

input.buttons {
	background: none no-repeat top left;
	border: none;
	cursor: pointer;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	text-indent: -9999px;

}
input.commander { background-image: url(_gfx/ajout_panier.png); width: 380px; height: 150px; }
input.indisponible { background-image: url(_gfx/indisponible.png); width: 380px; height: 150px; }

#contenuprod .pageProduit table {
	float:left;
	margin:0;
	padding:0;
	border:0;
	font-size:12px;
	font-weight:normal;
}

#contenuprod .pageProduit .pageDocument table{
	float:left;
	margin:0;
	padding:0;
	border:0;
	font-size:12px;
	font-weight:normal;
	width:400px;
	background-color: #CACADD;
}

#contenuprod .pageProduit .pageDocument .tdalign{
text-align: right;
}

#contenuprod .pageProduit table tr {
	margin:0;
	padding:15px 0 0 0;
}

#contenuprod .pageProduit table tr.bleu {
	margin:15px 0 0 0;
	height: 12px;
	color: Black;
	font-family: "Century Gothic";
	font-size: 14px;
	border-radius:5px;
	
}

#contenuprod .pageProduit table tr.bleu select {
	background-color: white;
	
}

#contenuprod .pageProduit table tr
{

}

#contenuprod .pageProduit table td {
	margin:0;
	padding:5px 0 5px 0;
	text-align: left;

	padding-left: 10px;
}

#contenuprod .autresProduits
{

	float:left;
	width:800px;
	margin: 30px 0 0 0;
	font-size: 12px;
	background-color: #e7e7e7;
	border-radius: 10px;
	
}

#contenuprod .autresProduits h3
{
	border-bottom: 1px solid black;
	padding: 10px;
}

#contenuprod .autresProduits .contenu {
	width:780px;
	float:left;
	margin: 0;
	padding:0 0 10px 10px;
	/*background-image: url(_gfx/fondNouveautes.gif)*/
	background-color: #e7e7e7;
	background-repeat: repeat;
}

#contenuprod .autresProduits .produit {
	float: left;
	width:252px;
	text-align:center;
	margin: 0 7px 0 7px;
	padding:0;
}

#contenuprod .autresProduits .produit h4 {
	color:#000;
	text-align:left;
	height:23px;
	margin: 10px 0 0 0;
	padding:7px 0 0 10px;
	background-image: url(_gfx/fondProduitIndexH4.gif);
}

#contenuprod .autresProduits .produit .fond {
	float:left;
	width:252px;
	margin: 0;
	padding:0;
	background-image: url(_gfx/fondProduitIndex.gif);
	background-repeat: repeat;
}
#contenuprod .autresProduits .produit .hauteurimg {
	float:left;
	width:252px;
	height: 180px;
	margin: 0;
	padding:0;
	background-image: url(_gfx/fondProduitIndex.gif);
	background-repeat: repeat;
	overflow: hidden;
}

#contenuprod .autresProduits .produit h5 {
	color:#4a4a4c;
	font-size:14px;
	text-align:left;
	margin: 0;
	padding:0 0 3px 10px;
	border-bottom: 1px solid #c4c5c6;
}

#contenuprod .autresProduits .produit .prix {
	text-align:left;
	font-weight:bold;
	float:left;
	margin: 0;
	padding:3px 0 0 10px;
	color:#000;
}

#contenuprod .autresProduits .produit .logo {
	text-align:right;
	float:right;
	margin: 0;
	padding:3px 10px 0 0;
	width:auto;
}

#contenuprod .autresProduits .produit .footer {
	float:left;
	width:252px;
	height:10px;
	margin: 0;
	padding:0;
	background-image: url(_gfx/footerProduitIndex.gif);
}

#contenuprod .autresProduits .footer {
	float:left;
	width:810px;
	height:10px;
	margin: 0;
	padding:0;
	background-image: url(_gfx/fondFooterNouveautes.gif);
	background-repeat: no-repeat;
}

/*/PAGE CONTENU /*/

#contenu .articles {
	width:810px;
	float:left;
	padding:0 0 10px 0;
	margin: 10px 0 0 0;
}

#contenu .articles p {
	float:left;
	width:810px;
	margin: 0 0 15px 0;
	padding:0;
	font-size: 11px;
	font-weight:normal;
	color:#151215;
	line-height: 16px;
}

#contenu .imageArticle {
	float:left;
	border:solid 1px #2d2d77;
	margin: 5px 10px 5px 0;
	padding:0;
	font-size: 11px;
	font-weight:normal;
	color:#151215;
	line-height: 16px;
}

/*//////////////////////CONTENU DES PAGES COMMANDE /////////////////////////*/

#contenuCommande {
	
	float:left;
	padding:0;
	margin: 20px 0 0 0;/*10px 0 0 0;*/
	background-color: #FFFFFF;
	width:806px;
	padding: 2px;
	background-image: white;
	background-repeat: repeat;
}

#contenuCommande_inscription{
float:left;
	padding: 0;
	margin: 10px 0 0 20px;
	}


#contenuCommande .formulaire {
	clear:both;
	padding: 0;
	margin: 10px;
}

#contenuCommande_inscription .formulaire {
	clear:both;
	padding: 0;
	margin: 0;
}

#contenuCommande form {
	width: 100%;
	padding: 0;
	margin:0;
}

#contenuCommande_inscription form {
	width: 100%;
	padding: 0;
	margin:0;
}

#contenuCommande form .obligatoire {
	font-size:11px;
	color: #ff0000;
	clear:both;
}

#contenuCommande_inscription form .obligatoire {
	font-size:11px;
	color: #ff0000;
	clear:both;
}

#contenuCommande form p {
	margin: 0;
	padding:4px 0;
	/* Empêcher le dépassement des flottants */
	overflow: hidden;
	width: 100%;
}

#contenuCommande_inscription form p {
	margin: 0;
	padding:4px 0;
	/* Empêcher le dépassement des flottants */
	overflow: hidden;
	width: 100%;
}

#contenuCommande form p label {
	color:#000000;
	overflow: hidden;
	float: left;
	width: 250px;
	padding:0;
	margin: 2px 0 0 0;
	text-align: left;
	font-weight: normal;
	font-size: 12px;
}

#contenuCommande_inscription form p label {
	color:#000000;
	overflow: hidden;
	float: left;
	width: 250px;
	padding:0;
	margin: 2px 0 0 0;
	text-align: left;
	font-weight: normal;
	font-size: 12px;
}
#contenuCommande form p input {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 12px;
	float:left;
	margin: 0 10px 0 0;
	width: 170px;
	border: 1px solid #2d2d77;
	padding: 3px 3px 3px 20px;
	color: #000;
	background-image: url(_gfx/fondInput.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#contenuCommande_inscription form p input {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 12px;
	float:left;
	margin: 0 10px 0 0;
	width: 170px;
	border: 1px solid #2d2d77;
	padding: 3px 3px 3px 20px;
	color: #000;
	background-image: url(_gfx/fondInput.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#contenuCommande form p select {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 12px;
	float:left;
	margin: 0 10px 0 0;
	width: 193px;
	border: 1px solid #2d2d77;
	padding: 2px 0;
	color: #000;
	background-color:#95a2ba;
}

#contenuCommande form .BT {
	float:left;
	text-align:right;
	margin: 10px 0 20px 0;
	padding: 0;
	width: 447px;
}
#contenuCommande input.buttons {
	background: none no-repeat top left;
	border: none;
	cursor: pointer;
	display: block;
	float: right;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
}
#contenuCommande input.valider { background-image: url(_gfx/BTValiderFondBlc.gif); width: 78px; height: 20px; }
/*MODIF DE L'AFFICHAGE DE LA PAGE ADRESSE.HTML*/
#contenuCommande .adressefacturation{

width:420px;
height: 200px;
float: left;
padding:10px;
margin-left: 40px;
background-color: #F0F0F0;


}

#contenuCommande .adresselivraison{

float:right;
width:420px;
height:200px;
margin-right: 40px;
padding:10px;
background-color: #F0F0F0;

}
/*FIN MODIF DE L'AFFICHAGE DE LA PAGE ADRESSE.HTML*/


/*/TABLEAU DES PAGES COMMANDE/*/


#contenuCommande table.commandes {
	margin:0;
	padding:0;
	border-collapse: collapse;
	border: none;
}

#contenuCommande table.commandes th {
	color:#FFFFFF;
	padding: 5px;
	text-align: center;
	border:none;
	background-color: #8a8a8d;
}

#contenuCommande table.commandes tr {
	padding: 5px;
	text-align: center;
	border: none;
	background-color: #FFFFFF;
}

#contenuCommande table.commandes .ligneIntermediaire {
	background-color: #f2f2f2;
}

#contenuCommande table.commandes td {
	padding: 5px;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8a8a8d;
	color: #151215;
}

#contenuCommande table.commandes caption {
font-family: sans-serif;
background:#000000;
}

#contenuCommande table.commandes form {
	padding:0;
	margin:0;
}

#contenuCommande table.commandes form input, select {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 12px;
	color:#151215;
	margin: 0;
	width: 80px;
	border: 1px solid #8a8a8d;
	padding: 2px 0;
	background-color:transparent;
}

#contenuCommande .BT {
	float:right;
	text-align:right;
	margin: 20px 20px 10px 0;
	_margin: 5px 0 0 0;
	padding: 0;
	width: 800px;
}
#contenuCommande .Blocpaiement {
	float:left;
	text-align: right;
	padding: 0;
	margin-left:40%;
	width: 290px;
}

#contenuCommande .Blocpaiement h3{
	color:black;
}

#contenuCommande .Blocpaiement2 {
	float:left;
	text-align: right;
	margin-left: 50%;
	margin: 0;
	padding: 0;
	width: 290px;
}

#contenuCommande .Blocpaiement2 img{
	
	margin-bottom: 5px;
	}

#contenuCommande .Blocpaiement2 h3{
	color:black;
}

#contenuCommande .Blocpaiement h5 {
	color:#4a4a4c;
	font-size:14px;
	text-align:left;
	margin: 0;
	padding:0 0 3px 10px;
}




/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* CONTENU INDEX */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#contenuIndex {
	float:right;
	width:810px;
	margin: 20px 0 0 0;
}

/*/EDITO/*/

#contenuIndex .edito {
	float:left;
	width:430px;
	margin: 0;
	padding:0;
	font-size: 12px;
	line-height: 18px;
}

/*/NEWS/*/

#contenuIndex .news {
	float:right;
	width:350px;
	margin: 0;
	font-size: 12px;
	line-height: 18px;
}

#contenuIndex .news h3 {
	height:24px;
	font-size:14px;
	color:#ffffff;
	margin: 0;
	padding:0 0 0 10px;
	background-image: url(_gfx/bg_titre.g);
	background-repeat: no-repeat;
}

#contenuIndex .news h4 {
	font-size:12px;
	color:#2d2d77;
	margin: 8px 0 0 0;
	padding:0;
}

#contenuIndex .news p {
	font-size:11px;
	line-height:14px;
	margin: 0;
	padding:0;
}

#contenuIndex .news .fond {
	float:left;
	width: 330px;
	margin: 0;
	padding: 0 10px;
	background: background-image: url(_gfx/fondNews.gif);*
	background-repeat:repeat-y;
}

#contenuIndex .news .footer {
	float:left;
	width:350px;
	height:10px;
	margin: 0;
	padding:0;
	background-image: url(_gfx/fondFooterNews.gif);
	background-repeat: no-repeat;
}

#contenuIndex .news .BT {
	float:left;
	text-align:right;
	width:330px;
	margin: 10px 0 0 0;
	padding:0;
}

#contenuIndex .news a {
	color:#000000;
	text-decoration:none;
}

#contenuIndex .news a:hover {
	color:#000000;
	text-decoration:underline;
}


/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* NOUVEAUTE ET PROMO */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#contenuIndex .nouveautes, #contenuIndex .promos {
	float:left;
	width:810px;
	margin: 10px 0 0 0;
	padding:0 0 10px 0;
	font-size: 14px;
	font-weight:bold;
}

#contenuIndex .nouveautes h3 {
	height:24px;
	font-size:14px;
	color:#ffffff;
	margin: 0;
	padding:4px 0 0 10px;
	background-image: url(_gfx/fondNouveautesH3.png);
	background-repeat: no-repeat;
}

#aliennouv{
	text-decoration: none;
	}



#contenuIndex .nouveautes .lien {
	margin-left: 550px;
	color: white;
	font-size: 12px;
}


#contenuIndex .nouveautes .lien a; #contenuIndex .nouveautes .lien a:active; #contenuIndex .nouveautes .lien a:visited;{
	color: white;
}

#contenuIndex .nouveautes .lien a:active;{
	color: white;
	text-decoration: underline;
}


#contenuIndex .promos h3 {
	height:24px;
	font-size:14px;
	color:#ffffff;
	margin: 0;
	padding:4px 0 0 10px;
	background-image: url(_gfx/fondPromosH3.png);
	background-repeat: no-repeat;
	
}

#alienpromo{
	text-decoration: none;
	}




#contenuIndex .promos .lien {
	margin-left: 550px;
	color: white;
	font-size: 12px;
}


#contenuIndex .promos .lien a; #contenuIndex .promos .lien a:active; #contenuIndex .promos .lien a:visited;{
	color: white;
}

#contenuIndex .promos .lien a:active;{
	color: white;
	text-decoration: underline;
}




#contenuIndex .promos .contenu, #contenuIndex .nouveautes .contenu {
	width:810px;
	float:left;
	margin: 0;
	padding:0 0 10px 0;
	background-image: url(_gfx/fondNouveautes.gif);
	background-repeat: repeat;
}

#contenuIndex .nouveautes .produit, #contenuIndex .promos .produit {
	float: left;
	width:252px;
	text-align:center;
	margin: 0 7px 0 7px;
	padding:0;
}

#contenuIndex .nouveautes .produit h4, #contenuIndex .promos .produit h4 {
	color:#000;
	text-align:left;
	height:23px;
	margin: 10px 0 0 0;
	padding:7px 0 0 10px;
	background-image: url(_gfx/fondProduitIndexH4.gif);
}

#contenuIndex .nouveautes .produit .fond, #contenuIndex .promos .produit .fond {
	float:left;
	width:252px;
	margin: 0;
	padding:0;
	background-image: url(_gfx/fondProduitIndex.gif);
	background-repeat: repeat;
}
#contenuIndex .nouveautes .produit .hauteurimg, #contenuIndex .promos .produit .hauteurimg {
	float:left;
	width:252px;
	height: 180px;
	margin: 0;
	padding:0;
	background-image: url(_gfx/fondProduitIndex.gif);
	background-repeat: repeat;
	overflow: hidden;
}

#contenuIndex .nouveautes .produit h5, #contenuIndex .promos .produit h5 {
	color:#4a4a4c;
	font-size:14px;
	text-align:left;
	margin: 0;
	padding:0 0 3px 10px;
	border-bottom: 1px solid #c4c5c6;
}

#contenuIndex .nouveautes .produit .prix, #contenuIndex .promos .produit .prix {
	text-align:left;
	float:left;
	font-weight:bold;
	margin: 0;
	padding:3px 0 0 10px;
}

#contenuIndex .nouveautes .produit .logo, #contenuIndex .promos .produit .logo {
	text-align:right;
	float:right;
	margin: 0;
	padding:3px 10px 0 0;
	width:auto;
}

#contenuIndex .nouveautes .produit .footer, #contenuIndex .promos .produit .footer {
	float:left;
	width:252px;
	height:10px;
	margin: 0;
	padding:0;
	background-image: url(_gfx/footerProduitIndex.gif);
}

#contenuIndex .promos .footer, #contenuIndex .nouveautes .footer {
	float:left;
	width:810px;
	height:10px;
	margin: 0;
	padding:0;
	background-image: url(_gfx/fondFooterNouveautes.gif);
	background-repeat: no-repeat;
}

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* MARQUES */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#contenuIndex .marques {
	clear:both;
	margin: 10px 0 0 0;
	padding:0 0 10px 0;
	font-size: 14px;
	font-weight:bold;
	overflow:hidden;
	zoom:1;
}

#contenuIndex .marques h3 {
	height:24px;
	font-size:14px;
	color:#ffffff;
	margin: 0;
	padding:4px 0 0 10px;
	background-image: url(_gfx/fondMarquesH3.png);
	background-repeat: no-repeat;
}

#contenuIndex .marques .contenu {
	width:810px;
	float:left;
	margin: 0;
	padding:0 0 10px 0;
	background-image: url(_gfx/fondMarques.gif);
	background-repeat: no-repeat;
	overflow:hidden;
	zoom:1;
	background-position: bottom;
}

#contenuIndex .marques .tousLesLogos {
	float:left;
	margin: 0;
	padding:10px;
	overflow:hidden;
	zoom:1;
}

#contenuIndex .marques .logo {
	margin: 0;
	padding:0 5px 0 0;
	width:auto;
}

#contenuIndex .marques .BT {
	width:800px;
	_width:780px;
	text-align:right;
	float:right;
	margin: 0;
	padding:0 10px 0 0;
}

#contenuIndex .invisble {
	clear:both;
	width:810px;
	margin:0;
	padding:0;
	background-color:#FF00FF;
}


/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* CONTENU DES PAGES COMMANDES */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#pages {
	clear:both;
	color:#626164;
	font-weight:bold;
	padding: 0;
	margin: 20px 0 0 0;
	text-align:right;
}

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* PIED DE PAGES */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#footer {
	width:1000px;
	height:40px;
	/*color:#2e2f72;*/
	color:white;
	background-color: black;
	padding:10px 0 0;
	float:left;
	_float:none;
	font-weight:bold;
	font-size:11px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #166198;
}

#footer a, #footer a:visited {
	color:#FFF;
	text-decoration:underline;
}

#footer a:hover {
	text-decoration:none;
}


/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* MENU */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


.menu{
	
	padding:0px;
	font: 60% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:14px;
	margin:auto;
	text-align: center;
	background-color:black;
	width:100%;
			float: left;

	
	}
.menu ul{
	width:100%;
	height:35px;
	list-style:none;
	margin:auto;
	padding:0;
	background-color:black;

	}
	.menu li{
		float:left;
		padding:0px;
		
		list-style: none;
	border-radius:10px;
		}
	.menu li a{
		background:black url("_gfx/seperator.gif") bottom right no-repeat;
		color:#cccccc;
		display:block;
		font-weight:normal;
		line-height:35px;
		margin:0px;
		padding:0px 19px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: #166198 url("_gfx/hover.gif") bottom center no-repeat;
			color:#FFFFFF;
			text-decoration:none;
			}
	.menu li ul{
		background:black;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background:url('_gfx/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	.menu li:hover li a{
		background:none;
		text-decoration: none;
		
		}
	.menu li ul a{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		text-decoration: none;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#166198 url('_gfx/hover_sub.gif') center left no-repeat;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}	


div#menuvertical {
	width: 180px;
	float:left;
	margin:20px 0 0 0;
	padding-top:0;
}


div#menuvertical a {
color:#000;
font-family: Arial, sans-serif;
font-size: 12px;
}

div#menuvertical ul {
padding: 0; 
width: 180px; 
margin:0px; 
background: #DDD;
}


div#menuvertical li:hover {
background: #166198;
}

div#menuvertical li a:hover {
color: #000;
}

div#menuvertical li.titre:hover {
background: #166198;
}

div#menuvertical ul li {
position:relative; 
list-style: none; 
}

div#menuvertical ul ul {
position: absolute; 
top: 0px; 
left: 180px;
display:none;
border: 1px solid gray;
}


div#menuvertical li a {
color:#000; 
text-decoration: none; 
padding: 3px 0 2px 8px; 
display:block; 
width:180px;
}

div#menuvertical ul.rootnav li.titre:hover ul.enfant, 
div#menuvertical ul.enfant li.titre:hover {
display:inline-block;
}







/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* BUTTON */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


/* 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; }

