html, body {
  height:100%;
}

#body {   
	margin:0;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#666;
	background:#f9f9f9;
	font-size:11px;
	min-height:100%;
}



p, ul, h1, h2, h3, span {
	padding:0;
	margin:0;
	margin-bottom:4px
}

li {
	padding:0;
	margin:0;
}

a img {border:0;}

/*div{border:solid 1px #f00;}*/


/*********** classes pour aligner une image et un texte verticalement*************/
p.alignmiddle img, p.alignmiddle span ,p.alignmiddle input{ 
   vertical-align: middle;
   display: inline; 
}

p.alignmiddle span { 
   padding-left: 5px; 
}

/*********** liste avec puce background ****************/
ul.sanspuce li {
list-style-type: none;
background: url(/fr/Bt/puce.gif) no-repeat;
padding-left: 15px;
width:128px;
}

ul.sanspuce {
padding:0; margin:0; width:100px;
}


/*********** titres *********/
h1 {
	font-family:Futura, Tahoma, Arial, Helvetica, sans-serif;
	height: 34px;
	color: 	#6d6d6d;
	background: url(/fr/Bt/fond_h1.gif) no-repeat;
	font-size: 26px;
	padding-top: 5px;
	margin-bottom: 10px;
	padding-left: 10px;
	text-transform:uppercase;
}

h2 {
	font-size:15px;
	color:#c0022a
}

h2.bleu {
	text-align:center;
	color:#3492be;
	font-weight:bold;
}


h3 {
	font-size:16px;
	color:#3492be;
	margin-bottom:10px;
}


a {
	color:#666;
	font-weight:bold;
}


/*************** general centre ******************/
html, body {
height: 100%
}
#general {
	width:886px;
	margin:auto;
	min-height:100%;
	padding:11px;
	background:url(/fr/Bt/fond.gif) repeat-y
	
}
#entete {
	position:relative
}
#centre {
	padding-top: 10px;
}

#content_centre {
	position:relative;
	padding:10px;
	padding-top:0;
}

#gauche_index {
	float:left;
	width:648px;
}

#centre_index {
	float:right;
	width:216px;
}

#pieddepage {
	clear:both;
	position:relative;
	margin-bottom:20px;
}

#baseline {
	position:absolute;
	top:37px;
	left:170px;
	font-size:10px;
	color:#c03;
}

#baseline a {
	font-size:10px;
	color:#c03;
	font-weight:normal;
	text-decoration:none;
}


/*************** general produits ******************/
#gauche_produits {
	float:left;
	width:220px;
}
	#gauche_produit_absolute #recherche {
		background:url(/fr/Bt/ind_recherche_fond.jpg) no-repeat 1px 1px #fff;
		width:190px;
		height:47px;
		border:solid 1px #c1c1c3;
		padding-left:27px;
		padding-top:49px;
	}

	#gauche_produit_absolute #recherche .champs {
		border:#dadbd6 solid 1px;
		color:#999;
		width:132px;
		font-size:10px;
	}

#centre_produits {
	float:right;
	padding-top:10px;
	width:645px;
}


/************ gauche produits **************/
.ul_produits li {
	background:url(/fr/Bt/menu_puce.gif) no-repeat 5px 4px;
	padding-left:15px;
	margin-top:2px;
	height:20px;
	list-style:none;	
}
.ul_produits li a {
	color:#3492be; text-decoration:none; font-weight:normal;
}
.ul_produits li a:hover {
	color:#c0022a;
}

/****** fiche promo index ************/

#fichepromo {
	width: 322px;
}

#nouveauproduit {
	position: absolute;
	top : 217px;
	left: 95px;
	width: 54px;
	height: 54px;
}

.index_promo {
	width: 322px;
	background-image: url(/fr/Bt/index_promo_milieu.gif);
	background-repeat: repeat-y;
}

.index_promo_haut {
	background-image: url(/fr/Bt/index_promo_haut.jpg);
	background-repeat: no-repeat;
	height: 45px;
	text-align: right;
}
	.index_promo_haut h1, .index_promo_haut h1 a{
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#fff;
		background: none;
		margin-right:5px;
		margin-top: 10px;
		font-weight:bold;
		text-decoration:none;
		text-transform: uppercase;
	}

