/* ************************CSS DOCUMENT POUR LE MENUPERSO INCLUDE*********************************/
#titremenu a{
	color: #f0ba10;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
	
	}

#titremenu{
	border-bottom: 1px solid #1a1814;
	color: #ff0000;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
padding-bottom: 4px;
margin-left: 5px;
}

ul#menu{
list-style-type: none;
margin:0;
padding: 0;
}

#menu li a{
/*display: block;*/
text-decoration: none;
color: #848484;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
background: url(images/fleche.gif) left center no-repeat;
background-position:15px;
padding-left: 10px;
margin: 0px;
/*background-color:#f4ca4c;*/
}

#menu li a:hover{
text-decoration: underline;
color: #f9b200;
}

/******************************************************/

h1{
	color: #848484;
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	 text-transform: uppercase;
	 background: url(images/titre_fond.jpg) no-repeat;
	height: 22px;
padding-left: 5px;
padding-bottom: 3px;
  background-color: transparent;
  border: 1px solid #ccc;
	}

.coordonnees_boutique{
	color: #848484;
font: 12px Verdana, Arial, Helvetica, sans-serif;
 border-top: 1px solid #d1d2d4;
 text-align: center;
 padding-top: 5px;
	
	}

#logobanquepaiement {
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	margin-bottom:15px;
	/*background-image: url(images/fondbanquepaiement.gif);*/
	background-repeat: repeat-x;
	text-align:center;
}

#formbanquepaiement {
	text-align:center;
	color:#993300;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}

/*#banquepaiementbouton {
	margin-top:40px;
	color: #472810;
	background-color: #ffc24c;
	border: none;
	width: 100px;
	height: 25px;
	cursor: pointer;
	font-weight:bold; 
}*/

.boutique_menuhaut {
	text-align: right;
	vertical-align:bottom;
	/*border-bottom: 1px solid #77301d;*/
	background-color: #fff;
	
}

hr { color: #848484; }

.alertes {
	/* div des messages d'alerte */
	color:#ff0000;
	font-family:arial;
	font-weight: bold;
	font-size: 12px;
	margin:12px;
}

.etoile {
	/* span des étoiles de champ obligatoires*/
	color:red;
	font-weight: bold;
	margin-left:3px;
}

.cadre_article table{
	background-color: transparent;
	border: 1px solid #867b65;
	}
.cadre_article td{
	background-color: transparent;
	
	}

.cadre_article td font{
	color: #000;
	}
	
td.cadre_article a font{
	color:#000;
	text-decoration: none;
	}

td.cadre_article a:hover font{
	color:#d77510;
	}

#selectmodele {
	/* div de choix du modèle */
	color: #d77510;
	text-align:center;
	margin-top:10px;
	padding: 5px;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
}

.decli {
/* div de choix du modèle incluant une table avec taille, couleur etc ...*/
	margin-top:10px;
	border: 1px solid #77301d;
	font-size: 12px;
	text-align:center;
	background-color: #f6eddc;
}

.decli th {
	border-bottom: 1px solid #77301d;
}

.decli select {
	width:120px;
}

/*lien*/
a {
	font-size: 12px;
	color:#848484;
	font-weight: bold;
	font-family:arial;
}

/*survol du lien*/
a:hover {
	color: #f9b200;
	text-decoration:underline;
}
/*a:visited
{
  	font-size: 10px;
	color:#000;
	font-weight: bold;
	text-decoration: none;
	font-family:verdana;
}
*/


/*ligne sous la banniere*/
table.ligne_sous_banniere
{
	border-style:none;
	font-size: 10px;
	border-width:0px;
	border-color:black;
	background-color: #746a59;
}

a.ligne_sous_banniere{
	
	font-size: 10px;
	color: #fff;
	}

/*case contenant les donnees*/
td.boutique_donnees
{
	
	background-color: #fff;
	color:#000;
	font-size: 12px;
	font-family: arial;
}


/*td:case  entete de promotions*/
td.promotion_entete
{
  	font-size: 14px;
	color:#d77510;
 	font-weight: bold;
	font-family:arial;
	
	
}

/*td:case designation de promotions*/
td.promotion_designation
{
  padding: 5px;	
	background-color: #77301c;
}

