body { font-family:Arial, Helvetica, sans-serif; font-size:.7em; color:#545454; margin:0; padding:0; background-color:#FFFFFF}/*LN : Changement de #848484 en #545454 pour foncer le gris car illisible*/ .bodyBlanc{ font-family:Arial, Helvetica, sans-serif; font-size:.7em; color:#545454; background-color:White}/*LN : Changement de #848484 en #545454 pour foncer le gris car illisible*/ * {margin:0;padding:0; border:0} a{color:#666;text-decoration:none; } a:hover{ color:#f29300; } p{margin:0 0 8px 0;} ul{list-style-type: none; margin:0 0 8px 10px; } li {background:url(../images/Version3/puce.gif) no-repeat 0 0; padding-left: 1.2em;margin:4px 0 0 0; } ul ul li {background:url(../images/Version3/puce_orange.gif) no-repeat 0 .4em; padding-left: 1em;margin:4px 0 0 0; } ul ul ul li {background:url(../images/Version3/puce_grise.gif) no-repeat 0 .4em; padding-left: 1em;margin:4px 0 0 0; } .sep {display:block; clear:both;background:url(../images/Version3/bas-pdt.gif) left bottom repeat-x; padding: 0 0 10px 0} .margd{margin-right:12px; float:left;} /* ########## MISE EN PAGE DES COLONNES ########## */ #bandeau{width: 1034px; height: 173px; margin:0 auto; padding:0; position: relative; background:url(../images/Version3/haut_fond.jpg) no-repeat top left #fff;color:#A06B16; font-size:1em; font-weight:bold; line-height:1.4em; z-index:99; /*overflow:hidden*/} div.firstLine {margin: 0 0 0 30px; padding: 5px 0 0 0} #gauche{width: /*241-231*/201px; position: absolute; left:2px; z-index:0} #centre{width: /*545-565*/611px; position: absolute;left:/*241-231-*/203px; background:#FFF; z-index:0; padding: 5px 0 0 0} #centrePetit{width:100%; position: absolute;left:0px; right:0px; background:#FFF; z-index:0} /* LN : Ajout pour les petites fenêtres*/ #droite{width: 220px; position: absolute; left:818px; z-index:0} #footer{width: 1034px; height: 259px; text-align: center; position: absolute; bottom:0; background: url(../images/Version3/bg-footer.jpg) center bottom no-repeat #fff; color:#603813 } #footer a{border:0;font-size:10px; text-decoration:none; color:#603813} #footer a:hover{font-size:10px; color:#603813;text-decoration:underline; } #footer div.rubFooter {width:90%; margin:0 auto; overflow:hidden} #footer div.rubFooter ul{float:left; display:block; margin:0 1px} #footer div.rubFooter ul li {background:none;} #footer div.rubFooter ul li a, #footer div.rubFooter ul li a:hover {font: normal 12px Arial, Helvetica, sans-serif} #footer div.rubFooter ul li.mainRub a, #footer div.rubFooter ul li.mainRub a:hover{ text-transform:uppercase; font: bold 12px Arial, Helvetica, sans-serif} .lienpied{display:block; width:100%; height:100%;padding-top:20px; clear:both} /* css pour les falsh clickables sous Internet explorer*/ #flashbouton {position:relative} #flashbouton a{ z-index:100; position:absolute; top:0; left:0; display:block} #flashbouton div{ z-index:99; position:absolute; top:0px; left:0; display:block} #flashcatalogue {position:relative} #flashcatalogue a{ z-index:100; top:0px; left:-80px; display:block; position:absolute;} #flashcatalogue div{ z-index:99; top:0px; left:0px; display:block} .logo{margin-top:20px; float:left; margin-bottom:20px; margin-left:150px;} #lang{float:right; text-align:right; padding-right:35px;}/* NL plus de width*/ .image {cursor:pointer;} /* Haut */ .divbandeau {margin:0; margin-left:35px} .divbandeau h1{font-size:1em; line-height:0em} #haut1{width:100%; height:22px;} #moncompte a{color:#C1272D; text-decoration:underline; font-size:1em} #moncompte a:hover{color:#C1272D; text-decoration:underline; font-size:1em} #moncompte .MonCompte a{color:#C1272D; text-decoration:none; font-size:1em;font-weight:bolder;} #moncompte .hautcompte{height:57px; margin-top:1px; padding-top:1px;} #moncompte .hautpanier{/*background:url(../images/Version3/haut_panier.gif) 0 15px no-repeat; */width:50%; height:57px;float:right; padding-top:5px;} #moncompte .hautpanier img{ float:left;margin-top:-2px;} #moncompte .hautarticles{width:100%; height:23px;float:left; margin-top:0px;background:url(../images/Version3/haut_moncompte_articles.gif) no-repeat; padding-top:2px} #moncompte .hautarticles a {text-decoration:none; font-size:1em} /* menu de navigation */ #menu { border:0;margin:0; padding:0; list-style:none; clear:both; text-align:center;} #menu li {display:inline; float:left;width:auto; background:url("../images/Version3/onglet_left.gif") no-repeat left top;margin:0; padding:0; margin-left:1px; padding-left:11px; } #menu a {display:block; float:left; background:url("../images/Version3/onglet_right.gif") no-repeat right top ; padding:0px 15px 0px 6px; text-decoration:none; color:#ac0f47;font: normal 1.1em arial, sans-serif; font-weight: bold; font-variant:small-caps; height:28px; line-height:25px; } #menu a:hover {color:#ac0f47;} #menu .active {background-image:url("../images/Version3/onglet_left.gif");} #menu .active a {background-image:url("../images/Version3/onglet_right.gif"); color:#ac0f47; padding-bottom:0px; } #menu .active a:hover {color:#ac0f47;} /* ########## NAVIGATION ########## */ .navigation{width:98%; color:#CC0017}/** LN pas de margin top*/ .navigation a{display:block; color:#4c4c4c; font-weight:bold;cursor:pointer; } .retourHaut {width:100%; height:20px; background:url(../images/Version3/bas-pdt.gif) left bottom repeat-x} .retourHaut a{display:block; float:left; width:100%; height:15px; text-align:right; background:url(../images/Version3/fleche_haut.gif) no-repeat 86% 0;color:#4c4c4c; font-weight:bold;} .navigation ul{ text-align:center; list-style-type:none; height:31px; margin:0} .navigation li{ float:left; background-image:none; padding:6px 0 0 1px; margin:0 1px; height:31px; color:#0098D7} .navigation li.pages{width:140px; float:left; font-weight:bold; text-align:left; } .navigation li.fond{background:url(../images/Version3/navigation_a.gif) repeat-x top left;} .navigation li a {display:block; float:left; height:31px;padding:6px 6px 6px 6px; margin-top:-6px; color:#0098D7} .navigation li.fond a{margin-top:-6px;padding-top:6px; color:#fff} .navigation .gris a{color:#000} .navigation p{color:#848484; clear:both; text-align:right; margin:0} /* ########## Gauche ########## */ #gauche h1{background:url("../images/Version3/h1_fond.gif") no-repeat left top; color:#FFF; font-size:1.1em; font-weight:bold; height:29px;width:125px; line-height:25px; text-align:left; padding: 7px 0 0 35px} #gauche h2{background:url("../images/Version3/h1_fond.gif") no-repeat left top; color:#FFF; font-size:1.1em; font-weight:bold; height:29px;width:125px; line-height:25px; text-align:left; padding: 7px 0 0 35px} #gauche h1.deuxlignes {line-height:12px} #gauche .divgauche{padding-top:2px; width:/*211-201*/171px; float:right} #gauche .encart{margin-bottom: 20px;} #gauche .encart a {color:#A06B16; font-weight:bold} #gauche .encart a:hover {color:#77540C} #gauche .tel{color:#df7100; font-weight:bold; padding:5px 0 0 0; margin-left:10px; background:url("../images/Version3/gauche_tel_fond_grand.gif") no-repeat left top;width:155px; height:50px; line-height:14px;} #gauche .tel .AlloCmd{font-size:0.9em; margin-left:45px;} #gauche .tel .Numero{font-size:1.3em; margin-left:45px;} #gauche .tel .Paiement{font-size:0.8em; margin-left:105px;} #rose{background:url("../images/Version3/gauche_bg.gif") repeat-x left top #fdedc9;clear:both;padding-left:1px; color:#FFF; font-size:1em; width:160px; } #rose ul{width:/*200-190*/160px; list-style-type:none; margin:0; padding:0; border-top:1px solid #d0e4f5; text-align:center; } #rose li {/*border-top:1px solid #CC0017;*/ border-bottom:1px solid #fff;width:100%; background-image:none; margin:0; padding:0; padding-top:8px; padding-bottom:8px } #rose .txtblanc{display:block;color:#FFF; font-weight:bold; font-size:1.2em; line-height:18px; text-align:center; padding-left:55px; margin-top:5px} #rose .txtblanc a{color:#FFF; } #rose .txtrose{color:#DF7100; font-weight:bold; font-size:1.2em;text-align:center; } #rose .txtrose a{color:#fff; text-decoration:none;display:inline} #rose .commanderapide{background:url("../images/Version3/ico-cmd-rapide.gif") no-repeat 15px 5px;height:50px; } #rose .suivicommande{background:url("../images/Version3/ico-suivi-cmd.gif") no-repeat 4px 0;height: 50px; } #rose .catalogueinteractif {color:#FFE333; font-weight:bold} #rose li span.blanc12{color:#FFE333; font-weight:bold} #rose .newsletter{color:#DF7100; font-weight:bold;border-bottom:0} #rose .newsletter img{margin-top:3px;} #rose .newsletter a{color:#DF7100; text-decoration:none;} #rose .newsletter input.champcontact, #rose .recherche input.champcontact {margin: 0 0 0 3px; width: 115px} #rose .newsletter input.ok, #rose .recherche input.ok {color:#000; background-color:#FFF} #rose .recherche{background:url("../images/Version3/loupe.gif") no-repeat 2px 5px;color:#DF7100;} #rose .recherche img{margin:12px 0 3px 0;} .rosebas{background:url("../images/Version3/gauche_bas.gif") no-repeat left top; width:/*210-200*/170px; height:27px;border:0;margin-bottom: 10px} /* ########## Droite ########## */ #droite .divdroite{width:/*210-202*/186px;margin-top:2px;text-align:center} #droite .encart{margin-bottom:5px; clear:both; } /* cadeau */ #droite .divdroite{width:/*210-202*/186px;margin-top:2px;text-align:center} #droite .encart{margin-bottom:5px; clear:both; } /* cadeau */ #droite .cadeau{} #droite .cadeauhaut{ background:url(../images/Version3/bg-droite-cadeau.gif) no-repeat #fff;width:100%; height:280px; color:#791619; } #droite .cadeau h2{color:#fff; display:block; width:48%; float:left; font-size:1.2em; font-family: Arial; font-style:italic;padding-top:5px; cursor:pointer} #droite .cadeau h3{color:#fff; display:block; width:100%;float:left;font-size:1.5em; font-family: Arial; font-weight:bold; margin-top:32px; margin-bottom:5px; } #droite .cadeaubas{ background:url(../images/Version3/bas-droite-cadeau.gif) no-repeat; width:100%; height:52px; color:#fff;font-weight:bold; font-size:1.1em;} #droite .cadeauliens{ text-align:left; margin-top:10px} #droite .cadeauliens a{ text-decoration:underline; color:#4099AD;} #droite .cadeauliens /*img*/input{ float:left; border:0;margin-left:15px; margin-right:10px;}/*NL changement de img en input*/ /* panier */ #droite .panier{ float:left; width:100%;background:url(../images/Version3/droite_panier_fond.gif) repeat-y; margin-top:10px; color:#004360;line-height:18px;} #droite .panier .prix{ font-size:1.3em;} #droite .panierhaut{ float:left; width:100%;background:url(../images/Version3/droite_panier_haut.gif) no-repeat top left; height:30px; padding-top:15px;} #droite .panierhaut a{ font-size:1.3em; font-weight:bold; color:#fff; padding-left:20px; line-height:10px} #droite .panierbas{background:url(../images/Version3/droite_panier_bas.gif) no-repeat bottom left; width:100%; height:28px; clear:both; padding:15px 0;} #droite .panierbas a{display:block; width:112px; height:20px; line-height:20px; background:url(../images/Version3/droite_btCommander.gif) no-repeat top center ; margin:0 auto; font-weight:bold; font-size:1.3em;color:#fff} /* encart evenementiel */ #droite .evenement{margin: 20px 0 0 0 } /* coup de coeur */ #droite .coupcoeur{ background:url(../images/Version3/droite_coupcoeur_fond.jpg) repeat-x top #b8b9be} #droite .coupcoeurhaut{width:100%; height:30px; background:url(../images/Version3/droite_coupcoeur_haut.jpg) no-repeat top left; padding-top:25px;} #droite .coupcoeurhaut a{font-size:1.3em; font-variant:small-caps; font-weight:bold; color:#c91355} #droite .coupcoeurbas{width:100%; background:url(../images/Version3/droite_coupcoeur_bas.jpg) no-repeat bottom left; padding-bottom:25px;} #droite .coupcoeurbas a { display:block;color:#c91355; margin-top:5px; font-weight:bold} #droite .coupcoeurbas .commande{ display:block; color:#000000; margin-top:5px; font-weight:bold; text-decoration:underline; cursor:pointer;} /* Marianne TV */ #droite .tv{color:#FFF; line-height:12px} #droite .tvhaut{ background:url(../images/Version3/droite_tv_haut.jpg) no-repeat top left; height:58px;padding-top:15px; padding-left:55px; } #droite .tvhaut a{color:#f1bbd7; font-weight:bold; font-size:1.3em; line-height:16px;} #droite .tvcentre{display:block; float:left; width:100%; height:216px; color:#c91355; font-variant:small-caps; font-weight:bold; padding-top:15px; font-size:1.8em; line-height:25px; } #droite .tvcentre .vert{ font-variant :normal; color:#938404; font-style:italic; font-family:Georgia, Verdana} /* ########## CENTRE ########## */ #centre .divcentre{margin:0 1px 5px 1px; width:/*543*/99%; display:table } #navig {color:#4c4c4c;margin:10px 0 5px 0} #navig span.bleu {color:#0098D7} /*#navig a {color:#C1272D; cursor:pointer}*/ #navig a:hover{color:#0098D7} #centre h1{ font:bold 2em Arial, Helvetica, sans-serif; color:#4C4C4C; text-align:center; line-height:54px; letter-spacing:0; width:100%; clear:both}/** NL plus de width*/ #centre h1.une {display:block; width:100%; height:54px; background:url(../images/Version3/bg-h1-centre.gif) 0 0 no-repeat;} #centre h1.une span.cd {display:block; background:url(../images/Version3/picto-cd.gif) 0 2px no-repeat; margin: 0 0 0 140px; padding:0 0 0 70px} #centre h1.une span.dvd {display:block; background:url(../images/Version3/picto-dvd.gif) 0 0 no-repeat; margin: 0 0 0 130px; padding:0 0 0 70px} #centre h1.une span.coupdecoeur {display:block; background:url(../images/Version3/picto-coupdecoeur.gif) 0 0 no-repeat; margin: 0 0 0 100px; padding:0 0 0 70px;} #centre h1.uneAffiliation{ font-family:Georgia,Verdana; font-weight:bold; font-style:italic; font-size:2.3em; color:#0098d7; margin:2px 0 0 0; text-align:center; height:34px; line-height:34px; letter-spacing:1px; margin-top:0; width:100%}/** NL Affiliation*/ #centre .page404{ font-family:Georgia,Verdana; font-weight:bold; font-style:italic; font-size:2.3em; color:#000000; margin:2px 0 0 0; text-align:center; height:34px; line-height:34px; letter-spacing:1px; margin-top:0; width:100%}/** NL Affiliation*/ #centre h2.uneAffiliation{ font-family:Georgia,Verdana; font-weight:bold; font-style:italic; font-size:1.5em; color:#0098d7; margin:2px 0 0 0; text-align:center; height:34px; line-height:34px; letter-spacing:1px; margin-top:0; width:100%}/** NL Affiliation*/ #centre span.ssTitAffiliation{ font-family:Georgia,Verdana; font-weight:bold; font-style:italic; font-size:1.5em; color:#a7d2db; margin:2px 0 0 0; text-align:center; height:34px; line-height:34px; letter-spacing:1px; margin-top:0; width:100%}/** NL Affiliation*/ #centre span.ssTitAffiliation2{ font-family:Georgia,Verdana; font-weight:bold; font-style:italic; font-size:1.1em; color:#a7d2db; margin:2px 0 0 0; text-align:center; height:34px; line-height:34px; letter-spacing:1px; margin-top:0; width:100%} #centre h1.cuisine{font:normal normal 1.8em/1.0em Arial, Helvetica, sans-serif; padding:0 0 0 0; width:99%; border-bottom:1px solid #cccccc;color:#ef4181;} #centre h1.une span font, #centre h1 span font {color:#0098D7; font:bold 1em Arial, Helvetica, sans-serif; } #centre h1 .sstitre{color:#d4b388;} #centre h2{font: normal 1.3em/1.6em Arial, Helvetica, sans-serif;color:#d4b388; margin:5px 0 8px 0; } #centre h3{font-family: normal 1.3em Arial, Helvetica, sans-serif; color:#f29300; margin:5px 0 8px 0; clear:left; } #centre h4{font-family:bold 1.1em Arial, Helvetica, sans-serif; color:#848484; margin:0 0 8px 0; } .NetAffiliation { background-image:url(../images/Version3/logoNetaffiliation.gif); width:208px; height:54px; border:0px;} .PublicIdees { background-image:url(../images/Version3/logoPublicIdees.jpeg); width:208px; height:54px; border:0px;} .catalogueUne, .catalogue{ width:99%; float:left; margin:0 0 15px;} .catalogueUne dl{margin: 8px 0;padding:0px 0 18px 0 ;float: left; width:49%; } .catalogueUne dt, dl.resumPdt dt{float:left;width:135px; height:130px; margin-right:5px;} .catalogueUne dt img, .catalogue dt img, dl.resumPdt dt img {border:0 } .catalogueUne dd.titre, dl.resumPdt dd.titre{color:#4C4C4C; font-size:1.2em; height:80px; } .catalogueUne dd.titre a, dl.resumPdt dd.titre a {font-weight:bold} .catalogueUne dd.titre a:hover, dl.resumPdt dd.titre a:hover {color:#444} .catalogue dd.titre{color:#4C4C4C; font-size:1.2em; font-weight:bold; padding-top:5px; /*width:450px*/} .catalogueUne dd.panier a, dl.resumPdt dd.panier a {background:url(../images/Version3/plus.gif) 0 0 no-repeat; padding:0 0 0 20px} .catalogueUne .titre{color:#787878; font-size:1.2em; height:85px; } .catalogue .titre{color:#787878; font-size:1.2em; padding-top:5px} .ref{color:#d4b388; font-size:1.2em; } .description{color:#4c4c4c; font-size:1.2em; /*width:450px*/ } .prix{color : #cc0017; font-weight:bold; margin-bottom:5px; margin-top:8px;} .euros{color : #cc0017; font-size:1.1em } dd .prix{font-size:1.8em;} .catalogueUne .panier a{ background:url(../images/Version3/plus.gif) no-repeat left; padding-left:20px; line-height:25px;color:#787878; font-size:1.1em;width:35%; } .catalogueUne .prixbarre2{text-decoration:line-through; } /**LN : Ajout du prix barré sur la HomePage*/ .catalogueUne .lien a, .catalogue .lien a, dl.resumPdt .lien a{color:#FFF; background-color:#999; display:block;float:left; padding:0px 8px; text-align:center; font-size:1.1em;margin-top:5px } .catalogue dl{width:100%; overflow:hidden; padding: 10px 0 } .catalogue dt{float:left;width:135px; height:130px; margin-right:5px;} .catalogue dd a.ecouterExtrait{display:block; height:20px; font: bold 1.2em Arial, Helvetica, sans-serif; text-decoration:underline; color:#DF7100; padding: 0 0 0 25px; background:url(../images/Version3/puce-ecouter.gif) 2px 2px no-repeat } .catalogue div.etiquette {display:block; float:right; clear:right;height:50px; width:111px; margin-top:-70px} .catalogue a.panier {display:block; float:right; clear:right; margin:0; background:url(../images/Version3/bg-btn-panier.gif) center 0 no-repeat; height:24px; width:144px; color:#fff; } .catalogue a.panier span {display:block; height:100%; cursor:pointer; text-align:left; line-height:22px; color:#fff; font-size:12px; font-weight:bold; margin-left:30px} .catalogue .coupcoeur, .catalogue .marque{ float:right; margin-right:20px;} .catalogue dl.noborderbottom{border-bottom:0} .catalogue .prixbarre2, dl.resumPdt .prixbarre2{text-decoration:line-through; } /**LN : Ajout du prix barré sur les rayons*/ .panierRecherche { display:block; float:right; clear:right; margin:0; background:url(../images/Version3/bg-btn-panier.gif) center 0 no-repeat; height:24px; width:144px; color:#fff; margin:10px auto; padding-left:30px; line-height:25px; font-size:1.1em; font-weight:bold;}/** NL pas de width*/ /*.panierRecherche { background:url(../images/Version3/catalogue_panier.gif) no-repeat left; padding-left:15px; line-height:28px;color:#CC0017; font-size:1.1em; } */ .produitDuMois { background:url(../images/Version3/h1_fond-centre.jpg)} /* ########## FICHE PRODUIT ########## */ .detailproduit{margin-top:20px; width:600px;} .detailproduit div.haut {width:100%; clear:both; overflow:hidden} .detailproduit div.infosG {float:left; border:1px solid #ddd; padding: 0 0 0 10px; overflow:hidden; width:405px } .detailproduit .photo{float:left; width:160px; /*border-right:1px solid #ddd;*/} .detailproduit .photo img{margin:0 auto} .detailproduit a.zoom {display:block; float:left; width:120px; margin: 5px 0 0 0; background:url(../images/Version3/loupe-2.gif) 0 0 no-repeat; height:29px; padding-left:30px; line-height:25px} .detailproduit .present{float:right; width:218px; padding:10px; border-left:1px solid #ddd; border-bottom:1px solid #ddd} .detailproduit div.etiquette {float:right; clear:right; border:1px solid #ddd; border-right:0; border-top:0; padding:10px; width:218px;} .detailproduit div.noteInternaute {float:right; clear:right; border-left:1px solid #ddd; padding:10px; width:218px} .present p.titre {font:bold 12px Arial, Helvetica, sans-serif} .present p.titre span.detail {font-weight:normal} .present .prix{font-size:1.8em;} .present .prixbarre{font-size:1.4em; text-decoration:line-through;} .present .prixbarre2{font-size:1.4em; text-decoration:line-through; } .present .espacement{margin-right:15px} .present .description{margin:20px 0 25px 0 } div.encartPrix {float:right; width:160px; padding:10px 5px; background-color:#EDEDED; text-align:center} div.encartPrix a.panier {display:block; width:113px; margin:10px auto; background:url(../images/Version3/bg-btn-panier.gif) 0 0 no-repeat; height:24px; padding-left:30px; line-height:22px;color:#fff; font-size:1.1em; font-weight:bold} div.encartPrix .prix{font-size:1.8em;} div.encartPrix .prixbarre{font-size:1.4em; text-decoration:line-through;} div.encartPrix .prixbarre2{font-size:1.4em; text-decoration:line-through; } div.encartPrix .espacement{margin-right:15px} div.services {float:right; width:170px; height:75px; margin:5px 0 0 0; clear:right; border:1px solid #ddd; padding: 0 0 15px 0} #centre div.services h1 {display:block; height:16px; text-align:center;font: bold 10px Arial, Helvetica, sans-serif; letter-spacing:-0.01em; color:#fff; background:url(../images/Version3/bg-titre-services.gif) 0 0 repeat-x; margin-bottom:10px} div.services ul li {background:url(../images/Version3/puce-services.gif) 0 0 no-repeat; padding: 0 0 0 25px; margin: 8px 0} div.services ul li a:hover{color:#4c4c4c} .loupe {line-height:25px;cursor:pointer;}/** NL ajout du pointeur main*/ .loupe img{float:left;cursor:pointer;}/** NL ajout du pointeur main*/ div.dispo{float:left; clear:both;width:98%; margin-top:10px} p.dispo{ } .dispo .rond{margin:0 5px 0 10px; } .dispoTa{margin-bottom:40px;} .dispoTa th{ font-weight:normal; font-style:italic; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; text-align:left;} .dispoTa td{padding:2px 0 2px 5px; } .dispoTa .traltern{ background-color:#faf6e1} .dispoTa a.panier { float:left; background:url(../images/Version3/produit_panier.gif) no-repeat right; text-align:center; line-height:10px; color:#CC0017; font-size:0.9em; padding-right:15px; padding-left:5px; padding-top:5px; padding-bottom:5px;} .dispoTa .center{ text-align:center} .aussi{float:left; width:100%; clear:both; margin:10px 0 0 0; padding:0; font-size:1em} .aussi li{margin:0; padding:0; width:600px; background:url(../images/Version3/produit_ombre_droite.gif) repeat-y top right #FFF; float:left;} .aussi li.titre{margin:0; width:96%; padding:8px 10px; width:580px; background:url(../images/Version3/produit_ombre_titre.gif) no-repeat top right #FAF6E0;color:#CC0017; font-size:1.2em; font-weight:bold} .aussi dl{margin:0; padding:8px 10px; width:579px; float:left; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;} li.ombrebas, div.ombrebas{ float:left; background:url(../images/Version3/produit_ombre_bas.gif) no-repeat top left; width:595px; height:8px;border:0} div.ombrebas {margin-bottom:1px} .aussi .catalogue dt{float:left;width:80px; height:80px; margin-right:5px;} .aussi dd .prix{font-size:1.3em;} .aussi .euros{color : #CC0017; font-size:1.0em } .aussi .lien {clear:both;} .aussi .catalogue{margin-top:0px;} .aussi .catalogue dt img{border:1px solid #cccccc; padding:2px} .divFicheProduit {float:left; width:567px;} .navProduits{float:left; width:300px; margin-top:10px; text-align:center; } .navProduits a.previous{cursor:pointer; background:url(../images/Version3/fleche_gauche.gif) no-repeat right; padding-right:20px; text-align:right; } .navProduits a.next{cursor:pointer; background:url(../images/Version3/fleche_droite.gif) no-repeat left; padding-left:20px; text-align:left;} .associes{float:left; width:100%; margin-top:10px; text-align:center; } .associes img{ margin:0 5px; border:1px solid #f29300; padding:2px} .associes div{display: table; width:360px; height:20px;margin:0 auto;} .associes span{ width:120px; height:20px ; float:left; } .associes span.space{ width:10px; height:20px ; float:left; } .associes a.previous{cursor:pointer; background:url(../images/Version3/fleche_gauche.gif) no-repeat right; padding-right:20px; text-align:right; } .associes a.next{cursor:pointer; background:url(../images/Version3/fleche_droite.gif) no-repeat left; padding-left:20px; text-align:left;} /* ##### ONGLETS ##### */ .onglets { border:0;margin:0; padding:0; list-style:none; display:block;clear:both; text-align:center;} .onglets li {display:inline; float:left;width:auto;margin:0; padding:0 10px 0 0; margin-right:10px; background-image:none ;background:url("../images/Version3/ongletpr_right.gif") no-repeat right top; cursor:pointer;} .onglets a {display:block; float:left; padding:0px 15px 0px 50px; text-decoration:none; color:#4c4c4c;font: normal 1.1em arial, sans-serif; font-weight: bold; height:36px; line-height:36px;} .onglets li a.onglet01{background:url("../images/Version3/ongletpr_info_left.gif") no-repeat left top ; } .onglets li a.onglet02{background:url("../images/Version3/ongletpr_avis_left.gif") no-repeat left top ; } .onglets li.Over {margin:0; padding:0 10px 0 0; margin-right:10px; background:url("../images/Version3/ongletpr_right2.gif") no-repeat right top;} .onglets li.Over a.onglet01 {background:url("../images/Version3/ongletpr_info_left2.gif") no-repeat left top ; color:#FFF; padding:0px 15px 0px 50px;} .onglets li.Over a.onglet02{background:url("../images/Version3/ongletpr_avis_left2.gif") no-repeat left top ; color:#FFF; padding:0px 15px 0px 50px;} .onglets li.Selected{margin:0; padding:0 10px 0 0; margin-right:10px; background:url("../images/Version3/ongletpr_right2.gif") no-repeat right top; } .onglets li.Selected a.onglet01{background:url("../images/Version3/ongletpr_info_left2.gif") no-repeat left top ; color:#4c4c4c; padding:0px 15px 0px 50px;} .onglets li.Selected a.onglet02{background:url("../images/Version3/ongletpr_avis_left2.gif") no-repeat left top ;color:#4c4c4c; padding:0px 15px 0px 50px;} .onglets li.Over a.onglet01:hover, .onglets li.Over a.onglet02:hover{color:#792e10} .ongletcontenu{display:table-cell;float:left; width:568px; clear:both; border:1px solid #e6e6e6;background:url(../images/Version3/produit_ombre_droite.gif) repeat-y top right #FFF; border-right:0; padding:15px;} .ongletcontenu h3{ font-size:1.2em} .diaporama{display:block; clear:both;margin:0; padding:0} .diaporama li{display:inline; float:left;margin:0 10px 10px 0;padding:0; background-image:none} .diaporama li img{border:1px solid #cccccc; padding:2px} .avis a{display:inline;line-height:27px;height:27px;color:#CC0017; text-decoration:underline;} p.avis a.left {background:url("../images/Version3/picto_avis.gif") center left no-repeat; padding-left:30px;} p.avis a.right {background:url("../images/Version3/picto_conseiller.gif") center left no-repeat; padding-left:30px;} .avis a img{display:inline;} .avis2 a{display:block; width:100%;height:60px; text-decoration:none; text-align:center;color:#ef4181;margin-bottom:15px;} .avis2 a img{ text-decoration:none;} div.avis2 {width:300px; float:right; clear:right; overflow:hidden} div.avis2 a.donnerAvis{display:block; width:100%;height:50px; line-height:40px; font-size:12px; background:url(../images/Version3/picto_bulle.gif) 0 0 no-repeat; text-decoration:underline; text-align:center;color:#0098D7;margin-bottom:15px; } .ulavis{margin:0; padding:0; width:100%; float:left; clear:both} .ulavis div.avisg {width:150px; float:left} .ulavis div.avisd {float:left; width:385px; border-left:1px solid #ddd; padding: 0 5px 0 15px} #centre .ulavis div.avisd h1 {font-size:15px} .ulavis ul.avisUtile {width:260px; margin:0} .ulavis ul.avisUtile li {background:url(../images/Version3/puce-fleche-bleue.gif) 0 3px no-repeat; margin: 0 0 10px 0} .ulavis ul.avisUtile li a.btGris {display:block; float:right; text-decoration:none; margin: 0 5px 0 0;height:18px; font-weight:bold; line-height:18px; color:#fff; padding: 0 10px; text-transform:uppercase; background:url(../images/Version3/bg-titre-services.gif) 0 0 repeat-x #58585a} .ulavis div.stars {float:left; width:100%; clear:both; border-bottom:1px solid #ddd; padding: 10px 0 15px; margin: 0 0 15px} .ulavis p.nom{ font: bold 1.1em Arial, Helvetica, sans-serif; } /*.ulavis li{margin:10px 0 0 0; padding:10px;display:block;float:left; clear:both; background-image:none; width:543px;border:1px solid #e6e6e6} .ulavis fieldset{margin:10px 0 0 0; padding:10px;display:block;float:left; clear:both; background-image:none; width:543px;border:1px solid #e6e6e6} .ulavis li img{float:right; } .ulavis img{float:right; } .ulavis .nom{ font-size:1.1em} .ulavis .sujet{float:left; clear:both; color:#CC0017;font-size:1.1em} .ulavis .description{float:left; clear:both; }*/ .autrespages{color:#88541B;float:left; clear:both;width:564px; margin:0; padding:4px 20px 4px 15px; text-align:right; background:url(../images/Version3/produit_ombre_droite.gif) repeat-y top right #ebe6df; } .autrespages a { color:#7f128a; text-decoration: underline;} /* ########## ########## */ .imggauche{margin: 0 15px 5px 0;float:left; border:1px solid #cccccc} .imgdroite{margin: 0 10px 5px 10px;float:right; border:1px solid #cccccc} .clearboth{clear:both} .block {display: block; float: left} .inline {display: inline} .bold {font-weight: bold} .cadregris {border: 1px solid #cccccc;} .left{float:left} .right{float:right} .marginleft10{margin-left:10px} .marginright10{margin-right:10px} .droite{float:right;} .nobordertop{border-top:0} .rose{color:#CC0017} .roseFond{background-color:#CC0017} .grisroseFond{background-color:#dac2d8} .roseClair{background-color:#f3afc7;color:White;} .roseClairGras{background-color:#f3afc7;color:White;font-weight:bold;} .grisClairGras{background-color:#cae4ef;color:#CC0017;font-weight:bold;} .grisClairGras16{background-color:#cae4ef;color:#CC0017;font-weight:bold;font-size:16px;} .violetGras{color:#88541B;font-weight:bold;} .gris{color:#4c4c4c} .traitGris{background-color:#848484;width:100%;height:1px;} .traitGrisClair{background-color:#cccccc;width:100%;height:1px;} .traitGrisVertical{background-color:#848484;} .traitRose{background-color:#848484;width:100%;height:1px;} .panierVide{font-weight:bold; padding-left:10px} .rose11C{color:#0098d7;font-size:11px;} .rose16{color:#0098d7;font-size:16px;} .rose18{font:bold 18px Arial, Helvetica, sans-serif; color:#0098d7;} .rose16G{color:#0098d7;font-size:16px;font-weight:bold;} .violet15{color:#4C4C4C;font-size:15px;} .violet15G{color:#4C4C4C;font-size:15px;font-weight:bold;} .violet16G{color:#802591;font-size:16px;font-weight:bold;} .violet18G{color:#4C4C4C;font-size:18px;font-weight:bold;} .cadreViolet{border:1px solid #e6e6e6;background:url(../images/Version3/produit_ombre_droite.gif) repeat-y top right #0098d7; border-right:0; width:99%; } .cadreViolet span{font-family:Arial, Helvetica, sans-serif;font-size:14px; color:#ffffff; font-weight:bold; padding-left:10px;} .cadreVioletSB{background-color:#0098d7; } .cadreVioletSB span{font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#ffffff; font-weight:bold; padding-left:10px;} .petitcadreViolet{border:1px solid #e6e6e6;background:#0098d7; width:99%; } .petitcadreViolet span{font-family:Arial, Helvetica, sans-serif;font-size:12px; color:#ffffff; font-weight:bold; padding-left:10px;} .nounderline {text-decoration: none} .noborderbottom{border-bottom:0} .underline{ text-decoration:underline} .champcontact { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; border: 1px #cccccc solid; background-color: #FFF; padding-left:3px; padding-top:1px; padding-bottom:1px;} .champcontacterreur { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; border: 1px #880000 solid; background-color: #aa0000; color: #FFFFFF;} /** CSS pour les boutons*/ .send{font-family: Arial, Helvetica, sans-serif; font-size: 13px;font-weight:bold; border: 1px solid #005380; background:url(../images/Version3/bg_th.gif) top left repeat-x #007ec3; color: #fff; height: 30px; padding:5px; margin:0;cursor:pointer; } .send2{font-family: Arial, Helvetica, sans-serif; font-size: 13px;font-weight:bold; border: 1px solid #84c7eb; background:url(../images/Version3/bg_buttonsend.gif) top left repeat-x #005f95; color: #fff; height: 30px; padding:5px; margin:0;cursor:pointer;} .sendPanier{font-family: Arial, Helvetica, sans-serif; font-size: 13px;font-weight:bold; background:url(../images/Version3/bt_accespanier.gif) no-repeat left #fff; color: #fff; padding:10px 10px 10px 55px; margin:0;cursor:pointer;} .sendPanierSelect{font-family: Arial, Helvetica, sans-serif; font-size: 13px;font-weight:bold; background:url(../images/Version3/bt_accespanier_over.gif) no-repeat left; padding:10px 10px 10px 55px;color: #fff; margin:0;cursor:pointer;} .sendAchats{font-family: Arial, Helvetica, sans-serif; font-size: 13px;font-weight:bold; background:url(../images/Version3/bt_poursuivre.gif) no-repeat left #fff;color:#fff; padding:10px 10px 10px 55px; margin:0;cursor:pointer;} .sendAchatsSelect{font-family: Arial, Helvetica, sans-serif; font-size: 13px;font-weight:bold; background:url(../images/Version3/bt_poursuivre_over.gif) no-repeat left #CC0017; padding:10px 10px 10px 55px; color:#fff; margin:0;cursor:pointer;} .erreur{color:#be0d0d; font-family:Trebuchet MS;font-size:10px;font-weight:bold} /* menu Horizontal bandeau haut A ajouter 29 10 2007*/ .menuHaut {width:970px; border:0;margin:0 auto; padding:0px; list-style:none; clear:both; text-align:center; z-index:999;cursor:pointer;} .menuHaut dt {float:left; background:url("../images/Version3/bg-menu.gif") repeat-x left top;margin:0; padding:0; margin:0 1px; width:232px; height:28px; } .menuHaut dt a:hover {color:#1c4a5d; cursor:pointer} .menuHaut dt.active {background-image:url("../images/Version3/bg-menu_on.gif");} .menuHaut dt.active a {color:#fff;} .menuHaut dt.active a:hover {color:#1c4a5d; cursor:pointer;} /*.menuHaut dd {width: 230px; font: normal 11px arial, sans-serif; color: #999; background-image:none;border:1px solid #fff; background-color:White; top: 25px; position:absolute;} .menuHaut dd ul {margin:0; padding:0; border:1px solid #000000;} .menuHaut dd li {background-color:#f3f2f2; text-align:left; color: #fff; padding-left: 15px; height: 20px; line-height: 18px; margin:0px 2px 1px; } .menuHaut dd ul li a {color: #fff; text-decoration:none; background-image:none; font: 12px Arial, sans-serif; background-image:none; color:#545454;} .menuHaut dd ul li a:hover {color:#ef4181; cursor:pointer}*/ /* Derniers articles consultés*/ .pasDarticles {visibility:hidden;} .unArticle {visibility:visible;} .dernierArticles { border:0;margin:0; padding-top:10pt; list-style:none; clear:both; text-align:center; z-index:999;cursor:pointer; } .dernierArticles dt { margin:0; padding:0; margin-left:1px; padding-left:11px; background:url(../images/Version3/haut_moncompte_articles.gif) no-repeat;} .dernierArticles dt a {display:block; height:28px; font-weight:bold;} .dernierArticles dt a:hover {color:#550622; cursor:pointer} .dernierArticles dd {width: 340px; font: normal 11px arial, sans-serif; color: #fff; background-image:none;border:1px solid #fff; background-color:#99d2e2; top: 25px; position:absolute;} .dernierArticles dd ul {margin:0; padding:0; border:0;} .dernierArticles dd li {list-style-type:none; text-align:left; color: #fff; padding: 14px; height: 92px; line-height: 18px; background-image:none; margin:0 0 0px; } .dernierArticles dd ul li a {color: #fff; text-decoration:none; background-image:none; font: normal 13px arial; background-image:none; color:white;} .dernierArticles dd ul li a:hover {color:#ac0f47; cursor:pointer} .dernierArticles dd ul li a img {border:1px solid #3b90a8} /* Menu pays*/ .menuPays { border:0;margin:0; padding:0; list-style:none; clear:both; text-align:center; z-index:999;cursor:pointer;} .menuPays dt {float:left; margin:0; padding:0; margin-left:1px; padding-left:11px; } .menuPays dt a {display:block; padding:3px 10px 0px 6px; font: normal 11px arial, sans-serif; font-weight: bold; height:18px;} .menuPays dt img {display:block; padding:0px 10px 0px 6px; font: normal 11px arial, sans-serif; font-weight: bold; height:18px;} .menuPays dt a:hover {cursor:pointer} .menuPays dt.active a { padding-bottom:0px; } .menuPays dt.active a:hover { cursor:pointer;} .menuPays dd {width: 150px; font: normal 12px arial, sans-serif; color: #999; background-image:none;border:1px solid #fff; background-color:/*#b9babb*/White; top: 25px; position:absolute;} .menuPays dd ul {margin:0; padding:0; border:1px solid #000000; list-style-type: none;} .menuPays dd li {background-color:/*#CCCccc*/#f3f2f2; text-align:left; color: #fff; padding-left: 15px; height: 25px; line-height: 25px; margin:0px 2px 1px;} .menuPays dd ul li a {color: #fff; text-decoration:none; background-image:none; font: 12px Arial, sans-serif; background-image:none; color:/*white*/#545454; border:3px;margin:0;} .menuPays dd ul li img {padding-top:5px;} .menuPays dd ul li a:hover {color:/*#ac0f47*/#CC0017; cursor:pointer} /** CSS spéciale pour les tableaux*/ .margintop20 {margin-top:20px} .btnDroite {display: block; float: right; margin-right: 20px} .vignetteProduit {display: block; float: left; margin-right:10px} .center {text-align:center} label {padding-left:5px;padding-right:5px;padding-bottom:5px} /*table {background-color: #fff}*/ table th {background:url(../images/Version3/bg_th.gif) top left repeat-x #007EC3; color: #fff; font-size:12px} table .thClaire {background:url(../images/Version3/bg_buttonsend_clair.gif) bottom left repeat-x #ef4181; color: #fff; font-size:12px} #TableCoordonnees { background-color: #fff} #TableCoordonnees th {background:url(../images/Version3/bg_th.gif) top left repeat-x #007ec3; color: #fff; font-size:12px; height:30px; text-transform: uppercase} #TableCoordonnees td {background-color:#eeeeee; padding: 2px 5px 5px 15px; border-bottom:1px solid #fff; font-size:12px} #TableCoordonnees .explication{padding: 2px 5px 5px 15px; border-bottom:1px solid #fff; background-color:White; font-size:11px} #TableCoordonnees td input.blanc{font-family: Arial, sans-serif; font-size: 12px; background:White;} #TableCoordonnees td input{font-family: Arial, sans-serif; font-size: 12px; } .TableIdentification { background-color: #fff} .TableIdentification th {height: 22px; font-size: 14px; border-bottom: 2px solid #fff; text-transform: uppercase} .TableIdentification td {background-color:#eeeeee; padding: 7px 5px 5px 15px; border-bottom:1px solid #fff; font-size:12px;font-weight:bold;} .TableIdentification .explication{padding: 2px 5px 5px 15px; border-bottom:1px solid #fff; background-color:White; font-size:11px} .TableIdentification td input{font-family: Arial, sans-serif; font-size: 12px; font-weight:lighter; } fieldset {border: 1px solid #0098D7; padding: 15px} legend{color: #0098D7; font-size: 13px; font-weight: bold; } ##cmdEnCours {margin: 15px; width: 95%} #cmdHisto {margin: 15px; width: 95%} .tableListeCommandes {width: 100%} .tableListeCommandes td {text-align: center; padding:2pt; font-size:11px} .tableListeCommandes tr.alternate {background-color: #eeeeee} .divInformations {margin: 15px; width: 95%} .tableDetailsLivraison {width: 100%; background-color: #fff} .tableDetailsLivraison th {font-size: 11px; } .tableDetailsLivraison td {background-color:#eeeeee; width:50%; padding: 5px; } .tableDetailsLivraison .explication{padding: 2px 5px 5px 15px; border-bottom:1px solid #fff; background-color:White; font-size:11px} #cmdDetail {margin: 15px; width: 95%} .tableDetailsCommande {background-color:#fff; width:100%} .tableDetailsCommande th {height:22px; font-size: 11px; border-right: 1px solid #fff;padding-left:5px} .tableDetailsCommande tr.alternate {background-color: #eeeeee} .tableDetailsCommande td {padding:5px;} .tableDetailsCommande .principal{padding:5px; border-bottom:1px solid #cccccc} .tableDetailsCommande .explication{padding: 2px 5px 5px 15px; border-bottom:1px solid #fff; background-color:White; font-size:11px} .total {font-size: 12px; text-align: left; text-transform: uppercase; padding-left: 20px} td.contentTotal {padding:0} .tableRecapMontants {display: block; float: right;} .tableRecapMontants th {padding: 0 10px; text-align: left} .tableRecapMontants td {border:0; background-color:#eeeeee; text-align: center; font-weight: bold} .bordureRouge { border:1px solid #0098d7;} .bordureRougeDroite { border-right:1px solid #0098d7;} .bordureRougeTop { border-top:1px solid #0098d7;} /** Partie droite processus de commande*/ .identificationOn{width:100%; height:85px; background:url(../images/Version3/identification_on.gif) no-repeat center; font-weight:bold;} .identificationOn span.blanc11 {color:#fff; display:block; margin-top:20px} .identificationOff{width:100%; height:85px; background:url(../images/Version3/identification_off.gif) no-repeat center; font-weight:bold;} .identificationOff span.blanc11 {color:#4c4c4c; display:block; margin-top:20px} .recapPanierOn{width:100%; height:85px; background:url(../images/Version3/recapPanier_on.gif) no-repeat center; font-weight:bold;} .recapPanierOff{width:100%; height:85px; background:url(../images/Version3/recapPanier_off.gif) no-repeat center; font-weight:bold;} .recapPanierOn span.blanc11 {color:#fff; display:block; margin-top:20px} .recapPanierOff span.blanc11 {color:#4c4c4c; display:block; margin-top:20px} .modeLivraisonOn{width:100%; height:85px; background:url(../images/Version3/modeLivraison_on.gif) no-repeat center; font-weight:bold;} .modeLivraisonOff{width:100%; height:85px; background:url(../images/Version3/modeLivraison_off.gif) no-repeat center; font-weight:bold;} .modeLivraisonOn span.blanc11 {color:#fff; display:block; margin-top:20px} .modeLivraisonOff span.blanc11 {color:#4c4c4c; display:block; margin-top:20px} .moyenPaiementOn{width:100%; height:85px; background:url(../images/Version3/moyenPaiement_on.gif) no-repeat center; font-weight:bold;} .moyenPaiementOff{width:100%; height:85px; background:url(../images/Version3/moyenPaiement_off.gif) no-repeat center; font-weight:bold;} .moyenPaiementOn span.blanc11 {color:#fff; display:block; margin-top:20px} .moyenPaiementOff span.blanc11 {color:#4c4c4c; display:block; margin-top:20px} .recapCommandeOn{width:100%; height:85px; background:url(../images/Version3/recapCommande_on.gif) no-repeat center; font-weight:bold; } .recapCommandeOff{width:100%; height:85px; background:url(../images/Version3/recapCommande_off.gif) no-repeat center; font-weight:bold;} .recapCommandeOn span.blanc11 {color:#fff; display:block; margin-top:20px} .recapCommandeOff span.blanc11 {color:#4c4c4c; display:block; margin-top:20px} /** Marianne et vous*/ .backTDContact{background-color:#e7e9ea;} .backTDAvisConseil{background-color:#e7e9ea;} .backComptePerso1{background-color:#8EC6C7;} .backComptePerso2{background-color:#D2E8E9;} .backComptePerso3{background-color:#517AAF;} .Rond1{background:url(../images/commun/rond_1.gif) no-repeat top;} .Rond2{background:url(../images/commun/rond_2.gif) no-repeat center;} .Rond3{background:url(../images/commun/rond_3.gif) no-repeat center;} /* cross selling */ div.crossPdts {border:1px solid #ccc; background:url(../images/Version3/bas-pdt.gif) left bottom repeat-x; padding: 10px; overflow:hidden; margin:0 0 20px; float:left; clear:both} div.crossPdts div.margd{margin-right:12px; width:130px; float:left; text-align:center} /* page famille */ div.listeFamilles {width:600px; margin: 10px 0 0} div.listeFamilles div.top {width:100%; height:27px; background:url(../images/Version3/top-familles.gif) 0 0 no-repeat;} #centre div.listeFamilles div.top h2{color:#fff; font:bold 13px Arial, Helvetica, sans-serif; padding: 5px 0 0 20px} div.listeFamilles div.content {background:#d3e6eb url(../images/Version3/bas-familles.gif) repeat-x right bottom; width:100%; height:auto; /*padding: 5px 5px 25px;*/ overflow:hidden;} #centre div.listeFamilles div.content div.blocFamille h2 a{display:block; background:url(../images/Version3/puce-familles.gif) 0 0 no-repeat; color:#DF7100; font:bold 11px Arial, Helvetica, sans-serif; padding:0 0 0 20px; text-transform:uppercase; text-decoration:underline} div.listeFamilles div.content div.blocFamille img {float:left; margin:0px 5px 0 0} div.listeFamilles div.content div.blocFamille div.description {width:100px; float:left; margin: 5px 0 0; font:normal 11px Arial, Helvetica, sans-serif} div.curvy {_position:relative; } div.curvyT, div.curvyB {height:10px; overflow:hidden; position:relative;width:100%; } div.curvyT s, div.curvyB s {height:100%; display:block; overflow:hidden;} div.curvyT s s, div.curvyB s s {background:#fff; margin:0 10px; display:block;} div.curvyT {background:url(../images/Version3/curvy-1.gif) no-repeat bottom left;} div.curvyT s {background:url(../images/Version3/curvy-2.gif) no-repeat bottom right;} div.curvyB {background:url(../images/Version3/curvy-3.gif) no-repeat bottom left;} div.curvyB s {background:url(../images/Version3/curvy-4.gif) no-repeat bottom right;} div.curvyT s s {background:url(../images/Version3/curvy-t.gif) repeat-x top;} div.curvyB s s {background:url(../images/Version3/curvy-b.gif) repeat-x top;} div.curvyL {background:url(../images/Version3/curvy-g.gif) repeat-y left ; } div.curvyR {background:url(../images/Version3/curvy-d.gif) repeat-y right} div.curvyInt {background:#fff;margin:0 10px; overflow:hidden; height:80px} div.pdtMoment {width:370px; height:auto; float:right; margin: 8px 10px 0 0} div.pdtMoment a.jenprofite {display:block; float:right; clear:both; margin:-50px 15px 0 0;} div.pdtMoment dl.resumPdt{margin: 70px 0 0 0;padding:0 0 18px 40px; background:url(../images/Version3/fleche-pdt.gif) 0 15px no-repeat; height:auto } dl.resumPdt dt{float:left;width:135px; height:130px; margin-right:5px;} div.curvyPdt {_position:relative;} div.curvyPdtT, div.curvyPdtB {height:11px; overflow:hidden; position:relative;width:100%;} div.curvyPdtT s, div.curvyPdtB s {height:100%; display:block; overflow:hidden;} div.curvyPdtT s s, div.curvyPdtB s s {background:#fff; margin:0 11px; display:block;} div.curvyPdtT {_background:url(../images/Version3/curvypdt-1.gif) no-repeat bottom left; background:url(../images/Version3/curvypdt-1.png) no-repeat bottom left;} div.curvyPdtT s {_background:url(../images/Version3/curvypdt-2.gif) no-repeat bottom right; background:url(../images/Version3/curvypdt-2.png) no-repeat bottom right;} div.curvyPdtB {_background:url(../images/Version3/curvypdt-3.gif) no-repeat bottom left; background:url(../images/Version3/curvypdt-3.png) no-repeat bottom left;} div.curvyPdtB s {_background:url(../images/Version3/curvypdt-4.gif) no-repeat bottom right; background:url(../images/Version3/curvypdt-4.png) no-repeat bottom right;} div.curvyPdtT s s {_background:url(../images/Version3/curvypdt-t.gif) repeat-x top; background:url(../images/Version3/curvypdt-t.png) repeat-x top;} div.curvyPdtB s s {_background:url(../images/Version3/curvypdt-b.gif) repeat-x bottom; background:url(../images/Version3/curvypdt-b.png) repeat-x bottom;} div.curvyPdtL {_background:url(../images/Version3/curvypdt-g.gif) repeat-y left ; background:url(../images/Version3/curvypdt-g.png) repeat-y left ;} div.curvyPdtR {_background:url(../images/Version3/curvypdt-d.gif) repeat-y right; background:url(../images/Version3/curvypdt-d.png) repeat-y right;} div.curvyPdtInt {background:url(../images/Version3/titre-pdtMoment.gif) 10px 0 no-repeat #fffefa; _background-position:0 0; margin:0 11px; overflow:hidden; height:220px}