.index_promo_milieu {
	padding: 5px;
	vertical-align: top;
}

	.index_promo_milieu h2, .index_promo_milieu h2 a {
		color: #3492BE;
		text-decoration: none;
	}

	.index_promo_milieu img {
		border: 1px solid #EFEFEF;
	}

.index_promo_bas {
	background-image: url(/fr/Bt/index_promo_bas.gif);
	background-repeat: no-repeat;
	height: 31px;
}

/****** page produits ************/
#produits_gauche {
	float:left;
	width:200px;
}
#produits_droite {
	float:right;
	width:440px;
	background:url(/fr/Bt/produits_marques.gif) right no-repeat;
	padding-top:40px;
	height:23px;
	text-align:right;
}

#produits_droite p {
	padding-right:10px;
}

#produits_droite .champs {
	border:#dadbd6 solid 1px;
	color:#999;
	width:122px;
	font-size:10px;
}

/************ r_produits *********/
.r_produits_image {
	float:left;
	width:130px;
	text-align:center;
}

.r_produits_texte0, .r_produits_texte1 {
	float:right;
	width:490px;
	height:100px;
	padding:5px;
}

.r_produits_texte0 {
	background:#f7f7f7;
}

.r_produits_texte0 a, .r_produits_texte1 a {
	color:#3492be;
	font-size:14px;
	text-decoration:none;
}

/************ produit details *************/
#prod_detail_titre img {
	margin-bottom:10px;
}


#prod_det_titre {
	clear:both;
	padding-left:20px;
	background:url(/fr/Bt/prod_caracteristiques_titre.gif) no-repeat;
	width:630px;
	height:31px;
	
}

#prod_det_desc {
	padding-left:20px;
	width:630px;
	background:url(/fr/Bt/prod_caracteristiques_repet.gif) repeat-y;
}

#prod_det_desc table {
	width:610px;
	margin-left:10px;
}

#prod_det_desc td {
	padding-top:8px !important;
	padding-bottom:8px !important;
	border-bottom:#c1c1c3 1px solid;
}


#prod_det_bas {
	padding-left:20px;
	background:url(/fr/Bt/prod_caracteristiques_bas.gif) no-repeat;
	width:630px;
	height:11px;
}

#prod_det_desc_ricoh {
	width: 630px;
	padding-left:20px;
	background:url(/fr/Bt/prod_caracteristiques_repet.gif) repeat-y;
}


/***********  affcateg  *************/
.produit_categ {
	float:left;
	width:310px;
	margin-left:10px;
	height:163px;
	margin-bottom:30px;
}
.categ_texte {
	text-align:right;
	padding-left:160px;
	padding-top:30px;
	padding-right:18px;
}

.categ_texte h1, .categ_texte h1 a {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#fff;
	background:none;
	margin-right:10px;
	font-weight:normal;
	text-decoration:none;
}

/********** menu ***********************/
/* div conteneur menu */

.menu {
	width:864px;
	height:32px;
	background:#efefef;
}

#menu_gauche {
	background:url(/fr/Bt/menu_gauche.jpg) no-repeat;
	width:127px;
	height:32px;
}

#menu a:hover {
	background: transparent none;
}


/* common styling */
.menu {position:relative; margin:0; z-index:100;}
.menu ul li a, .menu ul li a:visited {display:block; overflow:hidden;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; position:relative;}
.menu ul li ul {display:none;}