.promotion_designation a
{
  color:#fff;
	font-family:arial;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

.promo_prix_normal{
	color: #77301c;
	font-family: arial;
	font-size: 12px;
	
	}

.promo_prix_promo{
	color: #77301c;
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
	background-color: #d77510;
	padding: 8px;
	}

.promo_remise{
	color: #000;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	}

.promo_reference{
	color: #000;
	font-family: arial;
	font-size: 10px;
	}

.promotion_designation a:hover
{
  color:#c6af8f;
	
}
.promo_prix_normal {
	/*div du prix normal promotion (page accueil)*/
}

.promo_prix_promo {
	/*div du prix promo (page accueil) */
}
.promo_reference {
	/*div reference promo (page accueil) */
}

/*td: colonne gauche*/
td.colonne_gauche
{
	background-color: #fff;
}

/*cadre interieur de la colonne de gauche*/
/*
table.colonne_gauche_interieur td
{
	border-style:solid;
	border-width:1px;
	border-color:black;
	background-color: transparent;
	
}

table.colonne_gauche_interieur{
	background-color: #fff;
	}
*/

/*case_recherche_rapide*/
table.case_recherche_rapide
{
border: 1px solid #867b65;
background-color: #fff;
color: #ceed82;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}
.case_recherche_rapide td div{
	background-color: #77301d;
	color: #fff;
	font-size: 12px;
	text-transform : uppercase;
	font-family: arial;
	}

/*td: colonne droite*/

td.colonne_droite
{
	border:none;
	background-color: #fff;
	padding-right: 3px;
	padding-top: 3px;
}

/*td: cadre case  affichage caddie dans la colonne de droite*/

td.cadre_case_cadie
{
	border: none;
	background-color:#ced2d1;
	
}

/*ecriture  case  affichage caddie dans la colonne de droite*/
.ecriture_case_cadie td {
	font-size: 10px;
	color:#000;
	font-weight: bolder;
	font-family:verdana;
	margin-bottom:5px;
	margin-top:5px;
	background-color: #ced2d1;
}

/*espace_pub_gauche*/
.espace_pub_gauche td {
	padding-top:30px;
}

/*espace_pub_droite*/
.espace_pub_droite {
}

/*cadre menu*/
table.cadre_menu
{
	border: 1px solid #867b65;
	/*padding-bottom: 4px;*/
	
}
/*css utiles seulement pour le menu classique en formulaire */
.menu_cat {
	/* td du menu de navigation par articles */
	/* Les couleurs de fond de la bdd sont prioritaires si activées dans les paramétrages généraux) */
	height:13px;
	background-color:#d77510;
}

.menu_categ0 {
/*nom de la catégorie, ex: cavaliers*/
	/* Les couleurs de fond de la bdd sont prioritaires si activées dans les paramétrages généraux) */
	background-color: transparent;
	color: #fff;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	cursor: pointer;
}

.menu_categ1 {
/*nom de la catégorie, ex: cavaliers-vetements*/
	background-color: transparent;
	color: #77301c;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	cursor: pointer;
}

.menu_categ2 {
	background-color: transparent;
	color: #000;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	cursor: pointer;
}

.menu_categ3 {
	background-color: transparent;
	color: #fff;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	cursor: pointer;
}

/* css du menu accordeon */
#accor{
	margin:0;
	padding:0;
	width:100%;
	list-style-type:none;
	/*line-height:120%;*/
	/*height:500px;*/
	background-color: #d77510;
}
#accor .closed{
	background-image:url(images/ha-down.gif);
}
#accor .closed,
#accor .opened {
	padding-right:10px;
	background-position:98% 50%;
	background-repeat:no-repeat;
}
#accor .header {
	background-color:#7B7B7B;
}
#accor .opened {
	background-image:url(images/ha-up.gif);
}
#accor a {
	display:block;
	font-weight:bold;
	text-decoration:none;
}
#accor a.hover {
	background-color: #F4AE68;
	color:#FFFFFF;
}
#accor ul{
	overflow: hidden;
	margin:0;
	padding:0;
}

#accor li{
	margin:0;
	padding: 1px;
	list-style-type:none;
	background-color: #d77510;
	color:#FFFFFF;
}
#accor li a {
	padding:1px 10px 1px 4px;
	color:#FFFFFF;
	cursor: pointer;
}

/*
#accor li.active a,
#accor li li.active a {
	color:#FFFFFF;
}
*/
/*#accor li.active li a,
#accor li li a {
	color: #77301c;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	padding:2px 4px 0px 10px;
}
*/

#accor li li {
	height:11px;
	padding:1px 0px 1px 10px;
}

#accor li li a {
	color: #77301c;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}

#accor li li a:hover {
	text-decoration:underline;
}
/*================================================*/


