body{color:#7B7D7E; font-family:Arial,Helvetica,sans-serif; font-size:10pt;}

.fr {background:#ffffff; margin:0; padding:0; color:#666666;}

:focus {border:none; outline:none;}

h1{margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; font-weight:normal; color:#82a134; font-size:25px;}
h2{margin:18px 0px 13px 0px; padding:0px 0px 0px 0px; font-weight:normal; color:#3d3d5c; font-size:20px;}
h3{margin:20px 0px 10px 0px; padding:0px 0px 0px 0px; font-weight:normal; color:#3d3d5c; font-size:16px;}

/* GESTION DES STYLES PAR BALISE */
td{font-size:11px; font-family:Arial, Helvetica, sans-serif;}

/* GESTION DES LIENS DU SITE */
	a{color:#95bf3e; font-size:11px; text-decoration:none; }
	a:hover{color:#3d3d5c; text-decoration:none; }
	
/* Style pour le retour à la ligne */
.clear{clear:both;}

/* Styles pour la taille générale du site */ 
.TableGeneral{width:980px;}

/* Styles pour le fond du site */ 
.FondSite{background:url(images/frontoffice/fond-site.png) repeat left top;}


/* HEADER : Logo du site */
.logo{float:left; padding:15px 0px 35px 0px;}

/* HEADER : 1ère ligne du header contenant les langues et le menu haut */
.HeaderContainerFlagMenu{position:relative; float:right; right:0px; top:7px; width:660px;}

/* HEADER : Drapeaux des langues */
ul.ShowFlag{float:right; list-style-type:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
ul.ShowFlag li{display:inline; padding:0px 0px 0px 5px;}
ul.ShowFlag li img{width:16px; border:none; outline:none;}

/* HEADER : Style pour le menu haut */
.MenuHaut{float:right; margin:0px -5px 0px 10px; color:#666666;}
.MenuHaut a{color:#666666; font-size:11px; padding:0px 7px 0px 7px; text-decoration:none;}
.MenuHaut a:hover{color:#999999; text-decoration:none;}
a.MenuHautBold:link, a.MenuHautBold:visited{color:#666666; font-size:11px; padding:0px 7px 0px 7px; font-weight:bold; text-decoration:none;}
a.MenuHautBold:hover{color:#999999; text-decoration:none;}

/* HEADER : Micro caddie */
.PositionMicroCaddie{position:relative; float:right; right:0px; top:35px; margin:0px 0px 0px 0px;}
a.LinkMicroCaddie:link, a.LinkMicroCaddie:visited, a.LinkMicroCaddie:hover{text-decoration:none;}
.imgMicroCaddie{background:url(images/frontoffice/icone-micro-caddie.png) no-repeat left top; line-height:38px; padding:0px 20px 0px 50px; text-align:right;}
.qteMicroCaddie{font-size:40px; color:#6f709e; text-decoration:none;}
.txtMicroCaddie{font-size:12px; color:#6f709e; text-decoration:none;}
.priceMicroCaddie{font-size:24px; color:#6f709e; text-decoration:none;}
.sigleMicroCaddie{font-size:16px; color:#6f709e; text-decoration:none;}


/* CONTENT - Style pour l'espace du bas du content */
.Content{padding:0px 0px 16px 0px;}


/* CONTENT LEFT - Style pour la partie gauche du site */
.ContentLeft{float:left; width:210px; margin:0px 30px 0px 0px;}

/* CONTENT LEFT : Recherche */
.SearchBox{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; width:210px;}
.SearchBox form{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.InputSearch{float:left; background:#ffffff; width:174px; height:30px; margin:0px 6px 0px 0px; padding:0;}
.InputSearch input{padding:0; margin:7px 0px 0px 10px; width:164px; border:none 0; background:transparent; color:#999999; font-size:12px;}
.SubmitSearch{float:left; background:#ffffff; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:30px; height:30px; cursor:pointer;}
.SubmitSearch:hover{background:#f0f0f0;}
.SubmitSearch input{cursor:pointer; border:none; background:transparent; width:30px; height:30px; cursor:pointer; font-size:12px; display:block; font-weight:bold; font-family:"trebuchet ms", Arial,Helvetica,sans-serif; color:#666666;}
/* Styles pour les liens de l'encart Rechercher - shop$customerdisplays.asp  */
.AdvancedSearchLink a{display:block; float:left; color:#999999; margin:5px 0px 0px 0px; font-size:10px; font-weight:normal; text-decoration:none;}
.AdvancedSearchLink a:hover{color:#666666; text-decoration:none;}

/* CONTENT LEFT : Style pour les catégories */
.MenuVertical{background:#ffffff; padding:20px 20px 20px 20px; margin:20px 0px 0px 0px;}
.MenuVertical ul{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.MenuVertical ul li{list-style-type:none; margin:0px 0px 10px 0px;}
.MenuVertical ul li a{display:block; font-size:15px; color:#3d3d5c;}
.MenuVertical ul li a:hover{color:#95bf3e;}
.MenuVertical ul li.active a{color:#95bf3e;}
.MenuVertical ul ul {margin:0px 0px 20px 0px;}
.MenuVertical ul ul li{list-style-type:none; margin:10px 0px 10px 0px;}
.MenuVertical ul ul li a{display:block; background:url(images/frontoffice/fleche-menu-vertical.gif) no-repeat 0px 6px; font-size:12px; color:#999999; padding:0px 0px 0px 10px;}
.MenuVertical ul ul li a:hover{color:#666666;}
.MenuVertical ul ul li.active a{color:#666666;}

/* CONTENT LEFT : Style pour la box attribut */
.BoxAttibutes{margin:20px 0px 0px 0px;}
.BoxAttibutes td{background:#ffffff; padding:10px 10px 10px 10px; color:#666666;}
.BoxAttibutesTitle{color:#3d3d5c; text-transform:uppercase; font-size:14px; padding:0px 0px 18px 0px;}
.AttributesTitle{font-size:12px; color:#666666; padding:0px 0px 5px 0px;}
.AttributesSelect{margin:0px 0px 15px 0px;}
.AttributesSelect select, .AttributesSelect select:hover, .AttributesSelect select:focus{background:#ffffff; padding:5px 5px 5px 5px; color:#999999; font-size:12px; border:1px solid #eae9e9; width:190px;}
.SubmitAttributs{background:#e8e7e7; margin:0px auto 0px auto; padding:0; width:190px; cursor:pointer;}
.SubmitAttributs:hover{background:#cccccc;}
.SubmitAttributs input{cursor:pointer; border:none; background:transparent; width:190px; height:35px; cursor:pointer; font-size:12px; text-transform:uppercase; font-weight:bold; color:#3d3d5c;}

/* CONTENT LEFT : Style pour les produits consultés */
.BoxCustomerHistory{background:#ffffff; padding:20px 20px 10px 20px; margin:20px 0px 0px 0px; color:#666666;} /* Style pour la div qui affiche les produits récemment consultés -> shop$profile.asp */
.BoxCustomerHistoryBottom{}
.TitleCustomerHistory{color:#3d3d5c; font-size:20px; padding:0px 0px 3px 0px;}
ul.CustomerHistoryList{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:#ffffff;}
ul.CustomerHistoryList li{display:block; list-style-type:none; margin:0px 0px 0px 0px; padding:15px 0px 15px 0px; position:relative; width:170px;}

/* CONTENT LEFT : Style pour la box contact */
.BoxContact{margin:20px 0px 0px 0px; padding:25px 10px 20px 10px; text-align:center; background:#ffffff;}
.BoxContact span{display:block; font-size:12px; font-weight:bold; text-transform:uppercase; color:#999999;}
.BoxContact span span{display:block; font-size:24px; font-weight:normal; color:#95bf3e;}


/* CONTENT RIGHT - Style pour la partie droite du site */
.ContentRight{float:left; width:740px;}

/* CONTENT RIGHT - Style pour le fond de la partie droite du site  */
.ContentPageContact, .ContentPageIdentification, .ContentPageMonCompte, .ContentPagePwd, .ContentPageOuvertureCompte, .ContentPageMaillist, .ContentPageStatus, .ContentPageSponsor, .ContentPageCoupon, .ContentPageGift, .ContentPagePoints, .ContentPageAddToCart,.ContentPageEmptyCart, .ContentPageError, .ContentPageCustomer, .ContentPageCreateOrder, .ContentPageRestoreOrder, .ContentPageExaminerCde, .ContentPageCheckout, .ContentPageThanks, .ContentPageCancelOrder, .ContentPage404, .ContentPageAffilate, .ContentPageFaq, .ContentPageRma, .ContentPageSearch, .ContentPageTellafriend, .ContentPageNotifyme,  .ContentPageReview, .ContentPageComparaison, .ContentPageTracking, .ContentPageDownload, .ContentPageSaveperm, .ContentPageSavecart, .ContentPageOther {background:#ffffff; padding:35px 35px 35px 35px;}
.ContentPageDocument {background:#ffffff; padding:35px 35px 35px 35px; line-height:18px;}
.ContentPageDefault, .ContentPageCategories, .ContentPageProducts, .ContentPageFicheProduit{}


/* FOOTER : Style pour le footer du site */
.Footer{background:#ffffff; border-top:1px solid #d4d4d4; width:100%;}

/* FOOTER : Catalogue du footer */
.CatalogueContainer{position: relative; float: left; color:#666666; padding:20px 0px 25px 0px;}
.CataloguePosition{position:relative; float:left; width:195px; padding:15px 0px 0px 0px;}
.CatalogueEncart{float:left; width:160px;}
h1.CatalogueTitreCat, h1.CatalogueTitreCat a:link, h1.CatalogueTitreCat a:visited, h1.CatalogueTitreCat a:hover{margin:0px; padding:0px 0px 5px 0px; font-size:13px; font-weight:normal; color:#3d3d5c; text-transform:none; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
h1.CatalogueTitreCat a:hover{color:#95bf3e; text-decoration:none;}
h2.CatalogueTitreSousCat {margin:0px 0px 0px 0px; padding:2px 0px 2px 0px; font-size:11px; font-weight:normal; color:#999999; text-transform:none;font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
.CatalogueTitreSousCat a:link, .CatalogueTitreSousCat a:visited{display:block; margin:0px; padding:0px 0px 0px 8px; font-size:11px; font-weight:normal; color:#999999; text-transform:none; font-family:Arial, Helvetica, sans-serif; text-decoration:none; background:url(images/frontoffice/puce-linkfooter.gif) no-repeat left 4px;}
.CatalogueTitreSousCat a:hover{color:#666666; text-decoration:none;}

/* FOOTER : Encart réseaux sociaux et newsletter */
.PositionRsNewsletter{position:relative; float:left; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; width: 100%;}

/* FOOTER : Liste réseau sociaux */
ul.ListRs{float:left; margin:0; padding:27px 0px 27px 0px;}
.ListRs li{float:left;display: inline; list-style-type: none; padding-right:15px;}
.ListRs li a{outline:none; text-decoration:none;}
.ListRs li a.facebook{display:block; background:url(images/frontoffice/icone-facebook.png) no-repeat 0 0; height:32px; width:32px;}
.ListRs li a.twitter{display:block; background:url(images/frontoffice/icone-twitter.png) no-repeat 0 0; height:32px; width:32px;}
.ListRs li a.google{display:block; background:url(images/frontoffice/icone-google.png) no-repeat 0 0; height:32px; width:32px;}

/* FOOTER : Encart Newsletter */
.EncartNewsletter{float:right; padding:27px 0px 27px 0px;}
.TxtNewsletter{float:left; margin:6px 5px 0px 0px; font-size:13px; color:#3d3d5c; text-transform:uppercase;}
.InputNewsletter{float:left; background:#ffffff; border:1px solid #cccccc; width:251px; height:29px;}
.InputNewsletter input{margin:7px 0 0 10px; border:none 0; background:transparent; color:#999999; font-size:11px; width:230px;}
.SubmitNewsletter{float:left;background:url(images/frontoffice/submit-newsletter.gif) no-repeat 0 0; margin:0px 0px 0px 5px; width:35px; height:31px;}
.SubmitNewsletter:hover{background-position:left bottom;}
.SubmitNewsletter input{border:none 0; background:transparent; width:35px; height:31px; cursor:pointer; font-size:0px; display:block; line-height:0; color:#e6e5e5;}

/* FOOTER : Copyright Client */
.CopyrightClient{float:left; color:#999999;}
.CopyrightClient span{padding:0px 0px 0px 7px;}

/* FOOTER : Menu bas du footer */
.MenuBasContainer{position:relative; float:left; padding:25px 0px 35px 0px; width:700px; color:#999999;}
.MenuBas a{font-size:11px; color:#999999; padding:0px 7px 0px 7px; text-decoration:none;}
.MenuBas a:hover{color:#666666; text-decoration:none;}

/* FOOTER : Copyright Cybershop */
.CopyrightCyberShop{float:right; position:relative; padding:25px 0px 35px 0px; font-size:11px; font-family:"trebuchet ms", Arial, Helvetica, sans-serif; color:#999999;}
.CopyrightCyberShop img{margin:-8px 0px 0px 0px;}
a.copyright:link, a.copyright:visited {color:#999999; font-size:11px; text-decoration:none;}
a.copyright:hover{color:#666666; text-decoration:underline;}


/* TAGS : Style pour les images des différents tags */
.FlashTag{position:absolute; bottom:0px; top:0px; background:url(images/frontoffice/tag_flash.png) no-repeat left top; width:86px; height:86px;}
.NewTag{position:absolute; bottom:0px; top:0px; background:url(images/frontoffice/tag_new.png) no-repeat left top; width:86px; height:86px;}
.PromoTag{position:absolute; bottom:0px; top:0px; background:url(images/frontoffice/tag_promo.png) no-repeat left top; width:86px; height:86px;}
.BestTag{position:absolute; bottom:0px; top:0px; background:url(images/frontoffice/tag_bestseller.png) no-repeat left top; width:86px; height:86px;}


/* DEFAULT : templates en avant & NAVIGATION PRODUIT : templates normal */
.FrontPageContainer, .NewContainer, .PromoContainer, .BestContainer, .CrossSellingContainer, .NormalVignetteContainer{position:relative; width:170px; text-align:center;}
.FrontPageContainerTag, .NewContainerTag, .PromoContainerTag, .BestContainerTag, .CrossSellingContainerTag, .NormalVignetteContainerTag{position:relative; float:left; left:-3px; top:-3px; z-index:100;}
.FrontPageImg, .NewImg, .PromoImg, .BestImg, .CrossSellingImg, .NormalVignetteImg{position:relative; padding:4px 4px 4px 4px; border:1px solid #dddbdb; background:#ffffff;}
.FrontPageImg img, .NewImg img, .PromoImg img, .BestImg img, .CrossSellingImg img, .NormalVignetteImg img{width:160px; height:160px;}
.FrontPageName, .NewName, .PromoName, .BestName, .CrossSellingName, .NormalVignetteName {padding:10px 10px 10px 10px;}
.FrontPageName a, .NewName a, .PromoName a, .BestName a, .CrossSellingName a, .NormalVignetteName a{color:#666666; font-size:12px; text-decoration:none;}
.FrontPageName a:hover, .NewName a:hover, .PromoName a:hover, .BestName a:hover, .CrossSellingName a:hover, .NormalVignetteName a:hover{color:#999999;}
.FrontPagePrice, .NewPrice, .PromoPrice, .BestPrice, .CrossSellingPrice, .NormalVignettePrice{font-size:14px; color:#000000; text-align:center;}
.FrontPagePrice span, .NewPrice span, .PromoPrice span, .BestPrice span, .CrossSellingPrice span, .NormalVignettePrice span{color:#666666; font-size:12px; text-decoration:line-through;padding: 0px 0px 0px 5px;}
.FrontPageVfDaysCounter, .NewVfDaysCounter, .PromoVfDaysCounter, .BestVfDaysCounter, .CrossSellingVfDaysCounter, .NormalVignetteVfDaysCounter{position:absolute; bottom:0px; left:0px; background:#ffed00; color:#db0812; font-weight:normal; width:100%; font-size:12px; text-align:center;}
.VenteFlashOldPrice{color:#666666; font-size:12px;text-decoration:none !important;}
.VenteFlashOldPrice span{text-decoration:line-through; padding: 0px 0px 0px 5px;}

/* DEFAULT : Titre , liens et séparation des produits en page d'accueil */
.ContainerTitleLinkDefaultFRONTPAGE, .ContainerTitleLinkDefaultPROMO, .ContainerTitleLinkDefaultNEW, .ContainerTitleLinkDefaultBESTSELL{clear:both; position:relative; width:100%; margin:0px 0px 0px 0px; padding:0px 0px 25px 0px; height:20px;}
.TitleCaptionDefaultFRONTPAGE, .TitleCaptionDefaultPROMO, .TitleCaptionDefaultNEW, .TitleCaptionDefaultBESTSELL{float:left; font-size:20px; color:#3d3d5c;}
.LinkDefaultFRONTPAGE a, .LinkDefaultPROMO a, .LinkDefaultNEW a, .LinkDefaultBESTSELL a{display:block; float:right; color:#666666; font-size:12px; padding:7px 0px 0px 0px;}
.LinkDefaultFRONTPAGE a:hover, .LinkDefaultPROMO a:hover, .LinkDefaultNEW a:hover, .LinkDefaultBESTSELL a:hover{color:#999999;}
.DefaultSeparation{border-top:1px solid #c5c5c6; border-bottom:1px solid #ffffff; margin:5px 0px 25px 0px;}
.DefaultSeparation:last-child{border:none; margin:0px 0px 0px 0px;}

/* DEFAULT : Affichage des produits en page d'accueil et des ventes croisées */
ul.DefaultDisplayProductFRONTPAGE, ul.DefaultDisplayProductPROMO, ul.DefaultDisplayProductNEW, ul.DefaultDisplayProductBESTSELL, ul.DisplayCrossSelling{margin:0px 0px 0px -20px; padding:0px 0px 25px 0px; position:relative; float:left;}
ul.DefaultDisplayProductFRONTPAGE li, ul.DefaultDisplayProductPROMO li, ul.DefaultDisplayProductNEW li, ul.DefaultDisplayProductBESTSELL li, ul.DisplayCrossSelling li{display:block; float:left; list-style-type:none; margin:0px 0px 0px 20px; padding:0px 0px 0px 0px; position:relative; width:170px;}


/* NAVIGATION PRODUIT : Style pour la barre de navigation dans shopproductsubs.asp */
.LinksNavigation {color:#666666; font-size:11px; margin:0px 0px 15px 0px; font-family:"trebuchet ms", Arial, Helvetica, sans-serif;}
.LinksNavigation a {color:#666666; font-size:11px; text-decoration:none;}
.LinksNavigation a:hover {color:#999999; text-decoration:underline;}

/* NAVIGATION PRODUIT : Style pour la ligne du filtre des produits */
.TableFiltreProducts{background:#ffffff; width:100%;}
.ColFiltreProducts{padding:10px 18px 10px 18px; vertical-align:middle;}
.ColCenterFiltreProducts{padding:10px 18px 10px 18px; vertical-align:middle; width:100%;}

/* NAVIGATION PRODUIT : Style pour le mode thumb */
.ContainerDisplayType{width:32px;}
.LinkDisplayTypeThumb a:link, .LinkDisplayTypeThumb a:visited, .LinkDisplayTypeThumb a:hover{float:left; background:url(images/frontoffice/icone-vignette-display-types.gif) no-repeat left top; display:block; text-decoration:none; height:13px; width:13px; font-size:0px; color:#cccccc;}
.LinkDisplayTypeThumb a.active{float:left; background:url(images/frontoffice/icone-vignette-display-types.gif) no-repeat left bottom; display:block; text-decoration:none; height:13px; width:13px; font-size:0px; color:#6f709e;}
/* Style pour le mode list */
.LinkDisplayTypeList a:link, .LinkDisplayTypeList a:visited, .LinkDisplayTypeList a:hover{float:right; background:url(images/frontoffice/icone-liste-display-types.gif) no-repeat right top; display:block; text-decoration:none; height:13px; width:13px; font-size:0px; color:#cccccc;}
.LinkDisplayTypeList a.active{float:right; background:url(images/frontoffice/icone-liste-display-types.gif) no-repeat right bottom; display:block; text-decoration:none; height:13px; width:13px; font-size:0px; color:#6f709e;}

/* NAVIGATION PRODUIT : Style pour la table et les colonnes qui affichent les produits */
.TableDisplayProduct{margin:0px 0px 25px -20px;}
.ColDisplayProduct{padding:25px 0px 0px 20px;}

/* NAVIGATION PRODUIT : templates normal */
.NormalListeContainer{width:740px; border:1px solid #dddbdb; background:#ffffff;}
.NormalListeContainerTag{position:relative; left:-4px; top:-4px; z-index:100;}
.NormalListeImg{vertical-align:top;}
.NormalListeImg img{width:160px; height:160px;}
.NormalListeColRight{padding:0px 25px 0px 35px; vertical-align:top;}
.NormalListeName{padding:10px 0px 10px 0px;}
.NormalListeName a{color:#3d3d5c; font-size:14px; text-decoration:none;}
.NormalListeName a:hover{color:#82a134; font-size:14px; text-decoration:none;}
.NormalListeDesc{font-size:11px; color:#666666; line-height:15px; text-align:justify; padding:0px 10px 20px 0px}
.NormalListePrice{float:left; font-size:18px; color:#000000;}
.NormalListePrice span{color:#999999; font-size:15px; text-decoration:line-through;}
.NormalListeLinkInfo a{float:right; display:block; background:#e1e1e1; font-size:12px; font-weight:bold; color:#82a134; padding:8px 18px 8px 18px; margin:0px 0px 0px 10px;}
.NormalListeLinkInfo a:hover{background:#cccccc;}
.NormalListeLinkCde a{float:right; display:block; background:#e1e1e1; font-size:12px; font-weight:bold; color:#3d3d5c; padding:8px 18px 8px 18px;}
.NormalListeLinkCde a:hover{background:#cccccc;}
.NormalListeContainerVfDaysCounter{position:relative; bottom:0px; left:0px;}
.NormalListeVfDaysCounter{position:absolute; bottom:0px; left:0px; background:#ffed00; color:#db0812; font-weight:normal; width:100%; font-size:12px; text-align:center;}

/* NAVIGATION PRODUIT & CATEGORIES : Bannière principale */
.TableCatPrincipale{width:100%; background:#ffffff; margin:0px 0px 20px 0px;}
.ImgCatPrincipale img{width:300px; height:157px;}
h1.TitleCatPrincipale{margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; font-weight:normal; color:#82a134; font-size:25px;}
.DescCatPrincipale{padding:15px 30px 15px 30px; font-size:11px; line-height:18px; color:#666666;}


/* CATEGORIES : Style pour les catégories dans shopdisplaycategories.asp */
.CatTable{margin:0px 0px 0px -20px;}
.CatCol{padding:0px 0px 20px 20px;} 
/* Style du template des catégories */
.CatTemplateTable{background:#ffffff; border:1px solid #dddbdb;}
.CatTemplateColLeft{padding:20px 20px 20px 20px;}
.CatTemplateColLeft div a{display:block; font-size:14px; color:#3d3d5c; margin:0px 0px 8px 0px; text-decoration:none;}
.CatTemplateColLeft div a:hover{color:#6f709e;}
.CatTemplateColLeft div{font-size:11px; color:#666666; line-height:14px;}
a.CatLinkMore:link, a.CatLinkMore:visited{float:right; background:#e1e1e1; padding:8px 15px 8px 15px; color:#82a134; font-size:12px; font-weight:bold; margin:10px 0px 0px 0px;}
a.CatLinkMore:hover{color:#3d3d5c;}


/* PAGINATION - Style pour la pagination */
.TablePagination{margin:0px auto 0px auto;}
ul.pagination{margin:0px auto 0px auto;}
ul.pagination li{float:left; display:block; list-style-type: none; margin:0px 1px 0px 1px; font-size:11px;}
ul.pagination li a{float:left; background:#cccccc; font-size:11px; font-weight:bold; color:#3d3d5c; text-align:center; padding:4px 8px 4px 8px;}
ul.pagination li a:hover{float:left; background:#e7e7e7; font-size:11px; font-weight:bold; color:#3d3d5c; text-align:center; padding:4px 8px 4px 8px;}
ul.pagination li.active{float:left; background:#a1c555; font-size:11px; font-weight:bold; color:#ffffff; text-align:center; padding:4px 8px 4px 8px;}
ul.pagination li.PagePrecedent a{float:left; background:url(images/frontoffice/pagination-prev.gif) no-repeat 9px 6px #cccccc; height:14px; width:6px; font-size:0px; color:#cccccc; text-align:center; padding:4px 8px 4px 8px;}
ul.pagination li.PagePrecedent a:hover{float:left; background:url(images/frontoffice/pagination-prev.gif) no-repeat 9px 6px #e7e7e7; height:14px; width:6px; font-size:0px; color:#e7e7e7; text-align:center; padding:4px 8px 4px 8px;}
ul.pagination li.PageSuivant a{float:left; background:url(images/frontoffice/pagination-next.gif) no-repeat 9px 6px #cccccc; height:14px; width:6px; font-size:0px; color:#cccccc; text-align:center; padding:4px 8px 4px 8px;}
ul.pagination li.PageSuivant a:hover{float:left; background:url(images/frontoffice/pagination-next.gif) no-repeat 9px 6px #e7e7e7; height:14px; width:6px; font-size:0px; color:#e7e7e7; text-align:center; padding:4px 8px 4px 8px;}


/* FICHE PRODUIT : Style pour les template etendue de la fiche produit */
a.retour:link, a.retour:visited{float:right; display:block; background:url(images/frontoffice/fleche_retour.gif) no-repeat left center; padding:0px 0px 0px 10px; color:#000000; font-size:11px; text-decoration:none;}
a.retour:hover{color:#666666;}
/* Style pour la table générale de la fiche produit */
.TableFicheProd{background:#ffffff;}
.ColFicheProd{padding:25px 25px 25px 25px; vertical-align:top;}
/* Style pour le tag et les ventes flash */
.ContainerTagFicheProd{position:relative; left:-4px; top:-4px; z-index:100;}
.VfDaysCounterFicheProd{background:#ffed00; color:#db0812; font-weight:bold; width:100%; font-size:12px; text-align:center; margin:0px 0px 15px 0px; padding:5px 5px 5px 5px;}
/* Style pour l'affichage du multi-image */
ul.MultiImage{float:left; display:block; margin:5px 0px 0px 0px; padding:0px 0px 0px 0px;}
ul.MultiImage li{float:left; list-style-type:none; margin:0px 0px 0px 8px; border: 1px solid #dddbdb;}
/* Style pour le titre du produit */
.TitleFicheProd{margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; font-weight:normal; color:#3d3d5c; font-size:20px;}
/* Style pour la marque et la garantie du produit */
.mfg, .warranty{display:block; color:#666666; font-size:11px; font-weight:bold;}
/* Style pour la référence du produit */
.ref{display:block; color:#666666; font-size:10px;}
/* Style pour la description courte du produit */
.DescriptionCourte{color:#666666; font-size:11px; line-height:16px; padding:10px 0px 20px 0px;}
/* Style pour les bordures englobant les prix, les options, la quantité et le bouton commander */
.SeparationsFicheProd{border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; padding:20px 0px 20px 0px;}
/* Style pour le prix et le prix barré du produit et économie*/
.PriceFicheProd{float:left; color:#000000; font-size:18px; margin:0px 0px 20px 0px;}
.PriceFicheProd span{color:#666666; font-size:12px; text-decoration:line-through; padding:0px 10px 0px 5px;}
.EconomieFicheProd{color:#666666; font-size:12px; text-decoration:none !important;}
/* Style pour l'ecotaxe */
.ecotaxe{font-size:10px; color:#666666;}
/* Style pour les icônes de stock du produit */
.IconStockRed{float:left; background:url(images/frontoffice/icon_stock_red.png) no-repeat left center; padding:0px 0px 0px 20px; margin:3px 0px 0px 25px; color:#d64411; font-size:11px; font-weight:bold; line-height:17px;}
.IconStockYellow{float:left; background:url(images/frontoffice/icon_stock_yellow.png) no-repeat left center; padding:0px 0px 0px 20px; margin:3px 0px 0px 25px; color:#d68e0e; font-size:11px; font-weight:bold; line-height:17px;}
.IconStockGreen{float:left; background:url(images/frontoffice/icon_stock_green.png) no-repeat left center; padding:0px 0px 0px 20px; margin:3px 0px 0px 25px; color:#95bf3e; font-size:11px; font-weight:bold; line-height:17px;}
/* style pour les options de commandes - shopproductfeaturesgenerates.asp */
/* GenerateDropDownList style pour les options de commandes avec un menu déroulant */
.GenerateDropDownList{margin-bottom:15px;}
.GenerateDropDownList td{padding:2px; color:#666666; font-size:12px;}
/* GenerateButton style pour les options de commandes avec un bouton radio ou une checkbox */
.GenerateButton {margin-bottom:15px;}
.GenerateButton td {padding:2px 2px 2px 0px; color:#666666; font-size:12px;} 
.GenerateButtonTxt{display:block; color:#666666; padding:4px 2px 2px 0px;}
.GenerateButtonBorder {border:none;}
/* Style pour le texte des Option de commande Montant libre et Option de commande Texte libre */
.GenerateFeaturesTxt {color:#666666; font-size:12px; margin-bottom:15px;}
.GenerateFeaturesTxt span{padding:0px 5px 0px 0px;}
/* Style pour les options de commande avec le bouton commander */
.GenerateOrderButton {border: 1px solid #f0efef; text-align:center; border-collapse:collapse; margin-bottom:15px; width:100%;}
.GenerateOrderButton td{padding:2px; border:1px dotted #f0efef; text-align:center; color:#666666; font-size:11px;} 
.GenerateOrderButtonTr {background:#faf9f9;}
/* Style pour la quanité, le champ input et submit */
.QteFicheProd{float:left; font-size:12px; margin:8px 0px 0px 0px;}
.InputFicheProd{float:left; background:#ffffff; border:1px solid #eae9e9; width:37px; height:30px;}
.InputFicheProd input{margin:7px 3px 0 3px; border:none 0; background:transparent; color:#666666; font-size:12px; width:30px; text-align:center;}
.SubmitFicheProd{float:left;background:url(images/frontoffice/fond-CustsubmitbtnCde.gif) repeat-x 0 0; margin:0px 0px 0px 5px; height:32px; border:none; cursor:pointer;}
.SubmitFicheProd:hover{background-position:left bottom;}
.SubmitFicheProd input{border:none 0; background:transparent; cursor:pointer; font-weight:bold; font-size:14px; display:block; color:#ffffff; margin:5px 0px 0px 0px; overflow:visible; padding:0px 20px 0px 20px;}
/* Style pour le container des réseaux sociaux dans la fiche produit */
.ContainerReseauxSociauxFicheProd{margin:20px 0px 0px 0px;}
/* Style pour les liens de la fiche produit */
.ContainerLinksFicheProd{margin:10px 0px 0px 0px;}
a.NotifyMe:link, a.NotifyMe:visited{background:url(images/frontoffice/icon_notify_me.png) no-repeat left center; padding:2px 0px 2px 25px; color:#6f709e; font-size:11px; font-weight:normal; text-decoration:none; display:block; float:left; clear:both; margin:8px 0px 8px 0px;}
a.NotifyMe:hover{color:#999999;}
a.TellAfriend:link, a.TellAfriend:visited{background:url(images/frontoffice/icon_tellafriend.png) no-repeat left center; padding:2px 0px 2px 25px; color:#6f709e; font-size:11px; font-weight:normal; text-decoration:none; display:block;clear:both; margin:8px 0px 8px 0px;}
a.TellAfriend:hover{color:#999999;}
a.TellAfriendPoints:link, a.TellAfriendPoints:visited{background:url(images/frontoffice/icon_tellafriend_points.png) no-repeat left center; padding:2px 0px 2px 25px; color:#6f709e; font-size:11px; font-weight:normal; text-decoration:none; display:block;clear:both; margin:0px 0px 10px 0px;}
a.TellAfriendPoints:hover{color:#999999;}
a.DisplayQuestion:link, a.DisplayQuestion:visited{background:url(images/frontoffice/icon_display_question.png) no-repeat left center; padding:2px 0px 2px 25px; color:#6f709e; font-size:11px; font-weight:normal; text-decoration:none; display:block; clear:both; margin:8px 0px 8px 0px;}
a.DisplayQuestion:hover{color:#999999;}
a.CompareProductAdd:link, a.CompareProductAdd:visited{float:left; background:url(images/frontoffice/icon_compare_product_add.png) no-repeat left center; padding:2px 0px 2px 25px; color:#6f709e; font-size:11px; font-weight:normal; text-decoration:none; display:block; margin:0px 0px 0px 0px;}
a.CompareProductAdd:hover{color:#999999;}
a.CompareProduct:link, a.CompareProduct:visited{float:left; background:url(images/frontoffice/icon_compare_product.png) no-repeat left center; padding:2px 0px 2px 25px; color:#6f709e; font-size:11px; font-weight:normal; text-decoration:none; display:block; margin:0px 0px 0px 0px;}
a.CompareProduct:hover{color:#999999;}
/* Style pour les onglet dans la fiche produit */
.tab_box {width:710px; clear:both; float:none; margin:0px; padding:0px 15px 15px 15px; background:#ffffff;}
.tab_box ul.menu { height:38px; width:710px; padding:0; margin:0 0 0 0;} 
.tab_box ul.menu li { padding:0; margin:0; list-style:none; display:inline;}
.tab_box ul.menu li a { display:block; height:38px; float:left; margin:0 3px 0 0; text-decoration:none;}
.tab_box ul.menu li a.item1 {background:#ffffff; text-decoration:none; color:#666666; border-left:1px solid #dbdada; border-top:1px solid #dbdada; border-right:1px solid #dbdada; line-height:38px; text-align:center; font-size:14px; padding:0px 20px 0px 20px;}
.tab_box ul.menu li a.item2 {background:#ffffff; text-decoration:none; color:#666666; border-left:1px solid #dbdada; border-top:1px solid #dbdada; border-right:1px solid #dbdada; line-height:38px; text-align:center; font-size:14px; padding:0px 20px 0px 20px;}
.tab_box ul.menu li a.item3 {background:#ffffff; text-decoration:none; color:#666666;  border-left:1px solid #dbdada; border-top:1px solid #dbdada; border-right:1px solid #dbdada; line-height:38px; text-align:center; font-size:14px; padding:0px 20px 0px 20px;}
.tab_box ul.menu li.active a.item1 {background:#f0f0f0; border:1px solid #f0f0f0; text-decoration:none; color:#666666;}
.tab_box ul.menu li a:hover.item1{background:#edebe5; border:1px solid #edebe5; text-decoration:none; color:#666666;}
.tab_box ul.menu li.active a.item2 {background:#f0f0f0; border:1px solid #f0f0f0; text-decoration:none; color:#666666;}
.tab_box ul.menu li a:hover.item2{background:#edebe5; border:1px solid #edebe5; text-decoration:none; color:#666666;}
.tab_box ul.menu li.active a.item3 {background:#f0f0f0; border:1px solid #f0f0f0; text-decoration:none; color:#666666;}
.tab_box ul.menu li a:hover.item3{background:#edebe5; border:1px solid #edebe5; text-decoration:none; color:#666666;}
.tab_box .tab_box_content{font-size:11px; line-height:17px; clear:both; float:none; margin:0px 0 0px 0px; min-height:325px; padding:20px 30px 20px 30px; color:#666666; background-color:#f0f0f0;}
/* Style pour les attributs de la fiche produit */
.AttributsFicheProd{font-size:12px; font-weight:bold; color:#000000; padding:20px 0px 5px 0px;}
/* Style pour l'onglet avis de la fiche produit */
a.ReviewLink:link, a.ReviewLink:visited{padding:0px 0px 0px 25px; background:url(images/frontoffice/icon_ecrire.png) no-repeat left center; color:#010101; font-size:12px; font-weight:normal; text-decoration:none; display:block; clear:both; margin:0px 0px 15px 0px; float:right;}
a.ReviewLink:hover{color:#666666;}
.TableReviewList{border: 1px solid #ded8d2; border-collapse:collapse; width:100%; margin:0px 0px 10px 0px;}
.TitleReviewList{padding:5px 5px 5px 5px; border-bottom:1px solid #ded8d2; border-top:1px solid #ded8d2; text-align:left; background:#edebe5; color:#333333; font-size:12px; font-weight:bold;}
.ContentReviewList{padding:5px; background:#ffffff; text-align:left;}
.TxtReviewList{color:#000000; font-weight:bold;} /* Pour le style des titre et nom de l'auteur dans Lire les commentaires -> shopreviewlist.asp */
/* style pour la loi chatel et la disponibilité */
.LoiChatel{width:100%;}
.LoiChatel td, .DisponibiliteFicheProd{background:#ffffff; padding:15px 30px 15px 30px; border-bottom:1px solid #f0f0f0; color:#666666; font-weight:normal; font-size:12px;}
/* Style pour le titre des ventes croisées */
.TitleCrossSelling{color:#3d3d5c; font-size:20px; margin:30px 0px 20px 0px;}


/* CADDIE : Mise en forme du texte pour le nombre d'article dans le panier et pour chemin de fer) */
.TxtQtePanier{display:block; color:#000000; font-weight:normal; font-size:14px; margin:0px 0px 25px 0px;}
ul.OrderProcessBar{margin:0px 0px 0px -9px; padding:25px 0px 35px 0px;}
ul.OrderProcessBar li{display:inline; list-style-type:none; margin:0px 0px 0px 9px; padding:12px 18px 12px 18px; background:#f0efef; color:#3d3d5c; font-size:13px; font-weight:bold;}
ul.OrderProcessBar li.active{background:#6f709e; color:#ffffff; font-size:13px; font-weight:bold;}

/* CADDIE : Mise en forme du Caddie (shopaddtocart.asp et shopformatorder.asp) */
.TableCartFormat{border:1px solid #f0efef; border-collapse:collapse; width:100%;}
.TitleCartFormat{padding:10px 5px 10px 5px; border-bottom:1px solid #f0efef; border-right:1px solid #f0efef; background:#faf9f9; color:#333333; font-size:12px;}
.ContentCartFormat{padding:5px; border-right:1px solid #f0efef; color:#333333; font-size:12px;}
.SeparationCartFormat{border-bottom:1px dotted #f0efef;}
.ImageProduitCart{width:54px; height:54px;}
.Qte{border:1px solid #e4e4e4; width:30px; height:30px;}
.Qte input{padding:0px 0px 0px 0px; margin:6px auto 0px auto; width:30px; border:none 0; background:transparent; color:#000000; font-size:12px; text-align:center;}
.TableCartFormatTotal{border-collapse:collapse; border-left:1px solid #f0efef; border-right:1px solid #f0efef; border-bottom:1px solid #f0efef; margin:0px 0px 10px 0px;}
.CartFormatTotal{padding:5px; border-bottom:1px solid #f0efef; background:#f0efef; color:#6f709e; font-size:14px; font-weight:normal;}
.BorderCartFormatTotal{font-weight:normal;}
.txtTotal{font-size:14px; font-weight:bold; text-align:center;}
.sousTotal{font-size:14px; font-weight:bold; text-align:center;}
.total{font-size:16px; font-weight:bold; text-align:center; }
a.carthyperlink:link{font-size:12px; color:#333333; text-decoration:none;}
a.carthyperlink:visited{font-size:12px; color:#333333; text-decoration:none;}
a.carthyperlink:hover{font-size:12px; color:#333333; text-decoration:none;}
.RefFeaturesCart{color:#333333; font-size:11px; font-weight:normal;}
.Color1RecapCart{padding:5px; background:#ffffff;}
.Color2RecapCart{padding:5px; background:#f8f8f8;}

/* CADDIE : Style pour la position des boutons dans le caddie et la validation de commande (shopaddtocart.asp et shopcreateorder.asp) et pour les frais de port approximatifs */
.PositionBtnCart, .PositionBtnOrder{float:right; margin:0px 0px 20px 0px;}
.TitlePortApproximatifs{text-align:center; font-size:12px; color:#333333;}
.ContentPortApproximatifs{padding:20px 5px 20px 5px; width:50%; border:none; color:#333333; font-size:12px;}
.ContentPortApproximatifs select, .ContentPortApproximatifs select:hover, .ContentPortApproximatifs select:focus{margin:5px 0px 0px 0px; padding:5px 5px 5px 5px; border:1px solid #eae9e9; background:#ffffff; color:#666666;}

/* CADDIE : Mise en forme des liens examiner votre commande, mémoriser ma sélection, liste de sélection dans shopaddtocart et shopcreateorder.asp */
.LinkOrderReview a{display:block; float:right; clear:both; background:url(images/frontoffice/icone-orderreview.png) no-repeat left center; padding:0px 0px 0px 18px; color:#3d3d5c; text-decoration:underline; margin:0px 0px 10px 0px;}
.LinkOrderReview a:hover{text-decoration:none;}
.LinkSaveCart a{display:block; float:right; clear:both; background:url(images/frontoffice/icone-savecart.png) no-repeat left center; padding:0px 0px 0px 18px; color:#3d3d5c; text-decoration:underline; margin:0px 0px 10px 0px;}
.LinkSaveCart a:hover{text-decoration:none;}
.LinkWishlist a{display:block; float:right; clear:both; background:url(images/frontoffice/icone-wishlist.png) no-repeat left center; padding:0px 0px 0px 18px; color:#3d3d5c; text-decoration:underline; margin:0px 0px 10px 0px;}
.LinkWishlist a:hover{text-decoration:none;}


/* IDENTIFICATION : Mise en forme des tables Identifiez-vous et nouveau client */
.TableLoginIdentification{border:1px solid #f0efef; border-collapse:collapse; height:300px;}
.TitleLoginIdentification{padding:10px 15px 10px 15px; border:1px solid #f0efef; text-align:left; background:#faf9f9; color:#333333; font-size:13px; font-weight:bold;}
.TableLoginNewClient{border:1px solid #f0efef; border-collapse:collapse; height:300px;}
.TitleLoginNewClient{padding:10px 15px 10px 15px; border:1px solid #f0efef; text-align:left; background:#f0efef; color:#6f709e; font-size:13px; font-weight:bold;}
.ContentLogin{padding:15px 15px 15px 15px; text-align:justify; height:300px;}
.EspaceTxtLogin{padding-bottom:8px;}
.EspaceBoutonLogin{padding:5px 0px 5px 0px;}
.GrasTxtLogin{font-weight:bold;}
ul.listetriangle{list-style-type: none; padding:2px 0 0 0; margin:2px 0 0 0;}
.listetriangle li{background-image: url(images/frontoffice/fleche-menu-vertical.gif); background-repeat: no-repeat; background-position:0px 5px; padding-left:1em; margin-left:10px;}
.LinkCreerCompte{margin:20px auto 0px auto; width:150px;}
.LinkCreerCompte a {color:#ffffff; font: bold 12px Arial,Helvetica,sans-serif; background:url(images/frontoffice/fond-Custsubmitbtn2.gif) repeat-x left top #3e3e5d; padding:10px 25px 10px 25px; display:block; float:left;}
.LinkCreerCompte a:hover {background-position:left bottom;}

/* IDENTIFICATION : Styles pour les liens de l'encart Zone Clients - shop$customers.asp  */
a.LoginformLinks:link, a.LoginformLinks:visited, a.LoginAffilateLinks:link, a.LoginAffilateLinks:visited{color:#666666; font-size:12px; font-weight:normal; text-decoration:none;}
a.LoginformLinks:hover, a.LoginAffilateLinks:hover{color:#999999; text-decoration:underline;}
.LoginformTxt{color:#666666; font-size:12px; vertical-align:top; padding:5px 0px 0px 0px;}
.EspaceTxtLogin a{color:#666666; font-size:12px; font-weight:normal; text-decoration:none;}
.EspaceTxtLogin a:hover{color:#999999; text-decoration:underline;}

/* MON COMPTE : Styles pour les liens de la page votre compte et les liens de la zone affilé - shop$customers.asp */
a.CustomerLinks:link, a.CustomerLinks:visited, a.ZoneAffilie:link, a.ZoneAffilie:visited{color:#6f709e; font-size:14px; font-weight:normal; text-decoration:none;}
a.CustomerLinks:hover, a.ZoneAffilie:hover{color:#95bf3e;}
.CustomerCols{border-bottom:1px solid #f0efef; padding:5px 30px 5px 0;}
.ZoneAffilieBorder{border-bottom:1px solid #f0efef;}
.ZoneAffilieSizeCol{width:55px;}

/* MON COMPTE : Mise en forme du texte terminer votre commande -> shop$customers */
a.CustomerLinksCheckout:link, a.CustomerLinksCheckout:visited{color:#95bf3e; font-size:14px; font-weight:normal; text-decoration:none;}
a.CustomerLinksCheckout:hover{color:#6f709e;}
.CustomerColsFondCheckout{background:#f0efef;}

/* MON COMPTE : Couleur utilisé pour l'inscription affilié, l'inscription et le compte client */
.colorOutAffilie, .colorOutCustomer{background:#f0efef; color:#6f709e; font-size:12px; font-weight:bold; cursor:pointer;}
.colorOverAffilie, .colorOverCustomer {background:#faf9f9; color:#333333; font-size:12px; font-weight:bold; cursor:pointer;}

/* MON COMPTE (newsletter) : Styles pour les liens de l'encart Newsletter - shop$customerdisplays.asp  */
.TxtBoxMailList{color:#000000; font-size:12px; vertical-align:top; text-align:center;}

/* MON COMPTE (mettre à jour votre profil) : Style pour le select de faisons connaissance */
.employmentsselectfield{width:290px;}
.employmentsoption{background:#f0efef; color:#6f709e;}

/* MON COMPTE (Status de vos commandes) : Styles pour l'alignement des éléménts dans shopstatus.asp  */
.ColsCenter{text-align:center;}

/* MON COMPTE (Coupon de réduction) : Styles pour l'alignement des éléménts dans shopcustadmincoupon.asp  */
.couponminimum{font-weight:bold; color:#95bf3e;}

/* MON COMPTE (	Vos points de fidélité) : Styles pour le style des messages important dans les tables clients -> shoppointsredeem.asp  */
.TxtMsgImportant{color:#95bf3e;}

/* CHAMPS OBLIGATOIRES DANS FORMULAIRE CLIENT : Style pour l'astérisque des champs obligatoires */
.asterisque{color:#ee0000; padding-left:2px;}

/* GESTION DES ERREURS DANS FORMULAIRE CLIENT */
.ErrorForm {color:#cc0000; font-family:Tahoma,arial; font-size:11px; font-weight:normal;}

/* STYLE POUR LES TABLES DU SITE
- Style TableRecherche / TitleRecherche / ContentRecherche pour mise en page de la recherche avancée -> shopsearch.asp
- Style TableNewsletter / TitleNewsletter / ContentNewsletter pour mise en page de la newsletter -> shopmaillist.asp
- Style TableLoginAffilie / TitleLoginAffilie / ContentLoginAffilie pour mise en page de la zone affilié -> shopafflogin.asp
- Style TableMailPwdAffilie / TitleMailPwdAffilie / ContentMailPwdAffilie pour mise en page de l'oublie du mot de passe de la zone affilié -> shopaffmailpwd.asp
- Style TableAffilieAdmin / TitleAffilieAdmin / ContentAffilieAdmin pour mise en page du compte affilié -> shopaffadmin.asp
- Style TableAffilieStatus / TitleAffilieStatus / ContentAffilieStatus pour mise en page du rapport de vente de votre compte affilié -> shopaffstatus.asp
- Style TableAffilieStatusOrders / TitleAffilieStatusOrders / ContentAffilieStatusOrders pour mise en page du rapport de vente détaillé de votre compte affilié -> shopaffstatusorders.asp
- Style TableAffilieReport / TitleAffilieReport / ContentAffilieReport pour mise en page du rapport de clic détaillé de votre compte affilié -> shopafflogreport.asp
- Style TableAffilie / TitleAffilie / ContentAffilie pour mise en page de l'Inscription affilié -> Shop_Affiliate_Init.asp
- Style TableCustomer / TitleCustomer / ContentCustomer pour mise en page de l'Inscription et du compte client -> Shop_Customer_Init.asp
- Style TableMailPwd / TitleMailPwd / ContentMailPwd pour mise en page de l'oublie du mot de passe du compte client -> shopmailpwd.asp
- Style TableLivraison / TitleLivraison / ContentLivraison pour mise en page des informations de livraison -> shopcustomer.asp
- Style TableCadeau / TitleCadeau / ContentCadeau pour mise en page de la liste de cadeau disponible lors de la validation -> shopcreateorder.asp
- Style TableStatus / TitleStatus / ContentStatus pour la mise en page du Status de vos commandes -> shopstatus.asp
- Style TableCustTracking / TitleCustTracking / ContentCustTracking pour la mise en page de l'envoie d'un message au marchand -> shopcusttracking.asp
- Style TableTrackingOrder / TitleTrackingOrder / ContentTrackingOrder pour la mise en page de l'historique de vos tickets -> shoptrackingorder.asp
- Style TableFormatOrder / TitleFormatOrder / ContentFormatOrder pour la mise en page de la confirmation de patment et du récapitulatif de commande -> shopformatorder.asp
- Style TableSaveCart / TitleSaveCart / ContentSaveCart pour mise en page des paniers sauvegardés -> shopsavecart.asp
- Style TableSavePerm / TitleSavePerm / ContentSavePerm pour mise en page des listes de sélection -> shopsaveperm.asp
- Style TableSponsor / TitleSponsor / ContentSponsor pour mise en page du parrainage -> shopsponsor.asp
- Style TablePoints / TitlePoints / ContentPoints pour mise en page des points de fidélités -> shoppointsdb.asp / shoppointsredeem.asp
- Style TableCoupons / TitleCoupons / ContentCoupons pour mise en page des coupons de réduction -> shopcustadmincoupon.asp
- Style TableChequeCadeau / TitleChequeCadeau / ContentChequeCadeau pour mise en page des chèques cadeaux -> shopcustadmingift.asp / shopgift.asp
- Style TableListesAchats / TitleListesAchats / ContentListesAchats pour mise en page des listes d'achats -> shopgiftregadmin.asp
- Style TableContact / TitleContact / ContentContact pour la mise en page de la page contact et poser une question au vendeur -> shopcustcontact.asp
- Style TableReviewAdd / TitleReviewAdd / ContentReviewAdd pour la mise en page de Ecrire un commentaire -> shopreviewadd.asp
- Style TableNotifyMe / TitleNotifyMe / ContentNotifyMe pour la mise en page de l'alerte sur un produit -> shopnotifyme.asp
- Style TableTellFriend / TitleTellFriend / ContentTellFriend pour la mise en page de l'alerte sur un produit -> shoptellafreind.asp
- Style TableRMA / TitleRMA / ContentRMA pour la mise en page des RMA -> shopsubmitrma.asp
- Style TableExamCde / TitleExamCde / ContentExamCde pour la mise en page d'examiner votre commande -> shopmailform.asp
*/
.TableRecherche, .TableNewsletter, .TableLoginAffilie, .TableMailPwdAffilie, .TableAffilieAdmin, .TableAffilieStatus, .TableAffilieStatusOrders, .TableAffilieReport, .TableAffilie, .TableCustomer, .TableMailPwd, .TableLivraison, .TableCadeau, .TableStatus, .TableCustTracking, .TableTrackingOrder, .TableFormatOrder, .TableSaveCart, .TableSavePerm, .TableSponsor, .TablePoints, .TableCoupons, .TableChequeCadeau, .TableListesAchats, .TableContact, .TableReviewAdd, .TableNotifyMe, .TableTellFriend, .TableRMA, .TableExamCde, .TableCancelOrder{border: 1px solid #f0efef; border-collapse:collapse; width:100%;}
.TitleRecherche, .TitleNewsletter, .TitleLoginAffilie, .TitleMailPwdAffilie, .TitleAffilieAdmin, .TitleAffilieStatus, .TitleAffilieStatusOrders, .TitleAffilieReport, .TitleAffilie, .TitleCustomer, .TitleMailPwd, .TitleLivraison, .TitleCadeau, .TitleStatus, .TitleCustTracking, .TitleTrackingOrder, .TitleFormatOrder, .TitleSaveCart, .TitleSavePerm, .TitleSponsor, .TitlePoints, .TitleCoupons, .TitleChequeCadeau, .TitleListesAchats, .TitleContact, .TitleReviewAdd, .TitleNotifyMe, .TitleTellFriend, .TitleRMA, .TitleExamCde, .TitleCancelOrder{padding:10px 5px 10px 5px; border-bottom:1px solid #f0efef; border-top:1px solid #f0efef; background:#faf9f9; color:#333333; font-size:12px; font-weight:bold;}
.ContentShortProcess, .ContentRecherche, .ContentNewsletter, .ContentLoginAffilie, .ContentMailPwdAffilie, .ContentAffilieAdmin, .ContentAffilieStatus, .ContentAffilieStatusOrders, .ContentAffilieReport, .ContentAffilie, .ContentCustomer, .ContentMailPwd, .ContentLivraison, .ContentCadeau, .ContentStatus, .ContentCustTracking, .ContentTrackingOrder, .ContentFormatOrder, .ContentSaveCart, .ContentSavePerm, .ContentSponsor, .ContentPoints, .ContentCoupons, .ContentChequeCadeau, .ContentListesAchats , .ContentContact, .ContentReviewAdd, .ContentNotifyMe, .ContentTellFriend, .ContentRMA, .ContentExamCde, .ContentCancelOrder{padding:5px 5px 5px 5px;}
/* Style pour les espaces au dessus de l'input qui affiche le nombre de carractères restants */
.ContentChequeCadeau textarea, .ContentLivraison textarea{margin:0px 0px 5px 0px;}


/* PAGE RESTAURER COMMANDE : Style pour les liens restaurer et imprimer */
.RestoreCde{float:left; margin:0px 0px 10px 0px;}
.RestoreCde a{background:url(images/frontoffice/customer_restore_cart.png) left -2px no-repeat; padding:0px 0px 0px 20px; color:#3d3d5c; text-decoration:none;}
.RestoreCde a:hover{color:#95bf3e; text-decoration:none;}
.PrintCde{float:right; margin:0px 0px 10px 0px;}
.PrintCde a{background:url(images/frontoffice/print.png) left center no-repeat; padding:0px 0px 0px 20px; color:#3d3d5c; text-decoration:none;}
.PrintCde a:hover{color:#95bf3e; text-decoration:none;}


/* PAGE LIVRAISON : Style pour la page shopcustomer.asp */
/* Style pour les conditions générales de ventes et les conditions générales d'affiliation */
.BoxConditionsGenerales, .BoxConditionsGeneralesAffilie{padding:5px 5px 5px 5px; width:645px; height:140px; overflow:auto; border:1px solid #f0efef;}
.ConditionsGenerales, .ConditionsGeneralesAffilie{font-weight:bold;color:#95bf3e;}


/* PAGE PAIEMENT : Style pour la page shopcheckout.asp */
fieldset{border:1px solid #f0efef;}
label{color:#3d3d5c; font-size:12px; font-weight:bold;}
.CancelButtonCde{text-align:center;}


/* PAGE CONTACT : Coordonnées de la société -> shopcustcontact.asp */
.Companyinfo{text-align:center;}


/* AFFILIES
- style colorAffilieStatusOrders pour la couleur des lignes et TxtAffilieStatusOrders pour le texte dans le rapport de vente détaillé de votre compte affilié -> shopaffstatusorders.asp 
- style colorAffilieReport pour la couleur des lignes et TxtAffilieReport pour le texte dans le rapport de click détaillé de votre compte affilié -> shopafflogreport.asp
*/
.colorAffilieStatusOrders, .colorAffilieReport{padding:5px; background:#f0efef; color:#6f709e;}
.TxtAffilieStatusOrders, .TxtAffilieReport{color:#6f709e; font-size:12px; font-weight:bold;}


/* FAQ : style pour la mise en page de la FAQ - Shop_Faq_Design.asp */
.FaqCatTable{border:1px solid #f0efef; border-collapse:collapse; width:100%; margin: 0px 0px 0px 0px;}
.FaqCatRow{padding:5px 5px 5px 5px; border-bottom:1px solid #f0efef; border-top:1px solid #f0efef; text-align:left; background:#faf9f9; color:#333333; font-size:12px; font-weight:bold;}
.FaqCatRow Td{font-weight:bold; font-size:12px; color:#333333;}
.FaqIssuesRow{color:#6f709e; font-weight: bold;}
.FaqIssuesRow a{color:#3d3d5c; font-size:11px; text-decoration:none;}
.FaqIssuesRow a:hover{color:#95bf3e;}
.FaqAnswersRow{color:#666666; border-bottom: dotted 1px #E6E9ED;}
.FaqSearchAndFound{background-color:#FFFE98; color:#FF0000;}
.FaqTxtReponse{padding:5px; text-align:justify;}
a.FaqButton:link, a.FaqButton:visited{color:#3d3d5c; font: bold 12px Arial,Helvetica,sans-serif; background:#e1e1e1; border:none; cursor:pointer; padding:10px 15px 10px 15px; outline:0;}
a.FaqButton:hover {color:#3d3d5c; background:#b1b0b0; font: bold 12px Arial,Helvetica,sans-serif;}
.FaqButton img{vertical-align:middle; padding:0px 10px 0px 0px;}


/* style pour le message d'erreur - shop$errors.asp */
.WriteAlertError{clear:both; background:#fce9e9; border:1px solid #eac7c7; padding:25px 25px 25px 25px; text-align:justify;}

/* Style lié à Shop$colors.asp */
/* simple message - Shop$colors.asp */
.shopwriteSimpleMsg{clear:both; background:#ffffff; color:#666666; border:1px solid #f3f2f2; font-size:11px; line-height:18px; padding:25px 25px 25px 25px; text-align:justify;}
/* style pour le message de confirmation - Shop$colors.asp */
.ShopWriteHeader{clear:both; background:#edfce9; border:1px solid #cceac4; padding:25px 25px 25px 25px; text-align:justify;}

/* SELECT DU SITE */
.custselectfield, .custselectfield:hover, .custselectfield:focus {font-size:11px; background:#ffffff; border:1px solid #eae9e9; outline:0; color:#666666; margin:0; padding:5px 5px 5px 5px;}
select, select:hover, select:focus {font-size:11px; background:#ffffff; border:1px solid #eae9e9; outline:0; color:#666666; margin:0; padding:5px 5px 5px 5px;}

/* CHAMP TEXTE - Style pour les input text du site */
.custtxtfield, .Custtxtfield, .txtfield {font-size:11px; background:#ffffff; border:1px solid #eae9e9; outline:0; color:#666666; margin:0; padding:5px 5px 5px 5px;}

/* TEXTAREA - Style pour les zones de texte du site */
textarea, textarea:focus {font-size:11px; background:#ffffff; border:1px solid #eae9e9; outline:0; color:#666666; margin:0; padding:5px 5px 5px 5px;}

/* BOUTON SUBMIT - Style pour les boutons submits du site */
.Custsubmitbtn, .custsubmitbtn, .Custsubmitbtn:focus, .custsubmitbtn:focus {color:#3d3d5c; font: bold 12px Arial,Helvetica,sans-serif; background:#e1e1e1; border:none; cursor:pointer; padding:10px 25px 10px 25px; outline:0; overflow:visible;}
.Custsubmitbtn:hover, .custsubmitbtn:hover{color:#3d3d5c; background:#b1b0b0; font: bold 12px Arial,Helvetica,sans-serif;}

/* BOUTON SUBMIT - Style pour le bouton submit commander */
.Custsubmitbtn2, .Custsubmitbtn2:focus {color:#ffffff; font: bold 12px Arial,Helvetica,sans-serif; background:url(images/frontoffice/fond-Custsubmitbtn2.gif) repeat-x left top #3e3e5d; border:none; cursor:pointer; padding:10px 25px 10px 25px; outline:0; overflow:visible;}
.Custsubmitbtn2:hover {background-position:left bottom;}

/* BOUTON SUBMIT - Style pour le bouton submit commander */
.CustsubmitbtnCde, .CustsubmitbtnCde:focus {color:#ffffff; font: bold 12px Arial,Helvetica,sans-serif; background:url(images/frontoffice/fond-CustsubmitbtnCde.gif) repeat-x left top #799d1a; border:none; cursor:pointer; padding:10px 25px 10px 25px; outline:0; overflow:visible;}
.CustsubmitbtnCde:hover {background-position:left bottom;}


/* PROCESSUS COMMANDE UNE PAGE */
/* PANEL 1*/
.SimpleProcessMainTitle1 td{background:url(images/frontoffice/shortorderprocess/ProcessCde1.png) no-repeat left top; height:47px; cursor:pointer;}
.SimpleProcessMainTitleActive1 td{background:url(images/frontoffice/shortorderprocess/ProcessCde1.png) no-repeat left bottom; height:47px; cursor: default;}

/*PANEL 2*/
.SimpleProcessMainTitle2 td{background:url(images/frontoffice/shortorderprocess/ProcessCde2.png) no-repeat left top; height:47px; cursor:pointer;}
.SimpleProcessMainTitleActive2 td{background:url(images/frontoffice/shortorderprocess/ProcessCde2.png) no-repeat left bottom; height:47px; cursor: default;}

/*PANEL 3*/
.SimpleProcessMainTitle3 td{background:url(images/frontoffice/shortorderprocess/ProcessCde3.png) no-repeat left top; height:47px; cursor:pointer;}
.SimpleProcessMainTitleActive3 td{background:url(images/frontoffice/shortorderprocess/ProcessCde3.png) no-repeat left bottom; height:47px; cursor: default;}

/*PANEL 4*/
.SimpleProcessMainTitle4 td{background:url(images/frontoffice/shortorderprocess/ProcessCde4.png) no-repeat left top; height:47px; cursor:pointer;}
.SimpleProcessMainTitleActive4 td{background:url(images/frontoffice/shortorderprocess/ProcessCde4.png) no-repeat left bottom; height:47px; cursor: default;}

/*PANEL 5*/
.SimpleProcessMainTitle5 td{background:url(images/frontoffice/shortorderprocess/ProcessCde5.png) no-repeat left top; height:47px; cursor:pointer;}
.SimpleProcessMainTitleActive5 td{background:url(images/frontoffice/shortorderprocess/ProcessCde5.png) no-repeat left bottom; height:47px; cursor: default;}

/*PANEL 6*/
.SimpleProcessMainTitle6 td{background:url(images/frontoffice/shortorderprocess/ProcessCde6.png) no-repeat left top; height:47px; cursor:pointer;}
.SimpleProcessMainTitleActive6 td{background:url(images/frontoffice/shortorderprocess/ProcessCde6.png) no-repeat left bottom; height:47px; cursor: default;}


.SimpleProcessMainForm td{color:#000000; border:none; font-size:12px;}
.SimpleProcessForm{margin: 0px 0px 10px 0px;}
.SimpleProcessForm td{border: 0px none transparent; padding: 5px 5px 5px 5px;}
.SimpleProcessForm td span{color:#000000; padding-left:4px;}


.SimpleProcessC1{width: 200px;}
.SimpleProcessC1B{border-bottom:1px dotted #333333;}
.SimpleProcessMyCoopoon, .SimpleProcessMyCoopoon td{background-color: #faf9f9;}
.SimpleProcessEmaillist, .SimpleProcessEmaillist td{background-color: #faf9f9;}
.SimpleProcessMasterSponsor, .SimpleProcessMasterSponsor td{background-color: #faf9f9;}
.SimpleProcessError, .SimpleProcessCouponError, .SimpleProcessGiftError, .SimpleProcessLicenceError{background-color: #ff8686 !important; color: #FFFFFF !important; font-weight: bold !important; padding:15px 15px 15px 15px !important; border:1px solid #ff0000 !important;}


table.SimpleCartTable{border-collapse:collapse; border:1px solid #d7d6d6; width:100%; font-size:12px; color:#333333; background:#ffffff;}
td.SimpleCartTitle{background:none repeat scroll 0 0 #faf9f9; border:1px solid #d7d6d6; color:#333333; font-size:12px; font-weight:normal; height:30px; padding:5px;}
td.SimpleCartTitleTotal{background:none repeat scroll 0 0 #f0efef; border:1px solid #d7d6d6; color:#2756ac; font-size:14px; font-weight:bold; height:30px; padding:5px; text-align:center;}
td.SimpleCartItemImageMarge{background:none repeat scroll 0 0 #ffffff; border:1px solid #d7d6d6; color:#333333; font-size:12px; font-weight:bold; height:30px; padding: 5px 25px 5px 5px;}
td.SimpleCartItemImageMargeTotal{background:none repeat scroll 0 0 #000000; border:1px solid #d7d6d6; color:#2756ac; font-size:12px; font-weight:bold; height:30px; padding: 5px 25px 5px 5px;}
td.SimpleCartItem{border:1px solid #d0cece; padding:5px; font-size:12px; color:#333333;}
.SimpleCartItem img{width:54px; height:54px; padding:0px 5px 0px 0px;}
td.SimpleCartItemMarge{border:1px solid #d0cece; padding: 5px 25px 5px 5px; font-size:12px; color:#333333;}
td.SimpleCartItemImage{border-top:0px; border-bottom:0px; border-left:0px; border-right:0px;}
SimpleCheckOut td{border-top:0px; border-bottom:0px; border-left:0px; border-right:0px;}





/* ------------------------------------------------------------------------------------------ STYLE NON UTILISES --------------------------------------------------------------------------------- */
/* Style pour Les critères de comparaison */
.CriteresComparaison{border: 1px solid #E7E7E7; background:#f3f7f8; border-collapse:collapse; margin-bottom:5px; width:100%;}
.CriteresComparaison td {padding:5px; border-bottom:1px dotted #E7E7E7; border-left:1px dotted #E7E7E7; color:#36555E; font-weight:bold; font-size:11px;}
.CriteresComparaisonTitle{color:#7b7d7e; font-weight:bold; font-size:15px;}
/* style pour le prix degressif selon la quantité- shopproductssubs.asp */
.PrixParQte{border: 1px solid #E7E7E7; border-collapse:collapse; margin-bottom:5px; width:100%;}
.PrixParQteTitle{padding:2px; border-bottom:1px dotted #E7E7E7; color:#555555; background:#F5F9FA; font-size:11px; font-weight:bold;} 
.PrixParQteContent{padding:2px; border-bottom:1px dotted #E7E7E7; color:#555555; font-size:11px;} 

/* Styles pour le message de bienvenue */
.WelcomeMessage{color:#cccccc; font-size:11px; font-weight:normal;}
a.WelcomeLink:link{color:#dddddd; font-size:11px; font-weight:normal; text-decoration:underline;}
a.WelcomeLink:visited{color:#dddddd; font-size:11px; font-weight:normal; text-decoration:underline;}
a.WelcomeLink:hover{color:#dddddd; font-size:11px; font-weight:normal; text-decoration:none;}

/* Styles pour les liens de l'encart Faites équipe avec nous et Zone Clients connecté- shop$customers.asp  */
a.BoxCustomerLinks:link{color:#3d809a; font-size:12px; font-weight:normal; text-decoration:none;}
a.BoxCustomerLinks:visited{color:#3d809a; font-size:12px; font-weight:normal; text-decoration:none;}
a.BoxCustomerLinks:hover{color:#3d809a; font-size:12px; font-weight:normal; text-decoration:underline;}
.BoxCustomerCols{border-bottom:1px solid #e3e3e3; padding:5px 0 5px 0;}

/* Styles pour la Mise en forme du texte terminer votre commande -> shop$customers */
a.BoxCustomerLinksCheckout:link{color:#3B3C3C; font-size:12px; font-weight:normal; text-decoration:underline;}
a.BoxCustomerLinksCheckout:visited{color:#3B3C3C; font-size:12px; font-weight:normal; text-decoration:underline;}
a.BoxCustomerLinksCheckout:hover{color:#3B3C3C; font-size:12px; font-weight:normal; text-decoration:none;}

/* Styles pour les liens de l'encart catégorie - shop$categories.asp  */
a.CategoriesLinks:link{color:#3d809a; font-size:13px; font-weight:normal; text-decoration:none;}
a.CategoriesLinks:visited{color:#3d809a; font-size:13px; font-weight:normal; text-decoration:none;}
a.CategoriesLinks:hover{color:#3d809a; font-size:13px; font-weight:normal; text-decoration:underline;}
.CategoriesCols{border-bottom:1px solid #e3e3e3; padding:5px 0 5px 0;}

/* Styles pour les liens de l'encart JavaTree  */
a.prnnode:link{color:#3d809a; font-size:11px; font-weight:bold; text-decoration:none;}
a.prnnode:visited{color:#3d809a; font-size:11px; font-weight:bold; text-decoration:none;}
a.prnnode:hover{color:#3d809a; font-size:11px; font-weight:bold; text-decoration:underline;}
a.node:link{color:#3d809a; font-size:11px; font-weight:normal; text-decoration:none;}
a.node:visited{color:#3d809a; font-size:11px; font-weight:normal; text-decoration:none;}
a.node:hover{color:#3d809a; font-size:11px; font-weight:normal; text-decoration:underline;}

/* Styles pour les liens de l'encart ClassicTree - shop$categories.asp  */
a.CategoriesTreeLinks:link{color:#3d809a; font-size:12px; font-weight:bold; text-decoration:none;}
a.CategoriesTreeLinks:visited{color:#3d809a; font-size:12px; font-weight:bold; text-decoration:none;}
a.CategoriesTreeLinks:hover{color:#3d809a; font-size:12px; font-weight:bold; text-decoration:underline;}
a.SubCategoriesTreeLinks:link{color:#3d809a; font-size:11px; font-weight:normal; text-decoration:none;}
a.SubCategoriesTreeLinks:visited{color:#3d809a; font-size:11px; font-weight:normal; text-decoration:none;}
a.SubCategoriesTreeLinks:hover{color:#3d809a; font-size:11px; font-weight:normal; text-decoration:underline;}

/* Styles pour l'encart Mini Caddie - shop$cart.asp */
.TableMiniCart{border: 1px solid #dddddd; border-collapse:collapse; width:100%;}
.TdTitleMiniCart{padding:2px; border:1px solid #dddddd; color:#3b3c3c; background:#d2e7fc; font:bold 10px Arial, Helvetica, sans-serif; height:28px; text-align:center;} 
.TdMiniCart{font-size:10px; padding:2px; color:#555555; border:1px solid #dddddd;}
.TdMiniCartGris{font-size:10px; padding:2px; color:#555555; background:#F5F9FA; border:1px solid #dddddd;}
a.LinkMiniCart:link{color:#3d809a; font-size:11px; font-weight:normal; text-decoration:none;}
a.LinkMiniCart:visited{color:#3d809a; font-size:11px; font-weight:normal; text-decoration:none;}
a.LinkMiniCart:hover{color:#3d809a; font-size:11px; font-weight:normal; text-decoration:underline;}

/* Style pour le lien comparaison - Templates enavant */
a.comparaisonLink:link{color:#3d809a; font-size:12px; font-weight:bold; text-align:center; text-decoration:none;}
a.comparaisonLink:visited{color:#3d809a; font-size:12px; font-weight:bold; text-align:center; text-decoration:none;}
a.comparaisonLink:hover{color:#3d809a; font-size:12px; font-weight:bold; text-align:center; text-decoration:underline;}

/* Style pour les produits et la mise en forme du filtre des produits et des pages dans shopdisplayproducts.asp */
.TableProdFiltering{border: 1px solid #9bc9d2; border-collapse:collapse;}
.TdTitleProdFiltering{padding:5px; border:1px solid #9bc9d2; color:#36555E; background:#ebeff1; font-weight:bold; font-size:11px; height:28px; text-align:center; width:33%;} 
.TdProdFiltering{font-size:10px; padding:5px; color:#555555; border:1px solid #9bc9d2; text-align:center; width:33%;}
.ShowdisplayTypes{color:#3d809a;}

/* Style pour les crochets de la pagination - shop&paging.asp */
.PageNavBar {color:#3d809a; font-weight:bold;}