/* specific to non IE browsers */
.menu ul li:hover ul {display:block;background:none; position:absolute; top:32px; left:0; width:142px;border:#c1c1c3 solid 1px; background:#f1f5f6}
.menu ul li:hover ul li {background:url(/fr/Bt/menu_puce.gif) no-repeat 5px 4px; padding-left:15px; width:127px; margin-top:2px; border-bottom:#c1c1c3 dotted 1px;}
.menu ul li:hover ul li a {display:block; background:#f1f5f6 !important;color:#3492be; height:20px !important; text-decoration:none; font-weight:normal;}
.menu ul li:hover ul li a:hover {background:#f1f5f6;color:#c0022a;}


/*************************************/

/********* chemin de fer **********/
#chemin_fer {
	height:35px;
	padding-top:5px;
	padding-left:10px;
	background:url(/fr/Bt/chemin_fer_fond.gif) repeat-x;
	margin-right:2px;
}


/********* gauche **********/
#recherche {
	background:url(/fr/Bt/ind_recherche_fond.jpg) no-repeat 1px 1px #fff;
	width:292px;
	height:47px;
	border:solid 1px #c1c1c3;
	padding-left:27px;
	padding-top:49px;
}

#recherche .champs {
	border:#dadbd6 solid 1px;
	color:#999;
	width:225px;
	font-size:10px;
}


/************ index ***********/
#decouvrir_produit {
	float:left;
	width:322px;
}

#index_nouveautes {
	float:right;
	margin-left:10px;
	width:312px;
}

#index_nouveautes h2 a {
	color:#3492be;
	font-size:12px;
	text-decoration:none;
}

.acc_image {
	float:left;
	width:122px;
	text-align:center;
}

.acc_texte {
	float:left;
	width:180px;
}


.bt_details {
	text-align:right;
	padding-top:15px;
}

.bt_retour {
	padding-top:15px;
	text-align:center;
}
.hr {
	clear:both;
	width:304px;
	margin-bottom:15px;
	background:url(/fr/Bt/hr.gif) no-repeat;
}

.hr2 {
	clear:both;
	width:860px;
	margin-bottom:15px;
	background:url(/fr/Bt/hr2.gif) no-repeat;
}

#acc_service {
	background:url(/fr/Bt/acc_service_repete.gif) repeat-y;
	color:#999;
	padding:2px;
	text-align:justify;
}

#acc_service a {
	font-weight:normal;
	text-decoration:none;
}


#soc_atouts {
	background:url(/fr/Bt/societe-nos-atouts-repete.gif) repeat-y;
	color:#999;
	padding:2px;
	text-align:justify;
}
#soc_atouts ul{
	margin-right:15px;
}
#soc_atouts ul li {
	padding-bottom:5px;
}


.ul_bleu {
	margin-top:15px;
	margin-bottom:15px;
	margin-left:15px;
	color:#333;
}

.ul_bleu li {
	list-style:none;
	background:url(/fr/Bt/puce.gif) no-repeat 0px 2px;
	padding-left:15px;
}


/*** GED ********/
#ged_gamme_haut {
	margin-top:15px;
	background: url(/fr/Bt/ged_gamme_haut.gif) no-repeat;
	height: 51px;
}
#ged_gamme_repete {
	background: url(/fr/Bt/ged_gamme_repete.gif) repeat-y;
	padding:10px;
}
#ged_gamme_bas {
	background: url(/fr/Bt/ged_gamme_bas.gif) no-repeat;
	height: 19px;
}

#ged_gamme_repete ul {
	margin-left:15px;
}

#ged_gamme_repete a {
	color:#3492be;
}

/**** -*********/



/******* Nouveautes, resultats recherche affichage des produits *********/

.aff_produits_image {
	float:left;
	width:130px;
	height:110px;
	text-align:center;
}

.aff_produits_texte0, .aff_produits_texte1 {
	float:right;
	width:710px;
	height:100px;
	padding:5px;
}

.aff_produits_texte0 {
	background:#f7f7f7;
}

.aff_produits_texte0 a, .aff_produits_texte1 a {
	color:#3492be;
	font-size:14px;
	text-decoration:none;
}

/********* pieds de page ********/
#hautdepage {
	position:absolute;
	top:0;
	left:876px;
}
#pdp_sep {
	background:url(/fr/Bt/pdp_sepration_hor.jpg) 0 20px no-repeat;
	height:30px;
}

#pdp_adresse {
	float:left;
}
#pdp_navigation {
	float:right;
	text-align:right;
}

#pdp_mentions {
	background:url(/fr/Bt/mentions-legales_over.gif) no-repeat;
	width:17px;
	height:15px;
}

#pdp_mentions a {
	background:url(/fr/Bt/mentions-legales.gif) no-repeat;
	display: block;
	width:17px;
	height:15px;
}

