/* Styles par défaut */
* { margin: 0; padding: 0; }
body { background: #FED4D7 url(img/fond.gif) 0 0 repeat; display: block; text-align:center;
	   font-family:Arial, Helvetica, sans-serif; font-size:12px;  }
.searchbx { width: 110px; height: 15px; border: 2px solid #6B0229;
			font-size:11px; font-weight: 500; color: #F8A505; 
			margin: 0 2px 0 0; padding: 0 4px 0 4px; }
.language { color: #FFFFFF; font-weight: 500; }
.drapeaux { margin: 2px 0 0 12px; }
.envoibt {  }
.okmess { color:Green; font-size:11px; }
.BoxErreur { background:#FEC1C1; color: red; border: 1px solid red; }
.erreurmess { color:red; font-size:11px; }
a.lienerror{ text-decoration:none; color:#777777; }
a:hover.lienerror{ text-decoration:underline; }

select{ background:#860032; color: #FAE002; text-transform:capitalize; border: 1px solid #50001B; width:120px; }
option { padding: 0 0 0 12px; }



/* Styles du site B2C : Global Service Consulting */
#content { width: 1100px; height: 920px; }
html>body #content{  margin: 0 auto; }


/* ---------------------- POSITIONNEMENT DES ELEMENTS ---------------------- */

/* ---------------- Partie Haute ---------------- */
#content #haute { background: #FFFFFF url(img/haut.jpg) 100% 0 no-repeat;
				            width: 1100px; height: 147px; text-align:left;  }
#content #haute #navehaut { background: url(img/menu.gif) 100% 0 repeat-x; width:500px; height: 21px;
							font-size: 10px; font-weight: bold; 
							margin: 0 584px 0 0; padding: 1px 0 0 14px; }
#content #haute #navehaut a { color: #FFFFFF; text-decoration: none; margin: 0 6px 0 6px; }
#content #haute #navehaut a:hover { color: #F8A505; text-decoration: underline; }
#content #haute #logo { padding : 28px 0 0 30px; }

/* -------------- Partie Mi-Haute --------------- */
#content #mihaute { background: #FFFFFF url(img/mihaut.jpg) 100% 0 no-repeat;
				    width: 1100px; height: 227px; text-align:left; }
#content #mihaute #search { margin: 72px 0 0 450px; width: 340px; height: 40px; }
html>body #content #mihaute #search { margin: 100px 0 0 450px; width: 340px; height: 40px; }

/* ---------------------------------------------- */
#content #mihaute #navecentre { margin: 0 0 0 240px; background: url(img/naveborder.gif) 100% 0 no-repeat;
								font-size:11px; font-weight:bold; color:#860032; width:150px; }
html>body #content #mihaute #navecentre { width:164px; }
#content #mihaute #navecentre ul { list-style: none; }
html>body #content #mihaute #navecentre ul { list-style: none; padding: 10px 0 0 20px; }
#content #mihaute #navecentre li { letter-spacing: 0; }
#content #mihaute #navecentre img { padding: 0 10px 0 0; margin: 1px 0 0 0; }
#content #mihaute #navecentre a { color: #000000; text-decoration: none; font-weight: bold; }
#content #mihaute #navecentre a:hover { text-decoration: underline; }
#content #mihaute #navecentre li.compte { padding: 8px 0 0 0; }
#content #mihaute #navecentre li.compte a{ color: #FC7E03; vertical-align:top; }
#content #mihaute #navecentre li.compte a:hover{ text-decoration: underline; }

/* ---------------------------------------------- */
#content #mihaute #panier { width:114px; margin: -112px 1px 0 0; padding: 10px 0 6px 6px; float:right;
						    color:#FCDEFC; }
html>body #content #mihaute #panier { margin: -124px 1px 0 0; padding: 10px 0 6px 6px; float:right; }
#content #mihaute #panier .acces { color:#F8D384; font-weight: bold; display:block; padding:0 0 8px 2px; }
#content #mihaute #panier .deconnect { z-index:1; color:#59021F; font-weight: bold; font-size:10px; text-decoration:none; 
                                       padding:6px 0 0 22px; display:block; }
#content #mihaute #panier a:hover.deconnect { text-decoration:underline; }
#content #mihaute #panier .valeurs { color:#F8D384; font-weight: bold; }
#content #mihaute #panier .valeuro { color:#000000; font-weight: bold; }


