/*Small reset*/ body, ul, ol, h1,h2,h3,h4,h5,h6,form,li,p{margin:0;padding:0;} /*Structured layout mainpage*/ body{ font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;position:relative; /* background default background:#F4F4F4 url(../images/v3bg.png) repeat-x 0 0;*/ /*background OP*/ background:#ffffff url(../images/2017-bg-grande-braderie-2eme-vague.jpg) no-repeat top center fixed; } .v3wrapper{ width:100%;position:relative;display:table;} #v3top{position:relative;width:961px;margin:0 auto 0;background-color:#FFF;padding:0 7px;} #v3footer{position:relative;width:955px;margin:0 auto 50px;background-color:#FFF;padding:0 10px;} /************************************************************************ HEAD AREA *************************************************************************/ #v3head{height:150px;z-index:1} /*#v3head{height:150px;z-index:1; background:url(../images/v3mathon-noel2012.jpg) no-repeat left top;}/*- logo noel */ /* header compte */ .header_compte{height:17px;width:955px;background-color:#f7f7f7; border-bottom:1px solid #e1dede;margin:0 auto 0;padding:2px 10px 0 10px;} .header_compte_left{width:375px;float:left;} .header_compte_right{width:580px;float:right;} /*logo*/ .header_logo{float:left;width:409px;} #v3top .v3logo, .v3logo a{height:65px;width:267px;display:block;position:absolute;left:14px;top:9px;border: none;padding: 0;margin:0;overflow: hidden;} #v3top .v3logo a, #v3top .v3logo a:hover{top:0;left:0;outline:none;border: none;} /*#v3top .v3logoBg a{text-indent:-9999px;background:transparent url(../images/v3mathon-fr-logo.jpg) no-repeat left top;}*/ #v3top .v3logoBg a{text-indent:-9999px;background:transparent url(../images/logo-mathon-vert.png) no-repeat left top;} /*espaceClient*/ #v3espaceClient {float:right;} #v3espaceClient {color:#CCC;} #v3espaceClient a {color:#666;} #v3espaceClient a span {color:#333; font-weight:bold;} #v3espaceClient a:hover {text-decoration:underline;} /*bienvenue*/ .v3bienvenue {float:left;width:330px;color:#9c0;font-size:12px;font-style:italic;text-align:right;} .v3bienvenue span, .v3bienvenue span a {color:#CCC;} /* Header right (champs recherche + panier */ .header_right{float:right;width:566px;} /*espacePanier*/ #v3espacePanier {float:left;width:201px;text-align:right;margin-top:13px;padding-right:5px;} #v3espacePanier img{float:left;margin-left:40px;} #v3espacePanier a.lien_panier_gris {color:#666;font-style:normal;display:block;padding-top:11px;text-decoration:underline;} #v3espacePanier a {color:#9c0; font-style:italic;} #v3espacePanier a span {font-weight:bold; text-transform:uppercase;font-style:normal;} #v3espacePanier a:hover {text-decoration:underline;} /*recherches*/ .v3recherches_header{float:left;width:360px;height:35px;margin-top:23px;} .v3recherches_header .v3searchBoxWM {vertical-align:middle; width:230px; height:32px; padding-left:25px; border:none;background:#fff url(../images/v3input-recherche_header.png) no-repeat 0 0; color:#CCC !important; padding-top:8px\9;} .v3recherches_header .v3searchBox {vertical-align:middle; width:230px; height:32px; padding-left:25px; border:none;background:#fff url(../images/v3input-recherche_header.png) no-repeat 0 0; color:#333;padding-top:8px\9;} .v3recherches_header .v3searchButton {vertical-align:middle; width:75px; height:32px; cursor:pointer;margin-left:-5px;margin-top:-8px\9;} .v3recherches {position:absolute;right:10px;top:51px;margin:0;width:457px;height:32px;padding:6px 10px 0;background:#FFF url(../images/v3bg-recherches.png) no-repeat 0 0; color:#808080;} .v3recherches a {color:#808080; text-decoration:underline; font-weight:bold} .v3recherches .v3searchBoxWM {vertical-align:middle; width:180px; height:20px; padding:1px 5px 0 20px; border:none;background:#fff url(../images/v3input-recherche.png) no-repeat 0 0; color:#CCC !important} .v3recherches .v3searchBox {vertical-align:middle; width:180px; height:20px; padding:1px 5px 0 20px; border:none;background:#fff url(../images/v3input-recherche.png) no-repeat 0 0; color:#333;} .v3recherches .v3searchButton {vertical-align:middle; width:23px; height:21px; cursor:pointer;} .v3recherches span {padding-left:6px; vertical-align:middle;} /*menu 1*/ #v3menu1{position: absolute;left:10px;top:83px;list-style-type: none;list-style-position: outside;margin:0;width:955px;border-top:#ebebeb solid 1px;} #v3menu1 li{float: left;} #v3menu1 li a{float:left;padding:6px 8px 0 17px;border: none;text-decoration: none;outline: none;font-size: 13px;color:#86B300;} #v3menu1 li a:hover{color:#690;} #v3menu1 li a img {padding-top:0px;} /*menu 2*/ #v3menu2{position:absolute;top:115px;list-style-type: none;list-style-position: outside;margin:0; width:975px; height:34px; padding:0 0px;z-index:2} #v3menu2 li.debut_menu2 {float:left;height:34px;background:#FFF url(../images/v3menu2-debut.png) no-repeat 0 0;z-index:2;} #v3menu2 li:hover.debut_menu2 {height:34px;background:#FFF url(../images/v3menu2-hover-debut.png) no-repeat 0 0;z-index:2;} #v3menu2 li.liste_menu2 {float:left;height:34px;background:#FFF url(../images/v3menu2_bg.png) no-repeat 0 0;z-index:2;} #v3menu2 li:hover.liste_menu2 {height:34px;background:#FFF url(../images/v3menu2_bg-hover.png) no-repeat 0 0;z-index:2;} #v3menu2 li.fin_menu2 {float:left;height:34px;background:#FFF url(../images/v3menu2-fin.png) no-repeat -172px 0; z-index:2;} #v3menu2 li:hover.fin_menu2 {height:34px;background:#FFF url(../images/v3menu2-hover-fin.png) no-repeat -172px 0; z-index:2;} #v3menu2 a.debut_menu2 {float:left;padding:6px 16px 0;border: none;text-decoration: none;outline: none;font-size: 13px;font-weight:bold;color:#fff;height:26px;} #v3menu2 a.liste_menu2 {float:left;padding:6px 16px 0;border: none;text-decoration: none;outline: none;font-size: 13px;font-weight:bold;color:#fff;height:26px;} #v3menu2 a.fin_menu2 {float:left;padding:6px 16px 0;border: none;text-decoration: none;outline: none;font-size: 13px;font-weight:bold;color:#fff;height:26px;} #v3menu2 .v3currentItem a, #v3menu2 li a:hover{color:#666;} #v3menu2 .separateur_menu2{float:left;height:34px;width:2px;background:#FFF url(../images/v3menu2_separateur.png) no-repeat;z-index:2;} /* SOUS-MENU GENERAL */ #v3menu2 ul {display:none;position:absolute;top:31px;left:0px;width:939px;list-style-type:none;list-style-position:outside;z-index:2;} #v3menu2 .sous_menu2{clear:both;width:939px;height:317px;background-color:#cbcbcb;padding: 8px 8px 0 8px;} #v3menu2 .sous_menu2 .liste_sous_menu2{float:left;width:710px;height:280px;background-color:#fff;padding: 10px 0 0 10px;} #v3menu2 .sous_menu2 .liste_sous_menu2 .titre_sous_menu2 {display:block;;font-size:20px;color:#97cc00;font-weight:bold;text-decoration:none;} /* SOUS-MENU - CATEGORIES*/ #v3menu2 .sous_menu2 .liste_sous_menu2 .colonne_sous_menu2 {float:left;display:block;width:165px;height:250px;padding-right:10px} #v3menu2 .sous_menu2 .liste_sous_menu2 div.titre_sous-cat {margin-top:10px;line-height:15px;background:url(../images/puce_sous-titre.png) no-repeat 4px 3px;padding-left:15px;} #v3menu2 .sous_menu2 .liste_sous_menu2 div:hover.titre_sous-cat {background:url(../images/puce_sous-titre_hover.png) no-repeat 4px 3px;padding-left:15px;} #v3menu2 .sous_menu2 .liste_sous_menu2 .titre_sous-cat a{color:#97cc00;font-size:12px;text-decoration:none;font-weight:bold;} #v3menu2 .sous_menu2 .liste_sous_menu2 .titre_sous-cat a:hover{color:#000;} #v3menu2 .sous_menu2 .liste_sous_menu2 .titre_sous-cat div.sous-cat {margin-left:15px;} #v3menu2 .sous_menu2 .liste_sous_menu2 .sous-cat a{display:block;color:#666;font-size:12px;text-decoration:none;background-image:none;margin-left:15px;} #v3menu2 .sous_menu2 .liste_sous_menu2 .sous-cat a:hover{color:#000;font-size:12px;text-decoration:none;} #v3menu2 .sous_menu2 .liste_sous_menu2 .titre_sous-cat span{color:#97cc00;font-size:12px;text-decoration:none;font-weight:bold;cursor:pointer;} #v3menu2 .sous_menu2 .liste_sous_menu2 .titre_sous-cat span:hover{color:#000;} #v3menu2 .sous_menu2 .liste_sous_menu2 .sous-cat span{display:block;color:#666;font-size:12px;text-decoration:none;background-image:none;margin-left:15px;cursor:pointer;} #v3menu2 .sous_menu2 .liste_sous_menu2 .sous-cat span:hover{color:#000;font-size:12px;text-decoration:none;} /* SOUS-MENU - SOLDES ETE 2012*/ #v3menu2 .sous_menu2 .liste_sous_menu2 div.menu_soldes_bulles {margin-top:10px;line-height:15px;background:url(../images/bulles_menu.jpg) no-repeat 4px 5px;padding-left:15px;} #v3menu2 .sous_menu2 .liste_sous_menu2 .menu_soldes_bulles a{color:#000;font-size:12px;text-decoration:none;font-weight:bold;} #v3menu2 .sous_menu2 .liste_sous_menu2 .menu_soldes_bulles a:hover{color:#000;} /* SOUS-MENU - SOLDES HIVER 2012*/ #v3menu2 .sous_menu2 .liste_sous_menu2 div.menu_soldes_rouge {margin-top:10px;line-height:15px;background:url(../images/puce_solde_rouge.jpg) no-repeat 4px 5px;padding-left:15px;} #v3menu2 .sous_menu2 .liste_sous_menu2 .menu_soldes_rouge a{color:#000;font-size:12px;text-decoration:none;font-weight:bold;} #v3menu2 .sous_menu2 .liste_sous_menu2 .menu_soldes_rouge a:hover{color:#000;} #v3menu2 .sous_menu2 .liste_sous_menu2 div.menu_soldes_jaune{margin-top:10px;line-height:15px;background:url(../images/puce_solde_jaune.jpg) no-repeat 4px 5px;padding-left:15px;} #v3menu2 .sous_menu2 .liste_sous_menu2 .menu_soldes_jaune a{color:#000;font-size:12px;text-decoration:none;font-weight:bold;} #v3menu2 .sous_menu2 .liste_sous_menu2 .menu_soldes_jaune a:hover{color:#000;} #v3menu2 .sous_menu2 .liste_sous_menu2 div.menu_soldes_orange {margin-top:10px;line-height:15px;background:url(../images/puce_solde_orange.jpg) no-repeat 4px 5px;padding-left:15px;} #v3menu2 .sous_menu2 .liste_sous_menu2 .menu_soldes_orange a{color:#000;font-size:12px;text-decoration:none;font-weight:bold;} #v3menu2 .sous_menu2 .liste_sous_menu2 .menu_soldes_orange a:hover{color:#000;} #v3menu2 .sous_menu2 .liste_sous_menu2 div.menu_soldes_bleu {margin-top:10px;line-height:15px;background:url(../images/puce_solde_bleu.jpg) no-repeat 4px 5px;padding-left:15px;} #v3menu2 .sous_menu2 .liste_sous_menu2 .menu_soldes_bleu a{color:#000;font-size:12px;text-decoration:none;font-weight:bold;} #v3menu2 .sous_menu2 .liste_sous_menu2 .menu_soldes_bleu a:hover{color:#000;} #v3menu2 .sous_menu2 .liste_sous_menu2 div.menu_soldes_vert {margin-top:10px;line-height:15px;background:url(../images/puce_solde_vert.jpg) no-repeat 4px 5px;padding-left:15px;} #v3menu2 .sous_menu2 .liste_sous_menu2 .menu_soldes_vert a{color:#000;font-size:12px;text-decoration:none;font-weight:bold;} #v3menu2 .sous_menu2 .liste_sous_menu2 .menu_soldes_vert a:hover{color:#000;} #v3menu2 .sous_menu2 .liste_sous_menu2 div.menu_soldes_rose {margin-top:10px;line-height:15px;background:url(../images/puce_solde_rose.jpg) no-repeat 4px 5px;padding-left:15px;} #v3menu2 .sous_menu2 .liste_sous_menu2 .menu_soldes_rose a{color:#000;font-size:12px;text-decoration:none;font-weight:bold;} #v3menu2 .sous_menu2 .liste_sous_menu2 .menu_soldes_rose a:hover{color:#000;} /* SOUS_MENU - produit*/ #v3menu2 .sous_menu2 .produit_sous_menu2{float:right;width:206px;height:288px;background-color:#fff;border: 2px solid #97cc00;} #v3menu2 .sous_menu2 .produit_sous_menu2 .titre_pdt_sous_menu2{width:198px;height:38px;background-color:#97cc00;padding: 2px 4px 0 4px;} #v3menu2 .sous_menu2 .produit_sous_menu2 .titre_pdt_sous_menu2 a.titre_pdt{color:#fff;font-size:14px;font-weight:bold;text-decoration:none;} #v3menu2 .sous_menu2 .produit_sous_menu2 .titre_pdt_sous_menu2 span.marque_pdt{color:#fff;font-size:11px;text-decoration:uppercase;text-decoration:none;} #v3menu2 .sous_menu2 .produit_sous_menu2 .img_pdt_sous_menu2{width:206px;height:166px;} #v3menu2 .sous_menu2 .produit_sous_menu2 .img_pdt_sous_menu2 img{width:150px;height:150px; margin:10px 28px 0 28px;} #v3menu2 .sous_menu2 .produit_sous_menu2 .infos_pdt_sous_menu2{width:206px;height:79px;} #v3menu2 .sous_menu2 .produit_sous_menu2 .infos_pdt_sous_menu2_left{float:left;width:96px;height:40px;padding-left:7px;margin-top:9px;padding-top:10px;} #v3menu2 .sous_menu2 .produit_sous_menu2 .infos_pdt_sous_menu2_left .reduc_pdt{background-color:#cc0000;color:#fff;font-size:22px;padding: 3px 8px 3px 8px;} #v3menu2 .sous_menu2 .produit_sous_menu2 .infos_pdt_sous_menu2_right{float:right;width:96px;height:40px;text-align:right;padding-right:7px;padding-top:10px;} #v3menu2 .sous_menu2 .produit_sous_menu2 .infos_pdt_sous_menu2_right .prix_pdt{color:#9a9a9a;font-size:12px;text-decoration:line-through;} #v3menu2 .sous_menu2 .produit_sous_menu2 .infos_pdt_sous_menu2_right .prix-final_pdt{color:#cc0000;font-size:18px;font-weight:bold;} #v3menu2 .sous_menu2 .produit_sous_menu2 .infos_pdt_sous_menu2_bottom{clear:both;width:190px;text-align:right;padding:0 8px 0 8px;} #v3menu2 .sous_menu2 .produit_sous_menu2 .infos_pdt_sous_menu2_bottom .bloc_note_pdt{float:left;} #v3menu2 .sous_menu2 .produit_sous_menu2 .infos_pdt_sous_menu2_bottom .bloc_lien_pdt{float:left;} #v3menu2 .sous_menu2 .produit_sous_menu2 .infos_pdt_sous_menu2_bottom .lien_pdt a{color:#97cc00;} #v3menu2 .sous_menu2 .produit_sous_menu2 .infos_pdt_sous_menu2_bottom .lien_pdt a.puce_verte_fd_blanc{background-image:url(../images/puce_verte_fond_blanc.png);background-position:0px 3px;background-repeat:no-repeat;padding-left:13px;} /* Note du produit dans le sous-menu */ #v3menu2 .sous_menu2 .produit_sous_menu2 .infos_pdt_sous_menu2_bottom .rating1{background-image:url("../images/spFancy.png");background-position:-1767px 0;display:inline-block;height:16px;overflow:hidden;width:88px;} #v3menu2 .sous_menu2 .produit_sous_menu2 .infos_pdt_sous_menu2_bottom .rating2{background-image:url("../images/spFancy.png");background-position:-1856px 0;display:inline-block;height:16px;overflow:hidden;width:88px;} #v3menu2 .sous_menu2 .produit_sous_menu2 .infos_pdt_sous_menu2_bottom .rating3{background-image:url("../images/spFancy.png");background-position:-1945px 0;display:inline-block;height:16px;overflow:hidden;width:88px;} #v3menu2 .sous_menu2 .produit_sous_menu2 .infos_pdt_sous_menu2_bottom .rating4{background-image:url("../images/spFancy.png");background-position:-2034px 0;display:inline-block;height:16px;overflow:hidden;width:88px;} #v3menu2 .sous_menu2 .produit_sous_menu2 .infos_pdt_sous_menu2_bottom .rating5{background-image:url("../images/spFancy.png");background-position:-2123px 0;display:inline-block;height:16px;overflow:hidden;width:88px;} /* SOUS_MENU - liens bas*/ #v3menu2 .sous_menu2 .liens_gen_sous_menu2 {clear:both;height:27px;} #v3menu2 .sous_menu2 .liens_gen_sous_menu2 a{color:#666;font-size:14px;padding-top:5px;} /*#v3menu2 li:hover ul{display:block;}*/ /************************************************************************ ---------------------------- DEBUT MENU 2015 ---------------------------- *************************************************************************/ /* MENU NIVEAU 1 */ #v3menu2_2015{position:absolute;top:115px;display:block;width:955px;height:30px;list-style:none;list-style-position: outside;margin: 5px 0 5px 3px;background-color:#434343;padding:0 0px;z-index:2} #v3menu2_2015 .menu_cat {display:block;float:left;text-align:center;font-family:Arial;font-size:13px;} #v3menu2_2015 .item_a{display:block;width:955px;color:#fff;height:23px;padding: 6px 6px 0 6px;border-top:#434343 solid 1px;border-right:#434343 solid 1px;border-left:#434343 solid 1px;} #v3menu2_2015 .item_a:hover{color:#444444;background-color:#fff;border-top:#919191 solid 1px;border-right:#919191 solid 1px;border-left:#919191 solid 1px;} #v3menu2_2015 .item_01 a{width:60px;} #v3menu2_2015 .item_02 a{width:137px;} #v3menu2_2015 .item_03 a{width:137px;} #v3menu2_2015 .item_04 a{width:75px;} #v3menu2_2015 .item_05 a{width:69px;} #v3menu2_2015 .item_06 a{width:69px;} #v3menu2_2015 .item_07 a{width:107px;} #v3menu2_2015 .item_08 a{width:95px;} #v3menu2_2015 .item_09 a{width:80px;} #v3menu2_2015 .sous_menu2 .liste_sous_menu2 .titre_sous-cat a {width: auto;} #v3menu2_2015 .sous_menu2 .liste_sous_menu2 .sous-cat a {width: auto;} #v3menu2_2015 .sous_menu2 .liste_sous_menu2 .sous-cat {text-align: left;} #v3menu2_2015 .sous_menu2 .liste_sous_menu2 div.titre_sous-cat {text-align: left;} #v3menu2_2015 ul{display:none;list-style:none;} #v3menu2_2015 div.sous_menu2 {width:953px;height:350px;border-right:#919191 solid 1px;border-left:#919191 solid 1px;border-bottom:#919191 solid 1px;} /* SOUS-MENU GENERAL */ #v3menu2_2015 ul {display:none;position:absolute;top:30px;left:0px;width:939px;list-style-type:none;list-style-position:outside;z-index:2;} #v3menu2_2015 .sous_menu2{clear:both;width:953px;height:330px;background-color:#fff;font-family:Arial, Helvetica, sans-serif;border-bottom:1px solid #919191;border-left:1px solid #919191;border-right:1px solid #919191;} #v3menu2_2015 .sous_menu2 .liste_sous_menu2{float:left;width:732px;background-color:#fff;padding:10px 0 10px 10px;} #v3menu2_2015 .sous_menu2 .liste_sous_menu2 .titre_sous_menu2 {display:block;font-size:16px;color:#444444;font-weight:bold;text-decoration:none;text-transform:uppercase;width:auto;text-align:left;} /* SOUS-MENU - CATEGORIES*/ #v3menu2_2015 .sous_menu2 .liste_sous_menu2 .colonne_sous_menu2 {float:left;display:block;width:167px;height:307px;padding-right:10px;padding-left:5px;border-right: 1px solid #d0cfcf;} #v3menu2_2015 .sous_menu2 .liste_sous_menu2 div.colonne_sous_menu2:last-child{float:left;display:block;width:167px;height:307px;padding-right:10px;padding-left:5px;border-right:none;} #v3menu2_2015 .sous_menu2 .liste_sous_menu2 div.titre_sous-cat {margin-top:10px;line-height:15px;} #v3menu2_2015 .sous_menu2 .liste_sous_menu2 div:hover.titre_sous-cat {} #v3menu2_2015 .sous_menu2 .liste_sous_menu2 .titre_sous-cat a{color:#444444;font-size:13px;text-decoration:none;font-weight:bold;} #v3menu2_2015 .sous_menu2 .liste_sous_menu2 .titre_sous-cat a:hover{color:#690;} #v3menu2_2015 .sous_menu2 .liste_sous_menu2 .sous-cat {margin-top:2px;} #v3menu2_2015 .sous_menu2 .liste_sous_menu2 .sous-cat a{display:block;color:#555555;font-size:13px;text-decoration:none;background-image:none;margin-left:10px;} #v3menu2_2015 .sous_menu2 .liste_sous_menu2 .sous-cat a:hover{color:#690;font-size:13px;text-decoration:none;} #v3menu2_2015 .sous_menu2 .liste_sous_menu2 .titre_sous-cat span{color:#444444;font-size:13px;text-decoration:none;cursor:pointer;font-weight:bold;} #v3menu2_2015 .sous_menu2 .liste_sous_menu2 .titre_sous-cat span:hover{color:#690;} #v3menu2_2015 .sous_menu2 .liste_sous_menu2 .sous-cat span{display:block;color:#555555;font-size:13px;text-decoration:none;margin-left:10px;cursor:pointer;} #v3menu2_2015 .sous_menu2 .liste_sous_menu2 .sous-cat span:hover{color:#690;font-size:13px;text-decoration:none;} /* SOUS_MENU - produit*/ #v3menu2_2015 .sous_menu2 .produit_sous_menu2{float:right;width:191px;height:330px;background-color:#eeeeee;padding:10px;} #v3menu2_2015 .sous_menu2 .produit_sous_menu2 .titre_pdt_sous_menu2{width:191px;text-align:center;} #v3menu2_2015 .sous_menu2 .produit_sous_menu2 .titre_pdt_sous_menu2 a.titre_pdt{color:#444444;font-size:14px;font-weight:bold;text-decoration:none;} #v3menu2_2015 .sous_menu2 .produit_sous_menu2 .titre_pdt_sous_menu2 span.marque_pdt{color:#676767;font-size:11px;text-transform:uppercase;text-decoration:none;} #v3menu2_2015 .sous_menu2 .produit_sous_menu2 .img_pdt_sous_menu2{width:191px;height:170px;} #v3menu2_2015 .sous_menu2 .produit_sous_menu2 .img_pdt_sous_menu2 img{width:150px;height:150px; margin:10px 20px 10px 20px;} #v3menu2_2015 .sous_menu2 .produit_sous_menu2 .infos_pdt_sous_menu2{width:191px;height:79px;margin-top:10px;} #v3menu2_2015 .sous_menu2 .produit_sous_menu2 .infos_pdt_sous_menu2_left{float:left;width:79px;height:30px;margin-top:4px;} #v3menu2_2015 .sous_menu2 .produit_sous_menu2 .infos_pdt_sous_menu2_left .reduc_pdt{background-color:#cc0000;color:#fff;font-size:22px;padding: 3px 8px 3px 8px;} #v3menu2_2015 .sous_menu2 .produit_sous_menu2 .infos_pdt_sous_menu2_right{float:right;width:96px;height:40px;text-align:right;} #v3menu2_2015 .sous_menu2 .produit_sous_menu2 .infos_pdt_sous_menu2_right .prix_pdt{color:#9a9a9a;font-size:12px;text-decoration:line-through;} #v3menu2_2015 .sous_menu2 .produit_sous_menu2 .infos_pdt_sous_menu2_right .prix-final_pdt{color:#cc0000;font-size:18px;font-weight:bold;} #v3menu2_2015 .sous_menu2 .produit_sous_menu2 .infos_pdt_sous_menu2_bottom{clear:both;width:190px;text-align:right;} #v3menu2_2015 .sous_menu2 .produit_sous_menu2 .infos_pdt_sous_menu2_bottom .bloc_note_pdt{float:left;} #v3menu2_2015 .sous_menu2 .produit_sous_menu2 .infos_pdt_sous_menu2_bottom .bloc_lien_pdt{float:left;} #v3menu2_2015 .sous_menu2 .produit_sous_menu2 .infos_pdt_sous_menu2_bottom .lien_pdt a{color:#444444;} #v3menu2_2015 .sous_menu2 .produit_sous_menu2 .infos_pdt_sous_menu2_bottom .lien_pdt a.puce_verte_fd_blanc{padding-left:13px;background-image:none;} /* Note du produit dans le sous-menu */ #v3menu2_2015 .sous_menu2 .produit_sous_menu2 .infos_pdt_sous_menu2_bottom .rating1{background-image:url("../images/spFancy.png");background-position:-1767px 0;display:inline-block;height:16px;overflow:hidden;width:88px;} #v3menu2_2015 .sous_menu2 .produit_sous_menu2 .infos_pdt_sous_menu2_bottom .rating2{background-image:url("../images/spFancy.png");background-position:-1856px 0;display:inline-block;height:16px;overflow:hidden;width:88px;} #v3menu2_2015 .sous_menu2 .produit_sous_menu2 .infos_pdt_sous_menu2_bottom .rating3{background-image:url("../images/spFancy.png");background-position:-1945px 0;display:inline-block;height:16px;overflow:hidden;width:88px;} #v3menu2_2015 .sous_menu2 .produit_sous_menu2 .infos_pdt_sous_menu2_bottom .rating4{background-image:url("../images/spFancy.png");background-position:-2034px 0;display:inline-block;height:16px;overflow:hidden;width:88px;} #v3menu2_2015 .sous_menu2 .produit_sous_menu2 .infos_pdt_sous_menu2_bottom .rating5{background-image:url("../images/spFancy.png");background-position:-2123px 0;display:inline-block;height:16px;overflow:hidden;width:88px;} /************************************************************************ ----------------------------- FIN MENU 2015 ----------------------------- *************************************************************************/ /************************************************************************ breadComb AREA *************************************************************************/ #v3breadComb{margin:0 auto;width:923px; height:24px; padding:6px 0 1px; font-weight:bold; font-size:11px; } #v3breadComb span {font-weight:normal;} #v3breadComb span a {color:#666; text-decoration:underline;} #v3breadComb span a:hover {text-decoration:none;} /************************************************************************ MAIN AREA *************************************************************************/ #v3main {padding:0 0 50px;width:955px;position: relative;margin: 0 auto;overflow: hidden;} .v3box {position:relative;float:left;overflow: hidden;} .v3boxS1 {width:955px;padding-bottom:10px;} .v3boxS2 {width:239px;} .v3boxS3 {width:238px;} /* evolution homepage */ .v3Home-BtnDecouvrirProduit {padding-right: 14px; background-image:url(../images/fleche_verte.png); background-repeat:no-repeat; background-position:right center; min-height:11px; color:#a4d80e; font-size:11px; padding-left:9px; text-decoration: underline; } .v3boxS2-produit-nom{ font-size:15px; color:#000; text-decoration:none; font-weight:bold; padding-left:9px; } .v3box .v3marqueProduit { color:#CCC; padding-left:9px; height:20px; line-height:20px;} .v3box .v3prixConseille { color:#CCC; text-decoration: line-through; margin-left:9px; } .v3box .v3prixMathon { color:#666; } .v3box .v3montantReduction { background-color: #f00; display: inline; color: #fff; } .v3box .v3informationsProduits {height:20px;} .v3boxS2{ background-repeat:repeat-x; background-image:url(../images/degrade_haut.png); font-size:16px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; } .v3boxS3{ background-repeat:repeat-x; background-image:url(../images/degrade_haut.png); font-size:16px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; } .v3boxS2-footer{ background-repeat:repeat-x; background-image:url(../images/degrade.png); height:19px;line-height:19px;} .v3boxS2-border{width:238px; border-left:solid 1px #D6D6D6; border-top:solid 1px #D6D6D6; border-bottom:solid 1px #D6D6D6; } .v3boxS3-border{width:236px; border:solid 1px #D6D6D6;} /************************************************************************ SIDEBAR AREA *************************************************************************/ #v3sidebar {width:238px; float:left; margin:0 10px 0 0; background-color:#F3F3F3;} /* titre */ /* #v3sidebar h2 {height:40px; background:#FFF url(../images/v3bg-categorie.png) no-repeat 0 0; font-size:22px; color:#FFF; font-weight:normal; text-transform:uppercase; padding:10px 15px 0 15px;}*/ #v3sidebar h2 {height:40px; background:#f3f3f3 url(../images/v3bg-categorie.png) no-repeat 0 0; font-size:18px; color:#FFF; font-weight:normal; text-transform:uppercase; padding:13px 15px 0 15px;} #v3sidebar h1 {height:40px; background:#FFF url(../images/v3bg-categorie.png) no-repeat 0 0; font-size:22px; color:#FFF; font-weight:normal; text-transform:uppercase; padding:10px 15px 0 15px;} /* liste */ #v3sidebar ul {margin:0;padding:0px 0 20px 0;list-style-type:none;list-style-position:outside;} #v3sidebar ul a{color:#666666; display:block;text-align:left;padding:2px 10px 2px 15px; font-size:12px;} #v3sidebar ul a:hover, #v3sidebar .v3currentItem a{background:#f3f3f3 url(../images/v3arrow.png) no-repeat 6px 8px; color:#9c0;} /************************************************************************ CONTENT AREA *************************************************************************/ #v3content {width:707px; float:left; margin:0; background-color:#FFF;} /* titre */ /*#v3content h3 {font-size:18px; color:#666; font-weight:bold; padding:35px 0 5px 5px; text-transform:uppercase; border-bottom:#EFEFEF solid 3px;}*/ #v3content h4 {height:38px; font-size:22px; color:#9c0; font-weight:normal; padding:10px 15px 0 10px; } #v3content h1 {height:38px; font-size:22px; color:#9c0; font-weight:normal; padding:10px 15px 0 10px; } /* listOptions */ #v3content .v3listOptions {height:30px; background:#FFF url(../images/v3bg-list-options.png) no-repeat 0 0; color:#666; font-size:11px; font-weight:bold; padding:5px 10px 0; text-transform:uppercase;} #v3content .v3listOptions .v3sort {float:left;} #v3content .v3listOptions .v3resultNumber {float:right;} .v3sort select, .v3sort select option, .v3resultNumber select, .v3resultNumber select option {font-size:11px; color:#666; text-transform:uppercase; vertical-align:middle;} /* listPagination */ .v3listPagination {height:27px; padding:0 0 13px 0; font-size:12px; border-bottom:#efefef solid 1px;} .v3listResults {float:left; color:#999; font-size:13px; padding:10px 0 0 10px;} .v3pageSelection{float:right; padding:10px 10px 0 0;} .v3pageSelection .v3pagePrev {text-align:right;} .v3pageSelection .v3pagePrev a {font-weight:bold; color:#9c0; text-transform:uppercase; padding:0 10px 0 15px; background:#FFF url(../images/v3page-prev-on.png) no-repeat 4px 4px;} .v3pageSelection .v3pagePrev a.v3pagePrevOff, .v3pageSelection .v3pagePrev a.v3pagePrevOff:hover {color:#ccc; background:#FFF url(../images/v3page-prev-off.png) no-repeat 4px 4px; text-decoration:none; cursor:default;} .v3pageSelection .v3pageNext {text-align:left;} .v3pageSelection .v3pageNext a {font-weight:bold; color:#9c0; text-transform:uppercase; padding:0 15px 0 10px; background:#FFF url(../images/v3page-next-on.png) no-repeat 62px 4px;} .v3pageSelection .v3pageNext a.v3pageNextOff, .v3pageSelection .v3pageNext a.v3pageNextOff:hover {color:#ccc;background:#FFF url(../images/v3page-next-off.png) no-repeat 62px 4px; text-decoration:none; cursor:default;} .v3pageSelection .v3pagePrev a:hover, .v3pageSelection .v3pageNext a:hover {text-decoration:underline;} .v3pageSelection .v3pageNumber {text-align:center} .v3pageSelection .v3pageNumber a {padding:0px 5px; color:#999; border:#fff solid 1px;} .v3pageSelection .v3pageNumber a:hover, .v3pageSelection .v3pageNumber a.v3pageActive {border-color:#ccc;} /* liste produits */ table.v3listeProduits {width:705px; } table.v3listeProduits td , table.v3listeProduits td.noProduct:hover {text-align:left; background:#FFF url(../images/grey-line.png) repeat-x bottom left;width:235px;vertical-align:top;} table.v3listeProduits td:hover {background:#FFF url(../images/green-line.png) repeat-x bottom left;} table.v3listeProduits td a.v3itemLink {color:#969696;cursor:pointer;margin:0;text-align:left;vertical-align:top;} table.v3listeProduits td ul {list-style-type:none;list-style-position:outside; padding:10px 10px 20px;} /* article */ table.v3listeProduits .v3itemPicture img {display:block; margin:0 0 10px 0;} table.v3listeProduits .v3itemBrand {font-size:10px; color:#999; text-transform:uppercase;} table.v3listeProduits .v3itemName {font-size:12px; color:#666; font-weight:bold;line-height:14px;} table.v3listeProduits .v3itemPrice {font-size:14px;padding:2px 0;} table.v3listeProduits .v3itemPrice .v3prixBarre {color:#000; text-decoration:line-through;} table.v3listeProduits .v3itemPrice .v3prixPromo {color:#c00;} table.v3listeProduits .v3itemPrice .v3prixVente {color:#000;} table.v3listeProduits .v3itemPrice .v3montantReduction {font-size:11px; color:#FFF; font-weight:bold; background-color:#c00; line-height:14px; padding:0 2px;} table.v3listeProduits .v3itemReference {font-size:10px; color:#CCC; text-transform:capitalize; display:none;} table.v3listeProduits .v3itemNote {} table.v3listeProduits .v3itemStock {font-style:italic; font-size:11px; padding:7px 0 0 0;} table.v3listeProduits .v3itemCart { color:#000; font-weight:bold; text-decoration:underline; padding:7px 0 0 0;} /************************************************************************ PAGE PRODUIT *************************************************************************/ /*options produit*/ #v3optionsProduit {height:28px; background:#FFF url(../images/v3bg-fpdt-options.png) no-repeat 0 0; color:#666; font-size:11px; font-weight:bold; padding:6px 0 0 10px; text-transform:uppercase; } .v3back {display:block; float:left; color:#9c0; text-decoration:none; text-align:left;} .v3share {display:block; float:right; width:191px; color:#797979; text-decoration:none; text-align:center;} .v3share img {vertical-align:top;} /*fiche produit*/ #v3ficheProduit {float:left; border-bottom:#EFEFEF solid 2px; margin-bottom:20px;padding:5px 0 20px 0;} #v3visuelsProduits {width:362px; float:left; text-align:center; padding:0 10px;} a.v3videoProduit {display:block; font-size:11px; color:#9c0; text-decoration:underline; margin-top:5px; } div.v3thumbs {margin-top:10px;} div.v3thumbs a {margin-left:8px;} div.v3thumbs a img {border:#FFF solid 1px;} div.v3thumbs a:hover img {border-color:#CCC;} div.v3thumbs a.v3thumbActive img {border-color:#9c0;} #v3informationsProduits {width:573px; float:left;} #v3informationsProduits .v3marqueProduit {margin:5px 0 2px 0;} #v3informationsProduits h1 {font-size:18px; color:#000; font-weight:normal; text-transform:uppercase;} #v3informationsProduits .v3referenceProduit {color:#CCC; font-size:10px; text-transform:uppercase;} #v3informationsProduits .v3avisProduit {color:#CCC; font-size:11px;} #v3informationsProduits .v3avisProduit img {vertical-align:top;} #v3informationsProduits .v3avisProduit a{color:#9c0; text-decoration:underline;} #v3informationsProduits .v3avisProduit div {float:left;margin-right:5px;} #v3ficheProduit .v3separationsPrix {border-bottom:#eaeaea solid 1px; border-top:#eaeaea solid 1px; margin:20px 0;} #v3ficheProduit table {width:573px;} #v3ficheProduit table td .v3libelePrix {font-size:11px; color:#000; text-transform:uppercase;} #v3ficheProduit table td .v3prixConseille {font-size:14px; color:#000;margin-right:5px; text-decoration:line-through; /*background:#FFF url(../images/v3prix-conseille.png) repeat-x 0 9px;*/} #v3ficheProduit table td .v3montantReduction {font-size:11px; color:#FFF; font-weight:bold; background-color:#F20000; padding:0 3px; margin-right:20px;} #v3ficheProduit table td .v3prixMathon {font-size:18px; font-weight:bold; color:#f20000;} #v3ficheProduit table td .v3livraisonGratuite {font-size:12px; text-transform:uppercase; color:#f20000;} #v3ficheProduit table td .v3ecoParticipation {display:block; font-size:9px; color:#CCC; padding-left:97px;} #v3ficheProduit table td .v3sansFrais {display:block; font-size:14px; color:#000; padding-left:97px;} #v3ficheProduit table td.v3zoneAchatProduit { background-color:#eaeaea; text-align:center; width:192px;} #v3ficheProduit table td.v3zoneAchatProduit .v3quantiteProduit { font-size:12px; font-weight:bold; color:#000; text-transform:uppercase; padding:9px 0 2px;} #v3ficheProduit table td.v3zoneAchatProduit .v3quantiteProduit select {vertical-align:middle;} #v3ficheProduit table td.v3zoneAchatProduit .v3btnAjoutPanier {display:block; width:169px; height:35px; background:#fff url(../images/v3-btn-ajout-panier-off.png) no-repeat 0 0; margin:5px auto;} #v3ficheProduit table td.v3zoneAchatProduit .v3btnAjoutPanierDisabled {display:block; width:169px; height:35px; background:#fff url(../images/v3-btn-ajout-panier-disable.png) no-repeat 0 0; margin:5px auto;} #v3ficheProduit table td.v3zoneAchatProduit .v3btnAjoutPanier:hover {background-position:0 -35px;cursor:pointer;} #v3ficheProduit table td.v3zoneAchatProduit .v3btnAjoutFaoris {display:block; width:169px; height:24px; background:#fff url(../images/v3-btn-ajout-favoris-off.png) no-repeat 0 0; margin:0 auto 8px;} #v3ficheProduit table td .v3statutStock1 {padding:5px 5px 10px 30px; background:#FFF url(../images/v3-stock-1.png) no-repeat 0 9px; color:#9c0; font-size:11px;} #v3ficheProduit table td .v3statutStock2 {padding:5px 5px 10px 30px; background:#FFF url(../images/v3-stock-2.png) no-repeat 0 9px; color:#F29400; font-size:11px;} #v3ficheProduit table td .v3statutStock3 {padding:5px 5px 10px 30px; background:#FFF url(../images/v3-stock-3.png) no-repeat 0 9px; color:#CC0000; font-size:11px;} #v3ficheProduit table td .v3statutStock3 a {color:#c00; text-decoration:underline;} #v3ficheProduit table td .v3statutStock1 strong, #v3ficheProduit table td .v3statutStock2 strong, #v3ficheProduit table td .v3statutStock3 strong {display:block;} #v3informationsProduits .v3infosProduit {font-size:13px; color:#808080;} #v3informationsProduits .v3infosProduit h5 {color:#000; font-weight:bold; font-size:13px; padding-bottom:1px;} #v3informationsProduits .v3infosProduit ul {margin:0 0 10px 10px;list-style-type:none;list-style-position:outside;} #v3informationsProduits .v3infosProduit ul li {padding-left:15px; background:#FFF url(../images/v3puce-points-forts.png) no-repeat 2px 6px;} #v3informationsProduits .v3infosProduit p {margin:3px 0 0 12px;} #v3informationsProduits .v3infosProduit span {display:inline-block; width:31px; height:30px; margin-right:2px; background-color:#FFF; background-image:url(../images/spPictosFicheProduit.png); background-repeat:no-repeat; cursor:help; } #v3informationsProduits .v3infosProduit #pictosFicheProduit1 {display:inline-block; background-position:0 0;} #v3informationsProduits .v3infosProduit #pictosFicheProduit2 {display:inline-block; background-position:-32px 0;} #v3informationsProduits .v3infosProduit #pictosFicheProduit3 {display:inline-block; background-position:-64px 0;} #v3informationsProduits .v3infosProduit #pictosFicheProduit4 {display:inline-block; background-position:-96px 0;} #v3informationsProduits .v3infosProduit #pictosFicheProduit5 {display:inline-block; background-position:-128px 0;} #v3informationsProduits .v3infosProduit #pictosFicheProduit6 {display:inline-block; background-position:-160px 0;} #v3informationsProduits .v3infosProduit #pictosFicheProduit7 {display:inline-block; background-position:-192px 0;} /*description produit*/ .v3descriptionProduit {border-bottom:#efefef solid 1px; padding:0 10px 15px 10px; margin:0 0 30px 0;} .v3descriptionProduit h3 {color:#9c0; font-size:16px; font-weight:bold; margin-bottom:5px;} .v3descriptionProduit p {color:#333; font-size:13px;} /* cross selling */ #v3crossSelling {margin:0 0 30px 0;} #v3crossSelling h3 {color:#9c0; font-size:16px; font-weight:bold; margin-bottom:0px;padding:0 10px 0 10px;} #v3crossSelling table.v3listeProduits {width:955px;} /* avis clients */ div.v3avisClients {border-bottom:#efefef solid 1px; padding:0 10px 15px 10px; margin:0 0 5px 0;} div.v3avisClients h3 {color:#9c0; font-size:16px; font-weight:bold; margin-bottom:5px;} div.v3avisClients p {color:#333; font-size:13px;} div.v3avisClients p img {vertical-align:top;} div.v3avisClients a.v3btnRedigerAvis {display:block; width:205px; height:24px; background:#FFF url(../images/v3-btn-connection-rediger-avis.png) no-repeat 0 0; margin:10px 0 10px -3px;} div.v3avisClients a.v3btnRedigerAvis:hover {background-position:0 -24px;} div.v3avisClients a.v3btnRedigerAvisv2 {display:block; width:127px; height:34px; background:#FFF url(../images/je-redige-un-avis-popup.png) no-repeat 0 0; margin:5px 0 5px -10px;} .v3itemAvisClients {border-top:#EFEFEF dashed 1px; padding:15px 0;} .v3itemAvisClients h4 {color:#333; font-size:13px; font-weight:bold; margin:0 0 2px 0;} .v3itemAvisClients h4 img {vertical-align:top;} .v3itemAvisClients small {color:#CCC; font-size:10px; text-transform:uppercase;} .v3itemAvisClients blockquote {color:#666; font-size:12px; padding:0; margin:3px 0 0 0;float:none;width:100%;} .v3itemAvisClients div {float:left;margin-right:5px;} /************************************************************************ DEPOSER UN AVIS *************************************************************************/ #v3ficheProduitAvis {height:160px; border-bottom:#EFEFEF solid 2px; margin-bottom:20px;} #v3ficheProduitAvis #v3visuelsProduits {width:150px; float:left; text-align:center; padding:0 20px 0 10px;} #v3ficheProduitAvis #v3informationsProduits .v3marqueProduit {margin:5px 0 2px 0;} #v3ficheProduitAvis #v3informationsProduits h1 {font-size:18px; color:#000; font-weight:normal; text-transform:uppercase;} #v3ficheProduitAvis #v3informationsProduits .v3referenceProduit {color:#CCC; font-size:10px; text-transform:uppercase;} /*#v3redigerAvis {width:478px; margin:0 10px;}*/ #v3redigerAvis {width:950px; margin:0 10px;} #v3redigerAvis h3 {color:#9c0; font-size:16px; font-weight:bold; margin-bottom:5px;} #v3redigerAvis h2 {color:#9c0; font-size:16px; font-weight:bold; margin-bottom:5px;} #v3redigerAvis .v3labelAvis {display:block; color:#666; font-size:10px; font-weight:bold; text-transform:uppercase; margin-top:15px;} #v3redigerAvis .v3formAlert {font-size:10px; color:#c00; font-weight:normal;} #v3redigerAvis .v3inputTextAvis, #v3redigerAvis .v3textAreaAvis {width:477px;} #v3redigerAvis .v3btnValiderAvis {display:block; width:114px; height:25px; background:#FFF url(../images/v3btn-valider-avis.png) no-repeat 0 0; margin:10px 0 10px -3px;} #v3redigerAvis .v3btnValiderAvis:hover {background-position:0 -25px;} #v3redigerAvis .v3formInformations {display:block; color:#CCC; font-size:11px; font-style:italic;} #v3redigerAvis .v3formInformations a{color:#CCC;} #v3popupConnect {width:388px; display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:280px; z-index:10; } #v3popupConnect h1 {text-transform:uppercase; font-weight:bold; display:block; padding-top:3px; font-size:14px; text-align:left;} #v3popupConnect img {float:left; margin:5px 10px 5px 0; width:125px; height:125px;} #v3popupConnect h2 {font-weight:normal; display:block; margin:10px 0 0 0; font-size:12px; text-align:left;} #v3popupConnect p {font-size:11px; text-align:left; margin:5px 0 0 0;} #v3popupConnect label.v3inputText {display:block; text-align:left; font-size:11px; margin-top:10px; } #v3popupConnect label.v3inputText input {width:220px;} #v3popupConnect label.v3inputCheckBox {display:block; text-align:center; font-size:11px; margin-top:5px; clear:both; } #v3popupConnect .btnValiderAvis {display:block; float:left; width:114px; height:25px; background:#FFF url(../images/v3btn-valider-avis-popup.png) no-repeat 0 0; margin:0 15px; } #v3popupConnect .lienMdp {color: #999999; font-size: 12px; text-decoration: underline; float:right; margin:0 15px; } #v3popupConnect label.v3inputText .errorMessage em , {font-size:9px; font-style:italic; color:#ee0000; font-family:Verdana, Geneva, sans-serif; text-transform:none; display:block ; margin-bottom:3px;} #backgroundPopupConnect{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:100%; width:100%; top:0; left:0; background:#000000; border:1px solid #cecece; z-index:4; } #v3popupConnect .v3popupContent {padding:20px 80px 30px; } #v3popupConnect .LoginErrors{font-size:10px;Color:Red;} /************************************************************************ POPUP AJOUT PANIER *************************************************************************/ #v3popup { /*width:455px; */display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ /*height:300px;*/ z-index:4; } .v3popupHeader {padding:8px 11px; background-color:#9c0; border:#566b00 solid 1px; border-bottom:none; text-align:right;} .v3popupHeader a {color:#FFF; font-size:12px; font-weight:bold; text-transform:uppercase; text-decoration:none; padding-right:13px; background:#9c0 url(../images/v3picto-fermer.png) no-repeat right 4px ;} .v3popupContent {color:#333; font-size:14px; padding:10px 10px 20px 10px; text-align:center; border:#555555 solid 1px; border-top:none; border-bottom:none; background-color:#FFF;} .v3popupContent span {text-transform:uppercase; font-weight:bold; display:block; padding-top:3px;} .v3popupFooter {background-color:#EAEAEA;border:#555555 solid 1px; border-top:none; padding:8px 11px; height:26px;} .v3btnContinuerAchats {display:block; width:169px; height:26px; background:#EAEAEA url(../images/v3btn-continuer-achats.png) no-repeat 0 0; float:right;} .v3btnContinuerAchats:hover {background-position:0 -26px;} .v3btnAccederPanier {display:block; width:169px; height:26px; background:#EAEAEA url(../images/v3btn-acceder-panier.png) no-repeat 0 0; float:left;} .v3btnAccederPanier:hover {background-position:0 -26px;} #backgroundPopInHome{display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:100%; width:100%; top:0; left:0; background:#000000; border:1px solid #cecece; z-index:3; } #backgroundPopup{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:100%; width:100%; top:0; left:0; background:#000000; border:1px solid #cecece; z-index:3; } /************************************************************************ POPUP ALERTE STOCK *************************************************************************/ #v3popupAlerteStock {width:388px; display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:280px; z-index:4; } #v3popupAlerteStockConfirmation {width:388px; display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:260px; z-index:4; } #v3popupAlerteStock h1, #v3popupAlerteStockConfirmation h1 {text-transform:uppercase; font-weight:bold; display:block; padding-top:3px; font-size:14px; text-align:left;} #v3popupAlerteStock img, #v3popupAlerteStockConfirmation img {float:left; margin:5px 10px 5px 0; width:125px; height:125px;} #v3popupAlerteStock h2, #v3popupAlerteStockConfirmation h2 {font-weight:normal; display:block; margin:10px 0 0 0; font-size:12px; text-align:left;} #v3popupAlerteStock p , #v3popupAlerteStockConfirmation p {font-size:11px; text-align:left; margin:5px 0 0 0;} #v3popupAlerteStock label.v3inputText , #v3popupAlerteStockConfirmation label.v3inputText {display:block; text-align:left; font-size:11px; margin-top:10px; } #v3popupAlerteStock label.v3inputText input , #v3popupAlerteStockConfirmation label.v3inputText input {width:220px;} #v3popupAlerteStock label.v3inputCheckBox , #v3popupAlerteStockConfirmation label.v3inputCheckBox {display:block; text-align:center; font-size:11px; margin-top:5px; clear:both; } .v3btnValider {display:block; width:87px; height:26px; background:#EAEAEA url(../images/v3btn-valider.png) no-repeat 0 0; float:right;} .v3btnValider:hover {background-position:0 -26px;} .v3popupFooterVide {border:#555555 solid 1px; border-top:none; padding:0; height:0; margin:0;} #v3popupAlerteStock label.v3inputText .errorMessage em , #v3popupAlerteStockConfirmation label.v3inputText .errorMessage em {font-size:9px; font-style:italic; color:#ee0000; font-family:Verdana, Geneva, sans-serif; text-transform:none; display:block ; margin-bottom:3px;} #backgroundPopupAlerteStock{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:100%; width:100%; top:0; left:0; background:#000000; border:1px solid #cecece; z-index:3; } /************************************************************************ FOOTER AREA *************************************************************************/ #v3footer {font-size:11px;} /*societe*/ #v3societe {position: absolute;left:10px;top:113px;margin:0;width:940px;border-bottom:#E6E6E6 solid 1px;padding:0 0 10px 15px;color:#E6E6E6;} #v3societe a {color:#999;} #v3societe a:hover {text-decoration:underline;} /*reseaux*/ .v3twitter {position: absolute;right:167px;top:113px;margin:0;background:#FFF url(../images/v3twitter.png) no-repeat 0 0; color:#999;display:block; height:16px;width:140px;padding:0 0 0 20px;} .v3twitter:hover {background-position:0 -16px; color:#33CCFF;padding:0 0 0 20px;} .v3facebook {position: absolute;right:13px;top:113px;margin:0;background:#FFF url(../images/v3facebook.png) no-repeat 0 0; color:#999;display:block; height:16px;width:140px;padding:0 0 0 20px;} .v3facebook:hover {background-position:0 -16px; color:#3B5998;padding:0 0 0 20px;} /*services*/ #v3services {position: absolute;left:10px;top:160px;margin:0;width:940px;border-bottom:#E6E6E6 solid 1px;padding:0 0 10px 15px;color:#E6E6E6;} #v3services a {color:#999;font-weight:bold;} #v3services a:hover {text-decoration:underline;} /*newsletter*/ .v3newsletter {position:absolute;right:10px;top:152px;margin:0;width:457px;height:32px;padding:6px 15px 0; text-align:right;color:#9c0;font-weight:bold;} .v3newsletterBoxWM {vertical-align:middle; width:180px; height:20px; padding:1px 5px 0 20px; border:none;background:#fff url(../images/v3input-newsletter.png) no-repeat 0 0; color:#CCC !important;} .v3newsletterBox {vertical-align:middle; width:180px; height:20px; padding:1px 5px 0 20px; border:none;background:#fff url(../images/v3input-newsletter.png) no-repeat 0 0; color:#333;} .v3newsletterButton {vertical-align:middle; width:23px; height:21px; cursor:pointer;border:0;background:url('../images/v3input-ok.png') no-repeat} /*fevad*/ #v3fevad {color:#999; padding:10px 0 10px;text-align:center; font-size:12px;} #v3fevad img {vertical-align:middle;} /*introduction*/ .v3introduction {clear:both;color:#CCCCCC; padding-bottom:10px;text-align:center;} .v3introduction strong {font-weight:bold;} .v3introduction a {color:#CCC} .v3partenaires{display:none;} /*************************** DATEPICKER ****************************/ .v3DatePicker{cursor:pointer;border: 1px solid #999999;background-image: url(../images/btnDropDown.png); background-repeat:no-repeat; background-position: right top;width: 150px;height: 16px;font-size: small;color: #009900;} /************************************************************************ GENERIC *************************************************************************/ .v3wrapper a{text-decoration:none;} .v3wrapper a:hover{text-decoration:none;} a img, a:hover img{border:none;text-decoration:none;position: relative;outline: none;} input, select, textarea{font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;position:relative;outline: none;} /************************************************************************ EVOLUTIONS *************************************************************************/ /* évolution process commande */ #productBasket .v3prixConseille {color:#999; text-decoration:line-through;} #productBasket .v3montantReduction {color:#FFF; background-color:#f20000; padding:0 2px; font-size:11px;} #productBasket .v3prixMathon {display:block;} span.v3ruptureStock {color:#CC0000;font-size:11px; font-weight:bold;} .monPanier .dataArray .productLine td a.v3ruptureStockPrevenir {color:#CC0000;font-size:10px; text-decoration:underline;} .v3btnChoisirDate {display:block; width:119px; height:24px; float:left; background:#FFF url(../images/v3btn-choisir-adresse.png) no-repeat 0 0; margin:0 auto 10px; color:#FFFFFF; text-align:center; padding-top:3px;} .v3btnChoisirDate:hover {background-position:0 -24px; text-align:center; padding-top:3px;} .v3DivActionDateLivraison{text-align:center; overflow:auto;padding-left:140px;} .v3DivActionsDateLivraison{text-align:center; overflow:auto;padding-left:80px;} /************************************************************************ PAGE CATEGORIE - Tete de gondole *************************************************************************/ /*div.v3TG{width:707px; height:218px;} div.v3TGDivGauche {float:left; width:335px; height:214px; background-color:White; border:2px solid;} div.v3TGDivDroite {float:left; width:368px; height:218px; background-color:#F3F3F3;padding-top:15px;} div.v3TGDivGauche a {display:block; text-align:center;} div.v3TGTitle {height:68px;} div.v3TGTitle h2 {color:White;padding-left:10px; line-height:26px;} div.v3TGTitle h2 a {color:White; font-size:0.9em;.font-size:0.7em;} div.v3TGTitle h2 a.noMarque {line-height:40px;} div .v3TGPointsForts ul li{ padding-left:20px;.padding-left:3px;list-style:none;background-image:url(../images/v3puce-points-forts.png); background-repeat:no-repeat; background-position: 5px 5px;} div.v3TGDescription {padding-left:12px; height:135px;} div.v3TGDescription div.v3TGPointsForts {height:72px;} div.v3TGDescription div.v3TGPointsForts ul {color:#808080; font-size:12px; list-style-position:inside;} /*div.v3TGDescription div.v3TGPointsForts ul li {margin-bottom:4px} div.v3TGDescription div.v3TGPrix {height:30px; font-size:18px; } div.v3TGDescription div.v3TGPrix span.v3prixBarre {color:#808080; margin-right: 10px; text-decoration:line-through;} div.v3TGDescription div.v3TGPrix span.v3prixPromo {color:#CC0000; margin-right:10px;} div.v3TGDescription div.v3TGPrix span.v3montantReduction {color:White; background-color:#CC0000; padding:0 3px;} div.v3TGDescription div.v3TGLink {height:20px;margin-top:8px;} div.v3TGDescription div.v3TGLink a {font-size:14px; text-decoration:underline;font-weight:bold}*/ /* ------------------------------------- DEBUT DES MODIFICATION --------------------------------------------------*/ div.v3TG{width:707px; height:360px;} div.v3content .v3itemCart a {color:#000;} .text_intro_categorie{color:#a3a3a3; line-height:12px;display:block;} .text_intro_categorie a{color:#a3a3a3;} .text_intro_sous-categorie{color:#a3a3a3; line-height:12px;display:block;padding-bottom:10px;} .text_intro_sous-categorie a{color:#a3a3a3;} .text_intro_sous-categorie p{color:#a3a3a3; line-height:12px;display:block;} .text_intro_sous-categorie p a{color:#a3a3a3;} div.v3TGDivGauche {float:left; width:335px; height:340px;border:2px solid #99cc00; margin-top:10px;} div.v3TGDivDroite {float:left; width:363px;height:340px;margin:10px 0 0 4px;} .image_bloc-produit{height:39px;} .image_produit_bloc-produit{height:214px;text-align:center;} .description_bloc-produit{height:87px;background-color:#f7fee0;padding: 0 7px 0 7px;} .description_bloc-produit a {color:#99cc00; font-size:14px;text-decoration:underline;font-weight:bold;} .description_bloc-produit a:hover {text-decoration:underline;} .description_bloc-produit .titre_produit_bloc_produit{font-size:14px; font-weight:bold; text-transform:uppercase;color:#666;padding:10px 0 0 0;} .description_bloc-produit .marque_produit_bloc_produit{font-size:11px;text-transform:uppercase; color:#666;padding: 0 0 0 0;} .description_bloc-produit .prix_barre_bloc_produit{font-size:14px;text-decoration:line-through;} .description_bloc-produit .prix_final_bloc_produit{font-size:14px;color:#cc0000;margin-left:5px;} .description_bloc-produit1{height:52px;} .description_bloc-produit2{height:35px;} .description_bloc-produit2_left{float:left;width:200px;height:35px;} .description_bloc-produit2_right{float:right;width:120px;height:20px;padding:15px 0 0 0;} .description_bloc-produit2_right img{padding-right:5px;} .div_top_vente{width:;height:166px;background-color:#f3f3f3;margin-bottom:12px;} .div_top_vente .titre_top_vente{display:block; height:23px;;background-color:#b7db00;color:#fff;font-size:14px; text-transform:uppercase;font-weight:bold; padding:7px 0 0 10px;} .div_top_vente ol{padding:13px 0 8px 30px; color:#99cc00;} .div_top_vente li{padding-bottom:5px;line-height:18px;} .div_top_vente a{color:#666;} .div_top_vente a:hover{text-decoration:underline;} .div_top_vente .prix_barre_top_vente{color:#000;text-decoration:line-through;} .div_top_vente .prix_final_top_vente{color:#cc0000;} .div_top_categorie{width:;height:;background-color:#f3f3f3;margin-top:10px;} .div_top_categorie .titre_top_categorie{display:block; height:23px;;background-color:#b7db00;color:#fff;font-size:14px; text-transform:uppercase;font-weight:bold; padding:7px 0 0 10px;} .div_top_categorie.titre_top_categorie{display:block; height:23px;;background-color:#b7db00;color:#fff;font-size:14px; text-transform:uppercase;font-weight:bold; padding:7px 0 0 10px;} .div_top_categorie ol{padding:13px 0 8px 30px; color:#99cc00;} .div_top_categorie li{padding-bottom:5px;} .div_top_categorie a{color:#666;} .div_top_categorie a:hover{text-decoration:underline;} /*********** ANCIENS HN PAGE CATEGORIE ************ h2.h2_page_categorie{clear:both;font-size:18px; color:#666; font-weight:bold;text-transform:uppercase;padding-top:20px;} #v3content h3.h3_page_categorie{font-size:12px; color:#99cc00;padding:0; margin:0;padding:5px 0 10px 0;display:bock;} .h3_page_categorie a{color:#99cc00; font-size:12px; text-decoration:underline;text-transform:none;} .h3_page_categorie a:hover{color:#99cc00; font-size:12px; text-decoration:underline;text-transform:none;} .h3_page_categorie img{padding-right:5px;margin-top:5px;} ***************************************************/ /*********** NOUVEAUX HN PAGE CATEGORIE ************/ #v3content div.span_page_categorie{font-size:18px; color:#99cc00; font-weight:bold; padding:0px 0 5px 5px; text-transform:uppercase; border-bottom:#EFEFEF solid 3px;} h3.h3_page_categorie{clear:both;font-size:18px; color:#666; font-weight:bold;text-transform:uppercase;padding-top:20px;} /*#v3content span.span_page_categorie{font-size:12px; color:#99cc00;padding:0; margin:0;padding:5px 0 10px 0;display:bock;}*/ .span_page_categorie a{color:#99cc00; font-size:12px; text-decoration:underline;text-transform:none;} .span_page_categorie a:hover{color:#99cc00; font-size:12px; text-decoration:underline;text-transform:none;} .span_page_categorie img{padding-right:5px;margin-top:5px;} /***************************************************/ /*********** NOUVEAUX HN PAGE SOUS CATEGORIE ************/ #v3content h2.h2_sous_cat {height:38px; font-size:22px; color:#9c0; font-weight:normal; padding:10px 15px 0 0px; } /*#v3sidebar h3.h3_sous_cat {height:40px; background:#FFF url(../images/v3bg-categorie.png) no-repeat 0 0; font-size:22px; color:#FFF; font-weight:normal; text-transform:uppercase; padding:10px 15px 0 15px;}*/ #v3sidebar h3.h3_sous_cat {height:40px; background:#F3F3F3 url(../images/v3bg-categorie.png) no-repeat 0 0; font-size:18px; color:#FFF; font-weight:normal; text-transform:uppercase; padding:13px 15px 0 15px;} /***************************************************/ a.lien_fin_bloc{float:right;color:#99cc00;text-decoration:underline; font-size:12px;padding-top:10px;display:block;} a:hover.lien_fin_bloc{color:#99cc00;text-decoration:underline; font-size:12px;padding-top:10px;} .description_bloc-produit2 .rating1{background-image:url("../images/spFancy-vert.png");background-position:-1767px 0;display:inline-block;height:16px;overflow:hidden;width:88px;} .description_bloc-produit2 .rating2{background-image:url("../images/spFancy-vert.png");background-position:-1856px 0;display:inline-block;height:16px;overflow:hidden;width:88px;} .description_bloc-produit2.rating3{background-image:url("../images/spFancy-vert.png");background-position:-1945px 0;display:inline-block;height:16px;overflow:hidden;width:88px;} .description_bloc-produit2 .rating4{background-image:url("../images/spFancy-vert.png");background-position:-2034px 0;display:inline-block;height:16px;overflow:hidden;width:88px;} .description_bloc-produit2 .rating5{background-image:url("../images/spFancy-vert.png");background-position:-2123px 0;display:inline-block;height:16px;overflow:hidden;width:88px;} /************************************************************************ PAGES *************************************************************************/ /* page livraisons */ #v3modesDeLivraisons {padding:0 0 15px 0;} #v3modesDeLivraisons h1 {color:#9c0; font-weight:normal; font-size:24px; text-align:left; margin:20px 0 30px 0; padding:0 0 5px 0; border-bottom:#CCC dashed 1px;} #v3modesDeLivraisons h2 {color:#9c0; font-weight:bold; font-size:18px; text-align:left; margin:0 0 10px 0;} #v3modesDeLivraisons h3 {color:#333; font-weight:bold; font-size:12px; text-align:left; margin:0 0 10px 0;} #v3modesDeLivraisons p {color:#333; font-size:12px; text-align:left; margin:0 0 5px 0;} #v3modesDeLivraisons img.v3logoLivraison { padding:20px 10px 0 10px;} #v3modesDeLivraisons td.v3descriptionLivraison { padding:20px 10px;} #v3modesDeLivraisons td.v3ligneGrisee { background-color:#f7f7f7;} #v3modesDeLivraisons .v3recapitulatifFraisLivraison {border-collapse:collapse;} #v3modesDeLivraisons .v3recapitulatifFraisLivraison td, .v3recapitulatifFraisLivraison th {border:#dfdfdf solid 1px; padding:1px 10px; text-align:left;font-size:11px;} #v3modesDeLivraisons .v3recapitulatifFraisLivraison th {background-color:#efefef; color:#000; border-collapse:collapse; text-transform:uppercase;} /* page codes promo */ /*#v3pagecodes h1 {vertical-align:middle; color:#9c0; font-weight:bold; font-size:40px; text-align:left;} #v3pagecodes h2 {color:#9c0; font-weight:bold; font-size:18px; text-align:left; margin:0 0 10px 0; vertical-align:middle} #v3pagecodes p {color:#333; font-size:12px; text-align:left; margin:0 0 5px 0;} #v3_codes-promo_titre {height:160px; width:955px; background-image:url(https://media.mathon.fr/v/4.1/images/bg-h1.png); background-repeat:no-repeat; background-position:left top; font-size:25px; text-align:left; color:#9c0; padding-left:310px; padding-top:35px} #v3_codes-promo_h2_a {height:36px; width:670px; text-align:left; vertical-align:middle; padding-left:10px; padding-top:10px;} #v3_codes-promo_h2_b {height:46px; width:255px; text-align:left; vertical-align:bottom; padding-left:20px;} #v3_codes-promo_titretable {color:#ffffff; font-weight:bold; font-size:18px; text-align:left; background-color:#aaaaaa; padding-left:10px} #v3_codes-promo_offretable {color:#8e8e8e; font-weight:bold; font-size:14px; text-align:left; background-color:#ffffff; padding-left:10px; padding-top:10px; vertical-align:top; height:75px; border-left:solid 1px #EEE; border-bottom:solid 1px #EEE;} #v3_codes-promo_codetable {color:#8e8e8e; font-weight:bold; font-size:14px; text-align:left; background-color:#ffffff; padding-left:10px; padding-top:10px; vertical-align:top; height:75px; border-bottom:solid 1px #EEE;} #v3_codes-promo_conditionstable {color:#8e8e8e; font-size:12px; text-align:left; background-color:#ffffff; padding-left:10px; padding-top:10px; padding-right:10px; vertical-align:top; border-right:solid 1px #EEE; border-bottom:solid 1px #EEE;} #v3_codes-promo_offretable-gris {color:#8e8e8e; font-weight:bold; font-size:14px; text-align:left; background-color:#eeeeee; padding-left:10px; padding-top:10px; vertical-align:top; height:75px;} #v3_codes-promo_conditionstable-gris {color:#8e8e8e; font-size:12px; text-align:left; background-color:#eeeeee; padding-left:10px; padding-top:10px; padding-right:10px; vertical-align:top} #v3_codes-promo_CODEtable-gris {color:#8e8e8e; font-weight:bold; font-size:14px; text-align:left; background-color:#eeeeee; padding-left:10px; padding-top:10px; vertical-align:top} #v3_codes-promo_CODE {color:#8e8e8e; font-weight:bold; font-size:14px; text-align:center; background-color:#ffffff; vertical-align:middle; padding:3px; border:1px solid #e5e5e5; text-transform:uppercase; } #v3_codes-promo_degrade {width:25px; background-color:#ffffff; background-image:url(https://media.mathon.fr/v/4.1/images/degrade.png); background-repeat:repeat-x; background-position:left top; border-right:2px solid #ffffff; padding-left:50px; } #v3_codes-promo_tailletable_1 {width:680px; } #v3_codes-promo_tailletable_2 {width:255px; height:448px; margin-left:20px; } #v3_codes-promo_etapestxt01 {width:255px; height:89px; vertical-align:top; text-align:center; font-size:13px; color:#8e8e8e; font-weight:bold; padding-top:13px; } #v3_codes-promo_etapestxt02 {width:255px; height:79px; vertical-align:top; text-align:center; font-size:13px; color:#8e8e8e; font-weight:bold; } #v3_codes-promo_etapestxt03 {width:255px; height:79px; vertical-align:top; text-align:center; font-size:13px; color:#8e8e8e; font-weight:bold; } #v3_codes-promo_etapestxt04 {width:255px; height:79px; vertical-align:top; text-align:center; font-size:13px; color:#8e8e8e; font-weight:bold; } #v3_codes-promo_etapestxt05 {width:255px; height:89px; vertical-align:top;text-align:center; font-size:13px; color:#8e8e8e; font-weight:bold; } #v3_codes-promo_etapestable {width:255px; height:405px; border:0; background-image:url(https://media.mathon.fr/v/4.1/images/bg_table_etapes.png); background-repeat:no-repeat; background-position:left top; } */ .v3pagecodes{width:955px;} .v3pagecodes h1 {vertical-align:middle; color:#9c0; font-weight:bold; font-size:40px; text-align:left;} .v3pagecodes h2{color:#9c0; font-weight:bold; font-size:18px; text-align:left; margin:0 0 10px 0; vertical-align:middle;} .v3_codes-promo_titre{height:160px; width:645px; background-image:url(https://media.mathon.fr/v/4.1/images/bg-h1.png); background-repeat:no-repeat; background-position:left top; font-size:25px; text-align:left; color:#9c0; padding-left:310px; padding-top:35px} .v3_codes-promo-conteneur{width:955px;} .v3_codes-promo-h2_a{height:35px;padding-top:10px} .v3_codes-promo-h2_b{height:45px;} .v3_codes-promo-liste{width:670px;float:left} .v3_codes-promo-liste .v3_codes-promo_titretable{color:#ffffff; font-weight:bold; font-size:18px; text-align:left; background-color:#aaaaaa; padding-left:10px} .v3_codes-promo-liste .v3_codes-promo_offretable{color:#8e8e8e; font-weight:bold; font-size:14px; text-align:left; background-color:#ffffff; padding-left:10px; padding-top:10px; vertical-align:top; height:75px; border-left:solid 1px #EEE; border-bottom:solid 1px #EEE;} .v3_codes-promo-liste .v3_codes-promo_codetable {color:#8e8e8e; font-weight:bold; font-size:14px; text-align:left; background-color:#ffffff; padding-left:10px; padding-top:10px; vertical-align:top; height:75px; border-bottom:solid 1px #EEE;} .v3_codes-promo-liste .v3_codes-promo_conditionstable {color:#8e8e8e; font-size:12px; text-align:left; background-color:#ffffff; padding-left:10px; padding-top:10px; padding-right:10px; vertical-align:top; border-right:solid 1px #EEE; border-bottom:solid 1px #EEE;} .v3_codes-promo_offretable-gris {color:#8e8e8e; font-weight:bold; font-size:14px; text-align:left; background-color:#eeeeee; padding-left:10px; padding-top:10px; vertical-align:top; height:75px;} .v3_codes-promo_conditionstable-gris {color:#8e8e8e; font-size:12px; text-align:left; background-color:#eeeeee; padding-left:10px; padding-top:10px; padding-right:10px; vertical-align:top} .v3_codes-promo_CODEtable-gris {color:#8e8e8e; font-weight:bold; font-size:14px; text-align:left; background-color:#eeeeee; padding-left:10px; padding-top:10px; vertical-align:top} .v3_codes-promo_CODE {color:#8e8e8e; font-weight:bold; font-size:14px; text-align:center; background-color:#ffffff; vertical-align:middle; padding:3px; border:1px solid #e5e5e5; text-transform:uppercase; } .v3_codes-promo-etape{width:265px;float:left;padding-left:20px;} .v3_codes-promo_etapestable {width:255px; height:405px; border:0; } .v3_codes-promo_etapestxt01 {width:255px; height:67px; background-color:#ffffff; background-image:url(https://media.mathon.fr/v/4.1/images/bg_etapes_01.png); background-repeat:no-repeat; background-position:left top; vertical-align:middle; text-align:center; font-size:13px; color:#8e8e8e; font-weight:bold;padding-top:22px; } .v3_codes-promo_etapestxt02 {width:255px; height:67px; background-color:#ffffff; background-image:url(https://media.mathon.fr/v/4.1/images/bg_etapes_02.png); background-repeat:no-repeat; background-position:left top; text-align:center; font-size:13px; color:#8e8e8e; font-weight:bold; vertical-align:top;padding-top:12px;} .v3_codes-promo_etapestxt03 {width:255px; height:71px; background-color:#ffffff; background-image:url(https://media.mathon.fr/v/4.1/images/bg_etapes_02.png); background-repeat:no-repeat; background-position:left top; text-align:center; font-size:13px; color:#8e8e8e; font-weight:bold; vertical-align:top;padding-top:8px;} .v3_codes-promo_etapestxt04 {width:255px; height:67px; background-color:#ffffff; background-image:url(https://media.mathon.fr/v/4.1/images/bg_etapes_05.png); background-repeat:no-repeat; background-position:left top; text-align:center; font-size:13px; color:#8e8e8e; font-weight:bold; vertical-align:top;padding-top:12px;} /* page pure gourmandise */ .conteneur{width:955px;font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;color:#666;} .texte-rose{color:#f06e8c;} .banniere_puregourmandise{width:955px;} .intro_page_puregourmandise{font-size:14px;margin-bottom:15px;height:60px;line-height:17px;} .intro_page_puregourmandise a{color:#f06e8c;text-decoration:underline;} .portrait_puregourmandise{width:955px;} .img_portrait{float:left;} .interview_portrait{float:right;width:653px;font-size:12px;padding-left:15px;line-height:14px;} .interview_portrait a{color:#666;text-decoration:underline;} .interview_portrait .texte-rose a{color:#f06e8c;text-decoration:underline;} .deco-puregourmandise{width:955px;height:30px;background-color:#f2aca7;margin-top:15px;} .séléction_puregourmandise{width:955px;} .intro_selection_puregourmandise{width:955px;clear:both;padding-top:25px;} .titre_selection{font-size:24px; color:#f2aca7;} .texte-selection{font-size:12px;display:block; padding-top:10px;} .ligne_couleur_selection{clear:both;background-color:#eadfd9;width:955px;height:220px} .ligne_blanche_selection{clear:both;background-color:#fff;width:955px;height:220px} .produit1_selection{float:left;width:477px;} .produit2_selection{float:right;width:477px;} .img_selection{float:left;width:153px;height:220px;} .description_selection{float:right;width:324px;font-size:12px;line-height:14px;padding-top:24px;} .nom_produit_puregourmandise{font-size:14px;color:#f06e8c;font-weight:bold;text-transform:uppercase;} .nom_produit_puregourmandise a{color:#f06e8c;text-decoration:none;} .avis_produit_puregourmandise{display:block; height:110px;} .liens_produit_puregourmandise {color:#f06e8c;text-decoration:underline;} .produit2_tampon img{margin-left:130px;} /************************************************************************ FILTRES *************************************************************************/ .blocFiltreHeader{padding:5px 10px 0;background-color:#F3F3F3; height:20px;} .blocFiltresListe{float:left;padding:0; width:620px;} .blocFiltresListe .menuFiltres{padding:5px 25px 5px 15px;background: #F3F3F3 url('../images/fleche_filtres_grise.png') no-repeat right center;} .blocFiltresListe .active{padding:5px 25px 5px 15px;background: #F9F9F9 url('../images/fleche_filtres_verte.png') no-repeat right center;} .blocFiltresBouton{float:right;background:#F3F3F3 url('../images/bouton_filtres_gris.png') no-repeat center center;text-align:center;vertical-align:middle; width:64px;} .blocFiltresBouton.active{background:#F3F3F3 url('../images/bouton_filtres_vert.png') no-repeat center center;} .blocFiltresBouton a{color:White; font-weight:bold;padding:0 12px;} .divFiltre{padding:5px 10px;text-align:center;} .divFiltreGauche{text-align:left;} .divFiltre .tableCbList{text-align:left;} .divFiltre .spanSliderValue{color: #666666; font-weight: bold;} .divFiltre .divSlider{padding:5px 5px 0;} .divFiltreLabel {padding:5px 10px 5px 10px;background-color:#d0d0d0;margin:10px 0 10px 0;} .divFiltreLabel .menuFiltres{font-size:15px;text-transform:uppercase;color:#666666;font-weight:normal;} .divFilterString{height:110px;overflow-y:scroll;} .divFilterString label {padding-left: 2px; } .divFilterString li{padding-bottom:5px;} .bloc_filtre_boutons{padding:0 8px 50px 10px;} a.filtre_bouton_supprimer{display:block;float:left;font-size:12px;color:#999999;text-decoration:underline;padding-top:7px;} a.filtre_bouton_affiner{display:block;float:right;width:109px;height:34px;background:url(../images/filtre-dynamique-btn-valider.jpg);text-indent:-5000px;} #v3sidebar .blocFiltreGaucheHeader ul { padding: 0; } #filtre_resume{padding:0 10px 10px 10px;} #filtre_resume span{color:#A4D80E;} #filtre_resume a{color=#666666;margin-right:10px;} /************************************************************************ balise H1 *************************************************************************/ .header-h1{ font-size:0.75em; color:#a4a7ae;} /**********************************/ /*Nouvelle popin d'ajout au panier*/ /**********************************/ .v3popupnew { width: 455px; background-color: #eaeaea; } .v3popupfermer01 { height: 30px; padding-right: 10px; padding-top: 5px; text-align: right; } .v3popupfermer { font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif; font-size: 13px; color: #333; font-weight: bold; } .v3popuptitre { font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif; font-size: 18px; color: #FFF; font-weight: bold; background-color: #99cc00; height: 30px; width: 425px; padding-left: 10px; padding-top: 5px; } .v3popupprod { background-color: #ffffff; width: 435px; margin-left: 10px; padding-bottom: 10px; } .v3popupprod01_txt { background-color: #ffffff; width: 435px; text-align: center; font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; margin-top: 10px; padding-bottom: 5px; color: #333; } .v3popupprod01_marque { text-align: center; font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #999; text-transform: uppercase; } .v3popupprod01_img { text-align: center; } .v3popupprod02_titre { font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif; font-size: 18px; color: #999; font-weight: bold; padding-left: 10px; border-bottom: solid 1px #99cc00; } .v3popupprod02_img { float: left; margin-top: 10px; margin-right: 0px; margin-left: 10px; } .v3popupprod02_txt { float: right; width: 314px; height: 65px; margin-top: 10px; } .v3popupprod02_link { font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #333; text-decoration: none; } .v3popupprod02_marque { font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #999; text-transform: uppercase; } .v3popupprod02_prix { font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333; } .v3popupprod02_prix-bar { font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #999; text-decoration: line-through; } .v3popupprod02_reduc { font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #999; background-color: #F00; color: #FFF; } .v3popupprod02_ajouter_com { float: right; text-align: right; width: 314px; font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #99cc00; padding-right: 10px; margin-top: 10px; } .v3popup_prod02 { background-color: #ffffff; width: 435px; margin-left: 10px; height: 130px; } .v3popup_btn-achats { float: left; text-align: left; padding-top: 15px; } .v3popup_btn-achats-link { font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif; font-size: 14px; color: #99cc00; text-transform: uppercase; text-decoration: underline; background-image:url(../images/pop-up_fleche.png); background-repeat:no-repeat; padding-left:20px; } .v3popup_btn-panier { display:block; width:187px; height:32px; background:#EAEAEA url(../images/v3btn-acceder-panierv2.png) no-repeat 0 0; float: right; text-align: left; padding-top: 9px; text-transform:uppercase; margin-top:5px; } .v3popup_btn-panier a { color:white; margin-left:30px; } .v3popup_btn { clear: both; height: 45px; margin-left: 10px; margin-right: 10px; } .v3popupprod02_ajouter_com label{ margin-left:5px;} /* Texte avec puce :*/ .puce_verte_fd_vert { background-image:url(../images/puce_verte_fond_vert.png); background-position:0px 3px; background-repeat:no-repeat; padding-left:14px; } .puce_verte_fd_blanc { background-image:url(../images/puce_verte_fond_blanc.png); background-position:0px 3px; background-repeat:no-repeat; padding-left:14px; } /* Inséré pour palier l'intégration du hProduct nécessitant une classe description */ div.description, p.description { float:none; border-left:none; padding-left:0px;/*ben*/ width:100%; /*margin-right:20px;/*ben*/ } /* -------------------- NEW HOME ------------------------- */ .home_gauche{float:left;width:730px;color:#666;margin-top:8px;} .home_gauche h2{font-size:18px; color:#666;padding-top:5px;} .home_droite{float:right;width:218px;color:#666;margin-top:16px;} .home_droite .titre_home_droite{font-size:18px; color:#666;} .home_droite .txt_vert_home{color:#97cc00; font-size:12px;} .home_droite a.lien_vert_home{color:#97cc00; font-size:12px;text-decoration:underline;} .home_droite a:hover.lien_vert_home{color:#97cc00; font-size:12px;text-decoration:underline;} /* partie gauche */ .showroom{width:730px;height:302px;} .nav_showroom{height:20px;background-color:#666;} .img_showroom{height:282px;background-color:#000;} .cat_home{width:730px;} .cat_home_gauche{float:left;width:342px;height:200px;border:1px solid #cacaca;margin-top:10px;padding:0 5px 0 8px;} .cat_home_droite{float:right;width:342px;height:200px;border:1px solid #cacaca;margin-top:10px;padding:0 5px 0 8px;} .cat_home_haut{height:178px;} .list_cat_home {float:left;width:202px;padding-right:8px;} .list_cat_home h3{color:#666;font-size:12px;font-weight:normal;} .list_cat_home a{color:#666;} .list_cat_home a:hover{color:#333;} .list_cat_home ul{list-style-type:none; margin-top:10px;} a.lien_vert_cat {color:#97cc00;} a:hover.lien_vert_cat{color:#97cc00;} .produit_cat_home{float:right;width:131px;} .produit_cat_home img{width:91px;height:91px;} .produit_cat_home ul{list-style-type:none;list-style-position:outside;} .produit_cat_home .v3itemBrand {font-size:10px; color:#999; text-transform:uppercase;} .produit_cat_home .v3itemBrand a {color:#999;} .produit_cat_home .v3itemName {font-size:11px; color:#666; font-weight:bold;line-height:14px;} .produit_cat_home .v3itemName a{color:#666;} .produit_cat_home .v3itemPrice {font-size:12px;padding:2px 0;} .produit_cat_home .v3itemPrice .v3prixBarre {color:#000; text-decoration:line-through;} .produit_cat_home .v3itemPrice .v3prixPromo {color:#c00;} .produit_cat_home .v3itemPrice .v3prixVente {color:#000;} .produit_cat_home .v3itemPrice .v3montantReduction {font-size:11px; color:#FFF; font-weight:bold; background-color:#c00; line-height:14px; padding:0 2px;} .produit_cat_home .v3itemReference {font-size:10px; color:#CCC; text-transform:capitalize; display:none;} .produit_cat_home .v3itemNote {} .cat_home_bas{clear:both;} .cat_home_bas a{color:#97cc00;text-decoration:underline;} .cat_home_bas a:hover{color:#97cc00;text-decoration:underline;} /* partie droite */ .home_btn1{width:216px;height:88px;background-color:#000;margin-top:20px;margin-bottom:8px;} .home_btn2{width:216px;height:88px;background-color:#000;margin-bottom:8px;} .home_btn3{width:216px;height:88px;background-color:#000;margin-bottom:9px;} .home_contact{width:216px;margin-top:10px;} .home_contact a {color:#666;} .home_contact a:hover {color:#333;} .contener_home_contact{width:206px;height:235px;border:1px solid #cacaca;margin-top:5px;padding:8px 5px 8px 5px;} .home_contact .v3newsletterBox {vertical-align:middle; width:155px; height:20px; padding:1px 5px 0 20px; border:none;background:#fff url(../images/v3input-newsletter.png) no-repeat 0 0; color:#333;} .home_contact input{margin-top:5px;} .facebook_home{margin-top:15px;width:206px;border-top:1px solid #cacaca;padding-top:15px;padding-bottom:10px;} .facebook_home span{float:left;padding-left:5px;} .twitter_home{clear:both;padding-top:5px;border-top:1px solid #cacaca;} .twitter_home span{float:left;padding-left:5px;padding-top:8px;padding-bottom:10px;} .btn_twitter{width:196px;padding-left:10px;} .home_parrainage{width:216px;margin-top:20px;} .home_parrainage_exp{width:206px;border:1px solid #cacaca;margin-top:5px;padding:10px 5px 10px 5px;line-height:24px;} .home_engagements{width:216px;margin-top:20px;} .home_engagement_liste{width:216px;background-color:#f7f7f7;border-top:1px solid #cacaca;border-left:1px solid #cacaca;border-right:1px solid #cacaca;margin-top:5px;} .engagment_mep{padding:8px 5px 8px 5px;border-bottom:1px solid #cacaca;} .engagment_mep img{padding-right:6px;} .txt_vert_engagement{color:#97cc00; font-size:14px;font-weight:bold;} .txt_gris_engagement{color:#c9c8c8; font-size:11px;} /* -------------------- NEW FOOTER ------------------------- */ .footerv2 {color:#6b645e; font-size:11px;height:140px;} .titre_footer{font-size:13px;text-transform:uppercase;border-bottom:1px solid #d0cfcf;width:170px;display:block;padding-left:5px;} .footerv2_liste{float:left;width:186px;padding-left:5px;} .footerv2_liste ul{padding-left:20px;margin-top:5px;} .footerv2_liste li{color:#6b645e;cursor:pointer;} /* popin carnet d'adresse */ .v3popup_carnet {width:455px; height:460px; background-color:#eaeaea; } .v3popuptitre-carnet {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#FFF; font-weight:bold; background-color:#99cc00; height:30px; width:425px; padding-left:10px; padding-top:5px; } .v3popup-contenu-carnet {background-color:#ffffff; width:435px; margin-left:10px; padding-bottom:10px; } .v3popup_sous-titre {background-color:#ffffff; text-align:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin-top:10px; padding-bottom:5px; color:#999; padding-left:10px; } .v3popup-liste-adresses {line-height:25px; height:266px; width:415px; overflow:scroll; margin-left:10px; border:solid 1px #999; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#999; text-align:left; } .v3popup-liste-adresses input {margin-left:5px;} .v3popup-liste-adresses label {margin-left:5px;} .v3popup-tout-cocher {text-align:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:underline; color:#999; padding-left:10px; height:35px; padding-top:10px; float:left; } .v3popup-tout-decocher {text-align:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:underline; color:#999; padding-left:10px; height:35px; padding-top:10px; } .v3popup-selection-adresse {text-align:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:underline; color:#999; height:35px; background:#FFF; } .v3popup_carnetFacebook {width:640px;height:540px;} .v3popup_carnetFacebook .v3popup-contenu-carnet{width:620px;} .v3popup_carnetFacebook .v3popuptitre-carnet{width:610px;} .v3popup-lien-selection-adresse {color:#999; } .v3popup_btn-invitations { display:block; width:187px; height:30px; background:url(../images/btn-envoyer-invitations.png) no-repeat 0 0; float: right; text-align: center; padding-top: 9px; text-transform:uppercase; margin-top:5px; } .v3popup_btn-invitations a { color:white; } .v3popup_btn {clear:both; height:45px; margin-left:10px; margin-right:10px; } .zone_invitez_amis p{float:left;padding-top:13px;padding-right:10px;} .zone_invitez_amis .v3popup_btn-invitations { float: left; } /* popin bons d'achat */ #v3popupBonsAchat {width:777px; display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:500px; z-index:200; background-color:#eaeaea; } #backgroundPopupBonsAchat{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:100%; width:100%; top:0; left:0; background:#000000; border:1px solid #cecece; z-index:3;} .v3popuptitre-bons-achats {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#FFF; font-weight:bold; background-color:#99cc00; height:30px; width:747px; padding-left:10px; padding-top:5px; } .v3popup-contenu-bons {background-color:#ffffff; width:757px; margin-left:10px; padding-bottom:10px; } .v3popup_sous-titre {background-color:#ffffff; text-align:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin-top:10px; padding-bottom:5px; color:#999; padding-left:10px; } .v3popup_tableau {background-color:#ffffff; width:740px; padding-left:10px; font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; } .v3popup_btn-utiliser-bons {float:right; text-align:right;padding-top:5px; } .v3popup_btn {clear:both; height:45px; margin-left:10px; margin-right:10px; } .titre_amisTable{width:740px;height:28px;background-color:#969691;color:#fff;padding:0 5px 0 5px;text-transform:uppercase;font-weight:bold;font-size:12px;} .titre_amisTable td{padding-left:5px;} .ligne_grise{background-color:#eeeeee;height:28px;} .ligne_grise td{padding-left:5px;font-size:12px;} .ligne_blanche{background-color:#fff;height:28px;} .ligne_blanche td{padding-left:5px;font-size:12px;} /* ----------------------- PARRAINAGE ------------------------ */ .parrainage_intro{color:#666;margin-bottom:30px;} .parrainage_facebook{color:#666} .parrainage_facebook h2{color:#97cc00;font-size:18px;padding-bottom:10px;} .parrainage_facebook_mod{width:955px;height:55px;background-color:#f1f1f1;margin:10px 0 30px 0;} .parrainage_facebook_mod img{float:right;padding:15px;} .parrainage_mail{clear:both;color:#666;margin-top:10px;} .parrainage_mail h2{color:#97cc00;font-size:18px;padding-bottom:10px;} .parrainage_mail_mod{width:955px;background-color:#f1f1f1;margin:10px 0 30px 0;padding:15px;height:auto;} .parrainage_mail_box{width:955px;} .parrainage_mail_amis{width:350px;float:left;margin-top:20px;} .parrainage_mail_amis fieldset{padding-bottom:15px;} .parrainage_mail_amis label{float:left;} .parrainage_mail_amis input{width:286px;float:right;margin-bottom:5px;vertical-align:top;} .parrainage_mail_commentaire{width:505px;float:left;padding-left:100px;} .parrainage_mail_commentaire textarea{width:286px;height:55px;} .plus_amis{float:right;} .plus_amis a{color:#666;text-decoration:underline;} .plus_amis a:hover{color:#666;text-decoration:underline;} .parrainage_carnet{clear:both;color:#666;} .parrainage_carnet h2{color:#97cc00;font-size:18px;padding-bottom:10px;} .parrainage_carnet_mod{width:955px;background-color:#f1f1f1;margin:10px 0 30px 0;padding:15px;} .parrainage_identifiant_carnet{float:left;margin-right:96px;width:430px;} .parrainage_identifiant_carnet select{margin-bottom:15px;} .parrainage_identifiant_carnet input{width:296px;margin-bottom:10px;float:right;} .parrainage_identifiant_carnet label{float:left;padding-right:10px;} .parrainage_commentaire_carnet{float:left;} .parrainage_commentaire_carnet textarea{width:296px;height:55px;} .identifiant_carnet{font-size:10px;} .btn_inviter_amis{clear:both;height:34px;margin-top:30px;} .btn_inviter_amis img{margin-left:800px;} .logo_messagerie{margin-top:10px;} .btn_inviter_amis { display:block; width:131px; height:30px; background:url(../images/btn_inviter_amis.png) no-repeat 0 0; text-align: center; padding-top: 9px; text-transform:uppercase; margin-top:5px; } .btn_inviter_amis a { color:white; } .parrainage_mail .parrainage_erreur{clear:both;padding-top:15px;padding-left:60px;} .parrainage_mail .parrainage_erreur_color{color:#ff0000;} .parrainage_carnet .parrainage_erreur{clear:both;padding-top:15px;padding-left:130px;} .parrainage_carnet .parrainage_erreur_color{color:#ff0000;} .parainage_invitation_envoyee{width:200px;padding:5px;margin-bottom:10px;background-color:#F7FEE0;border:1px solid #97cc00;text-align:center;} .parainage_invitation_envoyee_texte{color:#000;} /* ---------------- Panier bon d'achat ----------------*/ .btn_bon_achat{float:right;width:298px;height:20px;background-color:#bfb4a6; border: 2px solid #d9d9d9;text-align:center;font-weight:bold; } /* ---------------- PAGE MON COMPTE - MES AMIS / BON D'ACHAT ----------------*/ .titre_amisTable{width:740px;height:28px;background-color:#969691;color:#fff;padding:0 5px 0 5px;text-transform:uppercase;font-weight:bold;} .titre_amisTable td{padding-left:5px;} .ligne_grise{background-color:#eeeeee;height:28px;} .ligne_grise td{padding-left:5px;} .ligne_blanche{background-color:#fff;height:28px;} .ligne_blanche td{padding-left:5px;} .titre_amisTable .titre_amisTable_col_prenom{width:145px;} .titre_amisTable .titre_amisTable_col_email{width:249px;} .titre_amisTable .titre_amisTable_col_dateInvitation{width:170px;} .titre_amisTable .titre_amisTable_col_dateInvitation{width:176px;} .titre_amisTable .titre_amisTable_col_contactFacebook{width:500px;} .titre_amisTable .titre_amisTable_col_avatarFacebook{width:242px;} .zone_invitez_amis{height:44px;} .zone_invitez_amis img{margin-left:280px;margin-top:-30px;} .btn_inviter_amis_right{float:right;} .cpteMargin_amis{margin-bottom:5px;} /********** PopIn jeu *****************/ /*-----------------------------------NOUVELLES CLASSES POPIN, DATE : 29/11/2011------------------------------------------------------*/ .v3popup_formulaireHome { width:850px; height:400px; } .v3popupjeu-fond { width:850px; height:475px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#333; font-weight:bold; text-align:right; } .closebox { width:30px; height:30px; position:relative; top:16px; margin-left:836px; z-index:1; } .v3popupjeu-contenu { width:850px; height:475px; } .v3popupjeu-visu { width:535px; float:left; } .v3popupjeu-visu-formulaire { background-image:url(images/formulaire_pop_up_jeu00.png); background-repeat:no-repeat; height:475px; width:315px; float:left; vertical-align:bottom; } .v3popupjeu-titre { vertical-align:bottom; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:24px; color:#000; height:105px; padding-top:150px; } .v3popupjeu-titregros { text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:45px; color:#000; } .v3popupjeu-formulaire { height:109px; line-height:40px; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#333; font-weight:bold; text-align:center; } .v3popupjeu-formulaire02 { height:315px; line-height:40px; padding-top:60px; padding-right:5px; text-align:right; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#333; font-weight:bold; text-align:right; } .v3popupjeu-liens { vertical-align:bottom; text-align:center; height:30px; } .v3popupjeu-liens-texte { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#b9b9b9; text-decoration:underline; } /*-----------------------------------FIN NOUVELLES CLASSES POPIN-------------------------------------------------------------------*/ .v3popup_formulaireHome_closeDiv { width:30px; height:30px; position:relative; top:16px; margin-left:836px; z-index:1; } .v3popup_formulaireHome_closeDiv00 { width:30px; height:30px; position:relative; top:16px; margin-left:522px; z-index:1; } .v3popupjeu-formulaire02 label { margin-left:3px; margin-right:5px; } #panImageJsToForm2 { cursor:pointer; } /* ----------------------- SITE MAP ------------------------ */ .site_map_h1{color:#99cc00;font-size:22px;margin-bottom:15px;} .site_map{width:955px;} .site_map ul{list-style-type:none;} .col_sitemap{width:298px;float:left;padding-right:18px;} .col_sitemap h2{display:block;width:279px;color:#99cc00;font-size:16px;text-transform:uppercase;background-color:#f0fccb;padding:2px 5px 2px 5px;} .col_sitemap h2 a{color:#99cc00;font-size:16px;} .col_sitemap h3{font-size:12px;font-weight:normal;} /* mettre font-size:13px;font-weight:bold; lors de l'activation des menus à 3 niveaux. */ .col_sitemap h4{font-size:12px;font-weight:normal;} .cat_sitemap{height:100%;margin-bottom:15px;} .niveau1_sitemap{color:#000;font-weight:bold;margin-top:8px;} .niveau1_sitemap a{color:#000;font-weight:bold;text-decoration:none;} .niveau1_sitemap a:hover{color:#99cc00;} .niveau2_sitemap{color:#666666;line-height:17px;} .niveau2_sitemap a{color:#666666;} .niveau2_sitemap a:hover{color:#99cc00;} /* Page site under */ .bodyPageSiteUnder #v3footer{ padding-right:0px;} .bodyPageSiteUnder .v3wrapper h1{ margin-left:auto;margin-right:auto;width:955px;} /* ----------------------- NOTE GENERALE ------------------------ */ .note-generale{clear:both;padding-top:10px;color:#999;} .note-generale_client{font-weight:bold;} .note-generale .rating1{background-image:url("../images/spFancy.png");background-position:-1767px 0;display:inline-block;height:16px;overflow:hidden;width:88px;} .note-generale .rating2{background-image:url("../images/spFancy.png");background-position:-1856px 0;display:inline-block;height:16px;overflow:hidden;width:88px;} .note-generale .rating3{background-image:url("../images/spFancy.png");background-position:-1945px 0;display:inline-block;height:16px;overflow:hidden;width:88px;} .note-generale .rating4{background-image:url("../images/spFancy.png");background-position:-2034px 0;display:inline-block;height:16px;overflow:hidden;width:88px;} .note-generale .rating5{background-image:url("../images/spFancy.png");background-position:-2123px 0;display:inline-block;height:16px;overflow:hidden;width:88px;} /*Boutique 2012*/ .noel2012-conteneur{width:955px;} .noel2012-img_titre{display:block;} .noel2012-bandeau{width:955px;height:270px;} h3.noel2012{display:block;color:#c60114;font-size:36px;} .noel2012-idee-prix{width:955px;height:280px;margin-top:-25px;} .noel2012-idee-prix-bloc{float:left;width:231px;height:51px;margin-right:10px;_margin-right:9px;} .noel2012-idee-prix-bloc-last{margin-right:0px;} .noel2012-idee-prix-bloc h4{display:block;width:231px;} .noel2012-idee-type-ligne{width:955px;height:325px;clear:both;} .noel2012-idee-type-ligne a{display:block;width:472px;height:315px;float:left;margin-right:10px;} .noel2012-idee-type-ligne a.noel2012-idee-type-last{margin-right:0px;} .noel2012-footer{width:943px;height:156px;background:#efe6e0 url(https://media.mathon.fr/v/5.2/images/img-2012-noel-boutique/boutique-noel2012_footer.jpg) no-repeat 0 0;margin-top:30px;clear:both;padding-left:12px;padding-top:50px;} .noel2012-footer div{clear:both;} .noel2012-footer1{height:40px;margin-top:30px;} .noel2012-footer2{height:40px;margin-top:15px;} .noel2012-footer img{display:block;margin-top:18px;} .noel2012-footer ul{width:670px;display:block;list-style-type:none;} .noel2012-footer ul li{float:left;padding-right:5px;} .noel2012-footer ul li a{color:#444444;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:12px;text-decoration:none;} .noel2012-footer ul li a:hover{color:#242424;} /*Bouton noel 2012*/ .promonoel{text-indent: -4000px; display: block; background: url(https://media.mathon.fr/images/PictoMenu/btn_2012noel_promos-bis.png) no-repeat; height: 23px; width: 173px; margin: 6px 8px 0 17px; padding: 0px !important;} .boutiquenoel{text-indent: -4000px; display: block; background: url(https://media.mathon.fr/images/PictoMenu/btn_2012noel_boutique.png) no-repeat; height: 23px; width: 128px; /*margin: 6px 8px 0 17px;*/ margin: 6px 1px 0 17px; padding: 0px !important;} .repasdefetes{text-indent: -4000px; display: block; background: url(https://media.mathon.fr/images/PictoMenu/btn_2012noel_repas.png) no-repeat; height: 23px; width: 120px; /*margin: 6px 8px 0 17px;*/ margin: 6px 1px 0 17px; padding: 0px !important;} /* Premiere CSS de Michel ;-) ==========================================================================================================*/ /*===VERRINES===*/ .verrines{ display:block; height:189px; width:478px; background: url(https://media.mathon.fr/v/5.2/images/img-2012-noel-menu/new/menu-repas-de-fetes-noel2012-dec_03.jpg) 0 0 no-repeat; text-indent:-5000px; } .verrines:hover{ background: url(https://media.mathon.fr/v/5.2/images/img-2012-noel-menu/new/menu-repas-de-fetes-noel2012-dec_03.jpg) 0 -189px no-repeat; } /*===END VERRINES===*/ /*===FOIEGRAS===*/ .foiegras{ display:block; height:189px; width:478px; background: url(https://media.mathon.fr/v/5.2/images/img-2012-noel-menu/new/menu-repas-de-fetes-noel2012-dec_04.jpg) 0 0 no-repeat; text-indent:-5000px; } .foiegras:hover{ background: url(https://media.mathon.fr/v/5.2/images/img-2012-noel-menu/new/menu-repas-de-fetes-noel2012-dec_04.jpg) 0 -189px no-repeat; } /*===END FOIEGRAS===*/ /*===POISSONSETCRUSTACES===*/ .poissonsetcrustaces{ display:block; height:186px; width:955px; background: url(https://media.mathon.fr/v/5.2/images/img-2012-noel-menu/new/menu-repas-de-fetes-noel2012-dec_05.jpg) 0 0 no-repeat; text-indent:-5000px; } .poissonsetcrustaces:hover{ background: url(https://media.mathon.fr/v/5.2/images/img-2012-noel-menu/new/menu-repas-de-fetes-noel2012-dec_05.jpg) 0 -186px no-repeat; } /*===POISSONSETCRUSTACES===*/ /*===DINDEETAUTRESVIANDES===*/ .dindeetautresviandes{ display:block; height:187px; width:955px; background: url(https://media.mathon.fr/v/5.2/images/img-2012-noel-menu/new/menu-repas-de-fetes-noel2012-dec_06.jpg) 0 0 no-repeat; text-indent:-5000px; } .dindeetautresviandes:hover{ background: url(https://media.mathon.fr/v/5.2/images/img-2012-noel-menu/new/menu-repas-de-fetes-noel2012-dec_06.jpg) 0 -187px no-repeat; } /*===DINDEETAUTRESVIANDES===*/ /*===BUCHESETDESSERTSDEFETES===*/ .buchesetdessertsdefete{ display:block; height:186px; width:955px; background: url(https://media.mathon.fr/v/5.2/images/img-2012-noel-menu/new/menu-repas-de-fetes-noel2012-dec_07.jpg) 0 0 no-repeat; text-indent:-5000px; } .buchesetdessertsdefete:hover{ background: url(https://media.mathon.fr/v/5.2/images/img-2012-noel-menu/new/menu-repas-de-fetes-noel2012-dec_07.jpg) 0 -186px no-repeat; } /*===BUCHESETDESSERTSDEFETES===*/ /*===PETITSCHOCOLATS===*/ .petitschocolats{ display:block; height:188px; width:478px; background: url(https://media.mathon.fr/v/5.2/images/img-2012-noel-menu/new/menu-repas-de-fetes-noel2012-dec_09.jpg) 0 0 no-repeat; text-indent:-5000px; } .petitschocolats:hover{ background: url(https://media.mathon.fr/v/5.2/images/img-2012-noel-menu/new/menu-repas-de-fetes-noel2012-dec_09.jpg) 0 -188px no-repeat; } /*===PETITSCHOCOLATS===*/ /*===BISCUITSDEFETE===*/ .biscuitsdefete{ display:block; height:188px; width:477px; background: url(https://media.mathon.fr/v/5.2/images/img-2012-noel-menu/new/menu-repas-de-fetes-noel2012-dec_10.jpg) 0 0 no-repeat; text-indent:-5000px; } .biscuitsdefete:hover{ background: url(https://media.mathon.fr/v/5.2/images/img-2012-noel-menu/new/menu-repas-de-fetes-noel2012-dec_10.jpg) 0 -188px no-repeat; } /*===BISCUITSDEFETE===*/ /*===VINSETCHAMPAGNE===*/ .vinsetchampagne{ display:block; height:203px; width:955px; background: url(https://media.mathon.fr/v/5.2/images/img-2012-noel-menu/new/menu-repas-de-fetes-noel2012-dec_11.jpg) 0 0 no-repeat; text-indent:-5000px; } .vinsetchampagne:hover{ background: url(https://media.mathon.fr/v/5.2/images/img-2012-noel-menu/new/menu-repas-de-fetes-noel2012-dec_11.jpg) 0 -203px no-repeat; } /*===VINSETCHAMPAGNE===*/ /* END Premiere CSS de Michel ;-) ==========================================================================================================*/ /*------------------------------ Page Boutique 2012 ------------------------------*/ .boutique-conteneur{ width:700px; margin:0 0 0 200px; padding:0px; } .boutique-header{ width:700px; margin-bottom:20px; } .boutique-img{ margin-right:15px; } .boutique-text{ width:700px; margin-bottom:20px; } .boutique-conteneur p{ font-size:13px; } .boutique-blocs{ width:700px; height:166px; margin:10px 0 20px 0; } .boutique-blocs p{ color:#666666; } .boutique-blocs img{ padding-bottom:8px; } .boutique-bloc-adresse{ float:left; width:300px; height:146px; background: url(https://media.mathon.fr/images/img-page-boutique/boutique-bg-bloc01.png) no-repeat; padding:10px 20px 10px 20px; } .boutique-bloc-adresse p{ padding-bottom:5px; } .boutique-test-italic{ font-style:italic; } .boutique-bloc-horaires{ float:right; width:300px; height:146px; background: url(https://media.mathon.fr/images/img-page-boutique/boutique-bg-bloc01.png) no-repeat; padding:10px 20px 10px 20px; } .boutique-test-bold{ font-weight:bold; padding-top:10px; } .boutique-map{ width:700px; margin:10px 0 0 0; } /*------------------------------ Hide Bloc Code Promo ------------------------------*/ /*div[id$="CodePromo"] {display:none;}*/ /*------------------------------ BOUTON SODLES -------------------------------------*/ .soldesH2013{ text-indent: -4000px; display: block; background: url(https://media.mathon.fr/images/PictoMenu/2013-btn_soldes-hiver.png) no-repeat; height: 23px; width: 73px; margin: 6px 8px 0 17px; padding: 0px !important;} /*------------------------------ LANDING NOUVEAUTES 2013 -------------------------------------*/ @import url(reset.css); /*Nouveautés 2013*/ .Nouveaute-2013{ width:955px; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; } .Nouveaute-2013-Header{ width:955px; height:104px; } .Contenu-Texte{ height:388px; width:955px; margin-top:20px; } .Contenu-Texte-mot{ float:left; height:388px; width:321px; padding-right:5px; background:url(../images/2013-landing-nouveautes/2013nouveautes-bg-txt.jpg) no-repeat; } .Contenu-Texte-mot p{ display:block; width:230px; font-family:Arial, Helvetica, sans-serif; color:#444444; font-size:13px; line-height:18px; padding:40px 0 0 43px; *padding:45px 0 0 43px; } .Contenu-Texte-signature{ float:right; color:#8fc700; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:50px 7px 0; font-weight:bold; } .Contenu-Texte-produit{ float:right; height:388px; width:623px; } .Contenu-Produits-ligne a{ color:#8fc700; text-decoration:none; } .Contenu-Produits-ligne h2{ font-family:Arial, Helvetica, sans-serif; color:#8fc700; font-size:18px; font-weight:bold; } .Contenu-Produits-ligne{ clear:both; width:955px; margin-top:20px; } .Contenu-Produits-ligne p{ width:472px; height:86px; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:13px; line-height:18px; } .Contenu-Produits-produit01{ float:left; width:472px; padding-right:5px; } .Contenu-Produits-produit02{ float:right; width:472px; padding-left:5px; } .Nouveaute-2013-btn{ float:right; width:121px; margin-bottom:20px; } .Nouveaute-2013-Footer{ clear:both; width:955px; height:51px; } /*BOUTON SOLDES ETE 2013*/ .soldes-ete-2013{text-indent: -4000px; display: block; background: url(../../../images/PictoMenu/2013-btn_soldes-ete.png) no-repeat; height: 23px; width: 170px; margin: 6px 8px 0 17px; padding: 0px !important;} /*Message livraison de la page panier*/ .push_delivery, .push_delivery_free{ padding:20px 0 0 149px; width:169px; height:148px; background:#ffffff url(../images/colis-livraison.jpg) no-repeat; } .push_delivery p{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-style:italic; color:#e41d2c; } .push_delivery_free p{ font-family: Arial, Helvetica, sans-serif; font-size:24px; font-weight: bold; color:#9acc00; text-shadow: 1px 1px 0px rgba(152, 155, 145, 0.5); text-transform: uppercase; } /*BOUTON DESTOCKAGE .lien_destockage{ display: block; background: url(../../../images/PictoMenu/2013-btn_destockage.png) no-repeat; height: 23px; width: 98px; margin: 6px 8px 0 17px; padding: 0px !important; } .lien_destockage a{ text-indent: -4000px; display: block; width: 98px; }*/ /* ----------- LIVRAISON ENCOMBRANT-FICHE PRODUIT ----------- */ .panel_encombrant{ width:413px; /*474px au total */ height:45px; background:#f1f1f1 url(../images/camion-livraison-encombrant.jpg) no-repeat; border-right:4px solid #97cc00; border-bottom:1px solid #afafaf; padding:0 0 0 61px; margin-top:18px; } .panel_encombrant span{ display:block; color:#666; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; vertical-align:middle; padding-top:4px; line-height:18px; } /* ----------- LIVRAISON ENCOMBRANT-PANIER ----------- */ .panel_encombrant_panier{ width:262px; /*327px au total */ height:65px; background:#f1f1f1 url(../images/camion-livraison-encombrant-panier.jpg) no-repeat; border-right:4px solid #97cc00; border-bottom:1px solid #afafaf; padding:0 0 0 61px; } .panel_encombrant_panier p{ display:block; color:#666; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; vertical-align:middle; padding-top:4px; line-height:18px; } /*BOUTON NOEL GOURMAND 2013*/ .NoelGourmand{ text-indent:-4000px; display: block; background: url(../../../images/PictoMenu/2013-btn_noel-gourmand.png) no-repeat; height: 31px; width: 203px; margin: 0px 8px 0 17px; padding: 0px !important; } /* ----------- LANDING SOLDES ete 2014 ----------- */ .landing_soldesEte2014_h2{ text-indent:-5000px; width:955px; height:232px; background:#fff url(../images/2014_soldesEte/soldesEte2014_landing_titre.jpg) no-repeat 0 0; margin-bottom:20px; } /*.landing_soldesEte2014_h2bis{ text-indent:-5000px; width:955px; height:158px; background:#fff url(../images/2014_soldesH/soldesEte2014_landing_titrebis.jpg) no-repeat 0 0; margin-bottom:20px; }*/ .landing_soldesEte2014 li{ float:left; list-style:none; } .landing_soldesEte2014_etape1{ text-indent:-5000px; width:318px; height:125px; background:#fff url(../images/2014_soldesEte/soldesEte2014_landing_etape1.jpg) no-repeat 0 0; } .landing_soldesEte2014_etape2{ text-indent:-5000px; width:319px; height:125px; background:#fff url(../images/2014_soldesEte/soldesEte2014_landing_etape2.jpg) no-repeat 0 0; } .landing_soldesEte2014_etape3{ text-indent:-5000px; width:318px; height:125px; background:#fff url(../images/2014_soldesEte/soldesEte2014_landing_etape3.jpg) no-repeat 0 0; } .landing_soldesEte2014_patisserie{ text-indent:-5000px; width:955px; height:99px; background:#fff url(../images/2014_soldesEte/soldesEte2014_landing_patisserie.jpg) no-repeat 0 0; margin-top:15px; } .landing_soldesEte2014_cuisson{ text-indent:-5000px; width:955px; height:99px; background:#fff url(../images/2014_soldesEte/soldesEte2014_landing_cuisson.jpg) no-repeat 0 0; margin-top:15px; } .landing_soldesEte2014_ustensiles{ text-indent:-5000px; width:955px; height:99px; background:#fff url(../images/2014_soldesEte/soldesEte2014_landing_ustensiles.jpg) no-repeat 0 0; margin-top:15px; } /* boutique ephemere : une des premieres landing de Tortue Geniale ! */ .ephemere-header{ width: 700px; height: 72px; } .ephemere-bouton{ width: 700px; height: 51px; margin-bottom: 20px; } .bouton-annecy{ text-align: center; float: left; padding: 5px 0 5px 0; width: 339px; background-color: #5d5d5d; } .bouton-annecy a{ font-family: Arial, Helvetica, sans-serif; color: #fff; font-weight: bold; font-size: 24px; text-decoration: none; } .bouton-creches{ text-align: center; float: right; padding: 5px 0 5px 0; width: 339px; background-color: #5d5d5d; } .bouton-creches a{ font-family: Arial, Helvetica, sans-serif; color: #fff; font-weight: bold; font-size: 24px; text-decoration: none; } .ephemere-annecy-vitrine{ width: 700px; height: 210px; background: url(https://media.mathon.fr/images/img-page-boutique/annecy-vitrine.jpg) no-repeat; margin-bottom: 20px; } #ephemere-annecy{ width: 700px; height: 924px; } .ephemere-creches-vitrine{ width: 700px; height: 210px; background: url(https://media.mathon.fr/images/img-page-boutique/ephemere-creches-vitrine.jpg) no-repeat; margin-bottom: 20px; } #ephemere-creches{ margin-top: 50px; width: 700px; height: 924px; } /* Tous les produits en promotion */ /* bloc page */ .promo-2014{ width: 707px; margin: 0px; padding: 0px; } .promo-2014 img{ display:block; } /* header */ .header-promo{ width: 707px; height: 237px; } .header-promo h2{ display:block; width:277px; /* 707 px */ height:197px; /* 237px */ padding:30px 200px 0 230px; font-family: Arial, helvetica, Times, "Times New Roman", serif; font-weight: bold; color: #fff; font-size: 24px; background-image: url("../images/2014_promotion/2014-promotion-menu-header.jpg"); } .header-promo div{ float:left; } .header-promo img{ margin: 0 10px O O; z-index: 100; } /* Produits en promotion*/ .liste{ list-style:none; } .liste li{ display:block; width: 229; height: 234; margin: 30px 10px 0 0; Float: left; } .end{ margin-right: 0 !important; } .text-style{ display: block; width: 229px; height: 22px; padding-top: 212px; text-align: center; background-color: #383838; color: #ffffff; text-decoration: none; font-family: arial; font-size: 12px; font-weight: bold; } .text-style:hover{ background-color: #DF2B2E; text-decoration: underline; } .casseroles{ background-image: url("../images/2014_promotion/Casseroles.jpg"); background-repeat: no-repeat; } .casseroles:hover{ background-image: url("../images/2014_promotion/Casseroles-hover.jpg"); background-repeat: no-repeat; } .moules{ background-image: url("../images/2014_promotion/moules-silicone.jpg"); background-repeat: no-repeat; } .moules:hover{ background-image: url("../images/2014_promotion/moules-silicone-hover.jpg"); background-repeat: no-repeat; } .robots{ background-image: url("../images/2014_promotion/robots.jpg"); background-repeat: no-repeat; } .robots:hover{ background-image: url("../images/2014_promotion/robots-hover.jpg"); background-repeat: no-repeat; } .spatules{ background-image: url("../images/2014_promotion/spatules.jpg"); background-repeat: no-repeat; } .spatules:hover{ background-image: url("../images/2014_promotion/spatules-hover.jpg"); background-repeat: no-repeat; } .couteaux{ background-image: url("../images/2014_promotion/couteaux.jpg"); background-repeat: no-repeat; } .couteaux:hover{ background-image: url("../images/2014_promotion/couteaux-hover.jpg"); background-repeat: no-repeat; } .beka{ background-image: url("../images/2014_promotion/beka.jpg"); background-repeat: no-repeat; } .beka:hover{ background-image: url("../images/2014_promotion/beka-hover.jpg"); background-repeat: no-repeat; } .berghoff{ background-image: url("../images/2014_promotion/berghoff.jpg"); background-repeat: no-repeat; } .berghoff:hover{ background-image: url("../images/2014_promotion/berghoff-hover.jpg"); } .bialetti{ background-image: url("../images/2014_promotion/bialetti.jpg"); background-repeat:no-repeat; } .bialetti:hover{ background-image: url("../images/2014_promotion/bialetti-hover.jpg"); background-repeat: no-repeat; } .bosch{ background-image: url("../images/2014_promotion/bosch.jpg"); background-repeat: no-repeat; } .bosch:hover{ background-image: url("../images/2014_promotion/bosch-hover.jpg"); background-repeat: no-repeat; } .debuyer{ background-image: url("../images/2014_promotion/debuyer.jpg"); background-repeat: no-repeat; } .debuyer:hover{ background-image: url("../images/2014_promotion/debuyer-hover.jpg"); background-repeat: no-repeat; } .emileHenry{ background-image: url("../images/2014_promotion/emileHenry.jpg"); background-repeat: no-repeat; } .emileHenry:hover{ background-image: url("../images/2014_promotion/emileHenry-hover.jpg"); background-repeat: no-repeat; } .fontignac{ background-image: url("../images/2014_promotion/fontignac.jpg"); background-repeat: no-repeat; } .fontignac:hover{ background-image: url("../images/2014_promotion/fontignac-hover.jpg"); background-repeat: no-repeat; } .kitchenaid{ background-image: url("../images/2014_promotion/kitchenaid.jpg"); background-repeat: no-repeat; } .kitchenaid:hover{ background-image: url("../images/2014_promotion/kitchenaid-hover.jpg"); background-repeat: no-repeat; } .lagrange{ background-image: url("../images/2014_promotion/lagrange.jpg"); background-repeat: no-repeat; } .lagrange:hover{ background-image: url("../images/2014_promotion/lagrange-hover.jpg"); background-repeat: no-repeat; } .leCreuset{ background-image: url("../images/2014_promotion/leCreuset.jpg"); background-repeat: no-repeat; } .leCreuset:hover{ background-image: url("../images/2014_promotion/leCreuset-hover.jpg"); background-repeat: no-repeat; } .lekue{ background-image: url("../images/2014_promotion/lekue.jpg"); background-repeat: no-repeat; } .lekue:hover{ background-image: url("../images/2014_promotion/lekue-hover.jpg"); background-repeat: no-repeat; } .magimix{ background-image: url("../images/2014_promotion/magimix.jpg"); background-repeat: no-repeat; } .magimix:hover{ background-image: url("../images/2014_promotion/magimix-hover.jpg"); background-repeat: no-repeat; } .mastrad{ background-image: url("../images/2014_promotion/mastrad.jpg"); background-repeat: no-repeat; } .mastrad:hover{ background-image: url("../images/2014_promotion/mastrad-hover.jpg"); background-repeat: no-repeat; } .mathon{ background-image: url("../images/2014_promotion/mathon.jpg"); background-repeat: no-repeat; } .mathon:hover{ background-image: url("../images/2014_promotion/mathon-hover.jpg"); background-repeat: no-repeat; } .moulinex{ background-image: url("../images/2014_promotion/moulinex.jpg"); background-repeat: no-repeat; } .moulinex:hover{ background-image: url("../images/2014_promotion/moulinex-hover.jpg"); background-repeat: no-repeat; } .peugeot{ background-image: url("../images/2014_promotion/peugeot.jpg"); background-repeat: no-repeat; } .peugeot:hover{ background-image: url("../images/2014_promotion/peugeot-hover.jpg"); background-repeat: no-repeat; } .riviera{ background-image: url("../images/2014_promotion/riviera.jpg"); background-repeat: no-repeat; } .riviera:hover{ background-image: url("../images/2014_promotion/riviera-hover.jpg"); background-repeat: no-repeat; } .seb{ background-image: url("../images/2014_promotion/seb.jpg"); background-repeat: no-repeat; } .seb:hover{ background-image: url("../images/2014_promotion/seb-hover.jpg"); background-repeat: no-repeat; } .tefal{ background-image: url("../images/2014_promotion/tefal.jpg"); background-repeat: no-repeat; } .tefal:hover{ background-image: url("../images/2014_promotion/tefal-hover.jpg"); background-repeat: no-repeat; } .mieux-notes{ background-image: url("../images/2014_promotion/mieux-notes.jpg"); background-repeat: no-repeat; } .mieux-notes:hover{ background-image: url("../images/2014_promotion/mieux-notes-hover.jpg"); background-repeat: no-repeat; } .nouveautes{ background-image: url("../images/2014_promotion/nouveautes.jpg"); background-repeat: no-repeat; } .nouveautes:hover{ background-image: url("../images/2014_promotion/nouveautes-hover.jpg"); background-repeat: no-repeat; } .destockage{ background-image: url("../images/2014_promotion/destockage.jpg"); background-repeat: no-repeat; } .destockage:hover{ background-image: url("../images/2014_promotion/destockage-hover.jpg"); background-repeat: no-repeat; } .lots{ background-image: url("../images/2014_promotion/lots.jpg"); background-repeat: no-repeat; } .lots:hover{ background-image: url("../images/2014_promotion/lots-hover.jpg"); background-repeat: no-repeat; } /* ------------------- BOUTIQUE NOEL 2013 ------------------- */ .noel2013-conteneur{ width:955px; margin:0px; padding:0px; } .noel2013-header{ width:955px; clear:both; } .noel2013-header .noel2013-boutique{ float:left; width:635px; } .noel2013-header .noel2013-op{ float:right; width:311px; } .noel2013-prix{ width:955px; clear:both; padding-top:40px; } .noel2013-prix h2{ width:955px; height:47px; text-indent:-4000px; background:#fff url(../images/img-2013-noel-boutique/boutique-noel2013_titre-prix.jpg) no-repeat 0 0; padding-bottom:20px; } .noel2013-prix .noel2013-idee-bloc{ float:left; width:231px; height:203px; padding-right:10px; } .noel2013-prix .triangle{ padding-right:5px; } .noel2013-prix .noel2013-idee-bloc-last{ float:right; width:231px; height:203px; } .noel2013-prix a{ text-decoration:none; } .noel2013-prix p{ width:221px; background-color:#c60215; color:#fff; padding:5px 10px 5px 0; margin-top:2px; text-align:right; font-size:19px; font-weight:bold; font-family:'Times New Roman', Times, serif; } .noel2013-type{ width:955px; clear:both; padding-top:55px; } .noel2013-type h2{ width:955px; height:47px; text-indent:-4000px; background:#fff url(../images/img-2013-noel-boutique/boutique-noel2013_titre-type.jpg) no-repeat 0 0; padding-bottom:20px; } .noel2013-type .noel2013-type-ligne{ clear:both; text-align:center; font-family:'Times New Roman', Times, serif; font-size:14px; color:#666666; } .noel2013-type .noel2013-type-ligne .btn_idees-noel{ padding-top:15px; height:37px; padding-bottom:35px; } .noel2013-type .noel2013-type-bloc{ float:left; width:311px; padding-right:11px; } .noel2013-type .noel2013-type-bloc-last{ float:right; width:311px; } /* ------------------- REPAS NOEL 2013 ------------------- */ .noel2014-conteneur{ width:955px; margin:0px; padding:0px; } .noel2013-header{ width:955px; clear:both; } .noel2013-header .noel2013-repas{ float:left; width:635px; } .noel2013-header .noel2013-op{ float:right; width:311px; } .noel2014-conteneur h2{ width:955px; height:47px; text-indent:-4000px; padding-bottom:20px; } .noel2013-menu{ width:955px; clear:both; padding-top:55px; } .noel2013-menu h2{ width:955px; height:47px; text-indent:-4000px; padding-bottom:20px; } .noel2013-menu-aperitif{ background:#fff url(../images/img-2013-noel-repas/repas-noel2013_09.jpg) no-repeat 0 0; } .noel2013-menu-viande{ background:#fff url(../images/img-2013-noel-repas/repas-noel2013_23.jpg) no-repeat 0 0; } .noel2013-menu-buche{ background:#fff url(../images/img-2013-noel-repas/repas-noel2013_37.jpg) no-repeat 0 0; } .noel2013-menu .noel2013-menu-ligne{ clear:both; text-align:center; font-family:'Times New Roman', Times, serif; font-size:14px; color:#666666; } .noel2013-menu .noel2013-menu-ligne .btn{ padding-top:15px; height:37px; padding-bottom:35px; } .noel2013-menu .noel2013-menu-bloc{ float:left; width:311px; padding-right:11px; } .noel2013-menu .noel2013-menu-bloc-last{ float:right; width:311px; } /* boutique Noel 2014 */ .grd-marche-text { width:680px; height: 80px; padding: 20px 10px 0 10px; color: white; background-color: #c63239; text-align: center; font-family: Arial,Helvetica,sans-serif; font-size: 28px; } .grd-marche-blocs { width: 700px; height: 214px; margin: 15px 0 15px 0; } .grd-marche-bloc-gauche { float: left; width: 340px; height: 214px; background-color: #e9e8e5; } .habillage-texte img { float: left; margin: 0 0 5px 10px; } .habillage-texte p { margin-top: 5px; width: 220px; float: left; margin-left: 10px; font-size: 16px; color: #666666; } .annulation-flottement { text-align: center; clear: both; font-weight: bold; color: #00844a; } .annulation-flottement a{ text-decoration: none; } .bloc-droit { float:right; width:340px; height:214px; background: url(https://media.mathon.fr/images/img-page-boutique/noel-grande-tombola.jpg) no-repeat; } /* footers boutique */ .noel2014-footer-boutique { width: 955px; height: 280px; Float: left; } .noel2014-footer-repas { clear:both; width: 955px; height: 280px; Float: left; margin-top: 35px; } /*promos RJ 07/11/2014*/ .promos{ color:#C40F18 !important; text-transform: uppercase; font-weight:bolder; } /* ----------- PAGE BOUTIQUES EPHEMERES MATHON ----------- */ .boutique-fermeture { width:700px; margin-bottom: 5px; color: #ed1024; font-size: 16px; font-weight: bold; } .page-boutiques-conteneur{ width:700px; margin:0 0 0 200px; padding:0px; font-family: Helvetica, Arial, sans-serif,Gotham, "Helvetica Neue"; } .page-boutiques-conteneur h2{ padding:5px 0 5px 0; background-color:#acc802; color:#ffffff; text-align:center; font-size:24px; font-weight:bold; text-transform:uppercase; margin-bottom:2px; } .page-boutiques-conteneur .page-boutiques-texte-intro{ color:#666666; margin:10px 0 10px 0; } .page-boutiques-conteneur .page-boutiques-liste{ display:block; width:700px; list-style-type:none; } .page-boutiques-conteneur .page-boutiques-liste .page-boutiques-boutique { display:block; width:343px; float:left; } .page-boutiques-conteneur .page-boutiques-liste li.page-boutiques-boutique-last { display:block; width:343px; margin-left:14px; } .page-boutiques-conteneur .page-boutiques-liste .page-boutiques-boutique a.page-boutiques-boutique-lieu { display:block; font-size:18px; color:#464545; font-weight:bold; padding:10px 0 8px 0; background-color:#f1f1f2; text-align:center; text-decoration:none; } .page-boutiques-conteneur .page-boutiques-liste .page-boutiques-boutique .page-boutiques-boutique-content { width:339px; border:2px solid #f1f1f2; } .page-boutiques-conteneur .page-boutiques-liste .page-boutiques-boutique .page-boutiques-boutique-content img { margin:10px 0 10px 0; } .page-boutiques-conteneur .page-boutiques-liste .page-boutiques-boutique .page-boutiques-boutique-content a { display:block; font-size:18px; color:#acc802; font-weight:bold; text-align:center; text-decoration:none; } .page-boutiques-conteneur .page-boutiques-liste .page-boutiques-boutique .page-boutiques-boutique-content p { display:block; width:329px; text-align:center; padding:0 5px 0 5px; color:#666666; margin-bottom:10px; } .page-boutiques-conteneur .page-boutiques-liste .page-boutiques-boutique .page-boutiques-boutique-lien { width:343px; background-color:#f1f1f2; text-align:center; } .page-boutiques-conteneur .page-boutiques-liste .page-boutiques-boutique .page-boutiques-boutique-lien ul{ list-style-type:none; padding:10px 0 10px 0; text-align:center; margin-left:86px; } .page-boutiques-conteneur .page-boutiques-liste .page-boutiques-boutique .page-boutiques-boutique-lien li{ float:left; margin:0 30px 0 0; text-align:center; } .page-boutiques-conteneur .page-boutiques-liste .page-boutiques-boutique .page-boutiques-boutique-lien li a{ font-size:14px; font-weight:bold; color:#666666; text-decoration:none; } .page-boutiques-conteneur .page-boutiques-liste .page-boutiques-boutique .page-boutiques-boutique-lien .page-boutiques-boutique-lien-btn{ clear:both; display:block; text-align:center; padding:20px 0 20px 0; margin-bottom:20px; } .page-boutiques-conteneur .page-boutiques-liste .page-boutiques-boutique .page-boutiques-boutique-lien .page-boutiques-boutique-lien-btn a { text-decoration:none; color:#ffffff; font-size:15px; font-weight:bold; background-color:#acc802; padding:8px 7px 8px 7px; } /* -------------------- Fete des mères / pères 2015 -------------------- */ .fete-meres_2014{ width:955px; } .fete-meres_2014 a{ text-decoration:none; } .fete-meres_2014 .fete-meres_header{ width:955px; height:281px; background:transparent url(https://media.mathon.fr/v/5.2/images/2015-fete-meres-peres/fete-meres-header.jpg) no-repeat 0 0; margin-bottom:38px; } .fete-meres_2014 .fete-meres_header h2{ display:block; text-indent:-5000px; background: url(https://media.mathon.fr/v/5.2/images/2015-fete-meres-peres/titre-fete-meres.jpg) no-repeat 0px 59px; width:638px; height:86px; } .fete-meres_2014 .fete-meres_header h3{ display:block; text-indent:-5000px; background: url(https://media.mathon.fr/v/5.2/images/2015-fete-meres-peres/titre-plein-cadeaux.jpg) no-repeat 0px 145px; width:638px; height:60px; } /* ---- Fete des mères par budget ---- */ .fete-meres_2014 .fete-meres_budget{ width:955px; height:250px; } .fete-meres_2014 .fete-meres_budget h3{ display:block; text-indent:-5000px; background: url(https://media.mathon.fr/v/5.2/images/2015-fete-meres-peres/titre-budget-meres.jpg) no-repeat 0 0; width:955px; height:42px; } .fete-meres_2014 .fete-meres_budget ul{ margin:7px 0 10px 0; } .fete-meres_2014 .fete-meres_budget li{ display:block; float:left; width:231px; height:201px; margin:0 10px 0 0; } .fete-meres_2014 .fete-meres_budget .meres-budget_last{ margin:0; } .fete-meres_2014 .fete-meres_budget span{ display:block; text-indent:-5000px; width:231px; height:28px; background-color:#dd3266; } .fete-meres_2014 .fete-meres_budget .budget_15{ background: url(https://media.mathon.fr/v/5.2/images/2015-fete-meres-peres/titre-moins-15.jpg) no-repeat 0 0; } .fete-meres_2014 .fete-meres_budget .budget_15-30{ background: url(https://media.mathon.fr/v/5.2/images/2015-fete-meres-peres/titre-entre-15-30.jpg) no-repeat 0 0; } .fete-meres_2014 .fete-meres_budget .budget_30-100{ background: url(https://media.mathon.fr/v/5.2/images/2015-fete-meres-peres/titre-entre-30-100.jpg) no-repeat 0 0; } .fete-meres_2014 .fete-meres_budget .budget_100{ background: url(https://media.mathon.fr/v/5.2/images/2015-fete-meres-peres/titre-plus-100.jpg) no-repeat 0 0; } /* ---- Fete des mères par type ---- */ .fete-meres_2014 .fete-meres_type{ width:955px; height:689px; margin-top:38px; } .fete-meres_2014 .fete-meres_type h3{ display:block; text-indent:-5000px; background: url(https://media.mathon.fr/v/5.2/images/2015-fete-meres-peres/titre-type-meres.jpg) no-repeat 0 0; width:955px; height:42px; margin-bottom:7px; } .fete-meres_2014 .fete-mere_type-ligne { width:955px; height:315px; margin-bottom:10px; } .fete-meres_2014 .fete-mere_type-ligne .mere-type-first { margin:0 7px 0 0; } /************************************************************************ PAGE 404 *************************************************************************/ body.body-page-404{ background:#90c003 url(../../../images/page-404/404-femme.jpg) no-repeat top center fixed; } .page-404{ margin:auto; padding:auto; width:975px; } .page-404 .page-404-oups{ background-image:url(../../../images/page-404/oups.png); width:202px; height:97px; text-indent:-5000px; margin-top:64px; margin-left:514px; } .page-404 .page-404-sorry{ background-image:url(../../../images/page-404/desole.png); width:400px; height:78px; text-indent:-5000px; margin-left:411px; } .page-404 .page-404-bloc-mathon{ background-image:url(../../../images/page-404/fond-logo.png); width:400px; height:184px; margin-top:30px; margin-left:410px; } .page-404 .page-404-bloc-mathon .page-404-logo-mathon { display:block; background-image:url(../../../images/page-404/404-logo-mathon.jpg); width:400px; height:97px; text-indent:-5000px; } .page-404 .page-404-bloc-mathon .page-404-btn { display:block; background-image:url(../../../images/page-404/404-btn.jpg); width:190px; height:38px; text-indent:-5000px; margin-top:15px; margin-left:105px; } /* ----------- LANDING SOLDES ETE 2015 ----------- */ .landing_soldesE2015_h2{ text-indent:-5000px; width:955px; height:232px; background:#fff url(../images/2015_soldesE/soldesE2015_landing_titre.jpg) no-repeat 0 0; margin-bottom:20px; } .landing_soldesE2015 li{ float:left; list-style:none; } .landing_soldesE2015_etape1{ text-indent:-5000px; width:318px; height:125px; background:#fff url(../images/2015_soldesE/soldesE2015_landing_etape1.jpg) no-repeat 0 0; } .landing_soldesE2015_etape2{ text-indent:-5000px; width:319px; height:125px; background:#fff url(../images/2015_soldesE/soldesE2015_landing_etape2.jpg) no-repeat 0 0; } .landing_soldesE2015_etape3{ text-indent:-5000px; width:318px; height:125px; background:#fff url(../images/2015_soldesE/soldesE2015_landing_etape3.jpg) no-repeat 0 0; } .landing_soldesE2015_patisserie{ text-indent:-5000px; width:955px; height:99px; background:#fff url(../images/2015_soldesE/soldesE2015_landing_patisserie.jpg) no-repeat 0 0; margin-top:15px; } .landing_soldesE2015_cuisson{ text-indent:-5000px; width:955px; height:99px; background:#fff url(../images/2015_soldesE/soldesE2015_landing_cuisson.jpg) no-repeat 0 0; margin-top:15px; } .landing_soldesE2015_decoupe{ text-indent:-5000px; width:955px; height:99px; background:#fff url(../images/2015_soldesE/soldesE2015_landing_decoupe.jpg) no-repeat 0 0; margin-top:15px; } .landing_soldesE2015_electro{ text-indent:-5000px; width:955px; height:99px; background:#fff url(../images/2015_soldesE/soldesE2015_landing_electro.jpg) no-repeat 0 0; margin-top:15px; } .landing_soldesE2015_ustensiles{ text-indent:-5000px; width:955px; height:99px; background:#fff url(../images/2015_soldesE/soldesE2015_landing_ustensiles.jpg) no-repeat 0 0; margin-top:15px; } /* ============== FAIT MAISON ============== */ .rj-content{ display:block; width:955px; } .rj-first{ display:block; width:632px; height:200px; float:left; background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-theme.jpg) no-repeat 0 0; } .rj-soldes{ display:block; width:310px; height:200px; margin:0 0 0 645px; } .rj-soldes .rj-soldes-lien{ display:block; width: 310px; height: 200px; background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/pub-soldes.jpg) no-repeat 0 0; } /*.rj-soldes .rj-soldes-lien:hover{ background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/pub-soldes.jpg) no-repeat 0px -200px; }*/ .rj-titre { width:955px; text-align:center; clear:both; padding:15px 0 0 0; } .rj-liste{ clear:all; list-style:none; margin:10px 0 0 0; padding:0; } .rj-liste li { float:left; display:block; width:230px; height:260px; margin: 6px 11px 6px 0; background-color:#CCCCCC; } .rj-liste li:hover{background-color:#666666;} .rj-liste li.rjli-last{margin-right:0 !important;} .rj-liste li a{ display:block; width:230px; padding:230px 0 0 0; } .rj-liste li a:hover{color:#6cb32f;} /* ajout Paques 2017 */ /* Pâques */ .rj-paques{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/paques.jpg) no-repeat 0 0;} .rj-paques:hover{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/paques.jpg) no-repeat 0px -230px;} /* Cuisiner sainement */ .rj-sain{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/sain.jpg) no-repeat 0 0;} .rj-sain:hover{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/sain.jpg) no-repeat 0px -230px;} /* Faire sa salade */ .rj-salade{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/salade.jpg) no-repeat 0 0;} .rj-salade:hover{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/salade.jpg) no-repeat 0px -230px;} /* ajout Noel 2016 */ /* Buche */ .rj-buche{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/buche.jpg) no-repeat 0 0;} .rj-buche:hover{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/buche.jpg) no-repeat 0px -230px;} /* Dinde */ .rj-dinde{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/dinde.jpg) no-repeat 0 0;} .rj-dinde:hover{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/dinde.jpg) no-repeat 0px -230px;} /* Huitre */ .rj-huitre{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/huitre.jpg) no-repeat 0 0;} .rj-huitre:hover{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/huitre.jpg) no-repeat 0px -230px;} /* Fin ajout Noel 2016*/ /* Siphon */ .rj-siphon{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/siphon.jpg) no-repeat 0 0;} .rj-siphon:hover{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/siphon.jpg) no-repeat 0px -230px;} .rj-white{display:block;height:30px;background-color:#FFFFFF;text-transform: uppercase;font-weight: bold;padding: 5px 0 0 0;} /*css a rajouter*/ /* yaourt */ .rj-yaourt{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-yaourts.jpg) no-repeat 0 0;} .rj-yaourt:hover{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-yaourts.jpg) no-repeat 0px -230px;} /* glace */ .rj-glace{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-glace.jpg) no-repeat 0 0;} .rj-glace:hover{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-glace.jpg) no-repeat 0px -230px;} /* Pain */ .rj-pain{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-pain.jpg) no-repeat 0 0;} .rj-pain:hover{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-pain.jpg) no-repeat 0px -230px;} /* jus */ .rj-jus{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-jus.jpg) no-repeat 0 0;} .rj-jus:hover{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-jus.jpg) no-repeat 0px -230px;} /* foie */ .rj-foie{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-foie-gras.jpg) no-repeat 0 0;} .rj-foie:hover{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-foie-gras.jpg) no-repeat 0px -230px;} /* tarte */ .rj-tarte{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-tarte.jpg) no-repeat 0 0;} .rj-tarte:hover{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-tarte.jpg) no-repeat 0px -230px;} /* crepe */ .rj-crepe{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-gaufre.jpg) no-repeat 0 0;} .rj-crepe:hover{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-gaufre.jpg) no-repeat 0px -230px;} /* chocolat */ .rj-chocolat{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-chocolat.jpg) no-repeat 0 0;} .rj-chocolat:hover{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-chocolat.jpg) no-repeat 0px -230px;} /* pates */ .rj-pates{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-pates.jpg) no-repeat 0 0;} .rj-pates:hover{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-pates.jpg) no-repeat 0px -230px;} /* muffin */ .rj-muffin{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-muffin.jpg) no-repeat 0 0;} .rj-muffin:hover{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-muffin.jpg) no-repeat 0px -230px;} /* confiture */ .rj-confiture{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-confiture.jpg) no-repeat 0 0;} .rj-confiture:hover{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-confiture.jpg) no-repeat 0px -230px;} /* financier */ .rj-financier{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-financier.jpg) no-repeat 0 0;} .rj-financier:hover{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-financier.jpg) no-repeat 0px -230px;} /* poisson */ .rj-poisson{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-poisson.jpg) no-repeat 0 0;} .rj-poisson:hover{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-poisson.jpg) no-repeat 0px -230px;} /* cannele */ .rj-cannele{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-cannele.jpg) no-repeat 0 0;} .rj-cannele:hover{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-cannele.jpg) no-repeat 0px -230px;} /* macaron */ .rj-macaron{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-macaron.jpg) no-repeat 0 0;} .rj-macaron:hover{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-macaron.jpg) no-repeat 0px -230px;} /* frite */ .rj-frite{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-frite.jpg) no-repeat 0 0;} .rj-frite:hover{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-frite.jpg) no-repeat 0px -230px;} /* sucette */ .rj-sucette{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-sucette.jpg) no-repeat 0 0;} .rj-sucette:hover{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-sucette.jpg) no-repeat 0px -230px;} /* biscuit */ .rj-biscuit{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-biscuit.jpg) no-repeat 0 0;} .rj-biscuit:hover{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-biscuit.jpg) no-repeat 0px -230px;} /* creme-brulee */ .rj-creme-brulee{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-creme-brulee.jpg) no-repeat 0 0;} .rj-creme-brulee:hover{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-creme-brulee.jpg) no-repeat 0px -230px;} /* gateau */ .rj-gateau{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-gateau-anniversaire.jpg) no-repeat 0 0;} .rj-gateau:hover{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-gateau-anniversaire.jpg) no-repeat 0px -230px;} /* soupe */ .rj-soupe{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-soupe.jpg) no-repeat 0 0;} .rj-soupe:hover{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-soupe.jpg) no-repeat 0px -230px;} /* eclair */ .rj-eclair{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-eclair.jpg) no-repeat 0 0;} .rj-eclair:hover{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-eclair.jpg) no-repeat 0px -230px;} /* sushi */ .rj-sushi{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-sushi.jpg) no-repeat 0 0;} .rj-sushi:hover{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-sushi.jpg) no-repeat 0px -230px;} /* pizza */ .rj-pizza{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-pizza.jpg) no-repeat 0 0;} .rj-pizza:hover{background:url(https://media.mathon.fr/v/5.2/images/2016_soldesH/fm-pizza.jpg) no-repeat 0px -230px;} /* ============== Bouton rouge 2016 ============== */ .btn-rouge-2016{ color:#ef0303 !important; } /*Fete des mères / pères 2012*/ .fete-meres_2013{ width:955px; } .fete-meres_2013 a{ text-decoration:none; } .fete-meres_2013 .fete-meres_header{ width:955px; height:281px; background:transparent url(https://media.mathon.fr/v/5.2/images/landing-fete-meres-peres/fete-peres-header.jpg) no-repeat 0 0; margin-bottom:38px; } .fete-meres_2013 .fete-meres_header h2{ display:block; text-indent:-5000px; background: url(https://media.mathon.fr/v/5.2/images/landing-fete-meres-peres/titre-fete-peres.png) no-repeat 14px 69px; width:556px; height:118px; } .fete-meres_2013 .fete-meres_header h3{ display:block; text-indent:-5000px; background: url(https://media.mathon.fr/v/5.2/images/landing-fete-meres-peres/titre-plein-cadeaux.png) no-repeat 36px 31px; width:520px; height:67px; } /* ---- Fete des mères par budget ---- */ .fete-meres_2013 .fete-meres_budget{ width:955px; height:250px; } .fete-meres_2013 .fete-meres_budget h3{ display:block; text-indent:-5000px; background: url(https://media.mathon.fr/v/5.2/images/landing-fete-meres-peres/titre-budget-meres.jpg) no-repeat 0 0; width:955px; height:42px; } .fete-meres_2013 .fete-meres_budget ul{ margin:7px 0 10px 0; } .fete-meres_2013 .fete-meres_budget li{ display:block; float:left; width:231px; height:201px; margin:0 10px 0 0; } .fete-meres_2013 .fete-meres_budget .meres-budget_last{ margin:0; } .fete-meres_2013 .fete-meres_budget span{ display:block; text-indent:-5000px; width:231px; height:28px; background-color:#dd3266; } .fete-meres_2013 .fete-meres_budget .budget_15{ background: url(https://media.mathon.fr/v/5.2/images/landing-fete-meres-peres/titre-moins-15.jpg) no-repeat 0 0; } .fete-meres_2013 .fete-meres_budget .budget_15-30{ background: url(https://media.mathon.fr/v/5.2/images/landing-fete-meres-peres/titre-entre-15-30.jpg) no-repeat 0 0; } .fete-meres_2013 .fete-meres_budget .budget_30-100{ background: url(https://media.mathon.fr/v/5.2/images/landing-fete-meres-peres/titre-entre-30-100.jpg) no-repeat 0 0; } .fete-meres_2013 .fete-meres_budget .budget_100{ background: url(https://media.mathon.fr/v/5.2/images/landing-fete-meres-peres/titre-plus-100.jpg) no-repeat 0 0; } /* ---- Fete des mères par type ---- */ .fete-meres_2013 .fete-meres_type{ width:955px; height:689px; margin-top:38px; } .fete-meres_2013 .fete-meres_type h3{ display:block; text-indent:-5000px; background: url(https://media.mathon.fr/v/5.2/images/landing-fete-meres-peres/titre-type-meres.jpg) no-repeat 0 0; width:955px; height:42px; margin-bottom:7px; } .fete-meres_2013 .fete-mere_type-ligne { width:955px; height:315px; margin-bottom:10px; } .fete-meres_2013 .fete-mere_type-ligne .mere-type-first { margin:0 7px 0 0; } /* ---- Fete des pères ---- */ .fete-meres_2013 .fete-peres_type h3{ display:block; text-indent:-5000px; background: url(https://media.mathon.fr/v/5.2/images/landing-fete-meres-peres/titre-type-peres.jpg) no-repeat 0 0; width:955px; height:42px; margin:30px 0 7px 0; } /* boutique éphémère avignon */ .boutique-vitrine{ width: 700px; height: 245px; background: url(https://media.mathon.fr/v/5.2/images/img-page-boutiques/avignon-vitrine.jpg) no-repeat; margin-bottom: 20px; } .boutique-ephemere{ width: 700px; } /*------------- LANDING ANNIVERSAIRE -------------*/ .landing-anniversaire-2016{ width:955px; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; } .landing-anniversaire-2016 p{ display:block; font-size:15px; color:#434343; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; padding:15px 0 15px 0; margin:30px 0 30px 0; } .landing-anniversaire-2016 ul{ padding:0 1px 0 1px; } .landing-anniversaire-2016 li{ float:left; list-style-type:none; padding-right:11px; margin: 0 0 30px 0; } .landing-anniversaire-2016 li:last-child{ padding-right:0px; } .landing-anniversaire-2016 li a{ display:block; } .landing-anniversaire-2016 li a.landing-anniversaire-2016-lien{ display:block; width:230px; background-color:#383838; color:#ffffff; text-decoration:none; font-size:14px; text-align:center; padding:8px 0 8px 0; } /*------------- LANDING REPAS DE FETES 2016 -------------*/ @import url(https://fonts.googleapis.com/css?family=Raleway); .landing-noel-2016-repas{ width:955px; margin:0; padding:0; font-family: 'Raleway', sans-serif; } .landing-noel-2016-repas .landing-noel-2016-repas-header a{ margin-left:4px; } .landing-noel-2016-repas .landing-noel-2016-repas-contenu .landing-noel-2016-repas-aperitif h2{ font-weight:300; text-transform:uppercase; color:#b39c60; font-size:28px; clear:both; margin:25px 0 20px 0; } .landing-noel-2016-repas .landing-noel-2016-repas-contenu .landing-noel-2016-repas-poissons h2{ font-weight:300; text-transform:uppercase; color:#2e82cf; font-size:28px; clear:both; margin:35px 0 20px 0; } .landing-noel-2016-repas .landing-noel-2016-repas-contenu .landing-noel-2016-repas-viandes h2{ font-weight:300; text-transform:uppercase; color:#318a77; font-size:28px; clear:both; margin:35px 0 20px 0; } .landing-noel-2016-repas .landing-noel-2016-repas-contenu .landing-noel-2016-repas-desserts h2{ font-weight:300; text-transform:uppercase; color:#545454; font-size:28px; clear:both; margin:35px 0 20px 0; } .landing-noel-2016-repas .landing-noel-2016-repas-contenu .landing-noel-2016-repas-tables h2{ font-weight:300; text-transform:uppercase; color:#ac0509; font-size:28px; clear:both; margin:35px 0 20px 0; } .landing-noel-2016-repas .landing-noel-2016-repas-contenu img{ display:block; float:left; } .landing-noel-2016-repas .landing-noel-2016-repas-contenu ul{ display:block; float:left; margin-left:30px; } .landing-noel-2016-repas .landing-noel-2016-repas-contenu ul li{ list-style-type:none; color:#545454; font-size:14px; padding-bottom:30px; } .landing-noel-2016-repas .landing-noel-2016-repas-contenu ul li img{ display:block; clear:both; } .landing-noel-2016-repas .landing-noel-2016-repas-contenu p{ display:block; clear:both; padding-top:7px; } .landing-noel-2016-boutique{ padding-top:30px; width:955px; clear:both; } /* ------------------- BOUTIQUE NOEL 2016 ------------------- */ .noel2016-conteneur{ width:955px; margin:0px; padding:0px; } .noel2016-header{ width:955px; clear:both; } .noel2016-header .noel2016-boutique{ float:left; width:635px; } .noel2016-header .noel2016-op{ float:right; width:311px; } .noel2016-prix{ width:955px; clear:both; padding-top:40px; } .noel2016-prix h2{ width:955px; height:47px; text-indent:-4000px; background:#fff url(https://media.mathon.fr/images/Landingpages/2016-10-noel-gourmand-idees-cadeaux/boutique-noel2016_titre-prix.jpg) no-repeat 0 0; padding-bottom:20px; } .noel2016-prix .noel2016-idee-bloc{ float:left; width:183px; height:203px; padding-right:10px; } .noel2016-prix .triangle{ padding-right:5px; } .noel2016-prix .noel2016-idee-bloc-last{ float:right; width:183px; height:203px; } .noel2016-prix a{ text-decoration:none; } .noel2016-prix p{ width:173px; background-color:#B39C60; color:#fff; padding:5px 10px 5px 0; margin-top:2px; text-align:right; font-size:16px; font-family: Arial,Helvetica,sans-serif; } .noel2016-type{ width:955px; clear:both; padding-top:55px; } .noel2016-type h2{ width:955px; height:47px; text-indent:-4000px; background:#fff url(https://media.mathon.fr/images/Landingpages/2016-10-noel-gourmand-idees-cadeaux/boutique-noel2016_titre-type.jpg) no-repeat 0 0; padding-bottom:20px; } .noel2016-type .noel2016-type-ligne{ clear:both; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#666666; } .noel2016-type .noel2016-type-bloc{ float:left; width:232px; padding: 0 9px 0 0; margin: 0 0 20px 0; } .noel2016-type-bloc a{ text-decoration:none; color:#545454; } .noel2016-type .noel2016-type-bloc-last a{ float:right; width:232px; text-decoration:none; color:#545454; } /* Grand Marché de Noël 2016 - Chatte */ .marche-noel-2016{ width:700px; height:450px; margin: 0 0 10px 0; } .marche-noel-2016-visuel{ width:700px; height:309px; float: left; background:#fff url(https://media.mathon.fr/images/img-page-boutique/Braderie-noel-2016_01.jpg) no-repeat 0 0; } .marche-noel-2016-cata-tombola{ width:700px; height:141px; } .marche-noel-2016-cata{ width:350px; height:141px; float: left; } .marche-noel-2016-tombola{ width:350px; height:141px; float: right; background:#fff url(https://media.mathon.fr/images/img-page-boutique/Braderie-noel-2016_03.jpg) no-repeat 0 0; } /* ----------- LANDING SOLDES HIVER 2017 ----------- */ .landing_soldesH2017_h2{ text-indent:-5000px; width:955px; height:232px; background:#fff url(../images/2017_soldesH/soldesH2017_landing_titre.jpg) no-repeat 0 0; margin-bottom:20px; } /*.landing_soldesEte2014_h2bis{ text-indent:-5000px; width:955px; height:158px; background:#fff url(../images/2014_soldesH/soldesEte2014_landing_titrebis.jpg) no-repeat 0 0; margin-bottom:20px; }*/ .landing_soldesH2017 li{ float:left; list-style:none; } .landing_soldesH2017_etape1{ text-indent:-5000px; width:318px; height:125px; background:#fff url(../images/2017_soldesH/soldesH2017_landing_etape1.jpg) no-repeat 0 0; } .landing_soldesH2017_etape2{ text-indent:-5000px; width:319px; height:125px; background:#fff url(../images/2017_soldesH/soldesH2017_landing_etape2.jpg) no-repeat 0 0; } .landing_soldesH2017_etape3{ text-indent:-5000px; width:318px; height:125px; background:#fff url(../images/2017_soldesH/soldesH2017_landing_etape3.jpg) no-repeat 0 0; } .landing_soldesH2017_patisserie{ text-indent:-5000px; width:955px; height:99px; background:#fff url(../images/2017_soldesH/soldesH2017_landing_patisserie.jpg) no-repeat 0 0; margin-top:15px; } .landing_soldesH2017_cuisson{ text-indent:-5000px; width:955px; height:99px; background:#fff url(../images/2017_soldesH/soldesH2017_landing_cuisson.jpg) no-repeat 0 0; margin-top:15px; } .landing_soldesH2017_decoupe{ text-indent:-5000px; width:955px; height:99px; background:#fff url(../images/2017_soldesH/soldesH2017_landing_decoupe.jpg) no-repeat 0 0; margin-top:15px; } .landing_soldesH2017_electro{ text-indent:-5000px; width:955px; height:99px; background:#fff url(../images/2017_soldesH/soldesH2017_landing_electro.jpg) no-repeat 0 0; margin-top:15px; } .landing_soldesH2017_ustensiles{ text-indent:-5000px; width:955px; height:99px; background:#fff url(../images/2017_soldesH/soldesH2017_landing_ustensiles.jpg) no-repeat 0 0; margin-top:15px; } #footer_promo { width: 100%; height: 50px; position: fixed; bottom: 0; right: 0; display: none; z-index: 1001; } #footer_promo_fond { background-color: #ffffff; border-top: solid 2px #9d9d9d; height: 50px; width: 100%; box-shadow: 1px 1px 12px #555; } #footer_promo_content { width: 975px; height: 50px; margin-left: auto; margin-right: auto; } #footer_promo_span_close { display: block; float: right; height: 32px; width: 32px; position: relative; top: -66px; right: 20px; background: url('../images/close2.png') no-repeat; }