#pdp_plan {
	background:url(/fr/Bt/plan-du-site_over.gif) no-repeat;
	width:17px;
	height:15px;
}

#pdp_plan a {
	background:url(/fr/Bt/plan-du-site.gif) no-repeat;
	display: block;
	width:17px;
	height:15px;
}

#pdp_contact {
	background:url(/fr/Bt/nous-contacter_over.gif) no-repeat;
	width:17px;
	height:15px;
}

#pdp_contact a {
	background:url(/fr/Bt/nous-contacter.gif) no-repeat;
	display: block;
	width:17px;
	height:15px;
}

#pieddepage {
	color:#999;
}

#pieddepage a:hover {
	background: transparent none;
}


/**************** resultats avancée ******************** */
#res_avance {
padding-top:0px;
}

#rech_result th { color:#39c; font-weight:bold; padding-left:5px; height:25px; vertical-align:middle;}
#rech_result .fond { padding-left:5px; height:25px;}

.cata_arbre { font-size: 10px; color: #666; font-weight:bold}

#resrech_gauche {
	float:left;
	width:450px;
}
#resrech_droite {
	float:right;
	width:400px;
	background:url(/fr/Bt/recherche_nouvelle.gif) right no-repeat;
	padding-top:40px;
	height:23px;
	text-align:right;
}

#resrech_droite p {
	padding-right:10px;
}

#resrech_droite .champs {
	border:#dadbd6 solid 1px;
	color:#999;
	width:122px;
	font-size:10px;
}

#rech_result a {
	text-decoration:none;
}



/***************** contact ***********************/
#contact_coordonnees {
float:left;
width:530px;
background:url(/fr/Bt/contact_fond.gif) repeat-y right top;
}

#contact_coordonnees span, #contact_coordonnees input, #contact_coordonnees div {margin-bottom:6px;}

#contact_planacces {
position:relative;
float:left;
width:332px;
}

#content_form {
	width:340px;;
	margin:auto;
}

#contact_adresse {
	padding-left:5px;
	padding-top:10px;
	font-size: 12px;
	color: #3492be;	
	font-weight:bold;
}

.contact_intitule_obligatoire { display:block;float:left; font-weight:bold; color:#39c; width:60px;font-size:10px;}
.contact_intitule_message { font-weight:bold; color:#39c;font-size:10px;padding-bottom:6px;}
.contact_intitule {display:block;float:left;color:#999; width:60px;font-size:10px;}
.tel_fax {font-size: 12px;color: #535d55; font-weight:bold;}
.contact_champs {
	display:block; float:left;
	border: 1px solid #c0c0c0;
	background-color: #fff;
	color: #000;
	font-size: 11px;
	width: 230px;
}
.contact_champs:focus {
	border:solid 1px #39c;
}

.contact_champs_disabled {
	background-color: #ebebe4;
	display:block; float:left;
	border: 1px solid #c0c0c0;
	color: #848483;
	font-size: 11px;
	width: 230px;
}

textarea {
	border: 1px solid #ccc;
	background-color: #fff;
	color: #000;
	font-size: 11px;
	width: 290px;
}

textarea:focus {
	border:solid 1px #39c;
}

.contact_tel {
	font-family:Futura, Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:26px;
	color:#4f5254;
}
.contact_tel strong {
	color:#c3183c;
}


#contact_valider {height:28px;text-align:center;padding-top:10px;}
.contact_bleu {
	color:#39c;
	font-weight:bold
}


#map {
	position:absolute;
	top:75px;
	left:0;
	width:320px;
	height:230px;
}
#map div span, #map div a {
	font-size:8px;
}
#contact_info {
	padding-top:280px;
}

/**************** validation du contact ***********************/
#validecontact h2{
	color: #f00;
	text-align: center;
}

#validecontacterr, #validecontactok{
	width: 320px;
	padding:10px;
	margin:auto;
	border:#2b7bad dotted 1px;
}

#validecontactretour {
	padding-top:15px;
	margin:auto;
	text-align:center;
}




/************ Recherche ********/
.lien_recherche {
	color:#39c;
}

#page {
	text-align:right;
	color:#666 !important;
}