/* --------------- Partie Centrale -------------- */
#content #centrale { background:#860032 url(img/hm.jpg) 0 100% no-repeat;
                     width: 1100px;  text-align:left; }
/* ------------------------------------------- */
#content #centrale #gauche { width:224px; height:463px; float:left; }
#content #centrale #gauche #navecat { background: url(img/degrade.gif) 0 0 repeat-x; width: 140px; height: 200px;
									  margin: 42px 0 0 82px; }
#content #centrale #gauche #navecat ul{ list-style: none; margin: 6px 0 0 0; }
#content #centrale #gauche #navecat li{ padding: 4px 0 0 18px; margin: 0; }
#content #centrale #gauche #navecat li.categorie{ color: #FFFFFF; letter-spacing: 1px; font-size:11px; font-weight:bold;
												  border-bottom: 2px solid #860032; padding: 3px 0 3px 32px; margin: 0 0 2px 0; }
#content #centrale #gauche #navecat img{ padding: 0 8px 1px 0; }
#content #centrale #gauche #navecat a{ color: #F1C205; letter-spacing: 1px; line-height:18px; font-size: 11px; text-transform:capitalize; text-decoration: none; }										 
#content #centrale #gauche #navecat a:hover{ text-decoration: underline; }										 
/* ------------------------------------------- */
#content #centrale #hautcorp{ margin: 0 0 0 258px; padding: 22px 0 0 76px;
                              font-size:15px; color:#F9B602; font-weight:600; letter-spacing: 3px; text-transform:uppercase;                                                  
                                background: #860032 url(img/hautcorp.jpg) 0 0 no-repeat; }
html>body #content #centrale #hautcorp{ margin: 0 0 0 259px; } 
/* ------------------------------------------- */                            
#content #centrale #corp { padding: 8px 0 0 0; margin: 0 0 0 256px;
						   background: #FEE3E5 url(img/fond-corp.jpg) 0 0 no-repeat; width:658px;
						   border:2px solid #50001B; border-bottom:none; }					   
html>body #content #centrale #corp { padding: 8px 0 0 2px; margin: 0 0 0 259px; width:656px; }

#content #centrale #corp .prodgc { padding: 8px 8px 0 10px; width:230px; height:158px;
								   border-bottom: 1px solid #E1DADE; border-right: 1px solid #E1DADE; }
#content #centrale #corp .proddroite { padding: 8px 8px 0 10px; width:224px; height:158px; 
									   border-bottom: 1px solid #E1DADE; }
#content #centrale #corp .prodbasgc { padding: 14px 8px 0 10px; width:230px; height:158px;
									  border-right: 1px solid #E1DADE; }
#content #centrale #corp .prodbasdroit { padding: 14px 10px 0 10px; width:230px; height:158px; }
#content #centrale #corp .visu{ width:92px; height:115px; padding: 1px 0 0 0;
								float:left; margin-right: 8px; }
#content #centrale #corp .visu a { border: 1px solid #999999; }
#content #centrale #corp .visu a:hover{ border: 1px solid #FFE403; }
html>body #content #centrale #corp .visu a { border: none; }
html>body #content #centrale #corp .visu a:hover{ border: none; }   
#content #centrale #corp .titre{ font-size:12px; font-weight:bold; color:#860032; margin: 4px 0 6px 0; }
#content #centrale #corp .details{ color:#A46D71; }
#content #centrale #corp .plus{ margin: 14px 0 8px 0; }
#content #centrale #corp .plus a{ color:#000033; text-decoration:none; }
#content #centrale #corp .plus a:hover{ text-decoration:underline; }
#content #centrale #corp .prix{ margin: -12px 0 10px 22px; font-size:16px; font-weight:bold; color:#FD7406; }
#content #centrale #corp .prix .euro{ font-size:16px; font-weight:bold; color:#000000; }
#content #centrale #corp .dispo{ margin: 0 0 0 120px; font-size:10px; font-weight:bold; color:#50001B; }