/* td (première ligne) "votre caddie", "votre compte", "votre commande N°" */
.titre_caddie,
.titre_commande,
.titre_facture {
	color:#848484;
	font-family:arial;
	font-size: 14px;
	font-weight: bold;
	/*background-color: #c1bab0;*/
}

/*entetes des tableaux du caddie, correspond à "oter", "PU", "quantité", "total"*/
th.entete_caddie
{
	color:#000;
	font-family:arial;
	font-size: 14px;
	background-color: #c6af8f;
	padding: 5px;
}


/*donnees des tableaux de l'affichage du caddie, correspond à tout dans le tableau du caddie
sauf "oter du caddie", "email", "mot de passe"*/
td.donnees_caddie
{
	color:#000;
	font-family:arial;
	background-color: transparent;
	font-size: 12px;
}

/*td.donnees_caddie a
lien de "oter du caddie", "mot de passe", "crer un compte" dans l'affichage du caddie
{
	color:#000;
	font-family:arial;
	font-size: 10px;
}

td.donnees_caddie a:hover
{
	color:#867b65;

}
*/
/* non : class particuliere : liens_paiement 
acceptation adresses et conditions de vente (page commande)
	
.boutique_donnees label {
	color:#77301c;
	font-size: 12px;
	font-family: arial;
}
*/

/*entetes des tableaux de l'affichage d'une commande*/
/*
td.entete_commande
{
	color:#000;
	font-family:arial;
	background-color: transparent;
}
*/

/*donnees des tableaux de l'affichage d'une commande*/
/*
td.donnees_commande
{
	color:#000;
	font-family:arial;
	background-color: transparent;
	font-size: 12px;
}
*/
/*entetes des tableaux de l'affichage d'une facture*/
/*
td.entete_facture
{
	color:#000;
	font-family:arial;
	background-color: transparent;
}
*/
/*donnees des tableaux de l'affichage d'une facture*/
/*
td.donnees_facture
{
	color:#000;
	font-family:arial;
	background-color: transparent;
}
*/

/*mode de paiement*/
table.paiement
{
	border-style:none;
	
	
	background-color: transparent;
	color:white;
}


/*ligne expedition dans commande*/
.expedition
{
	background-color: #d1d2d4;
	color:#000;
}

#bt_suivant,
#bt_precedent {
/* bouton de navigation si beaucoup d'articles */
	cursor: pointer;
}

/* chemin de l'arborescence des categories*/
.chemin_arborescence {
	background-color:transparent;
	color:#000;
	font-size: 12px;
	font-family:arial;
	/*border-bottom: 1px solid #ced2d1;*/
	margin-top:10px;
	padding-bottom:5px;
}

.chemin_arborescence a {
	text-decoration: none;
}

.chemin_arborescence a:hover {
	color:#f9b200;
	text-decoration: underline;
}

.articles_trouves {
	/* nombre d'articles trouvés */
	font-size: 10px;
	color: #848484;
}

.articles_trouves span {
	font-style : italic
}

.ss_categ {
	/* div qui contient les sous-catégories */
}

.ss_categ_lib {
	/* div qui contient le libellé : choisissez les sous-catégories */
	margin-top: 7px;
	margin-bottom: 5px;
}


/*lien*/
/************************* quand on clic sur une catégorie et que ça affiche la sous catégorie********************/
a.liens_ss_categ

{
  font-size: 12px;
	color:#77301d;
	text-decoration: underline;
	font-family:arial;
	padding-top:2px;
	padding-left:8px;
	padding-right:10px;
	padding-bottom:2px;
	margin :4px;
	text-transform: uppercase;
}

/*survol du lien*/
a.liens_ss_categ:hover
{
	color: #867b65;
text-decoration:underline;
	}

/*a.liens_ss_categ:visited
{
  	font-size: 10px;
	color:#000;
	font-weight: bold;
	text-decoration: none;
	font-family:verdana;
	background-color:transparent;
	padding-top:2px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:2px;
	border-top:outset  0px;
	border-left:outset 0px;
	border-right:outset 0px;
	border-bottom:outset 0px;	
	margin :4px;
	
}*/
/**************************************************************************/
/*-------------------- FICHE ARTICLE ---------------------------*/
td.case_image
{
	border:0px none black;
	background:transparent;
}

td.article_description_longue
{
	font-family:arial;
  	font-size: 14px;
  	color: #000;
  	background-color:transparent;

}

td.article_fiche_designation font
/*nom du produit*/
{
	font-family:arial;
  	font-size: 16px;
	font-weight: bold;
	color: #000;

}

td.article_fiche_designation
/*td du nom du produit*/
{
	background-color: transparent;
}

