#IndexASP {
	background: #333;
	width:100%;
	text-align:center;
	z-index:-200;
	overflow:visible;
	display: inline-block;
}

#menu_haut {
	display:inline-table;	
}

tr {font-size:12px;}

td {font-size:12px;}

body {
	font-size:12px;
	background:url(../../fond.jpg)  fixed  ;
	max-width:1024px;
	width: expression( Math.min(parseInt(this.offsetWidth), 50));
	margin: 0 auto 0 auto !important;
	margin: 0 50 0 50 ;
	background-size: 100% 100%;
	background-color:#000;
	background-size: 1024px 768px center;
	text-align: center ;
	font-family:arial, sans-serif, sherif;
}

div:first-letter{
	 text-transform: uppercase;
	}
 
div {
	text-transform:lowercase
}

#menu_haut {width:100%; background-color: #333;}

.index_contneur {display:block; width:1024px; position:relative; min-height: 1000px;}

#menu_gauche {width:15%; background: #4A4A4A; height:100%; opacity: 0.7; position:absolute; left:0px;}
#menu_de_droite {width:15%; background: #4A4A4A; height:100%;  position:absolute; right: 0; top:0px; opacity: 0.7; }	
#centre {width:70%; height:100%; margin: 0;  position:relative; left:0px; display: inline-table;}


#summer_ride {width: 100% ;  background-color: #1d1d1d; display:inline-table; position:relative; padding-bottom:9px; padding-top:9px;}




/* Cadre des promotions -------------------------------       */
#Boite_promo {
	background:  #333;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	width:100%;
	text-align:center;
	height:690px;
	margin-bottom:5px;
}

/* Cadre des promotions BAS -------------------------------       */

#Boite_promo_liste {
	background: #CCC;
	padding: 5px;
	width: 90%;
	height: auto;
	margin: auto;
}

#Boite_promo_detail {
	background: #F0F0F0;
	padding: 5px;
	height:auto;
}

#boite_image_gauche {
	background: #999;
	text-align: center;
	width: 30%;
	min-height: 160px;
	max-height: 150px;
	margin-top:0px;
	float: left;
}

#boite_prix_gauche {
	background: #666;
	text-align: center;
	width: 100%;
	height: 40px;
	min-height: 40px;
	margin-top: auto;
	margin-left: 0px;
	margin-right :5px;
	float: left;
}

#boite_fond_produit {
	background: #CCC;
	width: 100%;
	min-height:200px;
	height:auto;
}


/* Bontons------------------------------------------- */
input[type=submit], input[type=reset] {
	 border:1px solid black;
	 background-color:#CCC;
	 cursor:pointer;
	 margin-top:2px;
}

input[type=submit]:hover, input[type=reset] {
	 border:1px solid black;
	 background-color: #E8E8E8;
}

input[type=text], input[type=reset] {
	 border:1px solid black;
	 background-color: #999;
	 text-align:center
	 margin-top:2px;
}

input[type=text]:hover, input[type=reset] {
	 border:1px solid black;
	 background-color: #E8E8E8;
}

textarea {
	 border:1px solid black !important ;
	 border:0px;
	 background-color: #999 !important ;
	 text-align:center ;
	 margin-top:2px ;
	 background-color:#FFF;
     text-align:left;
}

textarea:hover {
	 border:1px solid black !important ;
	 background-color: #E8E8E8 !important ;
}


.bouton {
	display:block;
	 border:1px solid black;
	 background-color: #FFF;
	 cursor:pointer;
	 padding:5px;
	 margin:0 auto 0 auto;
	 border-radius:10px;
	 width:90%;
}

.bouton:hover {
	 border:1px solid black;
	 background-color: #E8E8E8;
}


/* 
/* Fin boutons */


/* Caddie du haut ----------------------------------------*/
.text_caddie_haut {
	color:#000;
	font-style:italic;
}

.titre_caddie_haut {
	color:#000;
	font-weight:bold;
}


/* Info bulle --------------------------------------------*/

a.info{
	position:relative;
	right:0;
	z-index:24;
	color:#000;
	text-decoration:none
}
 
a.info:hover{
	z-index:25;
	background-color:#FFF;
}
 
a.info span{
	display: none
}

a.info:hover span{
	display:block;
	position: absolute;
	top:0em; width:15em; right:-50%;
	border:1px solid #000;
	background-color:#FFF;
	color:#000;
	text-align: center;
	max-width:100%;
	width:90%;
	height:auto;
	overflow:auto;
	font-weight:none;
	padding:5px;

	font-weight:bold;
}

.info_titre_clignotement {
	color: #F00;
	font-weight:		bold;
	text-decoration:		blink;
}

.info_titre {
	color:	#F00;
	font-size:14px;
	font-weight: bold;	
}