/* ------------------------------------------- */
#content #centrale #droite { width:165px; height:415px; margin: 48px 0 0 0; float:right; }
#content #centrale #droite #nouveaux { position:relative; top:20px; left:25px; }
#content #centrale #droite #destock { position:relative; top:40px; left:25px; }
#content #centrale #droite #marques { position:relative; top:66px; left:25px; }
#content #centrale #droite #createur { position:relative; top:76px; left:25px; }
/* ------------------------------------------- */
#content #centrale #mibas { margin: 0 0 0 227px; position:relative; top:0; left:-3px; background: #860032 url(img/mibas.jpg) 0 0 no-repeat; width: 698px; height: 55px; }
html>body #content #centrale #mibas { margin: 0 0 0 227px; }


/* --------------- Partie Basse -------------- */
#content #basse { display:block; background: #50001B url(img/bas.jpg) 0 0 no-repeat; width: 1100px; height: 102px; text-align:left; }
html>body #content #basse { margin-top: -20px; }
#content #basse #iconepaie { margin: 20px 0 0 285px; }
#content #basse #technologie { position:relative; top:-46px; left:764px; }
html>body #content #basse #technologie { position:relative; top:-26px; }
html>body #content #basse #iconepaie { padding: 14px 0 0 0;  }
#content #basse #lienpaie { float: right; margin: 14px 52px 0 0;}
html>body #content #basse #lienpaie { float: right; margin: 20px 100px 0 0;}
#content #basse #lienpaie ul{ list-style:none;  }
#content #basse #lienpaie li{ float:left; padding: 0 8px 0 8px; border-right: 1px solid #E7E6E6; }
#content #basse #lienpaie li.last{  border-right: none; }
#content #basse #lienpaie a{ color:#E7E6E6; font-size:11px; text-decoration:none;  }
#content #basse #lienpaie a:hover{ color:#F86F38; text-decoration:underline;  }

/* ----------------- FIN DU POSITIONNEMENT DES ELEMENTS ------------------ */


/* ------------------------------ Catalogue ------------------------------ */
/* liste des marques */
#catalogue { height:458px; font-size:12px; color:#555555; text-align:left; margin:2px 0 0 28px; }
html>body #catalogue { height:auto; }
#catalogue .titrecat { font-size:14px; color:#860033; font-weight:bold; text-align:left; text-transform:capitalize;
                       white-space:nowrap; display:block; padding:2px 0 26px 0;  }
#catalogue .titrecat b{ font-size:13px; color:#860033; font-weight:bold;  text-transform:none; }                       
#catalogue .titre { font-size:12px; line-height:30px; white-space:nowrap; text-align:left; text-decoration:underline; }
#catalogue .mess { font-size:10px; white-space:nowrap; text-align:left; color:#999999; }
#catalogue .tablemarque { border:none; padding:2px 2px 0 4px; }
#catalogue .tablemarque a { padding:0 0 0 8px; }
#catalogue a.lienmarque { background:url(img/puce2.gif) 0 60% no-repeat; color:#860033; width:88px; display:block; white-space:normal; text-decoration:none; }
html>body #catalogue a.lienmarque { width:98px; }
#catalogue a:hover.lienmarque { background:#FFFFFF url(img/puce.gif) 0 60% no-repeat; color:#FBBD01; }

#catalogue .pager { background:#FDE3E6 url(img/pager.gif) 50% 0 no-repeat; vertical-align:bottom; color:#860033; height:20px; font-size:14px; font-weight:bold; }
#catalogue .pager a { color:#860033; font-size:12px; }
#catalogue .pager a:hover {   }

/* liens par défaut  */
#catalogue a { color:#555555; white-space:nowrap; text-decoration:none; }
#catalogue a:hover { background:#FFFFFF; text-decoration:underline; }
#catalogue a img { display:none; }
html>body #catalogue a img { display:block; }
#catalogue a:hover img { border:none; }
#catalogue a:hover .titreproduit { text-decoration:none; }
#catalogue a:hover .desproduit { text-decoration:none; }

/* Visualisation par défaut des produits */
#catalogue .articles { background:#FDF8F8 url('img/littlelogo.jpg') 0 0 repeat; }

/* Visualisation des produits disponible */
#catalogue { margin:0 20px 0 20px; }
#catalogue a.disponible { background:#FDF8F8 url('img/dispo.jpg') 0 100% no-repeat; }
#catalogue a.disponible img { display:block; }
#catalogue a.disponible:hover img { border:2px solid #F0FF06;  width:94px; height:126px; margin:2px 0 0 0; }
html>body #catalogue .disponible a:hover img { display:block; border:2px solid #F0FF06; margin:4px 0 2px 0; }