/*tr.article_fiche_ligne_photo_et_description
{
	background:transparent;
}*/

.article_fiche_pied {
/*info en dessous de la photo de l'article (prix, ajout au panier, réf..)*/
	font : 10px Arial, Helvetica, sans-serif; 
	color: #000;
}

.article_fiche_cadre {
	border:1px solid #ced2d1;
	background-color:transparent;
}

.article_fiche_label_prix_coup_de_coeur,
.article_fiche_label_prix_promo,
.article_fiche_label_prix {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #fab400;
}

.article_fiche_prix_promo,
.article_fiche_prix_coup_de_coeur,
.article_fiche_prix {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: red;
}

.article_fiche_label_prix_normal,
.article_mini_label_prix_normal {
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
}

.article_fiche_prix_normal,
.article_mini_prix_normal {
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration:line-through;
}

.article_fiche_label_ref,
.article_fiche_ref {
	font :  bold 10px  Arial, Helvetica, sans-serif;
	color: #000;
}

.article_pied_infos {
	/* div avec les infos de marque/prix/reference */
	width: 200px;
	float: left;
}

.article_pied_infos div {
	text-align:left;
	margin-right:60px;
}

.article_pied_caddie {
	/* div contenant la quantité et le bouton caddie */
	text-align: right;
	padding-right:5px;
	float:right;
	width:270px;
	padding-top:50px;
}

#quantite_caddie { margin-right:10px; }

/*-------------------- LISTES  ARTICLES---------------------------*/
.article_mini_cadre {
	background-color:transparent;
	border:1px solid #ced2d1;
}
.article_mini_cadre_coup_de_coeur,
.article_mini_cadre_promo {
	background-color:#F6EDDC;
	border: 1px solid #77301c;
}

.article_mini_designation font{
	font : bold 16px arial;
  	color: #000;
	cursor:pointer;
	background: transparent;
}

.article_description_courte {
	font: 12px arial;
	color: #000;
	background: transparent;
}

.article_mini_case_prix {
	background: transparent;
}

.article_mini_famille {
	font-family:arial;
	font-size: 10px;
	color:#000;
	background: transparent;
}

.article_mini_label_prix_coup_de_coeur,
.article_mini_label_prix_promo {
	font : bold 14px arial;
	color: #ff9900;
}

.article_mini_label_prix {
	font : bold 14px arial;
	color: #fab400;
}

.article_mini_prix,
.article_mini_prix_coup_de_coeur,
.article_mini_prix_promo {
	font: bold 16px arial;
	color : red;
}

.article_mini_label_ref,
.article_mini_ref {
	font-family:arial;
	font-size: 10px;
	font-weight: bold ;
	color:#000;
}

.titre_coup_de_coeur_droite {
	color: #d77510;
	font-size: 12px;
	font-family: verdana;
	font-weight: bold;
	padding: 5px;
}

.case_coup_de_coeur_droite {
	background-color: #f6eddc;
	vertical-align:top;
}

.case_coup_de_coeur_droite font {
	font: 12px arial;
	color: #000;
}

.case_coup_de_coeur_droite a {
	color: #77301c;
	text-decoration: none;
}

.case_coup_de_coeur_droite a:hover {
	text-decoration: underline;
}

/* css utiles seuelemnt si utilisation de tabswitch */
.promotitre img,
.promonav img {
	border:none;
}
.promoarticle {
	display:block;
	height:250px;
	margin-bottom:10px;
}

/* mise en former des prix et libellé : commun à cadre promo et fiche article*/
.promoprixnormal {
	text-decoration:line-through;
}

.promoprixpromo {
	font: bold 14px Arial, Helvetica, sans-serif;
	color:#F0C9A6;
}
.promolibelle {
	display:inline;
}

/* sliders des promos */
/*====================================*/
.silderpromoseule {
	text-align:center;
	width: 130px;
	font: 10px/15px Arial, Helvetica, sans-serif;
	background-color: #733018;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	color: #fff;
}
.sliderpromotitre {
	margin-top:5px;
	width:110px;
	height:18px;
	padding-top:4px;
	background: #77301c url(images/top.png) no-repeat left top;
	color:#fff;
	font: bold 12px arial;
}
#slider0,
#slider1,
#slider2 {
	text-align:left;
	width: 130px; /* important to be same as image width */
	height: 220px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden; /* important */
}
#slider0Content,
#slider1Content,
#slider2Content {
	margin-top: 3px; /* pour ie et ff : marge*/
	padding: 3 0 0 0; /*important pour ff*/
	margin-left: 0px;
	width: 130px; /* important to be same as image width or wider */
	position: absolute;
	top: 0px;
}
.slider0Image,
.slider1Image,
.slider2Image {
	float: left;
	position: relative;
	display: none;
}
.slider0Image span,
.slider1Image span,
.slider2Image span {
	text-align:center;
	position: absolute;
	padding: 0px;
	width: 130px;
	font: 10px/15px Arial, Helvetica, sans-serif;
	background-color: #733018;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	color: #fff;
	display: none;
}
#slider0 ul,
#slider1 ul,
#slider2 ul { list-style-type: none;}

