/* Mise en page CSS du site pour screen */ /* //////////////////////////////////////////////////////// GLOBAL STRUCTURE /////////////////////////////////////////////////////// */ * {margin: 0px;padding: 0px;} body {font-family: Arial, Helvetica, sans-serif;font-size: .9em;margin: 0px;padding: 0px;background:#FFFFFF url(../images/bg-body-fr.jpg) center top no-repeat; font-size: 14px;} img {border: 0 none; } h1 {} h2 {} h3 {} h4 {} ul {color:#414141;} div {background-color:transparent} p {text-align: left; color:#414141; font-size:0.9em} strong {} a { font-size:1em; color:#3ebaeb; outline:none; } a:link, a:active, a:visited {text-decoration: none;} a:hover {text-decoration: underline; color:#736493} , li, ul, li, dd {list-style-type: none;} abbr, acronym {border-bottom: 1px dotted #6B6251;cursor:help;} hr { display:none} .myhr {clear:both; visibility:hidden; overflow:hidden; height:0px; display:block} .rss{margin:5px 0 3px;} /* //////////////////////////////////////////////////////// GESTION DES DIV /////////////////////////////////////////////////////// */ div#container_global{background:url(../images/header-bg.gif) top left repeat-x;} div#container {margin:0 auto;width:955px; position:relative; z-index:2000} div#fd-header { background: url(../images/fd-container.jpg) left top repeat-x; position:absolute; top:155px; width:100%; height:32px; left:0; z-index:1} /* -------------------------------------------------------- Header -----------------------------------------------------------------*/ div#header {width:955px; margin:0 auto;} div#header #header-metanav {float:right;} div#header #header-metanav ul{margin:0;padding:0 0 0 42px;} div#header #header-metanav ul li{float:left; list-style-type:none; font-size:.9em} div#header #header-metanav ul li a.last{border-right: 0px solid #57605e; } div#header #header-metanav ul li a{padding:0px 5px; color:#57605e;font: normal 0.75em Arial, Helvetica, sans-serif;text-decoration:none; margin:0;border-right: 1px solid #57605e;} div#header #header-metanav ul li a:hover { color:#000000; background-color:#DACCB2} div#header #header-logo{height:126px; margin: 0 0 0 20px; padding:0; text-align:left;} div#header #header-logo h1 {margin:0 0 0 40px; padding-top:42px} div#header #header-logo h1 a img{border:0px;} div#header #header-menu {/*border-bottom:#d2d2d2 1px solid;*/} div#header #header-menu ul{margin:0;padding: 0 0 0 13px ; height:27px;} div#header #header-menu ul li{/*border-bottom:#d2d2d2 1px solid;*/display:block; float:left; list-style-type:none; padding:0px; } div#header #header-menu ul#onglets li a{height:28px;display:block;} div#header #header-menu ul#onglets li.actif a img{ visibility:hidden } div#header #header-menu ul#onglets li.actif{ padding:0px;} div#header #header-menu ul#onglets li.actif a {color:#BFB1E4;} div#header #header-barre {margin:0;padding:8px 0 0 0;height:30px; color:#bfb1e4} div#header #header-barre .header-message {color:#FFFFFF; margin-left:13px} div#header #header-barre .header-message ul { margin:0px; list-style:none; background:none; padding:0px; display:inline;} div#header #header-barre .header-message p { font-size:0.9em; color:#FFFFFF; padding:0} div#header #header-barre .header-message li { font-size:0.9em; color:#FFFFFF; padding:0; float:left; border-right:1px solid #FFFFFF;} div#header #header-barre .header-message p a {color:#BFB1E4; text-decoration:none; font-size:.9em; background:none; font-weight: normal} div#header #header-barre .header-message li a {color:#FFFFFF; text-decoration:none; font-size:.95em; background:none; font-weight: normal; padding:0 0 0 8px } div#header #header-barre .header-message p a:hover, div#header #header-barre .header-message li a:hover {color:#bfb1e4;} div#header #header-menu #header-recherche {margin:-36px 0 25px 0;padding:0;float:right; width:235px; height:28px;} div#header #header-menu #header-recherche fieldset{padding:0px; border:none} div#header #header-menu #header-recherche legend { visibility:hidden} div#header #header-menu #header-recherche label { font-size:.85em; margin: 4px 0 0 0; color:#FFFFFF; float:left;width:50px;} div#header #header-menu #header-recherche input { font-size:.85em; background-color: transparent; border: 0px none; width:113px; margin: 3px 0px 0 26px; float:left } div#header #header-menu #header-recherche input.ok { background: transparent; color:#FFFFFF;font-size: .8em; font-weight: bold;text-decoration:none; float:left; width:22px; cursor:pointer; margin:3px 0 0 11px; } div#header #fil-ariane {background-color:#ecede5;} div#header #fil-ariane p {font-size: 0.8em;color:#3b3b3b;line-height:30px; padding:0 0 0 30px ;} div#header #fil-ariane p span.vous {font-weight: bold ;} div#header #fil-ariane p a {text-decoration:none;font: normal 1em Arial, Helvetica, sans-serif;color:#3b3b3b;} div#header #fil-ariane p a.rubrique {text-decoration:none;font: bold 1em Arial, Helvetica, sans-serif;color:#3ebaeb;} /* --------------------------------------------------------- Content ------------------------------------------------------------------*/ div#container div#content {width:955px; margin:0 auto; padding:20px 0 0 0; float:left} /* --------------------------------------------------------- Col-gauche ------------------------------------------------------------------*/ div#container div#content #col-gauche {width:714px; margin: 0 0 0 15px; padding:0; float:left;} /*div#container div#content #col-gauche #catalogue{width:234px; margin: 0; padding:0 0 10px 0; background-color:#309dcf ; float:left;} div#container div#content #col-gauche #catalogue h2{color:#FFFFFF;font: bold 1.0em Arial, Helvetica, sans-serif; margin:0 0 0 12px;padding: 10px 0 0 0; border-bottom: 0px solid #7fbcd7; width:212px;} div#container div#content #col-gauche #catalogue h2 a{color:#FFFFFF;font: bold 1.0em Arial, Helvetica, sans-serif; text-decoration:none;} div#container div#content #col-gauche #catalogue ul{margin:4px 9px 0 9px;padding: 0;} div#container div#content #col-gauche #catalogue ul li{background:url(../images/puce-catalogue.gif) no-repeat scroll left top; margin:3px 0;padding:0 0 4px 10px; border-bottom: 1px solid #7fbcd7; list-style-type:none;} div#container div#content #col-gauche #catalogue ul li.last {border-bottom: 0px solid #7fbcd7;} div#container div#content #col-gauche #catalogue ul li a {color:#FFFFFF;font-size: 0.8em;text-decoration:none; margin:0; padding:0; } div#container div#content #col-gauche #catalogue ul li a:hover {color:#FF9F00; }*/ div#container div#content #col-gauche #catalogue{width:234px; margin: 0; padding:0 0 10px 0; background-color:#309dcf; float:left;} div#container div#content #col-gauche #catalogue h2{color:#FFFFFF;font: bold 1.0em Arial, Helvetica, sans-serif; margin:0 0 0 12px;padding: 10px 0 0 0; border-bottom: 1px solid #7fbcd7; width:212px} div#container div#content #col-gauche #catalogue h2 a{color:#FFFFFF;font: bold 1.0em Arial, Helvetica, sans-serif; text-decoration:none;} div#container div#content #col-gauche #catalogue h2 a:hover{color:#FD9F01;} div#container div#content #col-gauche #catalogue ul.liste-rubriques{margin:7px 9px 0 9px;padding: 0;} div#container div#content #col-gauche #catalogue ul.liste-rubriques li{background:url(../images/puce-catalogue.gif) no-repeat scroll left top; margin:3px 0;padding:0 0 2px 10px; border-bottom: 1px solid #7fbcd7; list-style-type:none;} div#container div#content #col-gauche #catalogue ul.liste-rubriques li a {color:#FFFFFF;font-size: .85em; font-weight: bold;text-decoration:none; margin:0; padding:0; } div#container div#content #col-gauche #catalogue ul.liste-rubriques li a:hover { color:#fd9f01} div#container div#content #col-gauche #catalogue ul.liste-rubriques li.actif {background: #ff4992 url(../images/puce-visite-blanc.gif) no-repeat scroll 9px top; margin:-1px 0 0 -9px;padding:0 0 0 19px;width:215px; border-bottom: 0px solid #7fbcd7; list-style-type:none; } div#container div#content #col-gauche #catalogue ul.liste-rubriques li.actif a {color:#fff;font-size: .8em; font-weight: bold;text-decoration:none; margin:0; padding:0;} div#container div#content #col-gauche #catalogue ul.liste-rubriques li.actif a:hover { color:black} div#container div#content #col-gauche #catalogue ul.liste-rubriques li ul.liste-sous-rubriques{display:none;margin:2px 4px;padding: 0; } div#container div#content #col-gauche #catalogue ul.liste-rubriques li.actif ul.liste-sous-rubriques{display:block;} div#container div#content #col-gauche #catalogue ul.liste-rubriques li ul.liste-sous-rubriques li{background:#ECEDE5 url(../images/puce-rub-visite.gif) no-repeat scroll 20px top;border-bottom:1px solid #E2DDDD;list-style-type:none;margin:0 0 0 -23px;padding:0 0 0 30px;width:204px; } div#container div#content #col-gauche #catalogue ul.liste-rubriques li.actif ul.liste-sous-rubriques li.actif{background: #FFF url(../images/puce-ss-visite-actif.gif) no-repeat scroll 20px top;margin:0 0 0 -23px;padding:0 0 0 30px;width:204px;border-bottom: 1px solid #e2dddd; list-style-type:none; } div#container div#content #col-gauche #catalogue ul.liste-rubriques li ul.liste-sous-rubriques li a {color:#414141;font: bold 0.75em Arial, Helvetica, sans-serif;text-decoration:none; margin:0; padding:0; } div#container div#content #col-gauche #catalogue ul.liste-rubriques li ul.liste-sous-rubriques li a:hover { color:#7c7d78} div#container div#content #col-gauche #catalogue ul.liste-rubriques li ul.liste-sous-rubriques li.actif a { color:#ff4992; } div#container div#content #col-gauche #a-ne-pas-manquer{width:454px; margin: 0 0 0 26px; padding:0; float:left;} div#container div#content #col-gauche #a-ne-pas-manquer h3{background-color:#ff4992;color:#FFFFFF;font: bold 1em Arial, Helvetica, sans-serif; padding: 4px 10px; height: auto;} div#container div#content #col-gauche #a-ne-pas-manquer .texte {width:200px;float:left;} div#container div#content #col-gauche #a-ne-pas-manquer .texte h4{color:#62538E;font: bold 1.2em Arial, Helvetica, sans-serif; margin:5px 0 0 0;padding: 0;} div#container div#content #col-gauche #a-ne-pas-manquer .texte h4 a{color:#62538E;} div#container div#content #col-gauche #a-ne-pas-manquer .texte p{color:#5f5f5f;font-size: 0.9em; margin:0 0 10px 0;padding: 0;} div#container div#content #col-gauche #a-ne-pas-manquer .texte p a.decouvrir{background:url(../images/puce-decouvrir.gif) no-repeat scroll left top; color:#ff4992;font-size: 0.8em;text-decoration:none; padding:0 0 0 7px;} div#container div#content #col-gauche #a-ne-pas-manquer .texte p a.panier{background:url(../images/icone-mon-panier.gif) no-repeat scroll left top; color:#ffffff;font: bold 1em Arial, Helvetica, sans-serif;text-decoration:none; padding:3px 10px 5px 30px; } div#container div#content #col-gauche #a-ne-pas-manquer .texte p span.petit{font-size: 0.8em; } div#container div#content #col-gauche #a-ne-pas-manquer .visuel {width:242px;float:left; margin: 0 0 0 12px;text-align:center;} div#container div#content #col-gauche #les-meilleures-ventes{width:715px; margin: 0; padding:10px 0 10px 0; border-bottom:1px solid #efefef; float:left;} div#container div#content #col-gauche #les-meilleures-ventes h3{background-color:#736493;color:#FFFFFF;font: bold 1em Arial, Helvetica, sans-serif; padding: 4px 10px;} div#container div#content #col-gauche #les-meilleures-ventes .les-meilleures-ventes-produit {width:205px; margin: 8px 0 0 0; padding:0; float:left;} div#container div#content #col-gauche #les-meilleures-ventes .les-meilleures-ventes-produit .image { width:205px; height:134px; text-align:center;} div#container div#content #col-gauche #les-meilleures-ventes .les-meilleures-ventes-produit .image a {width:184px; height:124px; display:block;background-color:#ecede5;padding: 5px 10px;} div#container div#content #col-gauche #les-meilleures-ventes .les-meilleures-ventes-produit .image a:hover { background-color:#FFFFFF} div#container div#content #col-gauche #les-meilleures-ventes .les-meilleures-ventes-produit h4{color:#625092;font: bold 1.05em Arial, Helvetica, sans-serif; margin:15px 0 0 0;padding: 0; height:2.1em} div#container div#content #col-gauche #les-meilleures-ventes .les-meilleures-ventes-produit h4 a {color:#62538e} div#container div#content #col-gauche #les-meilleures-ventes .les-meilleures-ventes-produit h4 a:hover {color:#3fb9e8; text-decoration:none} div#container div#content #col-gauche #les-meilleures-ventes .les-meilleures-ventes-produit p.descriptif{color:#3b3b3b;font-size: .85em; margin:5px 0 5px 0;padding: 0 0 5px 0; height:3.3em; overflow: hidden;} ul.achat, ul.achat-produit { display:inline; margin:0px ; padding:0px; list-style: none} ul.achat li, ul.achat-produit li { margin:0px; height:14px; display:block; float:left;padding: 0px; display:block} ul.achat li a, ul.achat-produit li a {} ul.achat li.panier a { background-color:#FF4992; width:20px; display:block; text-align:center; height:15px; padding: 5px 0 0 0} ul.achat li.prix a {background-color:#7E6FA4; color:#ffffff;font: bold .8em;width:65px; display:block; text-align:center; padding: 2px 0; height:16px} ul.achat li.panier a:hover { background-color:#E6005B; color:#FF4992} ul.achat li.prix a:hover { background-color:#605283; color:#FFFFFF; text-decoration:none} ul.achat li.rupture-stock { background-color:#FF4992; color:#FFFFFF; text-decoration:none;font-size:1em;height:16px;padding:2px 6px;font-weight:bold;} ul.achat-produit li.panier a { background-color:#7E6FA4; width:20px; display:block; text-align:center; height:15px; padding: 5px 0 0 0} ul.achat-produit li.prix a {background-color:#3EBAEB; color:#ffffff;font: bold .8em;width:65px; display:block; text-align:center; padding: 2px 0; height:16px} ul.achat-produit li.panier a:hover { background-color:#605283; color:#FFFFFF; text-decoration:none;} ul.achat-produit li.prix a:hover { background-color:#148FBE; color:#FFFFFF; text-decoration:none;} div#container div#content #col-gauche #les-meilleures-ventes .les-meilleures-ventes-produit p.prix a{background:url(../images/meilleur-icone-mon-panier.gif) no-repeat scroll left top; color:#ffffff;font: bold 1em Arial, Helvetica, sans-serif;text-decoration:none; padding:3px 10px 5px 30px; width:81px;height:21px;} div#container div#content #col-gauche #les-meilleures-ventes .les-meilleures-ventes-produit p.prix a:hover { color:#73648b} div#container div#content #col-gauche #les-meilleures-ventes .espace {width:34px; margin:0; padding:0; float:left;} div#container div#content #col-gauche #les-meilleures-ventes .les-meilleures-ventes-part2 {border-top:1px solid #efefef; border-bottom:1px solid #efefef; padding:10px 0; margin-top:10px;} div#container div#content #col-gauche #les-meilleures-ventes .les-meilleures-ventes-produit2 {width:215px; margin: 8px 0 0 0; padding:0; float:left;} div#container div#content #col-gauche #les-meilleures-ventes .les-meilleures-ventes-produit2 .img-produit{width:84px; margin: 0 8px 0 0 ; padding:0; float:left;} div#container div#content #col-gauche #les-meilleures-ventes .les-meilleures-ventes-produit2 .texte h4{color:#625092;font: bold 1.2em Arial, Helvetica, sans-serif; margin:5px 0 0 0;padding: 0; height:32px;line-height:16px;} div#container div#content #col-gauche #les-meilleures-ventes .les-meilleures-ventes-produit2 .texte p.descriptif{color:#3d3d3d;font-size: 0.8em; margin:5px 0 0 0;padding: 0; height:24px;line-height:12px;} div#container div#content #col-gauche #les-meilleures-ventes .les-meilleures-ventes-produit2 .texte p.prix{margin:5px 0;} div#container div#content #col-gauche #les-meilleures-ventes .les-meilleures-ventes-produit2 .texte p.prix a{background:url(../images/meilleur-icone-mon-panier.gif) no-repeat scroll left top; color:#ffffff;font: bold 1em Arial, Helvetica, sans-serif;text-decoration:none; padding:3px 10px 5px 30px; width:81px;height:21px;} /* --------------------------------------------------------- Col-gauche-int ------------------------------------------------------------------*/ div#container div#content #col-gauche-int {width:234px; margin: 0; padding:0; float:left;} div#container div#content #col-gauche-int #catalogue{width:234px; margin: 0; padding:0 0 10px 0; background-color:#309dcf; } div#container div#content #col-gauche-int #catalogue h2{color:#FFFFFF;font: bold 1.0em Arial, Helvetica, sans-serif; margin:0 0 0 12px;padding: 10px 0 0 0; border-bottom: 1px solid #7fbcd7; width:212px} div#container div#content #col-gauche-int #catalogue h2 a{color:#FFFFFF;font: bold 1.0em Arial, Helvetica, sans-serif; text-decoration:none;} div#container div#content #col-gauche-int #catalogue h2 a:hover{color:#FD9F01;} div#container div#content #col-gauche-int #catalogue ul.liste-rubriques{margin:10px 9px 0 9px;padding: 0;} div#container div#content #col-gauche-int #catalogue ul.liste-rubriques li{background:url(../images/puce-catalogue.gif) no-repeat scroll left top; margin:3px 0;padding:0 0 2px 10px; border-bottom: 1px solid #7fbcd7; list-style-type:none;} div#container div#content #col-gauche-int #catalogue ul.liste-rubriques li a {color:#FFFFFF;font-size: .9em; font-weight: bold;text-decoration:none; margin:0; padding:0; } div#container div#content #col-gauche-int #catalogue ul.liste-rubriques li a:hover { color:#fd9f01} div#container div#content #col-gauche-int #catalogue ul.liste-rubriques li.actif {background: #ff4992 url(../images/puce-visite-blanc.gif) no-repeat scroll 9px top; margin:-1px 0 0 -9px;padding:0 0 0 19px;width:215px; border-bottom: 0px solid #7fbcd7; list-style-type:none; } div#container div#content #col-gauche-int #catalogue ul.liste-rubriques li.actif a {color:#fff;font-size: .9em; font-weight: bold;text-decoration:none; margin:0; padding:0;} div#container div#content #col-gauche-int #catalogue ul.liste-rubriques li.actif a:hover { color:black} div#container div#content #col-gauche-int #catalogue ul.liste-rubriques li ul.liste-sous-rubriques{display:none;margin:2px 0px 0px 4px;padding: 0; } div#container div#content #col-gauche-int #catalogue ul.liste-rubriques li.actif ul.liste-sous-rubriques{display:block;} div#container div#content #col-gauche-int #catalogue ul.liste-rubriques li ul.liste-sous-rubriques li{background:#ECEDE5 url(../images/puce-rub-visite.gif) no-repeat scroll 20px top;border-bottom:1px solid #E2DDDD;list-style-type:none;margin:0 0 0 -23px;padding:0 0 0 30px;width:204px; } div#container div#content #col-gauche-int #catalogue ul.liste-rubriques li.actif ul.liste-sous-rubriques li.actif{background: #FFF url(../images/puce-ss-visite-actif.gif) no-repeat scroll 20px top;margin:0 0 0 -23px;padding:0 0 0 30px;width:204px;border-bottom: 1px solid #e2dddd; list-style-type:none; } div#container div#content #col-gauche-int #catalogue ul.liste-rubriques li ul.liste-sous-rubriques li a {color:#414141;font: bold 0.85em Arial, Helvetica, sans-serif;text-decoration:none; margin:0; padding:0; } div#container div#content #col-gauche-int #catalogue ul.liste-rubriques li ul.liste-sous-rubriques li a:hover { color:#7c7d78} div#container div#content #col-gauche-int #catalogue ul.liste-rubriques li ul.liste-sous-rubriques li.actif a { color:#ff4992; } div#container div#content #col-gauche-int #zone-fabrication{width:234px; margin: 0; padding:20px 0 10px 0;} div#container div#content #col-gauche-int #zone-fabrication h3{color:#625092; margin:5px 0 0 0;padding: 0 0 6px 0; border-bottom:1px solid #ededeb} div#container div#content #col-gauche-int #zone-fabrication p.descriptif{width:105px; margin: 5px 0 0 0; padding:0; float:left; color:#414141;font-size: 0.9em; } div#container div#content #col-gauche-int #zone-fabrication .visuel{/*width:102px;*/ margin:5px 0 0 0; padding:0; float:left;} div#container div#content #col-gauche-int #zone-fabrication p a.decouvrir{color:#736494;font: 0.8em;text-decoration:none; background:url(../images/puce-zone.png) no-repeat scroll left top; padding :0 65px 0 7px; margin:2px 0 2px 0; /*border-bottom:1px solid #ededeb; border-top:1px solid #ededeb;*/border:none;} /* --------------------------------------------------------- Col-centre-int ------------------------------------------------------------------*/ div#container div#content #col-centre-int {width:479px; margin: 0 0 0 20px; padding:0; float:left;} div#container div#content #col-centre-int h3 {background-color:#FF4992;color:#FFFFFF;font-size:1.1em;padding: 4px 10px;} div#container div#content #col-centre-int #contenu-page h3 {background-color:#FF4992;color:#FFFFFF;font-size:1em;font-weight:bold;padding:4px 10px;} div#container div#content #col-centre-int #contenu-page h4{margin:20px 0 5px 0; color:#FF4992; font-size:1em} div#container div#content #col-centre-int #contenu-page h5{background-color:#ecede5;color:#414141;margin:5px 0 0 0px;padding:0 0 0 10px;} div#container div#content #col-centre-int #contenu-page p{margin:5px 0 5px 0;line-height:16px;} div#container div#content #col-centre-int #contenu-page p.encart-philo { background-color:#ecede5; border:1px dotted #ff4993; padding:10px; margin:0 0 0 10px; text-align:justify; float:right; width:250px} div#container div#content #col-centre-int #contenu-page td{font-size:0.9em;} div#container div#content #col-centre-int #contenu-page img{margin:2px;} div#container div#content #col-centre-int #contenu-page p img{margin:4px;} div#container div#content #col-centre-int #contenu-page ul li { background:#FFF url(../images/puce-ss-visite-actif.gif) no-repeat scroll 5px top; border-bottom:0 dotted #E2DDDD; list-style-type:none;margin:0 0 0 0px;padding:0 0 2px 20px; font-size: 0.9em ; } div#container div#content #col-centre-int #contenu-page ul li ul li {background:#FFF; list-style-type:circle;margin:0 0 0 10px;padding:0 0 2px 0; font-size: 0.9em ; } div#container div#content /*#col-centre-int*/ a.rubrique-thelia {display:block;float:left;width:200px;height:150px;margin:10px 0px 0px 25px;} div#container div#content /*#col-centre-int*/ a.rubrique-thelia:hover {text-decoration:none;} div#container div#content /*#col-centre-int*/ a.rubrique-thelia img {width:200px;height:100px;} div#container div#content /*#col-centre-int*/ a.rubrique-thelia p {text-align:center;background-color:#3FA7D7;font-size:0.9em;font-weight:bold;padding:5px 8px;color:#FFFFFF;} div#container div#content /*#col-centre-int*/ a.rubrique-thelia:hover p {color:#FD9F01} div#container div#content #col-centre-int p.description-rubrique {color:#595454;font-size:0.9em;margin:10px 0px;} div#container div#content #col-centre-int .cadre-produit {clear:both;margin:15px 0px;background-color:#F5F6F2;} div#container div#content #col-centre-int .cadre-produit .photo-produit {float:left;width:84px;height:80px;overflow:hidden;} div#container div#content #col-centre-int .cadre-produit .photo-produit.promo .bandeau-promo {position:relative;top:0px;z-index:100;background:url(../images/promo.gif) top left no-repeat;width:50px;height:50px;} div#container div#content #col-centre-int .cadre-produit .photo-produit.promo img {position:relative;top:-50px;z-index:50;} div#container div#content #col-centre-int .cadre-produit .photo-produit.nopromo img {} div#container div#content #col-centre-int .cadre-produit .infos-produit {padding:2px 4px 0px 4px;font-size:0.8em;margin-left:84px;height:78px;} div#container div#content #col-centre-int .cadre-produit .infos-produit h4 {height:16px;overflow:hidden;color:#625092;font-size:1.1em;margin-bottom:1px;} div#container div#content #col-centre-int .cadre-produit .infos-produit h4 a {color:#625092;} div#container div#content #col-centre-int .cadre-produit .infos-produit p.description {color:#000000;height:30px;overflow:hidden; font-size:1.1em; padding-right:4px;margin-bottom:3px;} div#container div#content #col-centre-int .cadre-produit .infos-produit p.actions {margin-top:4px;height:78px;} div#container div#content #col-centre-int .cadre-produit .infos-produit p.actions a.ajout-panier {display:block;float:left;height:18px;width:74px;padding-right:10px;padding-top:4px;float:left;background:transparent url(../images/icone-mon-panier.gif) no-repeat scroll left top;font-weight:bold;color:#FFFFFF;text-align:right; font-size:1em} div#container div#content #col-centre-int .cadre-produit .infos-produit p.actions .ancien-prix {display:block;float:left;padding:5px 0px 0px 4px;color:#595454;font-size:0.95em;} div#container div#content #col-centre-int .cadre-produit .infos-produit p.actions a.detail {display:block;float:right;padding:7px 2px 0px 0px;font-size:0.95em;color:#625092;} div#container div#content #col-centre-int #produit{} div#container div#content #col-centre-int #produit #produit-detail{background-color:#ecede5;padding:15px} div#container div#content #col-centre-int #produit #produit-detail p{padding:1px 0;} div#container div#content #col-centre-int #produit #produit-detail p.titre{color:#746595;font-weight: bold; font-size: 0.9em;} div#container div#content #col-centre-int #produit #produit-detail p.detail-descriptif{color:#000000;font-size: 0.8em;} div#container div#content #col-centre-int #produit #produit-detail p.detail{color:#000000;font: normal 0.75em Arial, Helvetica, sans-serif;} div#container div#content #col-centre-int #produit #produit-detail p.livraison{color:#746595;font-weight: bold; font-size: 0.9em;border-top:1px solid #FFF;padding:5px 0 0 0;margin:5px 0 0 0;} div#container div#content #col-centre-int #produit #produit-detail p.livraison span{color:#000000;font-size: 0.9em;} div#container div#content #col-centre-int #produit #produit-detail p.livraison-apropos a{color:#4fcdff;font: normal 0.75em Arial, Helvetica, sans-serif;text-decoration:none; background:url(../images/puce-livraison-apropos.gif) no-repeat scroll left top; padding :0 0 0 7px;} div#container div#content #col-centre-int #newsletter {padding:20px 0 0 0;font-size: 1em;} div#container div#content #col-centre-int #newsletter fieldset {border:0 none;margin:0 0 1em;padding:0;} div#container div#content #col-centre-int #newsletter legend {display:none;font-size:1em;padding:5px;} div#container div#content #col-centre-int #newsletter div label {font-family:Arial,Verdana,Helvetica,sans-serif;} div#container div#content #col-centre-int #newsletter div input.forml {background:#ECEDE5 none repeat scroll 0 0; color:#414141; width:85%; border:1px solid #FF4992; padding:0.25em;} div#container div#content #col-centre-int #newsletter div .spip_bouton input {background:#3FA7D7 none repeat scroll 0 0;border:0 solid #563033;color:#FFFFFF;cursor:pointer;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:1em;font-weight:bold;height:25px;padding:0.4em;width:135px;} div#container div#content #col-centre-int #newsletter .formulaire_spip {padding:20px 0 0 0;} #imprimer-hautpage {margin:10px 0 0 0; float:right} #imprimer-hautpage a{color:#4fcdff;font-size: 0.75em ;text-decoration:none; padding :0 4px 0 0; border-right:1px dotted #4fcdff} #imprimer-hautpage a:hover { text-decoration:underline} div#container div#content #col-centre-int #photos-produit {float:right;margin:10px;position:relative;} div#container div#content #col-centre-int #photos-produit img {border:1px solid #F5f6f2;} div#container div#content #col-centre-int #photos-produit .loupe{position:absolute;background:url(../images/zoom-in.png) right top no-repeat;width:35px;height:35px;bottom:0px; left:0px; border:medium none;} div#container div#content #col-centre-int #photos-produit #loupe-photo-ie6 { display:none} div#container div#content #col-centre-int #autres-photos { margin:10px 10px 10px 0; width:240px;} div#container div#content #col-centre-int #detail-produit {clear:both;font-size:0.9em;padding-top:15px;} div#container div#content #col-centre-int #detail-produit h4 {background-color:#ECEDE5;color:#FF4992;padding:4px;margin-bottom:7px;font-size:1.05em;} div#container div#content #col-centre-int #detail-produit p {font-size:0.95em;} div#container div#content #col-centre-int #detail-produit p.descriptif{padding:0px 5px 10px 5px ;} div#container div#content #col-centre-int #detail-produit p.produit {background:transparent url(../images/footer-puce.gif) no-repeat scroll left center; padding:0 0 0 10px;} div#container div#content #col-centre-int #bouton-inscription a {padding:0 0 0 5px; font-size: 0.9em; font-weight:bold;color:#3EBAEB;} div#container div#content #col-centre-int #monCompte ul li { list-style-type:none;} div#container div#content #col-centre-int #recettes-produit {clear:both;font-size:0.9em;padding-top:15px;} div#container div#content #col-centre-int #recettes-produit h4 {background-color:#ECEDE5;color:#FF4992;padding:4px;margin-bottom:7px;font-size:1em;} div#container div#content #col-centre-int #recettes-produit ul {list-style-type:none;} div#container div#content #col-centre-int #recettes-produit ul li a.lien-recette {font-size:0.9em;} .image-produit {border:1px solid #FF4992;} /* --------------------------------------------------------- Col-droite ------------------------------------------------------------------*/ div#container div#content #col-droite {width:194px; margin: 0 0 0 20px; _margin: 0 0 0 5px;padding:0; float: right;} div#container div#content #col-droite #mon-panier {color:#414141;font-size: 0.9em; background:#736493 url(../images/bg-panier.gif) no-repeat scroll left top; margin:0 0 15px 0; height: auto; float:left; width:194px; padding: 5px 0} div#container div#content #col-droite #mon-panier p.panier{text-align:left;padding:5px 10px 0 40px ; color:#FFF;font-size: 0.85em;} div#container div#content #col-droite #mon-panier p.detail{text-align:left;padding:0 10px 0 40px ; color:#FFF;font-size: 0.85em;} div#container div#content #col-droite #mon-panier p.detail a{color:#4fcdff;font-size: 0.95em;text-decoration:none; background:url(../images/puce-mon-panier.gif) no-repeat scroll left 5px; padding :3px 0 0 7px;} div#container div#content #col-gauche #les-meilleures-ventes .les-meilleures-ventes-produit {width:215px; padding:0 10px; float:left;} div#container div#content #col-droite #bouton-inscription{background-color:#ecede5; float:left;width:194px; padding:0 0 7px 0; margin:0 0 10px 0; } div#container div#content #col-droite #bouton-inscription h3{ width:178px; color:#FFF;font-size: 0.85em; background-color:#3FA7D7; padding:5px 8px; margin:0 0 4px 0; font-weight:bold} div#container div#content #col-droite #bouton-inscription p { padding: 3px 5px; font-weight:bold; font-size:.75em} div#container div#content #col-droite #bouton-inscription p a {font-weight: normal} div#container div#content #col-droite #bouton-inscription p.creer a { /*width:124px;*/ height:20px; background:url(../images/btn_mon-compte_large.gif) left top no-repeat; display:block; color:#FFFFFF; text-align:center; padding-top:5px; font-weight:bold} div#container div#content #col-droite #bouton-inscription p a:hover { text-decoration: underline;} div#container div#content #col-droite #secrets-de-fabrication {color:#414141;font-size: 0.9em; background:#FFFFFF url(../images/bg-astuce.jpg) no-repeat scroll left bottom; margin:5px 0 10px 0; float:left} div#container div#content #col-droite #secrets-de-fabrication h3{background-color:#ff4992;color:#FFFFFF;font-weight: bold; font-size: 0.95em; padding:5px 8px; width:178px;} div#container div#content #col-droite #les-internautes {background-color:#FFFFFF; color:#414141;font-size: 0.9em; margin:5px 0; float:left} div#container div#content #col-droite #les-internautes h3{background-color:#ff4992;color:#FFFFFF;font-weight: bold; font-size: 0.9em; padding: 0 10px;} div#container div#content #col-droite #les-internautes .les-internautes-produit {margin: 0 0 5px 0;} div#container div#content #col-droite #les-internautes .les-internautes-produit img{float:right; margin: 5px 7px;} div#container div#content #col-droite #les-internautes .les-internautes-produit h4{background-color:#ecede5;color:#ff4992;font-weight: bold; font-size: 0.9em; padding: 5px 80px 5px 5px ; } div#container div#content #col-droite #les-internautes .les-internautes-produit h4 a{color:#ff4992;} div#container div#content #col-droite #les-internautes .les-internautes-produit p{color:#555652;font-weight: bold; font-size: 0.9em; padding: 5px 80px 5px 5px ; } div#container div#content #col-droite #les-internautes .les-internautes-produit p span.kg{color:#555652;font-size: 0.8em;} div#container div#content #col-droite #produits-associes {background-color:#FFFFFF; color:#414141;font-size: 0.9em; margin:5px 0; float:left} div#container div#content #col-droite #produits-associes h3{background-color:#ff4992;color:#FFFFFF;font-weight: bold; font-size: 0.95em; padding:5px 8px; width:178px;} div#container div#content #col-droite #produits-associes .produits-associes-produit {margin: 0 0 5px 0;width:196px} div#container div#content #col-droite #produits-associes .produits-associes-produit img{float:right; margin: 5px 7px;} div#container div#content #col-droite #produits-associes .produits-associes-produit h4{background-color:#ecede5;color:#ff4992;font-weight: bold; font-size: 0.9em; padding: 5px 80px 5px 5px ; } div#container div#content #col-droite #produits-associes .produits-associes-produit h4 a{color:#ff4992;} div#container div#content #col-droite #produits-associes .produits-associes-produit p{color:#555652;font-weight: bold; font-size: 0.9em; padding: 5px 80px 5px 5px ; } div#container div#content #col-droite #produits-associes .produits-associes-produit p span.kg{color:#555652;font-size: 0.8em;} div#container div#content #col-droite #astuce-gourmande {color:#414141;font-size: 0.9em; background:#ecede5 url(../images/bg-astuce.jpg) no-repeat scroll left bottom; margin:5px 0; float:left; width:194px; padding: 0 0 8px 0} div#container div#content #col-droite #astuce-gourmande h3{background-color:#58492c;color:#FFFFFF;font-weight: bold;font-size: 0.95em;padding:5px 8px; width:178px;} div#container div#content #col-droite #astuce-gourmande p { margin: 0px; padding:0px} div#container div#content #col-droite #astuce-gourmande p.descriptif {color:#41413f;font-size: .9em; text-align:left; padding: 10px 5px 5px 8px} div#container div#content #col-droite #astuce-gourmande p a {color:#655426;text-decoration:none;padding: 0px 8px; } div#container div#content #col-droite #astuce-gourmande p a:hover {color:#58492c; text-decoration:underline} div#container div#content #col-droite #astuce-gourmande p {text-align:left; margin: 0px 0 5px 0;} div#container div#content #col-droite #astuce-gourmande p a.lien {color:#655426;text-decoration:none;padding: 0px 8px;font-size:.85em} div#container div#content #col-droite #astuce-gourmande p a.lien:hover {color:#58492c;text-decoration:underline} div#container div#content #col-droite #astuce-gourmande p.bouton {text-align:center;padding:5px 0 15px 0 ;} div#container div#content #col-droite #astuce-gourmande p.bouton a{background-color:#411600;padding:5px; color:#FFFFFF;} div#container div#content #col-droite #paiements-acceptes {background:#FFFFFF; margin:10px 0; float:left; width:194px; padding: 0 0 8px 0} div#container div#content #col-droite #paiements-acceptes h3{background-color:#736493;color:#FFFFFF;font-weight: bold; font-size: 0.9em; padding: 0 10px; height:27px;line-height:27px; } div#container div#content #col-droite #paiements-acceptes p.puce-info {background:transparent url(../images/ico-cadenas.gif) no-repeat scroll 5px 0;height:15px; margin:0 0 8px 0;padding:2px 0 0 20px;} div#container div#content #col-droite #paiements-acceptes p.puce-info a{color:#6f658a;font: normal 0.75em Arial, Helvetica, sans-serif; text-decoration:none;} div#container div#content #col-droite #paiements-acceptes p.puce-info a:hover{color:#848388; text-decoration:underline;} /* --------------------------------------------------------- Colonne principale ------------------------------------------------------------------*/ div#container div#content #col-principale {width:714px; margin: 0; padding:0; float:left;} div#container div#content #col-principale #etapes-achat h2.invisible {display:none;} div#container div#content #col-principale .adresse_livraison {width:350px;float:left;margin: 0 0 0 10px;} div#container div#content #col-principale .adresse_facturation {width:350px;float:left; } div#container div#content #col-principale h3 {background-color:#FF4992;color:#FFFFFF;font-family:Arial,Helvetica,sans-serif;font-size:1.2em;font-style:normal;font-variant:normal;font-weight:bold;height:26px;line-height:26px;padding:0 10px;} div#container div#content div#col-centre-int ul.sous-rubriques li { background:#FFF url(../images/puce-ss-visite-actif.gif) no-repeat scroll 5px top; border-bottom:1px dotted #E2DDDD; list-style-type:none; margin:0 0 0 0px; padding:0 0 2px 20px; } /* --------------------------------------------------------- Footer ------------------------------------------------------------------*/ div#footer {width:955px; margin: 10px auto; padding:0 0 10px 0; height:180px; background: #EEEEEE url(../images/footer-fond.jpg) top left no-repeat;float:left} div#footer.no-map {background-image: url(../images/footer-produit.jpg);} div#footer p.adresse {padding:0; text-align:left; font: normal 0.75em Arial, Helvetica, sans-serif; margin-right: 20px} div#footer #footer-logo{width:349px; height:56px; margin: 0; padding:15px 0; float:left;text-align:left;} div#footer #footer-logo p {padding:5px 0 0 18px; text-align:left;} div#footer #footer-adresse{ margin: 0; padding:20px 0 0 45px ; float:left;} div#footer #footer-adresse p {color:#595454; font: normal 0.75em Arial, Helvetica, sans-serif; text-align:left;} div#footer #footer-liens{ height:149px; margin: 0; margin:15px 0 0 25px; } div#footer #footer-liens p { width:100%;} div#footer #footer-liens ul {float:left;margin:0 10px 0 0;} div#footer #footer-liens ul li {list-style-type:none; background:url(../images/footer-puce.gif) no-repeat scroll left; margin:0; padding:0 0 0 10px } div#footer #footer-liens ul li a{color:#595454; font: normal 0.75em Arial, Helvetica, sans-serif; text-decoration:none; } div#footer #footer-liens ul li a:hover { color:#605283} div#footer p {text-align:center; color:#858585;padding: 5px 0; font-size:.75em} div#footer p.sante {text-align:center; color:#ff5700; text-transform:uppercase; margin: 10px 0; font-size:0.7em; padding-bottom:10px} div#footer p.sante a {color:#ff5700;} div#footer p a {text-decoration:none; color:#858585;}