/* Visualisation des produits en rupture */
#catalogue .articles { margin:0 20px 0 20px; }
#catalogue a.rupture .titreproduit { text-align:center; color:#B7B7B9; font-size:12px; font-weight:bold; padding:0 0 1px 0;  }
#catalogue a.rupture .desproduit { text-align:center; color:#B7B7B9; font-size:12px; white-space:nowrap; padding:0 6px 6px 0;  }
#catalogue a.rupture { cursor:auto; height:172px; background:#FDF8F8 url('img/rupture.jpg') 0 100% no-repeat; }
#catalogue a.rupture img { display:block; cursor:auto; }
#catalogue a.rupture:hover img { width:86px; height:114px; margin:8px 8px 6px 8px; border:1px solid #999999; }
html>body #catalogue a.rupture:hover img { margin:8px 8px 6px 8px; }
#catalogue a.rupture:hover { background:#FDF8F8 url('img/rupture.jpg') 0 100%  no-repeat; }

/* Visualisation des produits -10% */
#catalogue .articles { margin:0 20px 0 20px; }
#catalogue a.moinsdix { height:172px; background:#FDF8F8 url('img/promo10.jpg') 0 100% no-repeat; }
#catalogue a.moinsdix img { display:block; }
#catalogue a.moinsdix:hover img { border:2px solid #00B914; width:94px; height:126px; margin:2px 0 0 0; }
html>body #catalogue a.moinsdix:hover img { margin:4px 0 2px 0; }
#catalogue a.moinsdix:hover { background:#FDF8F8 url('img/promo10.jpg') 0 100%  no-repeat; }

/* Visualisation des produits -20% */
#catalogue .articles { margin:0 20px 0 20px; }
#catalogue a.moinsvingt { height:172px; background:#FDF8F8 url('img/promo20.jpg') 0 100%  no-repeat; }
#catalogue a.moinsvingt img { display:block; }
#catalogue a.moinsvingt:hover img { border:2px solid #B903BB; width:94px; height:126px; margin:2px 0 0 0; }
html>body #catalogue a.moinsvingt:hover img { margin:2px 0 0 0; }
#catalogue a.moinsvingt:hover { background:#FDF8F8 url('img/promo20.jpg') 0 100%  no-repeat; }

/* Visualisation des produits -30% */
#catalogue .articles { margin:0 20px 0 20px; }
#catalogue a.moinstrente { height:172px; background:#FDF8F8 url('img/promo30.jpg') 0 100%  no-repeat; }
#catalogue a.moinstrente img { display:block; }
#catalogue a.moinstrente:hover img { border:2px solid #FF8B03; width:94px; height:126px; margin:2px 0 0 0; }
html>body #catalogue a.moinstrente:hover img { margin:4px 0 2px 0; }
#catalogue a.moinstrente:hover { background:#FDF8F8 url('img/promo30.jpg') 0 100%  no-repeat; }

/* Visualisation des produits -40% */
#catalogue .articles { margin:0 20px 0 20px; }
#catalogue a.moinsquarante { height:172px; background:#FDF8F8 url('img/promo40.jpg') 0 100%  no-repeat; }
#catalogue a.moinsquarante img { display:block; }
#catalogue a.moinsquarante:hover img { border:2px solid #3405FF; width:94px; height:126px; margin:2px 0 0 0; }
html>body #catalogue a.moinsquarante:hover img { margin:4px 0 2px 0; }
#catalogue a.moinsquarante:hover { background:#FDF8F8 url('img/promo40.jpg') 0 100%  no-repeat; }

/* Visualisation des produits -50% */
#catalogue .articles { margin:0 20px 0 20px; }
#catalogue a.moinscinquante { height:172px; background:#FDF8F8 url('img/promo50.jpg') 0 100%  no-repeat; }
#catalogue a.moinscinquante img { display:block; }
#catalogue a.moinscinquante:hover img { border:2px solid #FF0404; width:94px; height:126px; margin:2px 0 0 0; }
html>body #catalogue a.moinscinquante:hover img { margin:4px 0 2px 0; }
#catalogue a.moinscinquante:hover { background:#FDF8F8 url('img/promo50.jpg') 0 100%  no-repeat; }