.sliderbas {
	bottom: 0;
	left: 0;
}

.clear {
	clear: both;
}
/*=====================================================*/

td.cadre_menu{
	background:transparent;
}
	
/*affichage du tableau quand on a rentré le code et mot de passe afin de compléter l'adresse de livraison*/
.donnees_caddie td font {
	font-family: verdana;
	font-size: 12px;
	color: #000;
	font-weight: bold;
	border: none;
}

#commande_adresses {
	/* tableau des adresses dans la commande */
	width: 95%;
	margin-top:12px;
	border-spacing: 0px;
	border-collapse: collapse;
}

#commande_adresses #commande_titreadr {
	/* td de première ligne : titre */
	border-top: 2px solid #848484;
	border-left: 2px solid #848484;
	border-right: 2px solid #848484;
	border-bottom:none;
	font-weight:bold;
	font-size: 14px;
	font-family: Arial;
	color: #848484;
}

#commande_adresses #commande_choixadr {
	/* td de 2eme ligne : choix */
	border-left: 2px solid #848484;
	border-right: 2px solid #848484;
	border-bottom:none;
	text-align:center;
	font: bold 14px Arial;
}

#commande_adresses #commande_adr {
	/* td des adresses */
	border-left: 2px solid #848484;
	border-right: 2px solid #848484;
	border-bottom: 2px solid #848484;
	font: 14px Arial, Helvetica, sans-serif;
	padding:5px;
}

#commande_adresses #commande_validation {
	/* td fusionnée de la dernière ligne */
	text-align:center;
	border-bottom:none;
}

.liens_paiement {
	font-size: 12px;
	color:#848484;
	font-weight: bold;
	font-family: Arial;
	text-decoration:underline;
}
.liens_paiement_hover{
	color: #fdb200;
	cursor:pointer;
}

#commande_modif_adresse {
	cursor: pointer;
	margin:6px;
}

#commande_modif_adresse:hover {
	color:#d7ccb6;
}

.case_identification div {
	font-weight: bold;
	margin-top: 4px;
	margin-right: 0pt;
	margin-bottom: 4px;
	margin-left: 0pt;
	font-size: 12px;
	font-family: arial;
}

.case_identification {
	font-size: 12px;
	font-family: arial;
	color: #000;
}

.case_identification a {
	font-size: 12px;
	font-family: arial;
	color: #848484;
}

.case_identification a:hover{
	color: #fdb200;
}

/* page d'identification ========================================================= */
#ident_conteneur {
	margin:5px;
}

#ident_conteneur div {
	text-align:left;
	margin-bottom:20px;
	color: #848484;
	font: bold 14px Arial, Helvetica, sans-serif;
}

.identification {
	/* table contenant identification + nouveau client */
	font-size: 12px;
	font-family:arial;
}

.identification h3 {
	/* première ligne d'info */
	font-size:14px;
	color:#000;
	margin-bottom:10px;
	font-family:arial;
}

.identification h4 {
	/* deuxième ligne d'info */
	font-size:14px;
	color:#848484;
	margin-bottom:10px;
	font-family:arial;
}

.identification input {
	margin-bottom:10px;
	width:125px;
}

#ident_identification,
#ident_creationcompte {
	/* td identification et création */
	vertical-align:top;
	border: 1px solid #848484;
	background: #d1d2d4;
	padding:5px;
	width:260px;
}

#ident_milieu {
	width:10px;
}

#ident_identification a{
	color:#000;
	font-family:arial;
	font-size:10px;
	}
input.bt_retourboutique, /* Retour boutique du caddie */
input.banquepaiementbouton /* Redirection vers serveur banque (spécifique crédit mutuel */
 { 
	/*cursor: pointer;
	background:#c1bab0;
	height: auto;
	color: #000000;
	border: 1px solid #000;
	margin-top:10px;
	margin-bottom:10px;
	padding:3px;*/
	background-image:url(images/bt_recalculer.png);
	background-repeat:no-repeat;
	height:29px;
	width:120px;
	background-color:transparent;
	cursor:pointer;
	border:none;
	text-align:center;
	color:#fff;
	padding-bottom:2px;
	font-weight:bold;
	font-size:12px;
	font-family: arial;
	margin-top:10px;
}

