* {margin: 0px; padding: 0px; outline:none;} body {background: #FFF url(../imgs/bg.gif) no-repeat center top;margin: 0px;padding: 0px 0px 15px;height: 100%;width: 100%;font: 11px Arial, Helvetica, sans-serif;} .clear {clear: both;} .formatClassic {height: 351px;} .formatEtendu {height: auto;} .champs {height: 15px;border: 1px solid #cd0c3e;float: left;} .ok {float: left;margin-top: 1px;} .border {border: 1px solid #d3a3b1;} a { color:#BA0B38; text-decoration:none;} a:hover { text-decoration:underline;} #general {margin: 0px auto; width: 808px;position: relative;} #logo {background: url(../imgs/logo.gif) no-repeat 95px 0px;height: 87px;width: 160px; padding-left: 95px; margin:0 0 0 -95px;} #logo a {display: block;height: 86px;width: 160px;} #panier {background: url(../imgs/pictoPanier.gif) no-repeat;height: 19px;top: 89px; left: 849px;padding-left:0;padding-top: 2px;color: #de1e4f;float: right; padding-bottom: 3px;} #panier a { display:block; padding-left:87px; color:#95092D; text-decoration:none; } /* NAVIGATION */ #primNav {height: 31px;padding-left: 5px;} #primNav h2 {display: none;} #primNav ul {list-style: none;} #primNav ul.gauche {float: left;} #primNav ul.droite {float: right;} #primNav ul li a {display: block;height: 31px;} #primNav ul li {float: left;} #collections a {background: url(../imgs/navigation/collections.gif) no-repeat 0px 0px; width: 86px;} #collections a:hover {background: url(../imgs/navigation/collections.gif) no-repeat 0px -31px;} #collections a.actif {background: url(../imgs/navigation/collections.gif) no-repeat 0px -62px;} #conseil a {background: url(../imgs/navigation/conseils.gif) no-repeat 0px 0px;width: 129px;} #conseil a:hover {background: url(../imgs/navigation/conseils.gif) no-repeat 0px -31px;} #conseil a.actif {background: url(../imgs/navigation/conseils.gif) no-repeat 0px -62px;} #boutiques a {background: url(../imgs/navigation/boutiques.gif) no-repeat 0px 0px; width: 101px;} #boutiques a:hover {background: url(../imgs/navigation/boutiques.gif) no-repeat 0px -31px;} #boutiques a.actif {background: url(../imgs/navigation/boutiques.gif) no-repeat 0px -62px;} #carvil a {background: url(../imgs/navigation/carvil.gif) no-repeat 0px 0px;width: 54px;} #carvil a:hover {background: url(../imgs/navigation/carvil.gif) no-repeat 0px -31px;} #carvil a.actif {background: url(../imgs/navigation/carvil.gif) no-repeat 0px -62px;} #cheques a {background: url(../imgs/navigation/cheques.gif) no-repeat 0px 0px;width: 115px;} #cheques a:hover {background: url(../imgs/navigation/cheques.gif) no-repeat 0px -31px;} #cheques a.actif {background: url(../imgs/navigation/cheques.gif) no-repeat 0px -62px;} #compte a {background: url(../imgs/navigation/monCompte.gif) no-repeat 0px 0px;width: 80px;} #compte a:hover {background: url(../imgs/navigation/monCompte.gif) no-repeat 0px -31px;} #compte a.actif {background: url(../imgs/navigation/monCompte.gif) no-repeat 0px -62px;} #adresses a {background: url(../imgs/navigation/adresses.gif) no-repeat 0px 0px;width: 116px;} #adresses a:hover {background: url(../imgs/navigation/adresses.gif) no-repeat 0px -31px;} #adresses a.actif {background: url(../imgs/navigation/adresses.gif) no-repeat 0px -62px;} /* FIN NAVIGATION */ /* les class ".formatClassic" et ".formatEtendu" définissent la hauteur du conteneur */ #conteneur {width: 806px;background: #efe0e5;border: 1px solid #c67086;} /* FOOTER */ #footer ul {list-style: none;} #footer {padding-left: 10px; padding-top: 3px;color: #95092d; margin-bottom:10px;} #footer li {float:left;} #footer li a {color: #95092d;text-decoration: none;font-size: 10px;} #footer li a:hover {color: #000;} #footer #newsletter {float: right;background: url(../imgs/navigation/newsletter.gif) no-repeat 0px 2px;height: 15px;width: 250px;} #footer #newsletter form {float: right;} #footer #newsletter h2 {display: none;} /* HOMEPAGE */ #homepage {padding: 4px;} #saison {float: left;margin: 0px 3px 0px 0px;} #saison a:hover img { border-color: #BA0B38;} #boxes {float: left;width: 217px;} #boxes .box a:hover img { border-color: #BA0B38;} #contenuTextuel {background: #FFFFFF url(../imgs/bgContenuTextuel.jpg) repeat-x left bottom;padding: 50px 150px 50px 50px;} #contenuTextuel h3 span {display: none;} #contenuTextuel h3 {background: no-repeat;height:16px; margin:0 0 20px 0; line-height:16px; color:#BA0B38; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:normal;} #contenuTextuel h4 {font-size: 14px;font-weight: bold;color: #de1e4f;margin-bottom: 10px;} #contenuTextuel h5 {font-size: 11px;font-weight: bold;color: #222;margin:0 0 1px 0; padding:0;} #contenuTextuel p {font-size: 11px;color: #432523;padding-bottom: 10px;} #contenuTextuel ul {list-style: none;padding-left: 10px;margin-bottom: 10px;} #contenuTextuel .champ { display:block; margin-bottom:8px; font-size:12px; font-family:Arial, Helvetica, sans-serif;} #contenuTextuel .champ2 { display:block; margin-bottom:2px; font-size:12px; font-family:Arial, Helvetica, sans-serif; width:160px;} .carrousel { padding:1px 0; overflow:hidden; } .carrousel .content { margin:0 1px 0 1px; border-top:1px solid #edd7cf;} .carrousel .btPrev { display:block; width:70px; height:98px; overflow:hidden; position:absolute; z-index:5; background-position:top left; background-image:url(../imgs/slideGauche.png); margin-left:10px;} .carrousel .btPrev:hover { background-position:bottom left;} .carrousel .btPrev span { display:none;} .carrousel .btNext { display:block; width:70px; height:98px; overflow:hidden; position:absolute; z-index:5; background-position:top right; background-image:url(../imgs/slideDroit.png); margin-left:725px;} .carrousel .btNext:hover { background-position:bottom right;} .carrousel .btNext span { display:none;} .carrousel .btInterne { margin-top:100px;} .carrousel ul { margin:0; padding:0; background-image:url(../imgs/bgul.jpg); background-repeat:repeat-y; background-position:top left;} .carrousel ul li { margin:0 1px; border:1px solid #d3a3b1; padding:0; list-style:none; float:left; height:316px; width:197px; overflow:hidden; cursor:pointer; background:#FFF url(../imgs/load.gif) no-repeat center center;} .carrousel ul li .block { background-position:-200px top; background-repeat:no-repeat;} .carrousel ul li .block h1 { padding:28px 0 0 16px; margin:0; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; text-transform:uppercase; color:#6e2306; width:170px;} .carrousel ul li .block h2 { padding:0 0 0 16px; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#d73d65; font-weight:normal; width:170px; height:43px; overflow:hidden;} .carrousel ul li .block a:hover {text-decoration:none;} .carrousel ul li .block span { display:block; padding:2px; background:url(../imgs/blanc.png)} .carrousel .loader { display:none;} .carrousel .loaderPage { position:absolute; width:40px; height:40px; background:#FFF url(../imgs/load.gif) center center no-repeat; z-index:20; } .carrousel .pageContent { position:absolute;background:#FFFBFF; z-index:15; height:318px;} .carrousel .pageContent .container { padding:24px 0 0 450px; height:292px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#CD0C3E; font-weight:normal; background-position:bottom right; background-repeat:no-repeat; } #prodDesc { max-height:50px; overflow:hidden;} .carrousel .pageContent .container div.marge { width:250px; padding:0 0 0 12px; margin:0;} .carrousel .pageContent .container div.margeTop { margin-top:5px;} .carrousel .pageContent .container h1 { margin:0 0 2px 0; padding:0; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; font-size:26px; text-transform:uppercase; color:#cd0c3e;} .carrousel .pageContent .container .description {width:200px;} .carrousel .pageContent .container .prix { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#CD0C3E; font-weight:bold; float:right;} .carrousel .pageContent .container strong { color:#CD0C3E;} .carrousel .pageContent .container .separe { margin:10px 0; border-top:1px solid #CD0C3E; width:250px; height:0; padding:0;} .liste-matieres { border:1px solid #CD0C3E; background:#FFF url(../imgs/down-menu.gif) no-repeat right top; height:17px; width:200px; padding:0 18px 0 0; line-height:17px; cursor:pointer; color:#000; overflow:hidden; } .liste-matieres span { padding:0 3px;} .liste-matieres span.inactif { color:#555; } .liste-matieres-result { border:1px solid #CD0C3E; border-width:0 1px 1px 1px; width:218px; position:absolute; z-index:20; background:#FFF;} .liste-matieres-result a { display:block; padding:1px 3px; color:#333; text-decoration:none; margin:1px 0 0 0;} .liste-matieres-result a:hover { text-decoration:none; color:#FFF; background:#CD0C3E;} .liste-pointures { border:1px solid #CD0C3E; background:#FFF url(../imgs/down-menu.gif) no-repeat right center; height:17px; width:130px; padding:0; line-height:17px; cursor:pointer; color:#000; } .liste-pointures span { padding:0 3px;} .liste-pointures span.inactif { color:#555; } .liste-pointures-result { border:1px solid #CD0C3E; border-width:0 1px 1px 1px; width:130px; position:absolute; z-index:20; background:#FFF;} .liste-pointures-result a { padding:1px 3px; color:#333; text-decoration:none; margin:1px; float:left; width:22px; border:1px solid #CD0C3E;} .liste-pointures-result a:hover { text-decoration:none; color:#FFF; background:#CD0C3E; border:1px solid #CD0C3E;} .carrousel .pageContent .container a.addBasket { background:url(../imgs/add-basket.png) no-repeat left top; width:183px; height:36px; display:block; margin:-5px 0 0 2px;} .carrousel .pageContent .container a.addBasket:hover { background-position:left bottom;} .carrousel .pageContent .container a.inactif { background-position:left center; cursor:default;} .carrousel .pageContent .container a.inactif:hover { background-position:left center;} #errorBasket { position:absolute; width:190px; margin:-145px 0 0 40px; background:url(../imgs/bg-bulle-error.gif) no-repeat left bottom; color:#FFF;} #errorBasket div { padding:5px 5px 16px 5px;} #okBasket { position:absolute; width:210px; margin:-78px 0 0 10px; background:url(../imgs/bg-bulle-ok.gif) no-repeat left bottom; color:#FFF;} #okBasket div { padding:5px 5px 16px 5px;} .carrousel .pageContent .container a.addBasket span { display:none;} .carrousel .pageContent .container a.closeProd { position:absolute; margin:14px 0 0 275px; display:block; width:60px; height:14px; background:url(../imgs/fermer.png) no-repeat top left;} .carrousel .pageContent .container a.closeProd:hover { background-position:bottom left;} .carrousel .pageContent .container a.closeProd span { display:none;} .carrousel .pageContent .container a.zoom { width:52px; height:14px; display:block; background:url(../imgs/zoom.png) no-repeat top left; position:absolute; margin:14px 0 0 -430px;} .carrousel .pageContent .container a.zoom:hover { background-position:bottom left;} .carrousel .pageContent .container a.zoom span { display:none;} a.deplie { position:absolute; margin:0 0 0 765px; width:40px; height:27px; display:block; background:url(../imgs/updown.gif) no-repeat left top;} a.replie { position:absolute; margin:0 0 0 765px; width:40px; height:27px; display:block; background:url(../imgs/updown.gif) no-repeat left bottom;} a.deplie span { display:none;} a.replie span { display:none;} .onglets { background:#FFF url(../imgs/new-collec.gif) no-repeat left top; padding:0 0 1px 290px; margin:1px 0 0 1px; border-bottom:1px solid #876f5d; height:27px;} .onglets a { display:block; line-height:27px; float:left; margin:0 20px 0 0; color:#ce728a; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; text-decoration:none;} .onglets a:hover { color:#95092d; text-decoration:none;} .onglets a.actif { color:#95092d; font-weight:bold;} .onglets a.open { color:#95092d;} .onglets-account { background:#FFF url(../imgs/account.gif) no-repeat left top; padding:0 0 1px 140px; margin:1px 0 0 1px; border-bottom:1px solid #876f5d; height:27px;} .onglets-account a { display:block; line-height:27px; float:left; margin:0 20px 0 0; color:#ce728a; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; text-decoration:none;} .onglets-account a:hover { color:#95092d; text-decoration:none;} .onglets-account a.actif { color:#000;} .onglets-cdv { background:#FFF url(../imgs/cdv.gif) no-repeat left top; padding:0 0 1px 190px; margin:1px 0 0 1px; border-bottom:1px solid #876f5d; height:27px;} .onglets-cdv a { display:block; line-height:27px; float:left; margin:0 20px 0 0; color:#ce728a; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; text-decoration:none;} .onglets-cdv a:hover { color:#95092d; text-decoration:none;} .onglets-cdv a.actif { color:#000;} .legende { margin:10px 0;} .legende img { float:left;} .legende span { display:block; float:left; margin:10px 10px 0 10px; font-size:12px; color:#694330;} .column { float:left; width:130px; margin:2px 3px; display:block;} .form-col { float:left; width:100px; color:#BA0B38;} .a-r { text-align:right;} ul.liste { margin:10px 0 0 0; padding:0;} ul.liste li { margin:0; padding:0; border-bottom:1px solid #ffb097; display:block; } ul.liste li:hover { background:#f5f1ed;} ul.liste li.titre { font-size:12px; color:#BA0B38;} ul.liste li.titre:hover { background:transparent;} ul.liste li.total { font-size:10px; text-transform:uppercase; background:#BA0B38; color:#FFF; margin-top:2px;} ul.liste li.total strong { font-size:11px; } ul.liste li.total .column { margin:1px 3px;} ul.liste li.total2 { font-size:14px; text-transform:uppercase; background:#6d001c; color:#FFF; margin-top:2px; font-weight:bold;} ul.liste li.total2 .column { margin:1px 3px;} .submit { background:#BA0B38; color:#FFF; border:1px solid #BA0B38; font-size:12px; font-weight:bold; cursor:pointer;} .submit:hover { background:#000; color:#FFF; border:1px solid #000;} .col-left { float:left; padding-right:10px; margin-right:15px; border-right:1px dashed #de1e4f; width:280px;} .thumb { width:40px; height:40px; border:1px solid #222;} .big { font-size:12px; text-transform:uppercase; font-weight:bold;} .big-thumb { padding:5px 20px 5px 5px; background:url(../imgs/bg-thumb.gif) no-repeat center right; position:absolute; margin:-30px 0 0 -130px;} .encart-erreur { background:#F00; padding:2px 5px; color:#FFF; text-transform:uppercase;} .erreur { color:#F00;} a.delete { background:url(../imgs/close.png) no-repeat top left; width:20px; height:20px; display:block;} a.delete:hover { background-position:bottom left;} a.delete span { display:none;} .abonnement { border:1px solid #BA0B38; padding:4px 6px; margin:5px 8px 5px -6px;} .abonnement-actif { border:2px solid #BA0B38; padding:4px 6px; margin:5px 7px 5px -8px;} #bgEquiv { position:absolute; height:160px; width:806px; background:#5f0e01; top:50%; left:50%; margin:-80px 0 0 -403px; z-index:200;} #bgEquiv a { float:right; margin:5px 15px 0 0; background:url(../imgs/close.png) no-repeat top left; display:block; width:20px; height:20px;} #bgEquiv a:hover { background-position:bottom left;} #bgEquiv a span { display:none;} #thumbEquiv { position:absolute; height:102px; width:800px; top:50%; left:50%; margin:-51px 0 0 -400px; z-index:201; text-align:center;} #thumbEquiv a img { border:2px solid #111; margin:0 1px;} #thumbEquiv a:hover img { border:2px solid #BA0B38;} #erreur-commande { margin:0 0 10px 10px;} .div-erreur div { padding:2px 4px; background:#F00; color:#FFF; text-transform:uppercase;} .div-ok div { padding:2px 4px; background:#009900; color:#FFF; text-transform:uppercase;} .encart { margin:0 0 10px 0; padding:5px; background:#BA0B38; color:#E5D8CF; display:table;} .encart strong {color:#FFF;} .statut-0 { color:#F30;} .statut-1 { color:#06F;} .statut-2 { color:#090;} .statut-3 { color:#F00;} .statut-4 { color:#F60;} .codePromo { background:#FFF; padding:4px; font-size:12px; border:2px solid #BA0B38; float:left;} .codePromo strong { font-size:16px; text-transform:uppercase;} a.addBasket { background:url(../imgs/add-basket.png) no-repeat left top; width:183px; height:36px; display:block; margin:5px auto 2px auto;} a.addBasket:hover { background-position:left bottom;} a.addBasket span { display:none;} ul.boutiques { margin:0; padding:0;} ul.boutiques li { float:left; margin:0 0 10px 0; width:170px; padding:0;} ul.boutiques li.debut-ligne { clear:both;} ul.boutiques li strong { color:#BA0B38;} #solde { background:url(../imgs/macaron.gif) no-repeat; height:40px; width:40px; text-align:center; line-height:40px; color:#FFF; font-size:14px; font-weight:bold; position:absolute; margin:-27px 0 0 -46px; cursor:default}