/* ----------------- */


/* Style commun à toutes les visualisations des produits */
#catalogue .titreproduit { text-align:center; color:#000000; font-size:12px; font-weight:bold; padding:0 0 1px 0;  }
#catalogue .desproduit { text-align:center; color:#09AE1C; font-weight:bold; font-size:12px; white-space:nowrap; padding:0 6px 6px 8px;  }
#catalogue .intitule { color:#680008; }
#catalogue input,textarea { width:164px; color:#555555;  }
#catalogue select.simple { width:168px; background:#FFFFFF; color:#555555; text-transform:capitalize; }
#catalogue .rbl input { width:32px; }
/* ------------------------------------------------------------------------ */

/* -------------------------- Details du produit -------------------------- */
#detailproduit { height:460px; font-size:12px; color:#555555; text-align:left; margin:2px 0 0 28px; }
html>body #detailproduit { height: auto; }
#detailproduit .tabledetail { margin:18px 0 0 50px; background:#FFFFFF url('img/coinfond.gif') 98% 100% no-repeat; } 
                   
/* infos */
#detailproduit .nom { font-size:16px; color:#860033; font-weight:bold; text-align:left; text-transform:capitalize;
                      white-space:nowrap; display:block; padding:0 0 13px 10px;  }
#detailproduit .designation { display:block; color:#666666; width:278px; padding:10px 0 22px 8px;
                              text-align:left; vertical-align:top; line-height:18px;  }
html>body #detailproduit .designation { padding:0; margin:10px 0 22px 10px; width:264px;  }
#detailproduit .matiere { width:280px; height:18px; white-space:nowrap; display:block; color:#222222; }
#detailproduit .matiere u{ margin:0 2px 0 10px; color:#555555; }
#detailproduit .poid { display:block; width:280px; height:18px; white-space:nowrap; color:#222222; }
#detailproduit .poid u{ margin:0 18px 0 10px; color:#555555; }
#detailproduit .sexe { display:block; width:280px; height:40px; white-space:nowrap; margin:18px 0 8px 0;
                       text-align:center; }
/* prix */
#detailproduit .prixbarre { padding:0 4px 4px 0; font-size:13px; font-weight:bold;  color:#444444; text-decoration:line-through; }
#detailproduit .prixbarre2 { padding:0 2px 4px 0; font-size:16px; font-weight:bold;  color:#FECC03; text-decoration:line-through; }
#detailproduit .prixpromo { padding:0 0 0 0; font-size:24px; color:#1BFF03; font-weight:bold; float:none; display:block;  }
/* listes */
#detailproduit select{ height:18px; background:#FEFEFC; color: #787877; font-size:12px; border:1px solid #50001B;   }
#detailproduit select.taille{ width:58px; margin: 0 2px 4px 48px; }
html>body #detailproduit select.taille{ width:58px; margin: 4px 2px 4px 48px; }
#detailproduit select.qte{ width:46px; margin: 4px 8px 4px 0; }
#detailproduit select.larger{ width:100px; margin: 4px 2px 4px 0; }
/* images */
#detailproduit .imgtaller{  margin:6px 12px 12px 8px; width:259px; height:340px; }
#detailproduit .imgsmaller{ cursor: default; float:left; margin:52px 5px 2px 4px; width:58px; height:80px; }

/* page login */
#detailproduit .littletexte { display:block; color:#666666; margin:10px 0 0 10px;
                              font-size:10px; text-align:left; vertical-align:top; line-height:16px;  }
#detailproduit input.bouton { font-size:12px; text-align:center; color:#666666; padding:0 2px 0 2px; margin:0 2px 0 0; }
#detailproduit input.box { font-size:12px; color:#777777; border:1px solid #FFDDE1; background:#FEFDC6;
                           width:150px; padding:0 4px 0 4px; margin:0 4px 0 0; }    