input.bt_identification, /* Validation de l'identification */
input.bt_recalculer { /* Recalculer le caddie *//* Formulaire de demande du mot de passe */
	background-image:url(images/bt_recalculer.png);
	background-repeat:no-repeat;
	height:29px;
	width:120px;
	background-color:transparent;
	cursor:pointer;
	border:none;
	text-align:center;
	color:#848484;
	padding-bottom:2px;
	font-weight:bold;
	font-size:12px;
	font-family: arial;
}

input.bt_vidercaddie { /* Supprimer le caddie */
	background-image:url(images/bt_vidercaddie.png);
	background-repeat:no-repeat;
	height:29px;
	width:120px;
	background-color:transparent;
	cursor:pointer;
	border:none;
	text-align:center;
	color:#848484;
	padding-bottom:2px;
	font-weight:bold;
	font-size:12px;
	font-family: arial;
}

input.bt_commander { /* Paiement après validation des adresses / conditions de vente */
	background-image:url(images/bt_commander.png);
	background-repeat:no-repeat;
	height:29px;
	width:120px;
	background-color:transparent;
	cursor:pointer;
	border:none;
	text-align:center;
	color:#848484;
	padding-bottom:2px;
	font-weight:bold;
	font-size:12px;
	font-family: arial;
}

/* Paiement avant redirection sur la banque ou paiements hors CB */
input.bt_validpaiement {
	background-image:url(images/bt_commander.png);
	background-repeat:no-repeat;
	height:29px;
	width:120px;
	background-color:transparent;
	cursor:pointer;
	border:none;
	text-align:center;
	color:#000;
	padding-bottom:2px;
	font-weight:bold;
	font-size:12px;
	font-family: arial;
}

input.bt_recherchearticle { /* Recherche rapide du menu gauche */
	background-image:url(images/bt_recherchearticle.png);
	background-repeat:no-repeat;
	height:34px;
	width:32px;
	background-color:transparent;
	cursor:pointer;
	border:none;
	padding-bottom:7px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	font-family: arial;
}

input.bt_rechercheavancee { /* Validation de la recherche avancee */ 
	background-image:url(images/bt_rechercheavancee.png);
	background-repeat:no-repeat;
	height:29px;
	width:120px;
	background-color:transparent;
	cursor:pointer;
	border:none;
	padding-bottom:2px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	font-family: arial;
}

.bt_editerfacture, /* edition facture après paiement */ 
.bt_retourcommande { /* Retour à la commande après modif adresses */
	background-image:url(images/bt_creationcompte.png);
	background-repeat:no-repeat;
	height:29px;
	width:155px;
	padding-top:5px;
	background-color:transparent;
	cursor:pointer;
	text-align:center;
	color:#848484;
	font-weight:bold;
	font-size:12px;
	font-family: arial;
}

.bt_editerfacture a {
	text-decoration:none;
	color: white;
} 


.bt_creationcompte, /* Validation création du compte */
.bt_retourrecherche { /* Retour à la recherche après visu détail article */
	background-image:url(images/bt_creationcompte.png);
	background-repeat:no-repeat;
	height:29px;
	width:155px;
	padding-bottom:2px;
	background-color:transparent;
	cursor:pointer;
	border:none;
	text-align:center;
	color:#848484;
	font-weight:bold;
	font-size:12px;
	font-family: arial;
}

/* div qui contient toute la création d'un compte */
#compte_creation {
	padding:10px;
	margin-left:50px;
	margin-right:50px;
	text-align:center;
}

/* div de titre de la création d'un compte */
#compte_entete {
	color:#000;
	font-family:arial;
	font-size: 14px;
	padding:10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #848484;
	text-align:center;
	font-weight: bold;
}

/* table qui contient les intitulés et données du formulaire de création du compte */
#compte_table {
	/*border: 1px solid #77301c;*/
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}

/* td premiere colonne table de création d'un compte */
.compte_intitules {
	padding:5px;
	color:#000;
	font-family:arial;
	font-size: 12px;
	text-align:left;
	width: 150px;
}
/* td deuxième colonne table de création d'un compte */
.compte_valeurs {
	width:200px;
}

/* table contenant les critères de recherche  et les promos si pas de résultats */
.rech_table {
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}