.info_titre_important {
	color: 	#F00;
	font-weight:		bold;
	font-size:		14px;
}
/*-------------------------------------------------<*/


#Boite_categories {
	background:   #CCC;

	width:100%;
	/*width:520px;*/
	height:1000px;
	text-align:center;
	height:auto;
	/*max-height:1160px;*/
	margin-bottom:5px;

}

/* Cadre des categories -------------------------------       */

#Boite_categorie_liste {
	background: #CCC ;

	width: 100%;
	/*width: 510px;*/
	height: auto;
	margin: auto;
	z-index:200;
}

#Boite_categorie_detail {
	background: #F0F0F0;
	padding: 4px;
	color: #333;
}


#boite_image_gauche_categorie {
	text-align: justify;
	width: 20%;
	max-height:50000; 
	height: auto;
	margin-top:0px;
	margin-right:5px;
	float: left;
	margin:1%;
	position:relative;
}

.zoom_image {position: absolute; background: #FFF; opacity:0.5; width:142px; bottom:0px;}
.zoom_image:hover {opacity: 0.5;}

#boite_fond_categorie {
	background:  #DDD  ;
	width: 95%;
	min-height:160px;
	height:auto ;
}

#boite_insertion_gauche {
	background:   #C5C5C5;
	border: 1px   	#999;
	text-align: center;
	width: 95%;
	/*width: 497px;*/
	height: 20px;
	min-height: 10px;
	margin-top: 00px;
	margin-left: 0px;
	margin-right :5px;
	float: left;
	display:inline;
}



/* Cadre des categories -------------------------------       */
#Boite_produits_references  {background:   #666;height:1137px;text-align: center; width:100%}

/* Cadre du caddie -------------------------------       */
#Boite_caddie  {background: #999; padding:10px; text-align: center; width:687; margin:0 auto; display:table; height:100%}




#Boite_tarifs_produits  {
	background: #CCC;
	width: 188px;
	padding:10px;
	height: auto;
	text-align: center;
}

.bouton_panier a {
	display:block;
	margin:10px;
	width:145px;
	height:27px;
	text-align:center;
	padding-top:7px;
	vertical-align: bottom;
	background:url(../images/boutons/b1.gif) no-repeat;
	font-family:Arial, sans-serif, serif;
	color:white;
	text-decoration:none;
}
.bouton_panier a:hover {background:url(../images/boutons/b2.gif) no-repeat;}

#Boite_CCC {background:#CCC; border-radius:15px; padding-bottom:10px;}

.bouton_panierpnf a {
	display:block;
	width:145px;
	height:27px;
	text-align:center;
	padding-top:7px;
	vertical-align: bottom;
	background:url(../images/boutons/b1.gif) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	color:white;
	text-decoration:none;
}
.bouton_panierpnf a:hover {background:url(../images/boutons/b2.gif) no-repeat;}

/* Info bulle -------panier-----------------------*/

a.infobulle{position:relative; z-index:24; color:#000; text-decoration:none}
 
a.infobulle:hover{z-index:25;background-color:#FFF;}
 
a.infobulle span{display: none;}
 
a.infobulle:hover span{
	display:block;
	position: absolute;
	top:0em; left:8em; width:15em;
	border:1px solid #000;
	background-color:#FFF;
	color:#000;
	text-align: center;
	max-width:125px;
	height:auto;
	overflow:auto;
	font-weight:none;
	padding:5px;
	font-weight:bold;
}

.transparent {filter:alpha(opacity=60);-moz-opacity: 0.6; opacity: 0.6;}

#petite_boite {
	display:block;
	position: fixed;
	z-index:10000;
	width: 100%;
	height  :100%;
	background-color: #000;
	border:solid 2px  #FFF;
	left: 0px;
	top: 0px;
	opacity: 0.5;
}

#petite_boite_devant {position: absolute; z-index:1000000;}

#petite_boite_devant _cadre {
	display:block;
	float:left;
	position:absolute;
	background:#CCC;
	border:#FFF solid 2px;
	z-index:1000000;
	left:50%;
	top: 50%;
	padding:15px;
}

#boxyman{
	display:block;
	position:absolute;
	width:400px;
	height:150px;
	background-color: #FFF;
	z-index:5;
	box-shadow: 8px 8px 12px  #000; 
}

#boxyman2{
	display:block;
	position:absolute;
	width:400px;
	height:180px;
	background-color: #FFF;
	z-index:5;
	box-shadow: 8px 8px 12px  #000; 
}

#boxyman2 span {width: 100%; float:left; position:relative;}

.span_1 {margin-top:0px; margin-bottom:20px; }
.span_2 {margin-top:20px; }

#boxyman0{
	display:block;
	position:absolute;
	width:400px;
	height:180px;
	background-color: #FFF;
	z-index:5;
	top:100px;
	box-shadow: 8px 8px 12px  #000; 
}


