/*generics*/
.aligncenter {text-align:center}
.hidden {visibility:hidden}
.clear {clear:both}
.right {float: right;}

.blanc {color:#FFF}.clr-1 {color:#8FD92E} .clr-2{color:#36D202} .clr-3 {color:#A6C355}
.rouge {color:#FF3333}
.bg-blanc {background:#FFF} .bg-1 {background:#8FD92E} .bg-2 {background:#36D202}

/* blocks */
body {
	background: #000 url(../img/danslherbe.jpg) no-repeat center 280px; color: #CCCCCC; 	
	font: 11px Georgia, "Times New Roman", Times, serif; 
}

.wrap {margin: 0px auto;width: 960px;}
.mejorprecio {padding:10px;width: 500px;}
.bicicletaelectrica {background-color: #2F4717;	opacity:.85;filter: alpha(opacity=85);-moz-opacity: 0.85;padding: 12px 0px;position:relative;margin-top:20px}
.imagen-bicicleta-electrica {border:4px solid #000;}
.bateria {float: left; margin: 10px 0;width: 33%;}


/* topmenu */
.entete {background:#000;height:80px;}
.barremenu {font-family:Geneva, Arial, Helvetica, sans-serif;font-size: 0.8em;padding: 10px;}
.barremenu a {color: #999999;font-size:9px;text-decoration: none;}
.barremenu a:hover {border-bottom: 3px solid #36D202;color: #FFFFFF;}

/* Menu principal */
.menu-bicicleta {background-color: #2F4717;clear: both;float: none;font-family:Geneva, Arial, Helvetica, sans-serif;width: 100%;}
.menu-bicicleta ul {list-style-type: none;text-align: center;}
.menu-bicicleta li {display: inline;text-align: center;}

.menu-bicicleta a {background-color: #8FD92E; border-left:1px solid #A6C355; border-right:1px solid #A6C355;color: #303820;cursor:pointer;font-weight: bold;line-height:35px;padding: 10px;text-decoration: none;text-transform: uppercase;}

.menu-bicicleta a:hover {background-color: #FFFF33;}

/* Menu bicicletas */
.menu-bicicletas-electricas ul {display:inline; list-style:none;}
.menu-bicicletas-electricas li {float:left;margin:0 5px 0 0;padding:0}
.menu-bicicletas-electricas li img {border:3px solid #000;padding:0}
.menu-bicicletas-electricas li a img {border:3px solid #999;padding:0}
.menu-bicicletas-electricas li a:hover img {border:3px solid #000;padding:0}



/* styles generics*/
a {font-weight:700;font-family:Geneva, Arial, Helvetica, sans-serif;text-transform: uppercase;}
a.lien {color: #999999;text-decoration: none;}
a:hover.lien {border-bottom: 3px solid #36D202;color: #FFFFFF;}


h1, h2, h3, h4 {font-weight:700;font-family:Geneva, Arial, Helvetica, sans-serif;}

h1 {color:#333;display:block;font-size: 14px;margin:0 auto;padding:10px 0;text-align: center;text-transform: uppercase;width:800px}
h1 em {font-size:10px;font-weight:100;padding:5px auto 10px;text-align:center;}

h2 {font-size:16px;margin:0 0 10px;text-transform: uppercase;}
h3 {color:#FFF;font-size:14px;padding-top:20px}
h4 {font-size:14px; padding:10px 0}

	/* buttons */
button.compra {background:transparent none repeat scroll 0 0;border:0 none;cursor:pointer;margin:10px 0 0 132px;width:auto}
.compra span{background: transparent url(../img/buttoncompra.gif) no-repeat 0 0;border:0;color:#FFF;cursor:pointer;display:block;font-weight:bold;height:24px;line-height:190%;padding:0 0 0 6px;vertical-align:middle;white-space:nowrap}
.compra span span {background: transparent url(../img/buttoncomprafin.gif) no-repeat scroll 100% 0;padding:0 14px 0 8px;}

/* styles specifics */



ul.spec {position:relative}
.spec strong {background: transparent;color:#FFF;font-weight:700;font-size: 14px;left:140px;position:absolute;}
.spec li {
	line-height: 16px;
}
.spec em {font-style:italic}
strong.precio  {color:#FFF;font-size:18px;font-weight:700}

/* home page */

.laligne {clear: left;}
.etiqueta {clear: left;float: left;margin:5px;text-align: right;}

/* bicicleta page */
.colright {float:right; width:408px}
.colright p {padding:10px}
/* Glider */
.linkcontrol {float:right;margin:0 0 10px 30px;padding:5px;width:175px}
.linkcontrol a {color:#333;text-decoration:none}
.linkcontrol a:hover {color:#000}

.soulignevert {border:2px solid #339900;}

/* footer */
.footer {font-family:Geneva, Arial, Helvetica, sans-serif;padding: 12px;}



.textes {

	padding-top: 12px;

	padding-right: 30px;

	padding-bottom: 12px;

	padding-left: 30px;

	opacity:.85;

	filter: alpha(opacity=85);

	-moz-opacity: 0.85;	

	background-color: #333333;

}

.textes2 {

	float: left;

	padding-top: 12px;

	padding-right: 30px;

	padding-bottom: 12px;

	padding-left: 30px;

	margin: auto;

	opacity:.85;

	filter: alpha(opacity=85);



	-moz-opacity: 0.85;	

	background-color: #333333;

	min-width: 340px;

}

.texte3 {

	background-color: #20371E;



	opacity:.85;

	filter: alpha(opacity=85);

	-moz-opacity: 0.85;	

	padding-top: 12px;

	padding-right: 30px;

	padding-bottom: 12px;

	padding-left: 30px;

		width: 340px;

}

.texte3 a,

.textes a {

	color: #FFFF00;

}

.texte3 a:hover,

.textes a:hover {

	color: #FF6600;

}

.formulaire {

	float: left;

	background-color: #20371E;

	margin: 0px;

	opacity:.85;

	filter: alpha(opacity=85);





	-moz-opacity: 0.85;	

	padding-top: 12px;

	padding-right: 30px;

	padding-bottom: 12px;

	padding-left: 30px;

	width: 340px;

}



.fondnoir {

	background-color: #000000;

	clear: both;

	width: 100%;

	padding: 0px;

}

.fondnoir a {

	color: #7FB351;

	text-decoration: none;

}













.cuadro h2 {

	color: #FFFFFF;

	padding-right: 10px;

	padding-left: 0px;

	clear: both;

	margin-top: 5px;

	margin-right: 0px;

	margin-bottom: 5px;

	margin-left: 0px;

	padding-top: 5px;

	padding-bottom: 5px;

}














.reponse {

	color: #333333;

	background-color: #FFFFFF;

	text-align: center;

	padding: 10px;

	width: 100%;

	margin-top: 200px;

	margin-right: 0px;

	margin-left: 0px;

}



.logobicicleta {

	background-image: url(logo-bicicletaelectrica.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	margin: 10px;

	height: 145px;

	width: 260px;

	float: left;

	}

.lalignetxa {



	clear: left;

	margin-bottom: 10px;

}



.aņadirurl {

	background-color: #FFFFFF;

	padding: 10px;

	border: 1px solid #CCCCCC;

	color: #333333;

	float: right;

	width: 300px;

	margin-top: 30px;

	clear: both;

}

.cuadro .textes a {

	color: #00CCFF;

}

.cuadro .formulaire a {

	color: #00CCFF;

}







#layeranadirurl {

	position:absolute;

	width:170px;

	z-index:1;

	margin-top: 14px;

	padding-top: 50px;

	padding-right: 14px;

	padding-bottom: 10px;

	padding-left: 14px;

	margin-left: -100px;

	background-image: url(bullebleue.gif);

	background-repeat: no-repeat;

	background-position: left top;

	font-size: 0.8em;

	color: #FFFFFF;

	text-align: left;

	visibility: hidden;

	}

.partie45 {

	text-align: justify;

	width: 47%;

	float: left;

	margin-right: 20px;

	margin-bottom: 30px;

}

.partie100 {

	float: none;

	clear: both;

	margin-top: 20px;

}

.infoimportante {
	padding: 5px;
	border: 3px solid #87C148;
	background-color: #B1D494;
	color: #000000;
	width: auto;

}

.infoimportante h4 {
	font-size: 1.2em;
	font-weight: bold;
	color: #2F4717;
	margin-top: 20px;
	margin-bottom: 0px;

}
.infoimportante p {
	margin: 0px;
}