body{ color:#7B7D7E; font-family:Arial,Helvetica,sans-serif; font-size:10pt; } .bodyClass { background:url(images/fond-body.jpg) no-repeat center top #f5f5f2; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; color:#666666; } :focus {border:none; outline:none;} .clear{clear:both;} h1{margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; font-weight:normal; color:#e73449; font-size:22px; text-transform:none;} h2{margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; font-weight:normal; color:#736c64; font-size:18px; text-transform:none;} h3{margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; font-weight:normal; color:#736c64; font-size:14px; text-transform:none;} /* Styles pour la taille générale du site */ .TableGeneral{width:980px;} /* GESTION DES STYLES PAR BALISE */ td{font-size:11px; font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } /* GESTION DES LIENS DU SITE */ a:link{color:#E73449; font-size:11px; text-decoration:none; } a:visited{color:#E73449; font-size:11px; text-decoration:none; } a:hover{color:#E73449; font-size:11px; text-decoration:underline; } /* HEADER : Styles pour le fond du header*/ .HeaderFond{background:url(images/fond-header.jpg) no-repeat left top; height:134px; vertical-align:top;} /* HEADER : Styles pour le logo */ .LogoSite{position:relative; float:left; padding:20px 25px 12px 25px;} .LogoTxtSite{position:relative; float:none; top:-15px; clear:both; padding:0px 0px 0px 25px;} /* HEADER : Styles pour la Bannière du site */ .Banner{position:relative; float:left; top:30px;} /* HEADER : Style pour l'encart Micro caddie */ .MicroCaddie{position:relative; float:left; top:25px; height:90px;} .MicroCaddieIconeVide{background:url(images/icone-micro-cart.png) no-repeat left top; padding:15px 0px 0px 80px; color:#ffffff; font-size:12px; font-weight:bold; height:73px;} .MicroCaddieIcone{background:url(images/icone-micro-cart.png) no-repeat left top; padding:6px 0px 0px 80px; color:#ffffff; font-size:12px; font-weight:bold; height:73px;} a.LinkMicroCaddie:link, a.LinkMicroCaddie:visited, a.LinkMicroCaddie:hover{ padding:0px 0px 0px 0px; text-decoration:none; cursor:pointer;} .txtMonPanierMicroCaddieVide{background:url(images/fleche-link-header.gif) no-repeat 0px 5px; padding:0px 0px 0px 8px; color:#ffffff; font-size:12px; font-weight:bold; text-decoration:none; vertical-align:top;} .txtMonPanierMicroCaddie{background:url(images/fleche-link-header.gif) no-repeat 0px 13px; padding:0px 0px 0px 8px; color:#ffffff; font-size:20px; font-weight:bold; text-decoration:none; vertical-align:top;} .qteMicroCaddie{font-size:20px; color:#ffffff; font-weight:bold; text-decoration:none; padding:0px 0px 0px 0px;} .txtMicroCaddie{font-size:10px; color:#ffffff; font-weight:bold; text-decoration:none;} .priceMicroCaddie{font-size:14px; color:#ffffff; font-weight:bold; text-decoration:none;} .sigleMicroCaddie{font-size:14px; color:#ffffff; font-weight:bold; text-decoration:none;} /* HEADER : Style pour le lien mon compte */ a.MyAccount:link, a.MyAccount:visited, a.MyAccount:hover{display:block; background:url(images/fleche-link-header.gif) no-repeat 0px 5px; padding:0px 0px 0px 8px; color:#ffffff; font-size:12px; font-weight:bold; text-decoration:none; margin:10px 0px 0px 0px;} /* HEADER : Style pour l'icone avec le numéro de téléphone */ .NumeroTel{background:url(images/icone-tel-header.png) no-repeat 0px 10px; font-size:15px; font-weight:bold; color:#ffffff; padding:10px 28px 0px 30px; width:110px; float:right;} /* Menu : Style pour le menu */ .Menu{height:44px; background:#ffffff; border-top:1px solid #ffffff;} /* HEADER MENU - Style pour le menu du site */ /* Début menu horizontal */ div#menuh{position:relative; float:left; width:980px; background:#ffffff; color:#ffffff; z-index:1000;} div#menuh ul {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} div#menuh li {float:left; margin:0 0 0 0px; list-style-type:none;} /* Début : Style pour les boutons du 1er niveau */ div#menuh li a.itemHome {display:block; background:url(images/menuh-bg-home.gif) no-repeat left top transparent !important; width:44px; height:44px; margin:0px 1px 0px 0px; font-size:1px; color:#e2ddd7;} div#menuh li a.itemHome:hover{background:url(images/menuh-bg-home.gif) no-repeat left bottom transparent !important; width:44px; height:44px; margin:0px 1px 0px 0px; font-size:1px; color:#e2ddd7;} div#menuh li a.item1 {display:block; background:url(images/menuh-fond.gif) repeat-x left top transparent !important; width:84px; line-height:39px; border-bottom:5px solid #76b82a; margin:0px 1px 0px 0px; color:#736c64; font-size:10px; text-transform:uppercase; text-align:center; font-weight:bold;} div#menuh li a.item1:hover {background:url(images/menuh-fond.gif) repeat-x left bottom transparent !important; width:84px; line-height:39px; border-bottom:5px solid #76b82a; margin:0px 1px 0px 0px; color:#736c64; font-size:10px; text-transform:uppercase; text-align:center; font-weight:bold;} div#menuh li a.item2 {display:block; background:url(images/menuh-fond.gif) repeat-x left top transparent !important; width:84px; line-height:39px; border-bottom:5px solid #c688bb; margin:0px 1px 0px 0px; color:#736c64; font-size:10px; text-transform:uppercase; text-align:center; font-weight:bold;} div#menuh li a.item2:hover {background:url(images/menuh-fond.gif) repeat-x left bottom transparent !important; width:84px; line-height:39px; border-bottom:5px solid #c688bb; margin:0px 1px 0px 0px; color:#736c64; font-size:10px; text-transform:uppercase; text-align:center; font-weight:bold;} div#menuh li a.item3 {display:block; background:url(images/menuh-fond.gif) repeat-x left top transparent !important; width:84px; line-height:39px; border-bottom:5px solid #f39200; margin:0px 1px 0px 0px; color:#736c64; font-size:10px; text-transform:uppercase; text-align:center; font-weight:bold;} div#menuh li a.item3:hover {background:url(images/menuh-fond.gif) repeat-x left bottom transparent !important; width:84px; line-height:39px; border-bottom:5px solid #f39200; margin:0px 1px 0px 0px; color:#736c64; font-size:10px; text-transform:uppercase; text-align:center; font-weight:bold;} div#menuh li a.item4 {display:block; background:url(images/menuh-fond.gif) repeat-x left top transparent !important; width:84px; line-height:39px; border-bottom:5px solid #e73449; margin:0px 1px 0px 0px; color:#736c64; font-size:10px; text-transform:uppercase; text-align:center; font-weight:bold;} div#menuh li a.item4:hover {background:url(images/menuh-fond.gif) repeat-x left bottom transparent !important; width:84px; line-height:39px; border-bottom:5px solid #e73449; margin:0px 1px 0px 0px; color:#736c64; font-size:10px; text-transform:uppercase; text-align:center; font-weight:bold;} div#menuh li a.item5 {display:block; background:url(images/menuh-fond.gif) repeat-x left top transparent !important; width:84px; line-height:39px; border-bottom:5px solid #a265a3; margin:0px 1px 0px 0px; color:#736c64; font-size:10px; text-transform:uppercase; text-align:center; font-weight:bold;} div#menuh li a.item5:hover {background:url(images/menuh-fond.gif) repeat-x left bottom transparent !important; width:84px; line-height:39px; border-bottom:5px solid #a265a3; margin:0px 1px 0px 0px; color:#736c64; font-size:10px; text-transform:uppercase; text-align:center; font-weight:bold;} div#menuh li a.item6 {display:block; background:url(images/menuh-fond.gif) repeat-x left top transparent !important; width:84px; line-height:39px; border-bottom:5px solid #9c784b; margin:0px 1px 0px 0px; color:#736c64; font-size:10px; text-transform:uppercase; text-align:center; font-weight:bold;} div#menuh li a.item6:hover {background:url(images/menuh-fond.gif) repeat-x left bottom transparent !important; width:84px; line-height:39px; border-bottom:5px solid #9c784b; margin:0px 1px 0px 0px; color:#736c64; font-size:10px; text-transform:uppercase; text-align:center; font-weight:bold;} div#menuh li a.item7 {display:block; background:url(images/menuh-fond.gif) repeat-x left top transparent !important; width:85px; line-height:39px; border-bottom:5px solid #ffdd00; margin:0px 1px 0px 0px; color:#736c64; font-size:10px; text-transform:uppercase; text-align:center; font-weight:bold;} div#menuh li a.item7:hover {background:url(images/menuh-fond.gif) repeat-x left bottom transparent !important; width:85px; line-height:39px; border-bottom:5px solid #ffdd00; margin:0px 1px 0px 0px; color:#736c64; font-size:10px; text-transform:uppercase; text-align:center; font-weight:bold;} div#menuh li a.item8 {display:block; background:url(images/menuh-fond.gif) repeat-x left top transparent !important; width:84px; line-height:39px; border-bottom:5px solid #5bc6f2; margin:0px 1px 0px 0px; color:#736c64; font-size:10px; text-transform:uppercase; text-align:center; font-weight:bold;} div#menuh li a.item8:hover {background:url(images/menuh-fond.gif) repeat-x left bottom transparent !important; width:84px; line-height:39px; border-bottom:5px solid #5bc6f2; margin:0px 1px 0px 0px; color:#736c64; font-size:10px; text-transform:uppercase; text-align:center; font-weight:bold;} div#menuh li a.item9 {display:block; background:url(images/menuh-fond.gif) repeat-x left top transparent !important; width:84px; line-height:39px; border-bottom:5px solid #eb6900; margin:0px 1px 0px 0px; color:#736c64; font-size:10px; text-transform:uppercase; text-align:center; font-weight:bold;} div#menuh li a.item9:hover {background:url(images/menuh-fond.gif) repeat-x left bottom transparent !important; width:84px; line-height:39px; border-bottom:5px solid #eb6900; margin:0px 1px 0px 0px; color:#736c64; font-size:10px; text-transform:uppercase; text-align:center; font-weight:bold;} div#menuh li a.item10 {display:block; background:url(images/menuh-fond.gif) repeat-x left top transparent !important; width:84px; line-height:39px; border-bottom:5px solid #bccf00; margin:0px 1px 0px 0px; color:#736c64; font-size:10px; text-transform:uppercase; text-align:center; font-weight:bold;} div#menuh li a.item10:hover {background:url(images/menuh-fond.gif) repeat-x left bottom transparent !important; width:84px; line-height:39px; border-bottom:5px solid #bccf00; margin:0px 1px 0px 0px; color:#736c64; font-size:10px; text-transform:uppercase; text-align:center; font-weight:bold;} div#menuh li a.item11 {display:block; background:url(images/menuh-fond.gif) repeat-x left top transparent !important; width:84px; line-height:39px; border-bottom:5px solid #f6b5d3; color:#736c64; font-size:10px; text-transform:uppercase; text-align:center; font-weight:bold;} div#menuh li a.item11:hover {background:url(images/menuh-fond.gif) repeat-x left bottom transparent !important; width:84px; line-height:39px; border-bottom:5px solid #f6b5d3; color:#736c64; font-size:10px; text-transform:uppercase; text-align:center; font-weight:bold;} /* Style pour les boutons actifs du 1er niveau */ div#menuh li:hover a.item1, div#menuh li:hover a.item2, div#menuh li:hover a.item3, div#menuh li:hover a.item4, div#menuh li:hover a.item5, div#menuh li:hover a.item6, div#menuh li:hover a.item7, div#menuh li:hover a.item8, div#menuh li:hover a.item9, div#menuh li:hover a.item10, div#menuh li:hover a.item11{background:url(images/menuh-fond.gif) repeat-x left bottom transparent !important;} /* Fin : Style pour les boutons du 1er niveau */ div#menuh a {display:block; padding:0px 0px 0px 0px; text-decoration:none; color:#ffffff;} div#menuh a:hover {color:#ffffff;} /* Fin menu horizontal */ /* Début div qui s'ouvre */ div#menuh ul li div {display:none;} div#menuh ul li:hover div.bg1 {display:block; margin:0; z-index:1000; position:absolute; width:980px; min-height:260px; left:0px; background:url(images/menuh-bg1.gif) repeat-x left bottom #76b82a;} div#menuh ul li:hover div.bg2 {display:block; margin:0; z-index:1000; position:absolute; width:980px; min-height:260px; left:0px; background:url(images/menuh-bg2.gif) repeat-x left bottom #c688bb;} div#menuh ul li:hover div.bg3 {display:block; margin:0; z-index:1000; position:absolute; width:980px; min-height:260px; left:0px; background:url(images/menuh-bg3.gif) repeat-x left bottom #f39200;} div#menuh ul li:hover div.bg4 {display:block; margin:0; z-index:1000; position:absolute; width:980px; min-height:260px; left:0px; background:url(images/menuh-bg4.gif) repeat-x left bottom #e73449;} div#menuh ul li:hover div.bg5 {display:block; margin:0; z-index:1000; position:absolute; width:980px; min-height:260px; left:0px; background:url(images/menuh-bg5.gif) repeat-x left bottom #a265a3;} div#menuh ul li:hover div.bg6 {display:block; margin:0; z-index:1000; position:absolute; width:980px; min-height:260px; left:0px; background:url(images/menuh-bg6.gif) repeat-x left bottom #9c784b;} div#menuh ul li:hover div.bg7 {display:block; margin:0; z-index:1000; position:absolute; width:980px; min-height:260px; left:0px; background:url(images/menuh-bg7.gif) repeat-x left bottom #ffdd00;} div#menuh ul li:hover div.bg8 {display:block; margin:0; z-index:1000; position:absolute; width:980px; min-height:260px; left:0px; background:url(images/menuh-bg8.gif) repeat-x left bottom #5bc6f2;} div#menuh ul li:hover div.bg9 {display:block; margin:0; z-index:1000; position:absolute; width:980px; min-height:260px; left:0px; background:url(images/menuh-bg9.gif) repeat-x left bottom #eb6900;} div#menuh ul li:hover div.bg10 {display:block; margin:0; z-index:1000; position:absolute; width:980px; min-height:260px; left:0px; background:url(images/menuh-bg10.gif) repeat-x left bottom #bccf00;} div#menuh ul li:hover div.bg11 {display:block; margin:0; z-index:1000; position:absolute; width:980px; min-height:260px; left:0px; background:url(images/menuh-bg11.gif) repeat-x left bottom #f6b5d3;} /* Style pour le tableau */ .MenuHautColRight{width:100%; padding:10px 0px 0px 0px; vertical-align:top;} .MenuHautColLeft{padding:10px 0px 10px 10px;} .MenuHautColLeft img{padding:0px 0px 0px 0px;} .MenuHautTitleCategorie{background:url(images/menuh-bg-title-cat.gif) repeat-x left top; line-height:49px; font-size:18px; color:#151a1d; text-transform:uppercase; text-align:right; padding:0px 25px 0px 0px;} /* Style pour les sous menu du menu haut */ div#menuh ul li div ul.SousMenuHaut {position:relative; margin:0px -1px 0px 0px; padding:0px 13px 0px 10px; width:144px; float:left; background:url(images/menuh-separation.png) repeat-y left top;} div#menuh ul li div ul.SousMenuHaut:first-child{background:none;} div#menuh ul li div ul.SousMenuHaut li {float:left; margin:0 0 0 0px; list-style-type:none; width:144px;} div#menuh ul li div ul.SousMenuHaut li a {font-size:12px; font-weight:bold; color:#000000; display:block; padding:5px 10px 5px 10px;} div#menuh ul li div ul.SousMenuHaut li a:hover {color:#444444;} div#menuh ul li div ul.SousMenuHaut li ul{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:144px;} div#menuh ul li div ul.SousMenuHaut li ul li{float:left; margin:0 0 0 10px; list-style-type:none; width:144px;} div#menuh ul li div ul.SousMenuHaut li ul li a {font-size:11px; background:url(images/menuh-fleche.gif) no-repeat left 10px; font-weight:normal; text-transform:none; color:#000000; display:block; padding:5px 10px 5px 10px;} div#menuh ul li div ul.SousMenuHaut li ul li a:hover {font-size:11px; color:#444444;} /* CONTENT LEFT : Style pour la colone de gauche */ .ContentLeft{vertical-align:top; width:184px; border-top:1px solid #ffffff; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; background:#edebe5;} /* CONTENT LEFT : Recherche */ .SearchBox{padding:0px 0px 0px 0px; background:#ded8d2; height:46px; border-bottom:1px solid #ffffff;} .SearchBox form{padding:9px 0px 0px 9px; margin:0px 0px 0px 0px;} .InputSearch{float:left; background:#ffffff; width:133px; height:28px; margin:0 0 5px 0; padding:0;} .InputSearch input{padding:0; margin:7px 0px 0px 10px; width:120px; border:none 0; background:transparent; color:#79736a; font-size:11px; font-style:normal;} .SubmitSearch{float:left; background:url(images/submit-search.gif) no-repeat 0 0; margin:0px 0px 0px 4px; padding:0; width:28px; height:28px; cursor:pointer;} .SubmitSearch:hover{background-position:left bottom;} .SubmitSearch input{cursor:pointer; border:none; background:transparent; width:28px; height:28px; cursor:pointer; font-size:0px; display:block; line-height:0; color:#b4aaa1;} /* CONTENT LEFT : Style pour la box contact de la colone de gauche */ a.BoxLeftContact:link, a.BoxLeftContact:visited, a.BoxLeftContact:hover{display:block; background:url(images/background-contact-left.gif) no-repeat left top; width:184px; height:86px; text-decoration:none; border-bottom:1px solid #ffffff;} .BoxLeftContactTxtQuestion{display:block; color:#9f948a; font-size:13px; text-transform:uppercase; padding:20px 0px 0px 59px;} .BoxLeftContactTxtContact{display:block; color:#9f948a; font-size:12px; padding:0px 0px 0px 59px;} .BoxLeftContactTxtTel{display:block; color:#e73449; font-size:14px; font-weight:bold; padding:0px 0px 0px 59px;} /* CONTENT LEFT : Style pour la box paiement de la colone de gauche */ a.BoxLeftPaiement:link, a.BoxLeftPaiement:visited, a.BoxLeftPaiement:hover{display:block; background:url(images/background-paiement-left.gif) no-repeat left top; width:184px; height:86px; text-decoration:none; border-bottom:1px solid #ffffff;} .BoxLeftPaiementTxtPaiement{display:block; color:#e73449; font-size:14px; text-transform:uppercase; padding:10px 0px 0px 59px;} /* CONTENT LEFT : Style pour la box frais de port de la colone de gauche */ a.BoxLeftFraisPort:link, a.BoxLeftFraisPort:visited, a.BoxLeftFraisPort:hover{display:block; background:url(images/background-frais-port-left.gif) no-repeat left top; width:184px; height:115px; text-decoration:none; border-bottom:1px solid #ffffff;} .BoxLeftFraisPortTxtFraisPort{display:block; color:#e73449; font-size:14px; text-transform:uppercase; padding:18px 0px 0px 13px;} .BoxLeftFraisPortTxtFrance{display:block; color:#9f948a; font-size:11px; padding:10px 0px 0px 59px;} .BoxLeftFraisPortTxtFrance span{font-weight:bold;} .BoxLeftFraisPortTxtOffert{display:block; color:#e73449; font-size:11px; font-weight:bold; padding:0px 0px 0px 59px;} /* CONTENT LEFT : Style pour la box satisfait de la colone de gauche */ a.BoxLeftSatisfait:link, a.BoxLeftSatisfait:visited, a.BoxLeftSatisfait:hover{display:block; background:url(images/background-satisfait-left.gif) no-repeat left top; width:184px; height:66px; text-decoration:none; border-bottom:1px solid #ffffff;} .BoxLeftSatisfaitTxt{display:block; color:#e73449; font-size:14px; text-transform:uppercase; padding:18px 0px 0px 59px;} /* CONTENT LEFT : Style pour la box kdo de la colone de gauche */ a.BoxLeftKdo:link, a.BoxLeftKdo:visited, a.BoxLeftKdo:hover{display:block; background:url(images/background-kdo-left.gif) no-repeat left top; width:184px; height:82px; text-decoration:none; border-bottom:1px solid #ffffff;} .BoxLeftKdoTxt{display:block; color:#e73449; font-size:14px; text-transform:uppercase; padding:18px 0px 0px 59px;} /* CONTENT LEFT : Style pour la box promo de la colone de gauche */ a.BoxLeftPromo:link, a.BoxLeftPromo:visited, a.BoxLeftPromo:hover{display:block; background:url(images/background-promo-left.gif) no-repeat left top; width:184px; height:82px; text-decoration:none; border-bottom:1px solid #ffffff;} .BoxLeftPromoTxtAffaires{display:block; color:#9f948a; font-size:18px; text-transform:uppercase; text-align:center; padding:12px 0px 0px 0px;} .BoxLeftPromoTxtPromo{display:block; color:#e73449; font-size:11px; padding:4px 0px 0px 42px;} /* CONTENT LEFT : Style pour la box réseaux sociaux de la colone de gauche */ .BoxLeftRS{padding:14px 0px 14px 0px; border-bottom:1px solid #ffffff;} a.LinkBoxLeftFacebook:link, a.LinkBoxLeftFacebook:visited, a.LinkBoxLeftFacebook:hover{display:block; float:left; background:url(images/link-box-left-facebook.gif) no-repeat left top; width:37px; height:42px; text-decoration:none;} a.LinkBoxLeftTwitter:link, a.LinkBoxLeftTwitter:visited, a.LinkBoxLeftTwitter:hover{display:block; float:left; background:url(images/link-box-left-twitter.gif) no-repeat left top; width:42px; height:42px; text-decoration:none;} .BoxLeftRSTxt{color:#9f948a; font-size:11px; padding:0px 0px 0px 10px; float:left; width:80px;} .BoxLeftRSTxt a, .BoxLeftRSTxt a:hover{color:#9f948a; font-size:12px; font-weight:bold; text-decoration:none;} /* CONTENT LEFT : Menu gauche */ /* NAVIGATION PRODUIT MENU - Style pour le menu dans l'affichage des produits */ #MenuGauche {margin:0px 0px 0px 0px; width:184px; overflow: hidden; z-index:10; border-bottom:1px solid #ffffff;} #MenuGauche ul {margin:0; padding:0; list-style-type:none; text-align:left;} #MenuGauche li {float:left; clear:both; margin: 0 0 0 0; padding: 0 0 0 0; color:#000000; font-weight:normal; text-transform:uppercase; width:174px;} #MenuGauche li a {display:block; color:#736c64; text-decoration:none; padding:20px 10px 10px 12px; font-size:14px; font-weight:bold;} #MenuGauche li a:hover {color:#726655; font-weight:normal; text-transform:uppercase; font-weight:bold;} /* Affichage des sous catégories */ #MenuGauche ul li ul {display:block;} #MenuGauche li ul {position:relative; left:auto; text-align:left; clear:both; padding:0px 0px 10px 10px; overflow: hidden; z-index:10;} #MenuGauche ul li ul li {padding:0; margin:0; z-index:10;} #MenuGauche ul li a {color:#736c64; font-size:12px; background:url(images/puce-menugauche.gif) no-repeat 2px 10px; display:block; font-weight:normal; text-transform:none; text-decoration:none; padding:5px 0px 5px 10px; width:154px;} #MenuGauche ul li a:hover{color:#E73449; font-size:12px; background:url(images/puce-menugauche.gif) no-repeat 2px 10px; display:block; font-weight:normal; text-transform:none; text-decoration:none; padding:5px 0px 5px 10px; width:154px;} #MenuGauche ul li.active a{color:#e73449; font-size:12px; background:url(images/puce-menugauche.gif) no-repeat 2px 10px; display:block; font-weight:normal; text-transform:none; text-decoration:none; padding:5px 0px 5px 10px; width:154px;} #MenuGauche ul li ul li.active {color:#e73449; font-size:12px; display:block; font-weight:normal; text-transform:none; text-decoration:none; width:154px;} #MenuGauche ul li ul li.active a {color:#e73449; z-index:10;} #MenuGauche ul.niveau1 li.sousmenu:hover ul.niveau2, #MenuGauche ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;} #MenuGauche ul.niveau2 li.sousmenu{background:none; padding:0px 0px 0px 0px; width:154px;} #MenuGauche ul.niveau2 li.sousmenu a{background:none; color:#a69f96; padding:2px 0px 2px 0px; width:154px; font-size:11px;} #MenuGauche ul.niveau2 li.sousmenu a:hover, #MenuGauche ul.niveau2 li.active a{background:none; color:#e73449; padding:2px 0px 2px 0px; width:154px; font-size:11px;} /* CONTENT : Style pour la colone du centre */ .Content{vertical-align:top; width:100%; /*width:795px;*/ border-bottom:1px solid #ffffff; background:#ffffff;} .ContentAvecFond{vertical-align:top; width:100%; /*width:795px;*/ border-bottom:1px solid #ffffff; background:#ffffff; padding:30px 33px 25px 33px} /* DEFAULT : Easy Slider */ #slider{position:relative; margin:0px auto 0px auto; width:980px; height:259px; border-top:1px solid #ffffff;} #slider img{border:none;} #slider ul, #slider li{margin:0px 0px 0px 0px; padding:0; list-style:none;} #slider li{position:relative; width:980px; height:259px; overflow:hidden;} /* numeric controls */ ol#controls{margin:-25px 10px 0 0; padding:0; height:9px; float:right; position:relative; overflow:hidden;} ol#controls li{margin:0 0px 0 0; padding:0; float:left; list-style:none; height:9px; line-height:9px;} ol#controls li a{float:left; height:9px; line-height:15px; border:none; background:url(images/slider-num.gif) no-repeat left top; color:#a59167; padding:0 5px 0px 11px; font-size:14px; text-indent:-9999px; text-decoration:none;} ol#controls li.current a{background:url(images/slider-num-current.gif) no-repeat left top; color:#000000;} ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;} /* // Easy Slider */ /* FOOTER : Style pour le fond du footer */ .FondFooter{background:#d1cac3;} /* FOOTER : style pour le container Newsletter et les liens facebook et twitter*/ .ContainerNewsletterReseaux{width:980px; height:57px; background:#b4aba2;} /* FOOTER : style pour l'encart Newsletter */ .EncartNewsletter{float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} .TxtNewsletter{float:left; padding:0px 0px 0px 15px; margin:18px 0px 0px 20px; background:url(images/title-newsletter.png) no-repeat left top; width:423px; height:22px;} .InputNewsletter{float:left; background:#d2cdc7; width:205px; height:31px; margin:14px 0px 0px 0px;} .InputNewsletter input{margin:7px 0 0 7px; border:none 0; background:transparent; color:#ffffff; font-size:11px; width:190px;} .SubmitNewsletter{float:left; background:url(images/submit-newsletter.gif) no-repeat 0 0; margin:14px 0px 0px 2px; width:32px; height:31px;} .SubmitNewsletter:hover{background-position:left bottom;} .SubmitNewsletter input{border:none 0; background:transparent; width:32px; height:31px; cursor:pointer; font-size:0px; display:block; line-height:0; color:#ffffff;} /* FOOTER : style pour les liens facebook et twitter */ .ContainerReseauxSociaux{float:right; line-height:57px;} .txtReseauxSociaux{float:left; font-size:11px; text-transform:uppercase; color:#ffffff;} a.LinkFacebook:link, a.LinkFacebook:visited, a.LinkFacebook:hover{display:block; float:left; background:url(images/icone-facebook.png) no-repeat left top; width:26px; height:26px; text-decoration:none; margin:16px 8px 0px 8px;} a.LinkTwitter:link, a.LinkTwitter:visited, a.LinkTwitter:hover{display:block; float:left; background:url(images/icone-twitter.png) no-repeat left top; width:26px; height:26px; text-decoration:none; margin:15px 15px 0px 0px;} /* FOOTER : style pour les blocs du footer */ .ContainerBlocFooter{width:980px; height:86px; margin:1px 0px 0px 0px;} a.BlocPaiementFooter:link, a.BlocPaiementFooter:visited, a.BlocPaiementFooter:hover{display:block; float:left; background:url(images/background-paiement-footer.gif) no-repeat left top; font-size:15px; font-weight:bold; color:#9f948a; width:204px; height:66px; text-decoration:none; padding:20px 0px 0px 57px; margin:0px 1px 0px 0px;} a.BlocLivraisonFooter:link, a.BlocLivraisonFooter:visited, a.BlocLivraisonFooter:hover{display:block; float:left; background:url(images/background-livraison-footer.gif) no-repeat left top; font-size:14px; font-weight:bold; color:#9f948a; width:185px; height:66px; text-decoration:none; padding:20px 0px 0px 73px; margin:0px 1px 0px 0px;} .BlocLivraisonFooter span{font-weight:normal; display:block;} a.BlocSatisfaitFooter:link, a.BlocSatisfaitFooter:visited, a.BlocSatisfaitFooter:hover{display:block; float:left; background:url(images/background-satisfait-footer.gif) no-repeat left top; font-size:15px; font-weight:bold; color:#9f948a; width:184px; height:66px; text-decoration:none; padding:20px 0px 0px 65px; margin:0px 1px 0px 0px;} .BlocSatisfaitFooter span{font-size:12px; font-weight:normal; display:block;} a.BlocContactFooter:link, a.BlocContactFooter:visited, a.BlocContactFooter:hover{display:block; float:left; background:url(images/background-contact-footer.gif) no-repeat left top; font-size:15px; font-weight:bold; color:#9f948a; width:137px; height:66px; text-decoration:none; padding:20px 0px 0px 72px; margin:0px 0px 0px 0px;} .BlocContactFooter span{font-size:13px; font-weight:normal; display:block;} /* FOOTER : Menu du footer */ .ContainerMenuCatalogueFooter{padding:25px 0px 15px 0px; border-bottom:1px solid #b1a89e;} .listesFooter{float:left; color:#8e857c; font-size:12px;} .listesFooter a:hover{text-decoration:none !important;} .itemListfooter{float:left; width:145px; margin:0 55px 0px 0px;} /*.last-item-listfooter{float:left;margin:0 0px 0 0px;}*/ .itemListfooter h5{color:#8e857c; font-weight:bold; font-size:12px; padding:0px 0 3px 0; margin:0px 0px 0px 0px; text-transform:none;} ul.listLinkfooter{list-style:none inside;padding:0px 0 3px 0px !important;margin:0;} ul.listLinkfooter li.itemLinkfooter{padding:2px 0px 2px 0px !important;margin:0px !important;text-indent:0;float:left; clear:both;} ul.listLinkfooter li.last{background:none !important;} ul.listLinkfooter li.itemLinkfooter a{display:block; background:url(images/fleche-menu-footer.gif) no-repeat left center; text-decoration:none; color:#8e857c; font-size:11px; margin:0; padding:0 0 0 10px;} ul.listLinkfooter li.itemLinkfooter a:hover{display:block; text-decoration:none; color:#ffffff; font-size:11px; margin:0; padding:0 0 0 10px;} /* FOOTER : Catalogue du footer */ .CatalogueTitle{color:#8e857c; font-weight:bold; font-size:12px; padding:0px 0 3px 0; margin:0px 0px 0px 0px; text-transform:none;} .CataloguePosition{padding:0px 0px 0px 0px; vertical-align:top;} .CatalogueEncart{float:left;} h1.CatalogueTitreCat, h1.CatalogueTitreCat a:link, h1.CatalogueTitreCat a:visited, h1.CatalogueTitreCat a:hover{margin:0px; padding:0px 0px 0px 0px; font-size:11px; font-weight:normal; color:#9b938a; text-transform:none; font-family:Arial, Helvetica, sans-serif; text-decoration:none;} h1.CatalogueTitreCat a:hover{margin:0px; padding:0px 0px 0px 0px; font-size:11px; font-weight:normal; color:#ffffff; text-transform:none; font-family:Arial, Helvetica, sans-serif; text-decoration:none;} /* FOOTER : Logo paiement */ .LogoPaiementsFooter{background:url(images/logo-paiement-footer.png) no-repeat left top; width:356px; height:42px;} /* FOOTER : Style l'article du footer */ .ArticleFooter{padding:25px 0px 25px 0px; border-bottom:1px solid #b1a89e; color:#8e857c; font-size:11px; line-height:16px; text-align:justify;} /* FOOTER : Style pour le container des Copyright */ .CopyrightContainer{padding:20px 0px 40px 0px;} /* FOOTER : Copyright Client */ .CopyrightClient{float:left; color:#8e857c; font-size:11px; padding:4px 0px 0px 0px;} /* FOOTER : Copyright Cybershop */ .CopyrightCyberShop{float:right; position:relative; padding:0px 0px 0px 0px; font-size:10px; color:#978e85;} a.copyright:link, a.copyright:visited {color:#978e85; font-size:10px; text-decoration:none;} a.copyright:hover{ color:#978e85; font-size:10px; text-decoration:underline;} /* DEFAULT : titre et lien des promos, news et front page de l'accueil */ .LineDefault{background:url(images/bg-line-default-prod.gif) repeat-x left top; margin:1px 0px 0px 0px; height:46px; width:100%;} .TitleNewDefault{float:left; background:url(images/title-nouveaute.gif) no-repeat left bottom; width:147px; height:46px; margin:0px 0px 0px 18px;} .TitleSelectionDefault{float:left; background:url(images/title-selection.gif) no-repeat left bottom; width:199px; height:46px; margin:0px 0px 0px 18px;} .TitleBestSellDefault{float:left; background:url(images/title-bestsell.gif) no-repeat left bottom; width:135px; height:46px; margin:0px 0px 0px 18px;} a.LinkDefault:link, a.LinkDefault:visited{display:block; float:right; line-height:46px; color:#786f66; font-size:11px; padding:0px 15px 0px 0px; text-decoration:none;} a.LinkDefault:hover{display:block; float:right; line-height:46px; color:#58524b; font-size:11px; padding:0px 15px 0px 0px; text-decoration:none;} /* DEFAULT : Table qui affiche les produits de l'accueil - shop$sqlsubs.asp */ .TableProdDefault{margin:0px 0px 0px -1px;} /* TEMPLATE EN AVANT - Style pour les encarts Nouveauté, Promotion, TopTen, FrontPage, CrossSelling - Templates enavant */ .FrontPageWidth, .NewWidth, .BestSellerWidth, .PromoWidth, .CrossSellingWidth{width:198px; text-align:left; background:#edebe5; border-top:1px solid #ffffff; border-left:1px solid #ffffff;} .FrontPageVignette img, .NewVignette img, .BestSellerVignette img, .PromoVignette img, .CrossSellingVignette img{width:198px; height:198px;} .FrontPageContainerInfos, .NewContainerInfos, .BestSellerContainerInfos, .PromoContainerInfos, .CrossSellingContainerInfos{margin:0px 12px 0px 12px; padding:10px 0px 15px 0px; text-align:center;} .FrontPageName a:link, .FrontPageName a:visited, .NewName a:link, .NewName a:visited, .BestSellerName a:link, .BestSellerName a:visited, .PromoName a:link, .PromoName a:visited, .CrossSellingName a:link, .CrossSellingName a:visited{color:#000000; font-size:11px; font-weight:normal; text-decoration:none; line-height:14px; height:45px; display:block;} .FrontPageName a:hover, .NewName a:hover, .BestSellerName a:hover, .PromoName a:hover, .CrossSellingName a:hover{color:#786F66; font-size:11px; font-weight:normal; text-decoration:none; line-height:14px; height:45px; display:block;} .FrontPagePrice, .NewPrice, .BestSellerPrice, .PromoPrice, .CrossSellingPrice{color:#e73449; font-size:12px; font-weight:bold; padding:0px 0px 0px 0px;} .PromoRetailPrice{color:#000000; margin:0px 5px 0px 0px; font-size:11px; font-weight:normal; text-decoration:line-through;} /* TAGS - Style pour le tag PROMO, NEW, BEST */ .ContainerTag{position:relative; z-index:800;} .TagNew{position:absolute; float:left; top:0px; left:0px; z-index:100; width:72px; height:72px;} .TagPromo{position:absolute; float:left; top:0px; left:0px; z-index:100; background:url(images/tag-promo.png) no-repeat left top; width:72px; height:72px;} .TagBest{position:absolute; float:left; top:0px; left:0px; z-index:100; width:72px; height:72px;} /* LISTING PRODUIT - Style pour le template modele_normal_vignette.htm */ .NormalVignetteWidth{width:198px; text-align:left; background:#edebe5; border-top:1px solid #ffffff; border-left:1px solid #ffffff;} .NormalVignetteVignette img{width:198px; height:198px;} .NormalContainerInfos{margin:0px 12px 0px 12px; padding:10px 0px 15px 0px; text-align:center;} .NormalVignetteName a:link, .NormalVignetteName a:visited{color:#000000; font-size:11px; font-weight:normal; text-decoration:none; line-height:14px; height:45px; display:block;} .NormalVignetteName a:hover{color:#786F66; font-size:11px; font-weight:normal; text-decoration:none; line-height:14px; height:45px; display:block;} .NormalVignettePrice{color:#e73449; font-size:12px; font-weight:bold; padding:0px 0px 0px 0px;} .NormalRetailPrice{color:#000000; margin:0px 5px 0px 0px; font-size:11px; font-weight:normal; text-decoration:line-through;} /* LISTING PRODUIT - Style pour le tableau qui permet l'affichage du produit dans le listing produit */ .TableListingProd{margin:0px 0px 0px -1px;} /* LISTING PRODUIT - Style pour l'affichage des catégories dans le listing produit */ .TableCatListingProd{border-top:1px solid #ffffff;} h1.TitleCatListingProd{margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; font-weight:bold; color:#736c64; font-size:16px; text-transform:uppercase;} .MemoCatListingProd{vertical-align:middle; padding:0px 30px 0px 30px; color:#736c64; font-size:12px; line-height:18px; background:#edebe5;} /* LISTING PRODUIT - Style pour les produits et la mise en forme du filtre des produits et des pages dans shopdisplayproducts.asp */ .TableNavigation {border-top:1px solid #ffffff; background:#ded8d2; width:100%;} .ColNavigation {padding:16px 0px 16px 25px;} .PageNavigation {color:#736c64; font-size:11px; text-align:right; padding:0px 25px 0px 0px;} /* LISTING PRODUIT - Style pour la barre de navigation dans shopproductsubs.asp */ .LinksNavigation {color:#736c64; font-size:11px; font-weight:normal; vertical-align:middle;} .LinksNavigation a:link {color:#736c64; font-size:11px; font-weight:normal; text-decoration:none;} .LinksNavigation a:visited {color:#736c64; font-size:11px; font-weight:normal; text-decoration:none;} .LinksNavigation a:hover {color:#736c64; font-size:11px; font-weight:normal; text-decoration:underline;} /* PAGINATION - Style pour la pagination */ .ContainerPagination{height:46px; background:#ded8d2; border-top:1px solid #ffffff;} .NumPageTable{margin:12px auto 0px auto;} .NumPageOff{font-size:13px; font-weight:bold; color:#9f948a; text-align:center; padding:0px 5px 0px 5px; cursor:pointer; line-height:21px;} .NumPageOn{font-size:13px; font-weight:bold; color:#736C64; text-align:center; padding:0px 5px 0px 5px; cursor:pointer; line-height:21px;} .NumPageActive{font-size:13px; font-weight:bold; color:#e73449; text-align:center; padding:0px 5px 0px 5px; cursor:pointer; line-height:21px;} .ButtonPageOn{font-size:13px; font-weight:bold; color:#151a1d; padding:0px 5px 0px 5px; cursor:pointer; line-height:21px;} .ButtonPageOff{font-size:13px; font-weight:bold; color:#9f948a; padding:0px 5px 0px 5px; cursor:pointer; line-height:21px;} .ButtonPageOn{font-size:13px; font-weight:bold; color:#151a1d; padding:0px 5px 0px 5px; cursor:pointer; line-height:21px;} .ButtonPageOff{font-size:13px; font-weight:bold; color:#9f948a; padding:0px 5px 0px 5px; cursor:pointer; line-height:21px;} .NumPageOff a:link, .NumPageOff a:visited, .NumPageOff a:hover, .ButtonPageOff a:link, .ButtonPageOff a:visited, .ButtonPageOff a:hover, .ButtonPageOff a:link, .ButtonPageOff a:visited, .ButtonPageOff a:hover{color:#9f948a; font-size:13px; text-decoration:none;} .NumPageOn a:link, .NumPageOn a:visited, .NumPageOn a:hover, .ButtonPageOn a:link, .ButtonPageOn a:visited, .ButtonPageOn a:hover, .ButtonPageOn a:link, .ButtonPageOn a:visited, .ButtonPageOn a:hover{color:#736C64; font-size:13px; text-decoration:none;} /* Style pour les crochets de la pagination - shop&paging.asp */ .PageNavBar {color:#9f948a; font-weight:bold;} /* FICHE PRODUIT - Style pour les template etendue de la fiche produit */ /* Style pour l'image de la fiche prod */ .ExtendedImageFicheProd{width:400px; height:400px;} /* Style pour le multi-image */ ul.imglist{margin:1px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} .imglist li{display:inline; list-style-type:none; padding:0px 0px 0px 0px;} .imglist li img{margin:0px 1px 0px 0px; background:#ffffff; width:79px; height:79px;} /* Style pour la table générale de la fiche produit */ .TableGeneraleFicheProd{border-top:1px solid #ffffff;} .ColZoomFicheProd{vertical-align:top;} /* Style pour la colone de droite de la fiche produit */ .ColInfosFicheProd{width:100%; vertical-align:top; padding:15px 35px 0px 35px;} /* Style pour le titre du produit */ h1.TitleFicheProd{margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; font-weight:normal; color:#e73449; font-size:22px; text-transform:none;} /* Style pour la référence du produit */ .ReferenceFicheProd{color:#736c64; font-size:11px;} /* Style pour la marque du produit */ .MarqueFicheProd{color:#736c64; font-size:11px; padding:2px 0px 0px 0px;} /* Style pour la description courte du produit */ .DescriptionCourteFicheProd{margin:10px 0px 0px 0px; font-size:11px; color:#736c64; line-height:16px; text-align:justify;} /* Style pour le prix et le prix barré du produit */ .PriceFicheProd{color:#e73449; font-size:24px; font-weight:normal; padding:15px 0px 15px 0px;} .RetailPriceFicheProd{color:#000000; margin:0px 20px 0px 0px; font-size:16px; font-weight:normal; text-decoration:line-through;} /* style pour les options de commandes - shopproductfeaturesgenerates.asp */ /* GenerateDropDownList style pour les options de commandes avec un menu déroulant */ .GenerateDropDownList{margin-bottom:8px;} .GenerateDropDownList td{padding:2px; color:#736c64; font-weight:normal; font-size:11px;} /* GenerateButton style pour les options de commandes avec un bouton radio ou une checkbox */ .GenerateButton {border: 1px solid #E7E7E7; border-collapse:collapse; margin-bottom:5px; width:100%;} .GenerateButton td {padding:2px; color:#736c64; font-size:11px;} .GenerateButtonTxt{color:#736c64; font-weight:normal;} .GenerateButtonBorder {border:1px dotted #E7E7E7;} /* Style pour le texte des Option de commande Montant libre et Option de commande Texte libre */ .GenerateFeaturesTxt {color:#736c64;} /* Style pour les options de commande avec le bouton commander */ .GenerateOrderButton {border: 1px solid #E7E7E7; text-align:center; border-collapse:collapse; margin-bottom:5px; width:100%;} .GenerateOrderButton td{padding:2px; border:1px dotted #E7E7E7; text-align:center; color:#736c64; font-weight:normal; font-size:11px;} .GenerateOrderButtonTr {background:#f9f9f9;} /* Style pour la quantité, le champ input et le bouton commander de la fiche produit */ .QteFicheProd{float:left; line-height:28px; color:#736c64; font-size:11px;} .CusttxtfieldFicheProd {float:left; background:#ffffff none repeat scroll 0 0; border:1px solid #e7e5e5; outline:0; color:#666666; margin:0; text-align:center; padding:5px 5px 5px 5px;} .CustsubmitbtnFicheProd, .CustsubmitbtnFicheProd:focus{float:left; color:#ffffff; font:bold 12px Arial, Helvetica, sans-serif; background:url(images/fond-btn-cde.gif) repeat-x left top; border:none; cursor:pointer; padding:5px 25px 5px 25px; outline:0; margin:0px 0px 0px 5px; height:28px; overflow:visible;} .CustsubmitbtnFicheProd:hover {float:left; color:#ffffff; font:bold 12px Arial, Helvetica, sans-serif; background:url(images/fond-btn-cde.gif) repeat-x left bottom; border:none; cursor:pointer; padding:5px 25px 5px 25px; outline:0; margin:0px 0px 0px 5px; height:28px; overflow:visible;} /* Style pour les icônes de stock du produit */ .ContainerStock{margin:15px 0px 0px 0px;} .IconStockRed{background:url(icons/icon_stock_red.png) no-repeat left center; padding:0px 0px 0px 20px; color:#d64411; font-size:12px; font-weight:bold; line-height:17px;} .IconStockYellow{background:url(icons/icon_stock_yellow.png) no-repeat left center; padding:0px 0px 0px 20px; color:#d68e0e; font-size:12px; font-weight:bold; line-height:17px;} .IconStockGreen{background:url(icons/icon_stock_green.png) no-repeat left center; padding:0px 0px 0px 20px; color:#95bf3e; font-size:12px; font-weight:bold; line-height:17px;} /* Style pour l'expédition dans le champ pother1 de la fiche produit */ .ExpeditionFicheProd{color:#736c64; font-size:11px; font-weight:bold; margin:10px 0px 0px 0px;} /* Style pour les liens de la fiche produit */ .ContainerLinksFicheProd{border-top:1px solid #edebe5; margin:10px 0px 0px 0px;} a.NotifyMe:link, a.NotifyMe:visited{background:url(icons/icon-NotifyMe.png) no-repeat left center; padding:0px 0px 0px 25px; color:#736c64; font-size:11px; font-weight:normal; text-decoration:none; display:block; float:left; clear:both; margin:10px 0px 10px 0px;} a.NotifyMe:hover{background:url(icons/icon-NotifyMe.png) no-repeat left center; padding:0px 0px 0px 25px; color:#e73449; font-size:11px; font-weight:normal; text-decoration:none; display:block; float:left; clear:both; margin:10px 0px 10px 0px;} a.TellAfriend:link, a.TellAfriend:visited{background:url(icons/icon-TellAfriend.png) no-repeat left center; padding:0px 0px 0px 25px; color:#736c64; font-size:11px; font-weight:normal; text-decoration:none; display:block;clear:both; margin:0px 0px 10px 0px;} a.TellAfriend:hover{background:url(icons/icon-TellAfriend.png) no-repeat left center; padding:0px 0px 0px 25px; color:#e73449; font-size:11px; font-weight:normal; text-decoration:none; display:block; clear:both; margin:0px 0px 10px 0px;} a.TellAfriendPoints:link, a.TellAfriendPoints:visited{background:url(icons/icon-TellAfriendPoints.png) no-repeat left center; padding:0px 0px 0px 25px; color:#736c64; font-size:11px; font-weight:normal; text-decoration:none; display:block;clear:both; margin:0px 0px 10px 0px;} a.TellAfriendPoints:hover{background:url(icons/icon-TellAfriendPoints.png) no-repeat left center; padding:0px 0px 0px 25px; color:#e73449; font-size:11px; font-weight:normal; text-decoration:none; display:block; clear:both; margin:0px 0px 10px 0px;} a.DisplayQuestion:link, a.DisplayQuestion:visited{background:url(icons/icon-DisplayQuestion.png) no-repeat left center; padding:0px 0px 0px 25px; color:#736c64; font-size:11px; font-weight:normal; text-decoration:none; display:block; clear:both; margin:0px 0px 10px 0px;} a.DisplayQuestion:hover{background:url(icons/icon-DisplayQuestion.png) no-repeat left center; padding:0px 0px 0px 25px; color:#e73449; font-size:11px; font-weight:normal; text-decoration:none; display:block; clear:both; margin:0px 0px 10px 0px;} a.CompareProductAdd:link, a.CompareProductAdd:visited{float:left; background:url(icons/icon-CompareProductAdd.png) no-repeat left center; padding:0px 0px 0px 25px; color:#736c64; font-size:11px; font-weight:normal; text-decoration:none; display:block; margin:0px 0px 0px 0px;} a.CompareProductAdd:hover{float:left; background:url(icons/icon-CompareProductAdd.png) no-repeat left center; padding:0px 0px 0px 25px; color:#e73449; font-size:11px; font-weight:normal; text-decoration:none; display:block; margin:0px 0px 0px 0px;} a.CompareProduct:link, a.CompareProduct:visited{float:left; background:url(icons/icon-CompareProduct.png) no-repeat left center; padding:0px 0px 0px 25px; color:#736c64; font-size:11px; font-weight:normal; text-decoration:none; display:block; margin:0px 0px 0px 0px;} a.CompareProduct:hover{float:left; background:url(icons/icon-CompareProduct.png) no-repeat left center; padding:0px 0px 0px 25px; color:#e73449; font-size:11px; font-weight:normal; text-decoration:none; display:block; margin:0px 0px 0px 0px;} /* Style pour le container des réseaux sociaux dans la fiche produit */ .ContainerReseauxSociauxFicheProd{margin:20px 0px 0px 0px;} /* Style pour les onglet dans la fiche produit */ .tab_box {width:795px; clear:both; float:none; margin:20px 0px 0px 0px;} .tab_box ul.menu { height:38px; width:795px; 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 1px 0 0; text-decoration:none;} .tab_box ul.menu li a.item1 {background:#ffffff; text-decoration:none; color:#666666; border-left:1px solid #e8e3df; border-top:1px solid #e8e3df; border-right:1px solid #e8e3df; line-height:38px; text-align:center; font-size:13px; padding:0px 20px 0px 20px;} .tab_box ul.menu li a.item2 {background:#ffffff; text-decoration:none; color:#666666; border-left:1px solid #e8e3df; border-top:1px solid #e8e3df; border-right:1px solid #e8e3df; line-height:38px; text-align:center; font-size:13px; padding:0px 20px 0px 20px;} .tab_box ul.menu li a.item3 {background:#ffffff; text-decoration:none; color:#666666; border-left:1px solid #e8e3df; border-top:1px solid #e8e3df; border-right:1px solid #e8e3df; line-height:38px; text-align:center; font-size:13px; padding:0px 20px 0px 20px;} .tab_box ul.menu li.active a.item1 {background:#e8e3df; border:1px solid #e8e3df; text-decoration:none; color:#e73449;} .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:#e8e3df; border:1px solid #e8e3df; text-decoration:none; color:#e73449;} .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:#e8e3df; border:1px solid #e8e3df; text-decoration:none; color:#e73449;} .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:16px; clear:both; float:none; margin:0px 0 0px 0px; min-height:325px; padding:20px 30px 20px 30px; color:#666666; background-color:#e8e3df; border:1px solid #e8e3df;} /* Style pour l'onglet avis de la fiche produit */ a.ReviewLink:link, a.ReviewLink:visited{padding:0px 0px 0px 0px; color:#666666; font-size:13px; font-weight:normal; text-decoration:none; display:block; clear:both; margin:0px 0px 15px 0px; float:left;} a.ReviewLink:hover{padding:0px 0px 0px 0px; color:#e73449; font-size:13px; font-weight:normal; text-decoration:none; display:block; clear:both; margin:0px 0px 15px 0px; float:left;} .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 le texte info livraison de la fiche produit */ .TxtInfoLivraisonFicheProd{color:#948e86; padding:0px 0px 15px 0px; font-weight:bold; font-size:12px;} /* style pour la loi chatel - shopproductssubs.asp */ .LoiChatel{width:100%; background:#ffffff;} .LoiChatel td{padding:15px 30px 15px 30px; border-bottom:1px solid #e8e3df; color:#948e86; font-weight:normal; font-size:12px;} /* Style pour le mode de livraison dans la fiche produit */ .ModeLivraisonFicheProd{background:#ffffff; padding:15px 30px 15px 30px; color:#948e86; font-weight:normal; font-size:12px;} /* Style pour l'affichage des ventes croisées dans la fiche produit */ .TitleCrossSelling{background:url(images/bg-line-default-prod.gif) repeat-x left top; margin:1px 0px 0px 0px; padding:0px 0px 0px 25px; line-height:46px; font-size:16px; color:#e73449;} .TableCrossSelling{margin:0px 0px 0px -1px;} /* STYLE NON UTILISE POUR LA FICHE PRODUIT */ .NameFicheProd a:link {color:#3d809a; font-size:15px; font-weight:bold; text-decoration:none;} .NameFicheProd a:visited {color:#3d809a; font-size:15px; font-weight:bold; text-decoration:none;} .NameFicheProd a:hover {color:#3d809a; font-size:15px; font-weight:bold; text-decoration:underline;} .DescFicheProd{color:#8A8A8A; font-size:12px; text-align:justify; padding-top:5px; padding-bottom:5px;} .SeparationFicheProd{ border-top:1px dotted #E7E7E7; padding-top:5px; padding-bottom:5px;} .LinksFicheProd a:link{color:#3d809a; font-size:12px; text-decoration:none;} .LinksFicheProd a:visited{color:#3d809a; font-size:12px; text-decoration:none;} .LinksFicheProd a:hover{color:#3d809a; font-size:12px; text-decoration:underline;} /* Style pour quand le prix est différent selon l'option choisie */ .OptionPrice{font-size:13px; color:#8a8a8a; font-weight:bold;} /* Style pour quand il n'y a pas de prix */ .NoPrice{font-size:14px; color:#000000; font-weight:bold;} /* Style pour les point de fidélités */ .PointsToBuy{font-weight:bold;} /* style pour le stock de la fiche produit */ .StockFicheProd{color:#3d809a; font-size:10px; text-align:left;} /* Style pour la date de disponibilité du produit */ .dateavailablefont{color:#36555e; font-size:12px; font-weight:bold;} /* Style pour la rupture de stock */ .OutOfStock{color:#cc0000; font-size:12px; font-weight:bold;} /* Style pour le message d'offre spéciale du produit*/ .OffreSpecialeFicheProd{color:#336699; font-size:13px; font-weight:bold; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; padding-top:10px; padding-bottom:10px;} /* 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 les commentaires */ .TableCommentaires{border: 1px solid #E7E7E7; background:#F5F9FA; border-collapse:collapse; margin-bottom:5px; width:100%; height:30px; margin-top:40px;} .TableCommentaires td{color:#36555E;} /* 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;} /* */ .Description{text-align:justify; color:#A6A3A3; padding-bottom:10px;} .ImgProd{float:left; padding-right:10px;} .ProdDesc{color:#A6A3A3; font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:normal; line-height:11px;} /* IDENTIFICATION : Mise en forme des tables Identifiez-vous et nouveau client */ .TableLoginIdentification{border:1px solid #ded8d2; border-collapse:collapse; height:300px;} .TitleLoginIdentification{padding:10px 15px 10px 15px; border:1px solid #ded8d2; text-align:left; background:#f4f2ec; color:#736c64; font-size:13px; font-weight:normal;} .TableLoginNewClient{border:1px solid #ded8d2; border-collapse:collapse; height:300px;} .TitleLoginNewClient{padding:10px 15px 10px 15px; border:1px solid #ded8d2; text-align:left; background:#ded8d2; color:#e73449; font-size:13px; font-weight:normal;} .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/arrow.gif); background-repeat: no-repeat; background-position:0px 5px; padding-left:1em; margin-left:10px;} a.LoginformLinksCliquez:link{color:#E73449; font-size:12px; font-weight:bold; text-decoration:none;} a.LoginformLinksCliquez:visited{color:#E73449; font-size:12px; font-weight:bold; text-decoration:none;} a.LoginformLinksCliquez:hover{color:#E73449; font-size:12px; font-weight:bold; text-decoration:underline;} /* IDENTIFICATION : Styles pour les liens de l'encart Zone Clients - shop$customers.asp */ a.LoginformLinks:link{color:#E73449; font-size:12px; font-weight:normal; text-decoration:none;} a.LoginformLinks:visited{color:#E73449; font-size:12px; font-weight:normal; text-decoration:none;} a.LoginformLinks:hover{color:#E73449; font-size:12px; font-weight:normal; text-decoration:underline;} .LoginformTxt{color:#666666; font-size:12px; vertical-align:top;} /* MON COMPTE : Styles pour les liens de la page votre compte - shop$customers.asp */ a.CustomerLinks:link{color:#736c64; font-size:14px; font-weight:normal; text-decoration:none;} a.CustomerLinks:visited{color:#736c64; font-size:14px; font-weight:normal; text-decoration:none;} a.CustomerLinks:hover{color:#e73449; font-size:14px; font-weight:normal; text-decoration:none;} .CustomerCols{border-bottom:1px solid #f4f2ec; padding:5px 30px 5px 0;} /* MON COMPTE : Mise en forme du texte terminer votre commande -> shop$customers */ a.CustomerLinksCheckout:link{color:#e73449; font-size:14px; font-weight:normal; text-decoration:none;} a.CustomerLinksCheckout:visited{color:#e73449; font-size:14px; font-weight:normal; text-decoration:none;} a.CustomerLinksCheckout:hover{color:#736c64; font-size:14px; font-weight:normal; text-decoration:none;} .CustomerColsFondCheckout{background:#ded8d2;} /* NEWSLETTER : Styles pour les liens de l'encart Newsletter - shop$customerdisplays.asp */ .TxtBoxMailList{color:#666666; font-size:12px; vertical-align:top; text-align:center;} /* Style pour les tables */ /* - 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 TableReviewList / TitleReviewList / ContentReviewList pour la mise en page de Lire les commentaires -> shopreviewlist.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 TableCustomerHistory / TitleCustomerHistory / ContentCustomerHistory pour l'affichage des produits récemment consultés -> shop$profile.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, .TableCustomerHistory, .TableRMA, .TableExamCde{border:1px solid #ded8d2; 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, .TitleCustomerHistory, .TitleRMA, .TitleExamCde{padding:10px 5px 10px 5px; border-bottom:1px solid #ded8d2; border-top:1px solid #ded8d2; text-align:left; background:#f4f2ec; color:#736c64; font-size:13px; font-weight:normal;} .ContentRecherche, .ContentNewsletter, .ContentLoginAffilie, .ContentMailPwdAffilie, .ContentAffilieAdmin, .ContentAffilieStatus, .ContentAffilieStatusOrders, .ContentAffilieReport, .ContentAffilie, .ContentCustomer, .ContentMailPwd, .ContentCadeau, .ContentStatus, .ContentCustTracking, .ContentTrackingOrder, .ContentFormatOrder, .ContentSaveCart, .ContentSavePerm, .ContentSponsor, .ContentPoints, .ContentCoupons, .ContentChequeCadeau, .ContentListesAchats , .ContentContact, .ContentReviewAdd, .ContentNotifyMe, .ContentTellFriend, .ContentCustomerHistory, .ContentRMA, .ContentExamCde{padding:5px; text-align:left;} .ContentLivraison{border:1px solid #ded8d2 !important; padding:5px; text-align:left;} .ColsCenter{text-align:center;} /* Pour l'alignement des éléménts dans shopstatus.asp */ .TxtMsgImportant{color:#ff3300;} /* Pour le style des messages important dans les tables clients -> shoppointsredeem.asp */ .Companyinfo{text-align:center;} /* Coordonnées de la société -> shopcustcontact.asp */ .BoxCustomerHistory{padding:4px; width:535px; height:250px; overflow:auto;} /* Style pour la div qui affiche les produits récemment consultés -> shop$profile.asp */ .EspaceCustomerHistory{padding-top:70px;} /* Style pour l'espace avant l'affichage des produits récemment consultés -> shop$profile.asp */ /* Couleur utilisé pour l'inscription affilié, l'inscription et le compte client */ .colorOutAffilie, .colorOutCustomer{background:#ded8d2; color:#e73449; font-size:13px; font-weight:normal; cursor:pointer;} .colorOverAffilie, .colorOverCustomer {background:#f4f2ec; color:#736c64; font-size:13px; font-weight:normal; cursor:pointer;} /* Style pour l'astérisque des champs obligatoires */ .asterisque{color:#ee0000; padding-left:2px;} /* Style pour les conditions générales de ventes et les conditions générales d'affiliation */ .BoxConditionsGenerales{padding : 4px; width : 690px; height : 140px; overflow : auto; border:1px solid #E7E7E7;} .ConditionsGenerales{font-weight:bold;color:#E73449;} /* Style pour les liens de la zone affilé */ a.ZoneAffilie:link{font-size:14px; color:#736c64; text-decoration:none;} a.ZoneAffilie:visited{font-size:14px; color:#736c64; text-decoration:none;} a.ZoneAffilie:hover{font-size:14px; color:#e73449; text-decoration:underline;} /* style pour la bordure intérieure due la zone affilié */ .ZoneAffilieBorder{border-top:1px dotted #f4f2ec;} /* - 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:#ded8d2; color:#000000;} .TxtAffilieStatusOrders, .TxtAffilieReport{color:#000000; font-size:12px; font-weight:bold;} /* CADDIE : Mise en forme du Récapitulatif du Caddie - shopformatorder.asp */ .TableRecapCart{border: 1px solid #ded8d2;border-collapse:collapse; width:100%} .TitleRecapCart{padding:10px 5px 10px 5px; border-bottom:1px solid #ded8d2; border-right:1px solid #ded8d2; background:#f4f2ec; color:#736c64; font-size:12px; font-weight:bold;} .TableRecapCartTotal{border-collapse:collapse; border-left:1px solid #e2dfd9; border-right:1px solid #e2dfd9; border-bottom:1px solid #e2dfd9;} .RecapCartTotal{padding:5px; border-bottom:1px solid #ded8d2; background:#ded8d2; color:#e73449; font-size:14px; font-weight:bold; height:30px;} .BordGaucheRecapCart{border-right:1px solid #ded8d2; padding:5px; color:#736c64;} .BordRecapCartTotal{padding:5px; color:#736c64;} .Color1RecapCart{padding:5px; background:#ffffff;} .Color2RecapCart{padding:5px; background:#e2dfd9;} /* CADDIE : Mise en forme du Caddie et du processus (chemin de fer) */ .TableCartFormat{border:1px solid #ded8d2; border-collapse:collapse; width:100%;} .TitleCartFormat{padding:10px 5px 10px 5px; border-bottom:1px solid #ded8d2; border-right:1px solid #ded8d2; background:#f4f2ec; color:#736c64; font-size:12px;} .ContentCartFormat{padding:5px; border-right:1px solid #ded8d2; color:#736c64; font-size:12px; } .SeparationCartFormat{border-bottom:1px dotted #ded8d2;} .ImageProduitCart{width:56px; height:56px;} .Qte{border:1px solid #f2f1f1; width:32px; height:24px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} .Qte input{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; width:32px; line-height:24px; border:none 0; background:transparent; color:#000000; font-size:12px; font-style:normal; text-align:center;} .TableCartFormatTotal{border-collapse:collapse; border-left:1px solid #ded8d2; border-right:1px solid #ded8d2; border-bottom:1px solid #ded8d2; margin:0px 0px 10px 0px;} .CartFormatTotal{padding:5px; border-bottom:1px solid #ded8d2; background:#ded8d2; color:#e73449; font-size:14px; font-weight:bold; height:30px;} .BorderCartFormatTotal{font-weight:normal;} .ProcessusCdeON{color:#131313; font-weight:bold;} .ProcessusCdeOFF{color:#666666; font-weight:bold;} .txtTotal{font-size:12px; font-weight:normal; text-align:center;} .sousTotal{font-size:14px; font-weight:normal; text-align:center; border-bottom:1px solid #e5e0db;} .total{font-size:16px; font-weight:bold; text-align:center;} .TxtQtePanier{display:block; color:#736c64; font-weight:bold; font-size:14px; margin:0px 0px 25px 0px;} a.carthyperlink:link{font-size:11px; color:#736c64; text-decoration:none;} a.carthyperlink:visited{font-size:11px; color:#736c64; text-decoration:none;} a.carthyperlink:hover{font-size:11px; color:#736c64; text-decoration:none;} .RefFeaturesCart{color:#666666; font-size:11px; font-weight:normal;} .PositionBtnCart{float:right; margin:0px 0px 20px 0px;} .TitlePortApproximatifs{text-align:center; font-size:12px; color:#736c64;} .ContentPortApproximatifs{padding:20px 5px 20px 5px; width:50%; border:none; color:#736c64; font-size:12px;} .ContentPortApproximatifs select, .ContentPortApproximatifs select:hover, .ContentPortApproximatifs select:focus{margin:5px 0px 0px 0px; padding:5px 5px 5px 5px; border:1px solid #e9e8e7; background:#ffffff;color:#736c64;} /* CADDIE : Mise en forme des liens examiner votre commande, mémoriser ma sélection, liste de sélection -> shopcreateorder.asp */ a.LinkSaveCart:link, a.LinkWishlist:link, a.LinkCde:link{font-weight:bold; font-size:12px;} a.LinkSaveCart:visited, a.LinkWishlist:visited, a.LinkCde:visited{font-weight:bold; font-size:12px;} a.LinkSaveCart:hover, a.LinkWishlist:hover, a.LinkCde:hover{font-weight:bold; font-size:12px;} /* PRODUITS CONSULTES - Style pour la mise en forme des produits consultés */ .BoxProduitsConsultes{margin:20px -33px 0px -33px;} .TitleProduitsConsultes{background:url(images/bg-line-default-prod.gif) repeat-x left top; margin:1px 0px 0px 0px; padding:0px 0px 0px 25px; line-height:46px; font-size:16px; color:#e73449;} .TableProduitsConsultes{margin:0px 0px -25px -1px;} /* MESSAGE D'ERREUR - style pour le message d'erreur - shop$errors.asp */ .WriteAlertError{background:#ff8686; color:#ffffff; border:1px solid #ff0000; text-align:justify; font-weight:bold; padding:15px 15px 15px 15px;} /* Style lié à Shop$colors.asp */ /* MESSAGE GENERIQUE - simple message - Shop$colors.asp */ .shopwriteSimpleMsg{background:#ffffff; color:#736c64; border:1px solid #f3f2f2; font-size:10px; padding:25px 25px 25px 25px; text-align:justify;} /* style pour le message de confirmation - Shop$colors.asp */ .ShopWriteHeader{background:#f4f2ec; color:#666666; border:1px solid #ded8d2; font-size:12px; font-weight:normal; padding:20px 20px 20px 20px; text-align:justify;} /* SELECT DU SITE */ .custselectfield, .custselectfield:hover, .custselectfield:focus { font-family:"trebuchet ms", Arial, Helvetica, sans-serif; font-size:11px; background:#ffffff; border:1px solid #e7e5e5; outline:0; color:#666666; margin:0; padding:5px 5px 5px 5px; } select, select:hover, select:focus { font-family:"trebuchet ms", Arial, Helvetica, sans-serif; font-size:11px; background:#ffffff; border:1px solid #e7e5e5; outline:0; color:#666666; margin:0; padding:5px 5px 5px 5px; } /* CHAMP TEXTE - Style pour les input text du site */ .custtxtfield, .Custtxtfield, .txtfield { background:#ffffff none repeat scroll 0 0; border:1px solid #e7e5e5; outline:0; color:#666666; margin:0; padding:5px 5px 5px 5px; } /* TEXTAREA - Style pour les zones de texte du site */ textarea, textarea:focus { background:#ffffff none repeat scroll 0 0; border:1px solid #e7e5e5; 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:#e73449; font:bold 12px Arial, Helvetica, sans-serif; background:url(images/fond-btn.gif) repeat-x left top; border:none; cursor:pointer; padding:10px 25px 10px 25px; outline:0; overflow:visible; } .Custsubmitbtn:hover, .custsubmitbtn:hover{ color:#e73449; font:bold 12px Arial, Helvetica, sans-serif; background:url(images/fond-btn.gif) repeat-x left bottom; border:none; cursor:pointer; padding:10px 25px 10px 25px; outline:0; overflow:visible; } /* BOUTON SUBMIT - Style pour le bouton submit commander */ .CustsubmitbtnCde, .CustsubmitbtnCde:focus { color:#ffffff; font:bold 12px Arial, Helvetica, sans-serif; background:url(images/fond-btn-cde.gif) repeat-x left top; border:none; cursor:pointer; padding:10px 25px 10px 25px; outline:0; overflow:visible; } .CustsubmitbtnCde:hover { color:#ffffff; font:bold 12px Arial, Helvetica, sans-serif; background:url(images/fond-btn-cde.gif) repeat-x left bottom; border:none; cursor:pointer; padding:10px 25px 10px 25px; outline:0; overflow:visible; } /* GESTION DES ERREURS DANS FORMULAIRE CLIENT */ .ErrorForm { color:#cc0000; font-family:Tahoma,arial; font-size:11px; font-weight:normal; } /*------------------------------------------------------------------------------------------------ STYLE NON UTLISES ------------------------------------------------------------------------------------------------*/ /* style pour la mise en page de la FAQ - Shop_Faq_Design.asp */ .FaqCatTable{border:1px solid #E7E7E7; border-collapse:collapse; width:100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;} .FaqCatRow{padding:5px; border-bottom:1px solid #E7E7E7; border-top:1px solid #E7E7E7; text-align:left; background:#F5F9FA; color:#3D809A; font-size:12px; font-weight:bold; height:30px;} .FaqCatRow Td{font-weight:bold; font-size:12px; color:#3D809A;} .FaqIssuesRow{color:#36555E; font-weight: bold;} .FaqAnswersRow{color: #8A8A8A; border-bottom: dotted 1px #E6E9ED;} .FaqSearchAndFound{background-color:#FFFE98; color:#FF0000;} .FaqTxtReponse{padding:5px; text-align:justify;} /* Style pour le filtre dans le listing produit */ .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 le menu haut */ .MenuHaut{height:30px; vertical-align:middle;} a.MenuHautLinks:link{color:#7B7D7E; font-size:11px; font-weight:bold; padding:3px 0 3px 0; text-transform:uppercase; text-decoration:none;} a.MenuHautLinks:visited{color:#7B7D7E; font-size:11px; font-weight:bold; padding:3px 0 3px 0; text-transform:uppercase; text-decoration:none;} a.MenuHautLinks:hover{color:#B0B9BD; font-size:11px; font-weight:bold; padding:3px 0 3px 0; text-transform:uppercase; text-decoration:none;} /* 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 l'encart des images */ .BoxProdImgWidth{width:140px;} .BoxProdImgTopLeft{background:url(images/01-BoxProdImgTopLeft.png) no-repeat right bottom; width:9px; height:9px;} .BoxProdImgTopMiddle{background:url(images/01-BoxProdImgTopMiddle.png) repeat-x left bottom; width:100%; height:9px;} .BoxProdImgTopRight{background:url(images/01-BoxProdImgTopRight.png) no-repeat left bottom; width:9px; height:9px;} .BoxProdImgLeft{background:url(images/01-BoxProdImgLeft.png) repeat-y right top; width:9px; height:100%;} .BoxProdImgMiddle{background:#ffffff; width:100%; vertical-align:top; text-align:center;} .BoxProdImgRight{background:url(images/01-BoxProdImgRight.png) repeat-y left top; width:9px; height:100%;} .BoxProdImgBottomLeft{background:url(images/01-BoxProdImgBottomLeft.png) no-repeat right top; width:9px; height:9px;} .BoxProdImgBottomMiddle{background:url(images/01-BoxProdImgBottomMiddle.png) repeat-x left top; width:100%; height:9px;} .BoxProdImgBottomRight{background:url(images/01-BoxProdImgBottomRight.png) no-repeat left top; width:9px; height:9px;} /* Styles pour le menu du bas */ .MenuBas{text-align:right; color:#B0B9BD; font-size:12px;} a:link.MenuBas{color:#7F8487; text-decoration:none;} a:visited.MenuBas{color:#7F8487; text-decoration:none;} a:hover.MenuBas{color:#B0B9BD; text-decoration:underline;} /* 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 Rechercher - shop$customerdisplays.asp */ a.AdvancedSearchLink:link{color:#3d809a; font-size:11px; font-weight:normal; text-decoration:none;} a.AdvancedSearchLink:visited{color:#3d809a; font-size:11px; font-weight:normal; text-decoration:none;} a.AdvancedSearchLink: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 les encarts Nouveauté, Promotion, TopTen, FrontPage, CrossSelling - Templates enavant */ .NameProductVignette a:link {color:#3d809a; font-size:12px; font-weight:bold; text-decoration:none;} .NameProductVignette a:visited {color:#3d809a; font-size:12px; font-weight:bold; text-decoration:none;} .NameProductVignette a:hover {color:#3d809a; font-size:12px; font-weight:bold; text-decoration:underline;} .PriceVignette {color:#D33203; font-family:Arial,Helvetica,sans-serif; font-size:13px; font-weight:bold; line-height:14px;} .ImageProductVignette{border-top:1px dotted #dddddd; border-bottom:1px dotted #dddddd; padding-top:5px; padding-bottom:5px;} .RetailPriceVignette {color:#d33203; font-size:12px; font-weight:normal; line-height:14px; text-decoration:line-through;} .LinksPromoNewTop{text-align:center;} .NameProductVignetteTopTen a:link {color:#3d809a; font-size:11px; font-weight:normal; text-decoration:none;} .NameProductVignetteTopTen a:visited {color:#3d809a; font-size:11px; font-weight:normal; text-decoration:none;} .NameProductVignetteTopTen a:hover {color:#3d809a; font-size:11px; font-weight:normal; text-decoration:underline;} .TopTenCols{border-bottom:1px dotted #e3e3e3; padding:5px 0px 5px 0;} .NameProductVignetteFront{height:50px; vertical-align:top;} 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;} /* Styles pour l'encart des produits */ .BoxProdTopLeft{background:url(images/01-BoxProdTopLeft.png) no-repeat right bottom; width:9px; height:9px;} .BoxProdTopMiddle{background:url(images/01-BoxProdTopMiddle.png) repeat-x left bottom; width:100%; height:9px;} .BoxProdTopRight{background:url(images/01-BoxProdTopRight.png) no-repeat left bottom; width:9px; height:9px;} .BoxProdLeft{background:url(images/01-BoxProdLeft.png) repeat-y right top; width:9px; height:100%;} .BoxProdMiddle{background:#ffffff; width:100%; vertical-align:top; text-align:center;} .BoxProdRight{background:url(images/01-BoxProdRight.png) repeat-y left top; width:9px; height:100%;} .BoxProdBottomLeft{background:url(images/01-BoxProdBottomLeft.png) no-repeat right top; width:9px; height:9px;} .BoxProdBottomMiddle{background:url(images/01-BoxProdBottomMiddle.png) repeat-x left top; width:100%; height:9px;} .BoxProdBottomRight{background:url(images/01-BoxProdBottomRight.png) no-repeat left top; width:9px; height:9px;} /* Style pour le template modele_normal_liste.htm */ .NameProductListe a:link {color:#3d809a; font-size:12px; font-weight:bold; text-decoration:none;} .NameProductListe a:visited {color:#3d809a; font-size:12px; font-weight:bold; text-decoration:none;} .NameProductListe a:hover {color:#3d809a; font-size:12px; font-weight:bold; text-decoration:underline;} .PriceProductListe {color:#D33203; font-size:16px; font-weight:bold;} .OldPriceProductListe {color:#D33203; font-size:12px; font-weight:bold; text-decoration:line-through;} .EconomyPriceProductListe {color:#8a8a8a; font-size:12px; font-weight:bold;} .SeparationProductListe {border-top:1px dotted #E7E7E7; padding-top:5px; padding-bottom:5px;} /* Style pour les catégories dans shopdisplaycategories.asp */ .TableCat{border: 1px solid #9bc9d2; border-collapse:collapse; width:100%;} .TdCat{border:1px solid #9bc9d2; color:#36555E; background:#ebeff1; font:bold 11px Arial, Helvetica, sans-serif; height:28px; text-align:center;} .TdCat a:link {color:#3d809a; font-size:12px; font-weight:normal; text-decoration:none;} .TdCat a:visited {color:#3d809a; font-size:12px; font-weight:normal; text-decoration:none;} .TdCat a:hover {color:#3d809a; font-size:12px; font-weight:normal; text-decoration:underline;} .ImgCat{float:left;} .MemoCat{color:#8a8a8a; text-align:justify; font-size:12px; padding:5px;} a.CategoryLinks:link{color:#ffffff; font-size:13px; font-weight:bold; text-decoration:none;} a.CategoryLinks:visited{color:#ffffff; font-size:13px; font-weight:bold; text-decoration:none;} a.CategoryLinks:hover{color:#ffffff; font-size:13px; font-weight:bold; text-decoration:underline;} /* 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;} /* 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;} /* PROCESSUS COMMANDE UNE PAGE */ /* PANEL 1*/ .SimpleProcessMainTitle1 td{background:url(images/ProcessCde1.gif) no-repeat left top; height:41px; cursor:pointer;} .SimpleProcessMainTitleActive1 td{background:url(images/ProcessCde1.gif) no-repeat left bottom; height:41px; cursor: default;} /*PANEL 2*/ .SimpleProcessMainTitle2 td{background:url(images/ProcessCde2.gif) no-repeat left top; height:41px; cursor:pointer;} .SimpleProcessMainTitleActive2 td{background:url(images/ProcessCde2.gif) no-repeat left bottom; height:41px; cursor: default;} /*PANEL 3*/ .SimpleProcessMainTitle3 td{background:url(images/ProcessCde3.gif) no-repeat left top; height:41px; cursor:pointer;} .SimpleProcessMainTitleActive3 td{background:url(images/ProcessCde3.gif) no-repeat left bottom; height:41px; cursor: default;} /*PANEL 4*/ .SimpleProcessMainTitle4 td{background:url(images/ProcessCde4.gif) no-repeat left top; height:41px; cursor:pointer;} .SimpleProcessMainTitleActive4 td{background:url(images/ProcessCde4.gif) no-repeat left bottom; height:41px; cursor: default;} /*PANEL 5*/ .SimpleProcessMainTitle5 td{background:url(images/ProcessCde5.gif) no-repeat left top; height:41px; cursor:pointer;} .SimpleProcessMainTitleActive5 td{background:url(images/ProcessCde5.gif) no-repeat left bottom; height:41px; cursor: default;} /*PANEL 6*/ .SimpleProcessMainTitle6 td{background:url(images/ProcessCde6.gif) no-repeat left top; height:41px; cursor:pointer;} .SimpleProcessMainTitleActive6 td{background:url(images/ProcessCde6.gif) no-repeat left bottom; height:41px; cursor: default;} .SimpleProcessMainForm td{background-color:#ffffff; color:#666666; border:1px solid #ffffff; font-size:13px;} .SimpleProcessForm{margin: 0px 0px 10px 0px;} .SimpleProcessForm td{border: 0px none transparent; padding: 5px 5px 5px 5px;} .SimpleProcessForm td span{color:#666666; padding-left:4px;} .SimpleProcessC1{width: 200px;} .SimpleProcessC1B{border-bottom:1px dotted #333333;} .SimpleProcessMyCoopoon, .SimpleProcessMyCoopoon td{background-color: #EDEBE8;} .SimpleProcessEmaillist, .SimpleProcessEmaillist td{background-color: #EDEBE8;} .SimpleProcessMasterSponsor, .SimpleProcessMasterSponsor td{background-color: #EDEBE8;} .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 #ded8d2; width:100%; font-size:12px; color:#666666;} td.SimpleCartTitle{background:none repeat scroll 0 0 #f4f2ec; border:1px solid #ded8d2; color:#736c64; font-size:12px; font-weight:normal; height:30px; padding:5px;} td.SimpleCartTitleTotal{background:none repeat scroll 0 0 #ded8d2; border:1px solid #ded8d2; color:#e73449; font-size:12px; font-weight:normal; height:30px; padding:5px;} td.SimpleCartItemImageMarge{background:none repeat scroll 0 0 #EDEBE8; border:1px solid #ded8d2; color:#e73449; font-size:12px; font-weight:bold; height:30px; padding: 5px 25px 5px 5px;} td.SimpleCartItem{border:1px solid #ded8d2; padding:5px; font-size:12px; color:#666666;} .SimpleCartItem img{width:67px; height:54px; padding:0px 5px 0px 0px;} td.SimpleCartItemMarge{border:1px solid #ded8d2; padding: 5px 25px 5px 5px; font-size:12px; color:#666666;} 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;} fieldset{border:1px solid #ded8d2;} legend{color:#736c64;}