#boxyman3{
	display:block;
	position:absolute;
	width:400px;
	height:180px;
	background-color: #FFF;
	z-index:5;
	top:300px;
	margin: 0 auto 0 auto;
	box-shadow: 8px 8px 12px  #000; 
}


.arrow-up {
	position:absolute;
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	top:-14px;
	border-bottom: 15px solid white;
}

.arrow-right {
	position:absolute;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	top:20px;
	border-left: 15px solid white;
}

.fond_noir {
display:block;
height:100%;
width:3000px!important;
width:100%;
background:#000;
-moz-opacity:0.7;
opacity: 0.7;
filter:alpha(opacity=50);
ZOOM:1;
position:fixed;
  left:0;
  top:00px;
  z-index:4;
}



#boxyman_res_1{
	display:block;

	position:absolute;
	width:200px;
	height:29px;
	background-color: #FFF;
	z-index:5;
	left:200px;
	text-decoration:blink;
	color:#000;
	top:0px;
	box-shadow: 8px 8px 12px  #000; 
}

   
#boxyman_res_2{
	display:block;
	position:absolute;
	width:200px;
	height:29px;
	background-color: #FFF;
	z-index:5;
	text-decoration:blink;
	left:1000px;
	top:300px;
	box-shadow: 8px 8px 12px  #000; 
}

#boxyman_help_ref{
	display:block;
	position:absolute;
	width:200px;
	height:200px;
	background-color: #FFF;
	z-index:5;
	left:0;
	top:0;
	box-shadow: 8px 8px 12px  #000; 
}


.nb_page {
	display : block;
	background:#333;
	max-height:20px;
	max-width:20px;
	font-style:normal;
	text-decoration:none;
	color:#CCC;
	width: 20px;
	height: 20px;
	float: left;
	position: relative;
	margin:2px;
}

.nb_page_visite {
	display : block;
	background:#333;
	font-style:normal;
	text-decoration:none;
	color:#CCC;
	margin: 2px;
	background: #666;
	max-height:20px;
	max-width:20px;
	width: 20px;
	height: 20px;
	float: left;
	position: relative;
}

.nb_page:hover{
	display : block;
	max-height:20px;
	max-width:20px;
	background: #999;
	font-style:normal;
	text-decoration:none;
	color:#CCC;
	margin: 2px;
	width: 20px;
	height: 20px;
	float: left;
	position: relative;
}

<!--TEXTS----------------------------------------------------------------->