.rech_intitules {
	width:100px;
	padding:5px;
	font-family: arial;
	color: #77301c;
	font-size: 12px;
}

.rech_valeurs {
	white-space: nowrap;
	width:300px;
	color:#000;
	font-family: arial;
	font-size: 12px;
}

.rech_valeurs select {
	width:250px;
}

/* div de titre */ 
#rech_titre {
	color:#d77510;
	font-family:arial;
	font-size: 14px;
	padding:10px;
	padding-bottom: 5px;
	/*border-bottom: 1px solid #d77510;*/
	text-align:center;
	font-weight: bold;
}

/* div du nombre de resultats de la recherche avancée*/
/* inutile ???? à supprimmer */
#rech_resultat {
	padding:12px;
	border-top: 1px solid #D67510;
	color:#000;
	font-family: arial;
	font-size: 12px;
	font-weight:bold;
}

/* div qui contient toute la demande de  mot de passe oublié */
#pass_oublie {
	padding:20px;
	text-align:center;
	font-size: 12px;
	font-family:arial;
	color:#000;
}

#pass_oublie form{
	border:1px solid #848484;
	
}
/* div du premier message à l'intérieur de mot de passe oublié */
#pass_oublie div {
	font-size: 14px;
	font-weight: bold;
	margin:10px;
	font-family:arial;
	color: #848484;
}

#pass_oublie input {
	margin-top:5px;
	margin-bottom:20px;
}

input.bt_motdepasseoublie { 
	/* Formulaire de demande du mot de passe */
	background-image:url(images/bt_motdepasseoublie.png);
	background-repeat:no-repeat;
	height:29px;
	width:120px;
	background-color:transparent;
	cursor:pointer;
	border:none;
	text-align:center;
	color:#848484;
	padding-bottom:2px;
	font-weight:bold;
	font-size:12px;
	font-family: arial;
}

/* css pour l'espace client ================================================================================ */
#espace_conteneur {
	/* div qui contient tout */
	margin:5px;
}

/* div de titre de compte et commandes */
#espace_titrecpt {
	background-image:url(images/icone_moncompte.png);
	background-repeat:no-repeat;
	height:43px;
	/*width:37px;*/
	/*background-position: bottom left;*/
	font-weight:bold;
	font-size:12px;
	font-family: arial;
	color: #848484;
	text-decoration: underline;
	text-transform: uppercase;
	padding-left: 45px;
	vertical-align:bottom;
	padding-top: 25px;
}

#espace_titrecmd {
	background-image:url(images/icone_mescommandes.png);
	background-repeat:no-repeat;
	height:43px;
	/*width:37px;*/
	/*background-position: bottom left;*/
	font-weight:bold;
	font-size:12px;
	font-family: arial;
	color: #848484;
	text-decoration: underline;
	text-transform: uppercase;
	padding-left: 45px;
	vertical-align:bottom;
	padding-top: 25px;
}

#espace_menucpt {
/* table du menu mon compte */
	width:540px;
	border-bottom:1px solid #d77510;
	margin-bottom:10px;
}

#espace_menucpt td {
	vertical-align:top;
}

#espace_menucpt td.vide {
	width:100px;
}

ul {
	margin-top:10px;
	margin-left:10px;
}

#espace_menucpt li,
#espace_commandes li a,
#espace_conteneur li a,
#retour_liste_cmd {
	/* lignes de commnandes en dessous du titre */
	cursor:pointer;
	background-image:url(images/puce.png);
	background-repeat:no-repeat;
	list-style-type:none;
	background-position: left center;
	padding-left: 20px;
	padding-bottom: 2px;
	/*text-align: left;*/
	color:#848484;
	font-family: arial;
	font-size: 12px;
	font-weight:normal;
	text-decoration:underline;
}

/*#espace_menucpt li:hover,
#espace_commandes li a:hover,
#espace_conteneur li a:hover,
#retour_liste_cmd:hover{
color: #d77510;
}*/

#espace_conteneur li {
	list-style-type:none;
	text-decoration:underline;
	
}
#espace_conteneur li:hover {
color: #fdb200;
}

#espace_cmdadresse,
#espace_infos {
/* table des infos perso et adresse principale */
	width:500px;
	border:none;
}

#espace_cmdadresse td,
#espace_infos td {
	vertical-align:top;
	border: 2px solid #848484;
	font-size:12px;
	padding: 4px;
	font-family:arial;

}

#espace_cmdadresse td.vide,
#espace_infos td.vide,
#commande_adresses td.vide {
	width:50px;
	border:none;
}