/* page panier */    
#detailproduit .TableMedium td{ padding:2px 6px 2px 6px; }	
#detailproduit .HeaderCell{ background:#980F3B; color:White; font-weight:bold;  }
#detailproduit .HeaderLittleCell{ background:#B01245; width:94px; font-size:11px; color:White; font-weight:bold;  }
#detailproduit .AlternateRow{ background:#FFFFFF; }
#detailproduit .pager { vertical-align:middle; text-align:center; color:#860033; font-size:14px; font-weight:bold; }
#detailproduit .pager a { font-size:12px; color:#860033; text-decoration:none; }
#detailproduit .MontantCell { font-size:13px; text-align:right; background:#FFFFFF; color:#860033; font-weight:bold; }
#detailproduit .MontantCell2 { font-size:11px; text-align:right; background:#FFFFFF; color:#9F013D; font-weight:bold; }
#detailproduit .ViderPanier a{ font-size:11px; color:#860032; font-weight:bold; text-decoration:none; }
#detailproduit .ViderPanier a:hover{ color:red; text-decoration:underline; }
/* page search */ 
#detailproduit .tablesearch { margin:0 0 0 6px; background:#FFFFFF url('img/coinfond.gif') 100% 0 no-repeat; } 
#detailproduit .nomsearch { font-size:16px; color:#860033; font-weight:bold; text-align:left; text-transform:capitalize;
                            white-space:nowrap; display:block; padding:6px 0 6px 12px; }              
/* ------------------------------------------------------------------------ */


/* -------------------------- Details du client -------------------------- */
#detailclient { height:460px; font-size:12px; color:#555555; text-align:left; margin:0 0 0 8px; }
html>body #detailclient { height: auto; }

#detailclient .tabledetail { margin:18px 0 0 4px; background:#FFFFFF url('img/coinfond.gif') 100% 0 no-repeat; }                    
#detailclient .nom { font-size:16px; color:#860033; font-weight:bold; text-align:left; text-transform:capitalize;
                      white-space:nowrap; display:block; padding:0 0 13px 10px;  }
#detailclient .tableinfos{ border:1px solid #860032; padding:0 16px 6px 12px; margin:14px 0 4px 14px; width:180px;  } 
#detailclient .tableinfosheader { text-align:center; color:#860032; font-weight:bold; letter-spacing:1px; 
                                    line-height:22px; } 
#detailclient .upper{ text-transform:uppercase; color:#222222; }
#detailclient .pays{ text-transform:uppercase; line-height:18px; }
#detailclient .capitalize{ text-transform:capitalize; color:#222222; padding:0 0 0 10px; }
html>body #detailclient .capitalize{ padding:0 0 0 0; }

#detailclient .capitalize2{ text-transform:capitalize; }
#detailclient .mail{ font-style:italic; color:#020245; }
#detailclient .menutv { padding:12px 6px 2px 0; white-space:nowrap; }
#detailclient .menutv a{ color:#860032; }
#detailclient .refcommande{ color:#860032; line-height:22px; }
#detailclient .tablecommande{ border:1px solid #860032; padding:0 8px 4px 16px; margin:10px 0 12px 12px;  } 
#detailclient .listcommande td{ padding:0 4px 2px 4px;   }	
#detailclient .headercell{ background:#980F3B; text-align:center; font-size:11px; color:White; font-weight:bold; }
#detailclient .montanttable{ margin:4px 0 0 0; }
#detailclient .headercell2{ padding:0 8px 0 0; background:#980F3B; text-align:right; font-size:11px; color:White; font-weight:bold; }
#detailclient .cell{ padding:0 6px 0 6px; background:#FCEEF0; font-weight:bold; color:#860032; }
#detailclient .alternaterow{ background:#FAF0F1; }

/* ---------------------------- Styles des images  ------------------------ */
.imgnormal { width:86px; height:114px; margin:8px 8px 6px 8px; border:1px solid #999999; }
.imgmedium { width:112px; height:154px; margin:0 0 0 4px; }	   
.imgtaller { width:145px; height:190px; }	   

/* ---------------------------- Styles des select  ------------------------ */
/*select{ background:#FEFEFC; border:none; color: #787877; width:60px; height:20px; margin: 10px 8px 18px 80px; }*/
select.smaller{ background:#FEFEFC; border:1px solid #555555; color: #787877; width:42px; margin: 0; }
select.medium{  border:1px solid #555555; margin:0; width:80px;   }
select.larger{ border:1px solid #555555; margin:0; width:100px;  }
.modifbox{ background:#ebebe4; border:1px solid #7f9db9; color:#aca899; padding:0 0 0 4px; }

/* ---------------------------- Styles des tableaux  ------------------------ */