/* Modèle v1.23 09/12/2008 */ /********** A GARDER EN L'ÉTAT ************/ *{margin:0; padding:0;} li{margin-left: 25px;} a img{border:0} html {font-size: 100%;} .clear{clear:both;} /*********** A PERSONNALISER **************/ body{margin:0; padding:0; background:#fff; font-family: "Trebuchet Ms", Verdana, Arial; font-size:12px; color:#383838;} #body{background:#ce3056;} #contain{margin:0 auto; width: 994px; background:url(images/fond/fond.gif) repeat-y;} table{font-size: 12px;} a{text-decoration:none; color:#CE3056} a:hover {text-decoration:underline;} h1{font: bold 12px 'Trebuchet MS'; line-height:23px; color:#257bcb; text-transform:uppercase; margin-bottom:10px; background: url(images/cadre_bleu.gif) no-repeat; width: 110px; padding-left:23px; height: 23px; text-align: center;} h2{font: bold 12px 'Trebuchet MS'; color:#f97319; margin-bottom:5px;} h3{font: bold 11px 'Trebuchet MS';} p {margin-bottom:10px; text-align: justify;} strong{font-weight: bold;} em{font-style: italic;} .color {color:#f10000;} .hr{font-size:1px; height:10px; border-bottom:1px solid #f10000; margin:0 0 10px;} .centre{text-align:center;} .asterisque{font-style:italic; font-size:9px;} /* Formulaires */ .bouton{ display:block; color:#fff; background-color:#ce3056; font:bold 11px 'Trebuchet MS'; line-height:20px; width:150px; height:20px; border-width:0; text-align:center; cursor:pointer; } input{margin-bottom:0px !important; margin-bottom:-2px !important!; margin-bottom:-2px;} input, select, textarea{font: normal 10px 'Trebuchet MS'; color:#666; border:1px solid #DDD8D1;} input[type="checkbox"], input[type="radio"]{border-width: 0;} .row{clear:both; margin-bottom:5px;} .row label{display:inline; float: left; margin-right: 5px; width: 100px; text-align: right;} .row label span{color:#f00;} .row textarea, .row input {width: 150px;} .row select {width: 80px;} .row_chk{padding:0; clear:both; margin-bottom:5px;} .row_chk input{border:0} .row_chk label{float:none; display: inline; margin:0; padding:0; cursor:pointer;} .row_are{clear:both; margin-bottom:5px;} .row_are label{display:block;} .row_are textarea{width:300px;} .row_rad {clear:both; margin-bottom:5px;} .row_rad .label{float:left; width:145px; text-align:right;} .row_rad .rad {margin-left:150px; margin-bottom:1px;} .row_rad .rad input{vertical-align:middle; border:0} .row_rad .rad label{float:none; display:inline; margin:0; padding:0; cursor:pointer;} .row_bt {margin-left:105px; clear:both; margin-bottom:5px;} /* Listes */ .table_liste{ border:0; width:100%; border-collapse:collapse; margin-bottom:15px;} .table_liste td{background-color:#fdf9fa;} .table_liste th, .table_liste td{border:1px solid #ce3056; padding:2px;} .table_liste th{ font-weight:bold; background-color:#ce3056; color:#ffffff; text-align:center; } /* Boites */ #contenu .boite{width:287px; margin-bottom:15px; padding-bottom:5px; background: url(images/fond/boite_bas.gif) no-repeat bottom} #contenu .boite h2{padding-left:10px; margin:0; height:23px; font:normal 11px 'Trebuchet MS'; line-height:23px; background-image:url(images/fond/boite_haut.gif); color:#fff;} #contenu .boite .boite_contenu{padding: 10px; border:1px solid #ce3056; background-color:#fdf9fa; border-width: 0 1px;} /******************************************/ /****************** ENTETE **************/ /******************************************/ #menu li { display: inline; margin: 0;} #menu a:hover{text-decoration:none;} #menu a .img_left{float: left; display:inline;/*IE6*/ width: 8px; height: 24px; background-image: url(images/fond/menuG.gif); background-repeat: no-repeat; margin-left: 1px;} #menu a:hover .img_left, #menu a.selec .img_left{background-image:url(images/fond/menuG-over.gif);} #menu a .img_center{ float: left; display:inline;/*IE6*/ background-image:url(images/fond/menu.gif); height: 18px; padding: 6px 0 0 0; color: #666; cursor:pointer;} #menu a:hover .img_center, #menu a.selec .img_center{background-image:url(images/fond/menu-over.gif); color: #fff; } #menu a .img_right{ float: left; display:inline;/*IE6*/ width: 8px; height: 24px; background-image : url(images/fond/menuD.gif); background-repeat: no-repeat; margin-right: 0;} #menu a:hover .img_right, #menu a.selec .img_right{background-image:url(images/fond/menuD-over.gif); } #conteneur{margin:0 auto; width: 984px; padding-bottom:4px;} #entete{ width: 984px; color: #F16102; display: inline;} #entete #logo{float: left; display:inline;/*IE6*/ margin: 5px 5px 20px 10px; width:300px;} #entete a.top_titre{color: #f97319; margin-left: 5px;} #entete a.top_titre:hover{text-decoration:none;} #entete a.top_titre img{margin: 5px; vertical-align: middle;} /*formulaires*/ #entete .top_form{ float: left; display:inline;/*IE6*/ margin-left: 5px; margin-bottom: 20px; width:260px;} #entete .top_form .row label{ color: #b4b3b3;} #entete .top_form .row input{ border: 0; background-color: #fde8cc; width:110px; } #entete .top_form a{margin-left:5px; color: #f97319;} /* Menu des comptes clients et animatrice dans l'entete */ #entete #menu_compte{ margin-left:45px; margin-top:-8px;} #entete #menu_compte li { height:15px; margin-left:15px;} #entete #menu_compte li a {text-decoration: none; font-size:11px; line-height:15px; color:#b4b3b3;} #entete #menu_compte li a:hover {text-decoration: underline;} #entete #panier {float:left; display:inline; width: 110px; height:77px;} #entete #panier p{margin-left:45px; margin-top:-10px;} #articles{color: #b4b3b3;} #info{ color: #F16102; background-color: #fde8cc; border-top: 1px solid #DDD8D1; border-bottom: 1px solid #DDD8D1; padding: 7px; padding-left: 15px; height: 15px; margin-bottom: 15px; overflow:hidden; } #page_info{ float: left; display:inline;/*IE6*/} #form_search{ float: right; display:inline;/*IE6*/} #form_search .row label{ color: #F16102;} #form_search a{ color: #F16102; margin-left: 5px;} #filter {font: normal 9px 'Trebuchet MS';} #filter .row input, select, textarea {border: solid 1px #dddddd; margin-left: 5px;} #filter .row label{width: 75px;} #filter .row input{width: 75px;} #filter .row select{width:75px;} #envoi{ background: url(images/envoi.gif) no-repeat center; text-align: center;} #envoi a{ color: #FFFFFF} #envoi a:hover{ color: #FFFFFF} /* colonne de gauche */ #columnG{ width: 180px; overflow-x:hidden; float: left; display:inline;/*IE6*/ margin-left: 10px; display:inline;/*IE6*/ } #recherche{ border-left: solid 1px #636363; border-right: solid 1px #636363; width: 166px; padding: 5px} #titre_recherche{ height: 23px; background-image:url(images/black_top.gif); background-repeat: no-repeat; color: #FFFFFF; font-size: 11px; line-height:23px; padding-left:15px;} #sousmenu{ border-left: 1px solid #ce3056; border-right: 1px solid #ce3056; width: 166px; padding: 5px;background-color: #fdf9fa;} #sousmenu li{ padding-left: 10px; list-style: none; color: #ce3056; background: url(images/puce_red.gif) no-repeat 0 10px; padding-top: 5px;} #sousmenu li a {color: #ce3056;} #titre_sousmenu { height: 23px; background-image:url(images/red_top.gif); background-repeat: no-repeat; color: #FFFFFF; font-size: 11px; line-height:23px; padding-left:15px; margin-top: 15px;} /* colonne de droite */ #columnD {width:164px; overflow-x:hidden; float:right; display:inline;/*IE6*/ margin: 0px 10px 0 0px;} #columnD p {text-align:center; margin-bottom:0px;} #columnD #animatrice {width:164px; height:174px; background:url(images/fond/animatrice.jpg) no-repeat; margin-bottom:10px;} #columnD #animatrice p#remun{font-size:18px; color:#e25700;padding-top:10px;} #columnD #animatrice a#decouv{display:block; text-align:center; font-size:14px; color:#ce3056;padding-top:20px; margin-left:60px;} #columnD #frais {width:164px; height:137px; background:url(images/fond/frais.gif) no-repeat; margin-bottom:10px;} #columnD #frais p#fr{font-size:18px; color:#fff;padding-top:10px; text-transform:uppercase;} #columnD #frais p#grat{font-size:30px; font-weight:bold;color:#ce3056;text-transform:uppercase;} #columnD #frais p#partir{font-size:14px; color:#fff;text-transform:uppercase;} #columnD #frais p#achats{font-size:20px; color:#d34567;text-transform:uppercase;} #columnD #frais p#france{color:#fff;} #columnD #kdo {text-align:center; width:164px; height:159px; overflow:hidden; padding-top:5px; background:url(images/fond/kado.gif) no-repeat; margin-bottom:10px;} #columnD #command {width:164px; height:125px; background:url(images/fond/commande.gif) no-repeat; margin-bottom:10px;} #columnD #command p#com{font-size:20px; color:#fff;padding-top:8px; text-transform:uppercase;} #columnD #command p.payee{font-size:14px; color:#fff;text-transform:uppercase;} #columnD #command p#avant{font-size:24px; font-weight:bold; color:#02427e;text-transform:uppercase;} #columnD #command p#mm{font-size:18px;color:#5eacf5;text-transform:uppercase;} #columnD #blog {width:154px; height:101px; background:url(images/fond/blog.gif) no-repeat; margin-bottom:10px;padding:5px;} #columnD #blog p#bl{font-size:16px;color:#ef5002;text-transform:uppercase;margin-top:10px;} #columnD #blog p#bl span{font-size:14px;font-weight:bold;} #columnD #blog a#pld{display:block; text-align:center; font-size:16px; font-weight:bold;color:#ce3056;margin-top:10px;} #columnD #blog p#lot{font-size:16px; color:#fd7b24;} #contenu{ width: 595px; overflow:hidden; padding-left:15px;} /************************************************************************************************************/ /******************************************* HOMEPAGE ********************************************/ /************************************************************************************************************/ /* Actualités */ #contenu #pub_home{width:550px; height:205px; margin:0 12px 20px 0; padding:0 10px; float:left; display:inline;/*IE6*/background: url(images/fond/actualite.gif) no-repeat; overflow:hidden;} #contenu #pub_home h2 {padding-left:20px; width:175px; height:23px; overflow:hidden; font:bold 12px 'Trebuchet MS'; text-transform:uppercase; color:#fff; line-height:23px; margin:0;} #contenu #pub_home #pub_home_contenu{width:550px; height:170px; overflow: hidden; padding-top:10px;font:normal 11px 'Trebuchet MS';} /* Coup de coeur */ #contenu #coeur{width:207px; margin:0 0 20px 0; padding-bottom:5px; float:left; display:inline;/*IE6*/ overflow:hidden; background: url(images/fond/coeur_bas.gif) no-repeat bottom;} #contenu #coeur h2{padding-left:32px; width:175px; height:23px; overflow:hidden; background-image: url(images/fond/coeur_haut.gif); font:bold 12px 'Trebuchet MS'; color:#fff; line-height:23px; margin:0;} #contenu #coeur #coeur_contenu{width:186px; height:177px; overflow: hidden; border:1px solid #636363; border-width:0 1px; padding:0 9px 0 10px; font:normal 11px 'Trebuchet MS';} #contenu #coeur #coeur_contenu h3{font:bold 12px 'Trebuchet MS'; line-height:35px;} #contenu #coeur #coeur_contenu .image{float:left; margin:0 6px 10px 0; border:1px solid #d13f62;} #contenu #coeur #coeur_contenu .prix{text-align:right; color:#ce3056; font:bold 15px 'Trebuchet MS';} #contenu #coeur #coeur_contenu .coeur_lien_bas{float:right; display:inline;/*IE6*/ color:#383838; text-transform:uppercase; height:22px; line-height:22px; } #contenu #coeur #coeur_contenu .voir{ width:51px; margin-right:17px; background: url(images/next_pink.gif) no-repeat right} #contenu #coeur #coeur_contenu .commander{width:90px; background: url(images/panier_pink.gif) no-repeat right} /* Titres */ #contenu .titre_home{font: bold 12px 'Trebuchet MS'; line-height:23px; text-transform:uppercase; margin-bottom:10px; background-repeat: no-repeat; padding-left:26px; width: 107px; height: 23px; text-align: center;} #contenu #titre_nouv{color:#257bcb; background-image: url(images/titre_nouv.gif); } #contenu #titre_promo{color:#fff; background-image: url(images/titre_promo.gif); } #contenu .lien_promo{float:right; margin-top:5px;} /*************************************************************************************************************/ /************************************************ PRODUITS *************************************************/ /*************************************************************************************************************/ .produit, .promo {float: left; padding: 4px; height: 240px;} .produit .produit_body { background-color: #ececec; width: 167px ; height: 190px; overflow:hidden; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc;} .produit .produit_top{ background: url(images/pdt_top_grey.gif) no-repeat; width: 189px; height: 14px; font-size:1px; } .produit .produit_bottom{ background: url(images/pdt_bottom_grey.gif) no-repeat; width: 189px; height: 33px; } .produit .promo_body{ background-color: #fde6ec; width: 167px; height: 190px; overflow:hidden; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc;} .produit .promo_top{ background: url(images/pdt_top_pink.gif) no-repeat; width: 189px; height: 14px; font-size:1px; } .produit .promo_bottom{ background: url(images/pdt_bottom_pink.gif) no-repeat; width: 189px; height: 33px; } .produit .image{position: relative;} .produit .image a{display:block;} .produit .image a:hover{text-decoration:none;} .produit .image a .img_produit{border: 1px solid #dcdcdc; margin: 5px 34px; width: 100px; height: 100px;} .produit .remise{background-image: url(images/remise_blue.gif); position: absolute; right: 15px; top: -5px; width: 39px; height: 33px; text-align:center; line-height: 33px; color: #FFFFFF; font-size: 14px;} .produit_body, .promo_body {padding: 0 10px;} /*.produit .titre_produits { padding-top: 3px; background: url(images/cadre_bleu.gif) no-repeat; width: 133px; height: 20px; color: #257bcb; text-align: center;}*/ .produit .pdt_libelle{overflow:hidden; height:24px; font-weight:bold; line-height:1em; margin-bottom:2px; text-transform:uppercase} .produit .stock{ /*vertical-align: middle;*/ float: left;} .produit .voir, .ajouter {padding: 5px 8px;} .produit .ajouter{background: width: 22px; height: 22px; float: right;} .produit .voir{background: width: 22px; height: 22px; float: right; } .produit .prix{ color: #257bcb; font:bold 15px 'Trebuchet MS'; float: right;} .produit_promo .prix{color:#ce3056;} .produit .prix_barre{ font-size: 11px; color:#52624a; text-decoration: line-through; float:right; line-height:1em;} #erreur {text-align:center; font:normal 16px 'Trebuchet Ms'; padding-top:150px} #contenu #retour { padding-top: 3px; background: url(images/cadre_bleu.gif) no-repeat; width: 133px; height: 20px; text-align: center;} #contenu #retour a{float:left; color: #257bcb; text-align: center; text-decoration: none;} #contenu #retour a:hover{float:left; color:#ad312f; font: normal 12px 'Trebuchet Ms'; text-decoration:underline} /*#contenu #description {background-image:url(images/texture.jpg); background-repeat:repeat-y;}*/ #contenu #description h1 {font:normal 20px 'Trebuchet Ms'; color:#e33b3a; float:left;} /*#contenu #description #contour_image {background-color:#f9e2d0; width:200px; height:200px; text-align:center; max-width:200px; max-height:200px}*/ #contenu #agrandir {margin:0 0 0 65px; color: #257bcb; text-decoration:none; float: right;} /*#contenu #agrandir:hover {text-decoration: underline;}*/ #contenu #description_longue {font: normal 11px 'Trebuchet Ms'} /*#contenu #format {font: normal 12px 'Trebuchet Ms'; color:#8d3531}*/ #contenu .reference {margin-bottom: 5px;} #contenu .ligne_navigation{color: #257bcb; text-align:center; clear:both;} #contenu .ligne_navigation a{color: #257bcb;} /************************************************************************************************************/ /******************************************* DETAIL PRODUIT ***************************************/ /************************************************************************************************************/ #contenu #detail_produit {margin-bottom:10px;} #contenu #detail_produit_top { background: url(images/pdt_top_large.gif) no-repeat; width: 589px; height: 15px; font-size:1px;/*IE6*/} #contenu #detail_produit_body { background-color: #ececec; width: 566px; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; padding: 10px;} #contenu #detail_produit_bottom { background: url(images/pdt_bottom_large.gif) no-repeat; width: 589px; height: 80px;} #contenu #detail_promo_top { background: url(images/promo_top_pink_large.gif) no-repeat; width: 589px; height: 15px; font-size:1px;/*IE6*/} #contenu #detail_promo_body { background-color: #fde6ec; ; width: 566px; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; padding: 10px;} #contenu #detail_promo_body .remise{background-image: url(images/remise_blue.gif); position: absolute; right: -5px; top: -193px; width: 39px; height: 33px; text-align:center; line-height: 33px; color: #FFFFFF; font-size: 14px;} #contenu #detail_promo_body a{position: relative;} #contenu #detail_promo_bottom { background: url(images/promo_bottom_pink_large.gif) no-repeat; width: 589px; height: 88px;} #contenu #details_gauche {float:left; width:202px;} #contenu #details_droite {float:right; width:345px; margin-left:15px} #contenu #details_gauche img{border: 1px solid #888; } #contenu #detail_produit h2{font:bold 14px 'Trebuchet MS'; color:#636363; margin:0;} #contenu #detail_produit .pdt_code{text-transform:uppercase;} #contenu #detail_produit .pdt_description_long{color:#868685; margin-bottom:10px; text-align:justify;} #contenu #detail_produit .panier {display: inline; float: right; padding: 10px; } #contenu #detail_produit .panier a{color: #6c6c6c; font-size:14px; text-transform:uppercase} #contenu #detail_produit .panier img{vertical-align: middle; padding-left: 10px;} #contenu #detail_produit .prix2 {float: right; color: #257bcb; font: normal 20px 'Trebuchet Ms'} #contenu #detail_produit .prix_barre2{font-size: 15px; text-decoration:line-through;} /************************************************************************************************************/ /******************************************* PIEDPAGE ********************************************/ /************************************************************************************************************/ #piedpage {clear:both; width:964px; margin: 15px auto 0 auto; height:18px; padding:4px 10px;background:#ececec;} #piedpage p#awc{float:right; display:inline; color:#636363; font-size:11px;} #piedpage p#awc a{color:#636363; font-size:11px;margin-bottom:0px;text-align:right;} #piedpage ul#menubas{float:left; display:inline; list-style-type:none;} #piedpage ul#menubas li {float:left; margin:0; display:inline;} #piedpage ul#menubas li a{font:normal 11px "Trebuchet MS";color:#636363; border-right:1px solid #636363; padding:0 7px;} #piedpage ul#menubas li a#border{border-right:none; } #piedpage ul#menubas li a:hover{font:normal 11px "Trebuchet MS";color:#636363;text-decoration:underline;}