/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background-image:url(../images/fond_noir_v4.jpg); 
	background-position:top;
	background-attachment:fixed;
	background-repeat:no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

/* ### DEBUT LE BLOC PRINCIPAL QUI SERA CENTRE VERTICALEMENT ET HORIZONTALEMENT ### */
#bloc_principal { /* le bloc principal qui sera centré sur la page */
	position:absolute;
	left: 50%;
	width: 895px;
	margin-left: -447px;
	border: 1px solid #cccccc;
	background-position:top;
	background-image:url(../images/fond-trace-v3.gif);
	background-attachment:fixed;
}

/* le bloc menu haut */
#menu_haut{
	height:22px;
	width:895px;
}

/* bloc de CONTENU */
#bloc_all_contenu{
	position: absolute;
	width:895px;
	top: 273px;
}

/* le bloc GAUCHE l'accueil, VENTE FLASH */
#bloc_vente_flash{
	float: left;  /* Penser à cette propriété pour que ls blocs soient cote à cote */
	left:0px;
	width:259px;
	margin-top: 15px;
}
	#txt_vente_flash{
		float: left;	
	}
	#picto_vente_flash{
		float: left;
	}
	#visu_vente_flash{
		float:left;
		margin-top:12px;
		margin-left:15px;
	}
	div .p_vente_flash{
		margin-left: 15px;
		margin-right: 15px;
		margin-bottom: 10px;
	}


#bloc_droite_lien_catalogue{
	float: left;
	/* left:519px; */
	width:364px;
	margin-top: 15px;
	margin-bottom: 15px;
}

/* le bloc DROITE de l'accueil, PROMO DU MOIS */
#bloc_promo_du_mois{
	float: left;
	/* left:519px; */
	width:364px;
	margin-top: 15px;
	margin-bottom: 15px;
}
	#txt_promo_mois{
		float: left;
	}	
	#picto_promo_moi{
		float: left;
		margin-left:14px;
		margin-right:14px;
	}
	#visu_promo_mois{
		float:left;
		margin-top:12px;
		margin-left:17px;
	}
	div .p_promo_mois{
		margin-left:14px;
		margin-right:10px;
	}
	
#bloc_vente_flash_location{
	float: left;
	left:519px;
	width:365px;
	margin-top: 15px;
}
/* le bloc CENTRE de l'accueil, PLAN D'ACCES */
#bloc_detail_velo{
	 float: center;  
	 width:100%;
	 padding-top: 15px;
	 padding-bottom:15px;
	 text-align: center;
}
#bloc_coordonnee{
	 float: left; 
	 left:259px; 
	 width:260px;
	 margin-top: 15px;
	 border-right: 1px solid #999999;
	 border-left: 1px solid #999999;
	 padding-bottom:30px;
}
	#logo_esprit{
		text-align:center;
	}
	#visu_magasin{ 
		margin-bottom: 5px;
	}
	#zoom_visu_magasin{
		margin-top: 4px;
	}
	
#bloc_logo_vente{
	position: absolute;
	z-index: 20;
	width:100%;
	text-align:center;
	padding-top: 160px;
}
	
/* Le Footer */
#footer{
	 width:895px; 
	 height:20px;
	 float:left;
	 text-align:center;
	 border-top: 1px solid #999999;
}
	#footer p{
		margin-top:3px;
		color: #999999;
	}
	#footer a{
		font-size:11px;
		font-weight:normal;
		text-decoration:none;
		color: #999999;
	}
	#footer a:hover{
		text-decoration:underline;
	}

h1 {
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color:#3B66D1;
	padding:0;
	margin:0;
	text-indent:-5000px;
	line-height:0px;
}

h2{
	font-size:19px;
	font-style:italic;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color:#3B66D1;
	padding:0;
	margin:0;
	text-align: left;
	margin-left:15px;
}

.titre_marque{

	font-size:24px;
	font-style:italic;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:#bbbbbb;
	padding:0;
	margin:0;
	text-align: left;
	padding-left:5px;
	padding-right:200px;
	vertical-align:middle;
	text-transform: capitalize;

}

.titre_h2{
	font-size:19px;
	font-style:italic;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color:#3B66D1;
	text-align: left;
	margin-left:15px;
	margin-top:10px;
	margin-bottom:2px;
}

h3{
	font-size:15px;
	font-style:italic;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color:#3B66D1;
	padding:0;
	margin:0;	
}

.titre_h3{
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color:#3B66D1;
	padding:0;
	margin:0;	
}

h4{
	font-size:15px;
	font-style:italic;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color:#3B66D1;
	padding:0;
	margin:0;	
}

h5{
	font-size:14px;
	font-style:italic;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color:#3B66D1;
	padding:0;
	margin:0;
	text-transform: uppercase;
}

p{
	padding:0;
	margin:0;
}

p.adresse{
	color: #6F6F6F;
	text-align:center;
	font-size:10px;
}

.plan_acces{
	color: #FCF8D1;
}

.en_gras{ 
	font-weight:bold;
}

a{ 
	text-decoration:none;
	color: #496FCA;
	font-weight: bold;
}
a:hover{
	text-decoration: underline;
}

.bleu_esprit{
	color: #0072BC;
}

.bleu_esprit_marque{
	color: #0072BC;
	text-transform:capitalize;
}

.color_frais_port{
	color: #3B66D1;
}

.prix_velo{
	font-size:11px;
	font-weight:bold;
	color:#3B66D1;
	text-align: left;
	margin-bottom:3px;
	margin-right:3px;
}

.bord_bleu img{
	border: 1px solid #0072BC;
}

.bord_bleu_bid{
	border: 1px solid #0072BC;
	display: block;
}

.bord_noir {
	border: 1px solid #000000;
}

.contour_bleu{
	border: 1px solid #0072BC;
	color:  #0072BC;;
}

.bord_gris{
	border: 1px solid #454545;
}

.trait_vertical_droite{
	border-right: 1px solid #999999; 
}
.trait_vertical_gauche{
	border-left: 1px solid #999999; 
}

.txt_du_centre{
	text-align: justify; 
	width:618px; 
	float:left; 
	margin-top:15px; 
	margin-bottom:15px;
}

.txt_du_centre p{
	margin-left:15px;
	text-align:justify;
}

.txt_location{
	width:520px; 
	float:left; 
	margin-top:15px;
	margin-bottom:15px;

}

.txt_location p{
	margin-left:15px;
	margin-right:15px;
	text-align:justify;
}

.gras_gris{
	font-weight: bold;
	color: #333333;
}

.tab_logo_marque{
	width:35%;
	text-align:center;
	padding-top:15px;
}

.tab_logo_lien{
	width:30%;
	text-align:center;
	padding-top:15px;
}

.ul_liste_lien{
	margin-top:2px;
	margin-left: 5px;
	margin-right: 25px;
	padding-left: 5px;
	text-align: justify;
}

.puce_rouge{
	color:#990000;
}

select{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #0072BC;
	font-weight: bold;
	width:180px;
	margin-bottom:10px;
}

form{
	margin:0;
	padding:0;
}

.submit_style{
	background:url(../images/bouton_valider_noir.gif);
	border: 0px solid #000000;
	width:75px;
	height:15px;
	text-decoration:none;
	display:block;
	margin: 0;
	padding: 0;
}

.taille_9{
	font-size: 9px;
}
.marge_15{
	padding-left:15px;
}