/************ telechargement ************/
#content_telechargement td {
	background:url(/fr/Bt/cadre_fond_drivers.gif) no-repeat ;
	width:390px;
	height:93px;
	margin-bottom:5px;
}

#content_telechargement td table td {
	background:none ;
	width:auto;
	height:auto;
}
#content_telechargement td table {
	margin-left:30px;
}

#content_telechargement td h1 {
	font-size:16px;
	background:none;
	color:#fff;
	text-align:right;
	margin-right:50px;
	padding-top:15px;
	height:25px;
}

#cadre_logo {
	background:url(/fr/Bt/cadre_fond_logo.gif) 0 5px no-repeat !important;
	text-align:center;
}

#cadre_pdf {
	background:url(/fr/Bt/cadre_fond_pdf.gif) 0 5px no-repeat !important;
	text-align:center;
}

#decouvrez-produits {
	background:url(/fr/Bt/bt_decouvrez-produits_over.gif) no-repeat;
	width:170px;
	height:20px;
	margin:auto;
}

#decouvrez-produits a {
	background:url(/fr/Bt/bt_decouvrez-produits.gif) no-repeat;
	display: block;
	width:170px;
	height:20px;
}

#decouvrez-produits a:hover {
	background: transparent none;
}

/*----------- divers -------------- */
.r_arbre { font-size: 10px; color: #666; text-decoration: underline; font-weight:bold}
.r_arbreencours {  font-size: 10px; color: #666; text-decoration: underline }

.bleu {
	color:#3492be;
}


.clear_both {
	clear:both;
}


.page_bas {
	clear:both;
	padding-top:10px;
}

#td_barre, .page_bas {
	color:#3492be;
	font-size:10px;
	text-align:right;
}
#td_barre a, .page_bas a {
	font-weight:normal;
}



/*----------- Plan du site -------------- */
.r_plan { font-size: 9px; font-style: normal; color: #bababa; font-weight: normal; text-decoration: underline }
.r_planct { font-size: 9px; font-style: normal; color: #000; font-weight: normal; text-decoration: underline }



.texte {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color: #000000; font-weight: bold; text-decoration: none}
.champtexte {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; border: 1px #99CC33 solid; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; background-color: #FFFFFF}
.titre { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-style: italic; color: #993399; font-weight: bold ; text-decoration: none}
.soustitreviolet { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; color: #993399; font-weight: bold ; text-decoration: none}
.soustitrevert { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; color: #99CC33; font-weight: bold ; text-decoration: none }
.r_rechfond { background-color: #CCFF99}


.r_prodcateg { font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; color: #99CC33; font-weight: bold; text-decoration: underline }
.r_prodart { font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; color: #993399; font-weight: bold; text-decoration: underline }
.pdp {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #000000; text-decoration: underline}
.tabgen {  background-image: url(/fr/Bt/00_general_fond.gif); background-repeat: repeat}
.tdmailing {  background-image: url(/fr/Bt/00_gauche_fondmailing.jpg); background-repeat: repeat}
.tdentetehaut {  background-image: url(/fr/Bt/00_entete_fondhaut.jpg); background-repeat: repeat}
.tdentetemenu {  background-image: url(/fr/Bt/00_entete_menufond.gif); background-repeat: repeat}
.tdindexrevendeur {  background-image: url(/fr/Bt/00_index_revendeur.jpg); background-repeat: no-repeat}
.tdindexsupport {  background-image: url(/fr/Bt/00_index_support.jpg); background-repeat: no-repeat}
.tdpdp {  background-image: url(/fr/Bt/00_pdp_bas.jpg); background-repeat: no-repeat}
.tdligne {  background-image: url(/fr/Bt/00_bt_barrevert.gif); background-repeat: repeat}
.tabaffrub {  background-image: url(/fr/Bt/00_affrub_fond.gif); background-repeat: no-repeat}
.r_cataprod1 { font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; color: #000000; font-weight: bold; text-decoration: none ; background-color: #CCCCCC}
.r_cataprod2 { font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; color: #000000; font-weight: bold; text-decoration: none ; background-color: #999999}

.prospectiv a {
	font-weight:normal;
	font-size:9px;
}