.espace_titreinfos,
.espace_titreadrcmd {
	/* div de titre des infos + adresses détail commandes */
	font-weight:bold;
	margin-bottom: 15px;
	font-size: 12px;
	font-family: Arial;
	color: #000;
}

#espace_commandes {
	/* div qui contient toute la rubrique commande */
	padding:12px;
}

#espace_legendcmd {
	/* table des légendes sur état des commandes */
	text-align:center;
	margin:10px auto 5px auto;
	font-size:12px;
}

#espace_legendcmd td {
	padding:4px;
}

/* Attention !! Les styles ci-dessous servent aussi pour les tableaux du caddie et commande */
#caddie_liste,
#commande_liste,
#espace_listecmd,
#espace_detailcmd {
	/* table de la liste des commandes */
	width:610px;
	font-size:12px;
	border-spacing: 0px;
	border-collapse: collapse;
}

#caddie_liste th,
#commande_liste th,
#espace_listecmd,
#espace_detailcmd th {
	color:#fff;
	font: bold 12px arial;
	background-color: #848484;
	padding: 5px;
	border-left:2px solid white;
}

#caddie_liste td,
#commande_liste td,
#espace_listecmd td,
#espace_detailcmd td {
	border-bottom:1px solid #848484;
	padding:5px;
}

.caddie_pied {
	/* td de la ligne de total des articles */
	color:#404040;
}

#commande_pied {
	/* Table du pied de commande payée ou à payer */
	margin-top:10px;
	width:100%;
}

#commande_pied td {
	font: 12px Arial;
	padding:5px;
}

#commande_pied td div {
	/* adresse de la boutique affiché selon mode réglement choisi */
	font: bold 12px Arial;
	padding:5px;
	border:none;
	background-color:#FFC082;
	margin-top:10px;
}

#espace_listecmd img {
	margin-right:3px;
}

.lignescommande_survol {
	background-color: #D68221;
	cursor:pointer;
}
.lignescommande {
	background-color: white;
	cursor:pointer;
}

#espace_titredetailcmd {
	/* div de titre du dtéial de commande + numéro */
	color:#fdb200;
	font: bold 14px Arial, Helvetica, sans-serif;
	margin:12 0 12 0;
}


#adresse_choisie {
	/* table avec les infos de l'adresse à modifier */
	border: none;
}

#adresse_choisie td {
	vertical-align: top;
}

#adresse_choisie,
#espace_identifiants,
#espace_perso {
	padding:2px;
}

#adresse_choisie label,
#espace_identifiants label,
#espace_perso label {
	color:#848484;
	font-family:Arial;
	font-size: 12px;
	
}

#espace_identifiants td,
#espace_perso td {
	vertical-align: middle;
	font-family:Arial;
	font-size: 12px;
}

#adr_defaut,
#adr_prenom,
#adr_entreprise,
#adr_ville,
#bcl2c {
	/* séparation des rubriques de formulaire */
	margin-bottom:20px;
}
.formetoile {
	font-size:11px;
	color: #000;
	font-family:Arial;
	text-align: center;
}

/*.boutique_donnees li{
	font-size: 12px;
	font-family: arial;
	color: #77301c;
}*/

#espace_listeadr {
	/* div contenant la liste des adresses */
	text-align:center;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	padding:7px;
}

#espace_deconnect {
	margin-top:20px;
	text-align:center;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}

#espace_deconnect:hover {
	color:gray;
}

/* affichage du cadre d'ajout dans caddie */
#extcad {
	padding: 15px;
	-moz-border-radius-topleft: 14px;
	-moz-border-radius-topright: 14px;
	-moz-border-radius-bottomleft: 14px;
	-moz-border-radius-bottomright: 14px;
}

#intcad {
	-moz-border-radius-topleft: 14px;
	-moz-border-radius-topright: 14px;
	-moz-border-radius-bottomleft: 14px;
	-moz-border-radius-bottomright: 14px;
	color: white;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
}

.inner { margin: 0; background: #848484; padding: 10px; border:0; zoom:1; }
.outer { display:none; float: left; margin: 15px; background: #d1d2d4; padding: 8px; width: 450px; }

.ajoutcaddie {
	background-image: url(images/boutique-panier.png);
	background-repeat: no-repeat;
	cursor:pointer;
	width: 85px;
	height:28px;
	float:right;
}

.choixmodele { float:right; }

.tooltip {
	position: absolute;
	padding: 3px;
	z-index: 3;
	color: #303030;
	background-color: #f5f5b5;
	border: 1px solid #DECA7E;
	font-family: sans-serif;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
}