.text_global {color: #000; font-size:12px;}
.text_global_100 {color: #000; width:100%;}
.text_gras {color: black;	font-weight: bold;}
.text_low {text-transform:lowercase}
.text_12 {font-size:12px;}
.text_blanc { color:#FFF;	}
.text_gras {font-weight:bold;}
.text_gras_blanc {font-weight:bold; color:#CCC}
.text_italic_low  {font-style:italic; text-transform:lowercase;}
.text_italic  {font-style:italic;}
.text_blink {text-decoration:blink;}
.text_gras_rouge {font-weight:bold; color:#F00}
.text_gras_noir {font-weight:bold; color:black}
.text_rouge_centre { text-align:center; color:#F00}
.text_low_gris {text-transform: lowercase;color:#333;}
.text_low_grey {text-transform: lowercase;color: grey; text-align:center;}

.text_low_noir {text-transform: lowercase;color: #000;}
.text_low_gris_gauche {text-transform: lowercase; text-align:justify; padding-right:10px;color:#333; padding-left:160px;}

.Link {color: #CCC;}
.Link:hover {color: #FFF;}

	.Link2 { color: #3d3d3d;}
	.Link2:hover { color: #525252 ;}
	
.Link3 { color:#CCC;}
.Link4 { color:#FFF;}
.Link5 {color: #3d3d3d; text-transform: lowercase;}

.Link6 { color: #CCC; position:relative;}
.Link6:hover { color: #FFF ;}

.Link7 { float:left;color:#FFF; text-align:left;  }
.Link8 { color:#FFF; text-align:left; }
.Link9 { color:#333;}

.Link10 { color: #CCC; position:relative; float: left; margin-left: 5px;}
.Link10:hover { color: #FFF ;}


.Titre_18 {font-size:18px; font-weight:bold;}
.Titre_24 {font-size:24px; font-weight:bold; }
.Titre_bold {font-weight:bold; text-transform:lowercase; text-align:center; font-size:13px; margin: 4px;}


.P1 {padding:10px; text-align:center; font-size:12px; margin-top:10px;}






#centre_index {float:left; width:70%; left:0; margin: 0; display:block; background: #CCC;}

#image_entete {position:relative !important; position:absolute;  width:100%; height:auto!important; height:100%; top:0;}
#menu_entete {color:#0F0; width:100%; height:30px; z-index:500000000; display:inline-table;}
#kit_bike {display:table; position:relative; background: #222225; float: left; margin: 11px; height:490px;}
#photos_realisations {display:table; position:relative; background: #222225; width:620px; padding:20px;}
#footer {width:100%; background:   #CCC; display: block; height:55px; float:left; position:relative;}

.facebook {background-color:#FFF; display:block; width:300px; margin: 24px; float:right; border-radius: 15px;}
.facebook_contact {background-color:#FFF; display:block; width:520px; margin:0 auto 0 auto; border-radius: 15px; text-align:center}
.A1 {width:95%;  display:inline-block; background: #808080; margin:0 auto 10 auto; height: 100%; position:relative}
.A2 {width:20%;  float:left; display:block; padding:10px}
.A3 {max-height:80px;}
.A6 {width:50%;  float:left; padding:2px;}
.A7 {float: left; position: absolute; right: 0; text-align: center; width: 20%; bottom: 50%;  margin: 10;}		
.A8 {width:50%;  float: left;  display: inline-table; text-align: left;}
.A9 {margin-bottom:0px; display:inline-block; padding:0px; padding-bottom:5px; padding-top:5px; width:100%; margin-left: -4px;}

.A10{width:700px;  display:inline-table;  position:relative; float:left;}
.A11{width: 100%; height:20px;  display: block; border-radius: 0 0 1 1;  position:relative; float:right; margin:0px; padding: 0 0 0 0;  background:#3C3C3C}
	.A11:hover {width: 100%; height:20px;  display: block;  position:relative; float:right; margin:0px; padding: 0 0 0 0;  background: #464646;}
.A12 {display:inline-table; width:655px; padding:20px; margin:10px; background:   #666;}


.A13 {width:418px; float:left; padding: 5px;}
.A14 {width:208px; float:right; padding: 5px;}
.A15 {height:20px;}
.A16 {width:80%;  margin-top:20px; text-align:center; margin-left:10%;}
.A17 {display: inline-table; float: left; background:-moz-linear-gradient(left, #dddddd,#b6b6b6) ; width: 696px; border:solid #3C3C3C; border-radius:5px; position:relative;}



.block_pages {width:550px}

.Promo_gauche {width:348px; height:; display:inline-table; float:left ; background:#666666; padding: 0 10px 0 10px;}
.Promo_droite {width:348px; height:; display:inline-table; float:right ; background:#666666}

.IMG_1 {margin-top:10px;}
.grande_image_produit {width: 100px; margin:0 10;}
.img_100% {width:100%;}
.img_100-2 {width:100%;}
.img_kit_bike {position:absolute; margin-top:-350px;}
.img_kit_bike_detail {margin: 10px; position: relative; width: 290px;}

.promo_2 {float:left; width: 356px;}

.float_left {float:left;}
.float_right {float:right;}

.float_left_promo {float:left; width: 345px; margin-left: 9px;}
.float_right_promo {float:right; width: 345px; margin-right: 9px;}

.img_promo {border-radius: 10px;}

.cadre {}
#img_pdt{border: 2px solid black ; margin-bottom:20px; box-shadow: 1px 1px 12px #000000;}


.grande_image_rea {width: 600px;}
.petite_image_rea {width: 200px;}

.catalogue {display:block; position:absolute; width:140px; height:140px; padding:5px; background:  #E9E9E9; float:left; bottom:0;}
.catalogue_detail { width:670px; height:150px; float:left; background:#FFF; margin:10px; position:relative;}
.catalogue_titre {position:absolute; top:0; height:20px; width:520px; font-size:17; font-weight:bold; right:0;}
.catalogue_description {position:absolute; width: 490px; height:100px; bottom:0; right:0; background: #F5F5F5; margin:5px; padding:10px}
.bouton_catalogue {background: none repeat scroll 0 0 #2A2A2A; border: medium solid black; border-radius: 10px 10px 10px 10px; color: #FFFFFF; display: block; font-size: 12px; height: 30px;  margin: 15px auto 0;  padding-top: 0px; width: 400px;}
.bouton_catalogue a {color: #D4D4D4;}
.bouton_catalogue a:hover {color:#FFF};

.actualite_margin_10 {margin-top: 10px;}


.en_promo {
    background: none repeat scroll 0 0 #FFCC00;
    border-radius: 30px 0 3px 0;
    display: inline;
    float: right;
    height: 20px;
    width: 200px;
	bottom:20px;
}

.Star {
	 background: url("../images/etoile.png") repeat scroll 0 0 transparent;
    display: block;
    float: right;
    height: 30px;
    margin-right: -208px;
    margin-top: -10px;
    width: 30px;
}

.hot {
	background: url("../images/hot.png") repeat scroll 0 0 transparent;
    display: block;
    float: right;
    height: 20px;
	width: 20px;
    margin-right: -21px;
    margin-top: -10px;
}