@font-face { font-family: 'SoftCompound'; src: url('soft_compound-webfont.eot'); src: local('☺'), url('soft_compound-webfont.woff') format('woff'), url('soft_compound-webfont.ttf') format('truetype'), url('soft_compound-webfont.svg#webfonti3Wpr4ZD') format('svg'); font-weight: normal; font-style: normal } /** * Main Style * * @style Main * @site vahine.fr * @media screen * @note reset.css required */ /** h1, h2, h3, h4, li, img, div, input, a { behavior: url("/css/iepngfix.htc") } **/ /** * @section General */ /** * @subsection layout */ body, h1, h2, h3, ul, ol, li, div, img, form, a, p , legend, hr { margin: 0; padding: 0; border: 0 } a {color: #68625F} hr { clear:both; height:1px; border:0 none; background:none; color:#FFF8DF; line-height:1px} .hidden { display: none} #vahine { width: 962px; margin: 0 auto; position: relative} #left { width: 707px; float:left} #right { width: 240px; padding: 0 1px 0 0; float: right } #boxes, #footer { clear: both} #footer { margin-top:20px} #content { clear: both } #breadcrumbs { margin: 0 0 0 17px; padding-top:12px} #breadcrumbs2 {margin-left: 17px} .sep { clear: both} #print_btn, #facebook_btn, #favoris_btn, #posttruc_btn, #link_subscribe, #post_recette, #print_btn_pdt { height: 24px; border: 0; text-indent: -10000px; overflow: hidden; display: block; float:left; margin-right: 5px} #print_btn {width:77px} #facebook_btn {width:91px} #favoris_btn {width:150px} #posttruc_btn {width:121px} #link_subscribe {float:right; margin:5px 0 0 0; width:131px} #post_recette {width:151px} #print_btn_pdt { width:147px} .pagination { text-align: right; margin-right: 20px} #fiche_recette .pagination { margin-right:0} .pagination_desc {display: none} #notification_box {position: absolute; top: 40px; width: 470px; left:50%; margin-left: -235px; padding: 25px; z-index: 2000} #notification_box_top {width: 470px; height: 127px} #notification_box_body {width: 470px} #notification_box_body ul {padding-left: 18px; padding-right: 45px; } #notification_box_body h3, #produit_composition_body div { margin-left: 17px} #notification_box_bas {width: 470px; height: 22px} #notification_close {position: absolute; margin: 10px 0 0 360px; } #notification_box_body p {padding: 0 15px 5px 15px} /** * @subsection design */ body { background: #fcc601 url(/images/main_back.png) repeat-x top} #print_btn {background: url(/images/design_item.png) no-repeat 0 -58px} #facebook_btn {background: url(/images/design_item.png) no-repeat -82px -58px} #favoris_btn {background: url(/images/design_item.png) no-repeat -182px -58px} #posttruc_btn {background: url(/images/design_item.png) no-repeat -278px 0} #link_subscribe {background: url(/images/design_item.png) no-repeat -143px 0} #post_recette {background: url(/images/design_item.png) no-repeat -347px -58px} #print_btn_pdt {background: url(/images/design_item.png) no-repeat 0px -116px} #notification_box_top { background: url(/images/produit_compo_top.png) no-repeat } #notification_box_bas { background: url(/images/produit_compo_bas.png) no-repeat } #notification_box_body { background: url(/images/produit_compo_body.png) repeat-y } #fond_top { background: url(/images/fond_top.png) no-repeat top left} #fond_bas { background: url(/images/fond_bas.png) no-repeat top left} /** * @section General Typography */ body { font-family: Georgia, "Times New Roman", Times, serif; color: #953f10; } input , select , textarea { font-family: Georgia, "Times New Roman", Times, serif; font-size:12px} .yellow { color: #fbe001} .lightbrown { color: #953f10} .darkbrown { color: #4e1c00} .grey {color:#68625f} .uppercase { text-transform: uppercase} .bold { font-weight: bold} .white { color: #fff} .size9 { font-size: 9px} .size11 { font-size: 11px} .size13 { font-size: 13px} .size14 { font-size: 14px} #breadcrumbs, #breadcrumbs2 { color:#953f10; font-size: 11px; } #breadcrumbs_current { color:#441200} #breadcrumbs a, #breadcrumbs2 a {color: #953f10} #fond_top { width: 708px; height: 10px; } #fond_bas { width: 710px; height: 21px; margin-left: -2px; margin-bottom: 5px} .fond_standard { background: #fff8df; width: 706px; min-height:350px} .long { min-height:575px} .pagination a { color:#68625f; font-size: 11px; font-weight: normal; text-decoration: none} #notification_box_body label {font-size: 12px; color: #2d2d2d; font-weight: bold} #notification_box_body li {font-size: 11px; color: #2d2d2d; list-style: none} #notification_box_body p {font-size: 14px} #notification_close { text-decoration: none; font-size: 11px;color: #e20019; } /** * @section Header */ /** * @subsection layout */ #header h1 , #header #logoVahine { height:125px; width:190px; float:left; display:block} #search_main { height:26px; float:left; width:510px; margin:32px 0 10px 0} #navigation { float:left; width:516px} #navigation li { display:block; float:left; margin: 0; list-style:none;overflow:hidden;height:36px;line-height:34px;text-align:center;} #navigation li a { font-size:18px;font-family: 'SoftCompound';color:#ffe100;text-decoration:none} #navigation li#btn_recette { text-indent: 0 } a.mainBtn { display: block; height: 37px; overflow: hidden} #btn_produit a.mainBtn { width: 107px} #btn_recette a.mainBtn { width: 125px} #btn_atelier a.mainBtn { width: 150px} #btn_contact a.mainBtn { width: 128px} #search { width: 170px; height: 25px; border: 0; padding: 0 5px} #gosearch { width: 38px; height: 23px; border: 0; text-indent: -10000px; overflow: hidden; float: right; display: block; margin-left:4px; margin-top:2px; cursor:pointer} #btn_recette img { margin: 9px 0 0 0} /** * @subsection design */ a.mainBtn { background: url(/images/nav_bar.png) no-repeat top left} #btn_recette a.mainBtn { background-position: -108px 0} #btn_atelier a.mainBtn { background-position: -518px 0;} #btn_atelier.position_on a.mainBtn { background-position: -236px 0;color:#fff} #btn_contact a.mainBtn { background-position: -388px 0} #search { background: url(/images/design_item.png) no-repeat 0 -25px} #gosearch { background: url(/images/design_item.png) no-repeat top left} /** * @section General Typography */ #search_main { text-align: right} #search_main label { font-size: 11px} #search { color: #a7a5a4; line-height: 25px } #btn_recette a.mainBtn {/*text-indent: 0*/ text-align:center} /** * @section box contextuelles */ /** * @subsection layout */ .boxFooter { float: left} .innerBoxFooter { width: 315px; height: 180px} #leftBox {} #middleBox { margin: 0 8px 0 9px;} #rightBox { float: right} .boxFooter h2 { position: absolute; margin: 24px 0 0 -3px} .boxFooter h2 a { display:block; width:161px; height:50px; text-indent:-5000px; font-size:0} #boxOrange_tilte { width: 161px; height: 50px } #boxGreen_tilte { width: 160px; height: 50px } #boxPink_tilte { width: 179px; height: 50px } .box_back { width: 315px; height: 176px; position: absolute} .box_text { position: absolute; margin: 78px 0 0 14px; padding-left: 14px} .box_link { position: absolute; margin: 112px 0 0 28px; } .innerBoxFooter a, #box_text a {text-decoration: none; color: #fff} /** * @subsection design */ /*#boxOrange_tilte { background: url(/images/box_context_title.png) no-repeat} #boxGreen_tilte { background: url(/images/box_context_title.png) no-repeat -187px 0} #boxPink_tilte { background: url(/images/box_context_title.png) no-repeat -349px 0}*/ .box_text { background: url(/images/box_puce.png) no-repeat 0 4px} /** * @section General Typography */ .box_text { text-transform: uppercase; color: #fff; font-size: 13px} .box_link { color: #fff; font-size: 11px; letter-spacing:-1px; text-decoration: none} /** * @section Coin des Gourmands */ /** * @subsection layout */ #box_login { width:240px; height:452px; margin: 61px 0 0 0; position:relative;line-height:20px} #box_login h2 { height: 181px; text-indent:-5000px; font-size:0} #login_form {/*position: absolute; left: 22px; top: 181px; width:205px*/ position: relative; margin:0 17px 0 20px} .input_connexion { width:125px; height:20px; float:right; border:0; line-height:20px} #input_password { margin-top: 5px} #login_form p {margin: 5px 0} #login_form label { display: block; float:left; width: 74px} /*.label_login {margin-top: 4px} .label_password {margin-top: 7px}*/ #submit_connexion { clear:right; display:block; width:97px; height:27px; margin-top:5px; margin-left: 106px; border:0; text-indent:-100000px; cursor:pointer} #forget { clear:right; display:block; margin-top:-15px; width:101px; font-size:9px; color:#FFF} #linkinscription { /*position: absolute; left: 22px; top: 315px; width:200px*/ margin:30px 17px 0 20px} #linkinscription p {margin-top: 5px; line-height:1.2em} #inscrivezvous { width: 134px; height: 23px; margin-left: 70px; border: 0; text-indent: -100000px} #box_user { width: 243px; height: 452px; margin: 61px 0 0 0; position: relative} #boxuser_info {position: absolute; margin: 100px 0 0 20px; width: 210px} #boxuser_prenom {position: absolute; margin: 0 0 0 60px} #boxuser_action {position: absolute; margin: 33px 0 0 60px} #userbox_stats {position: absolute; margin: 174px 0 0 20px; width: 210px} #userbox_recette { width: 51px; height: 25px; float: left; margin-right: 3px} #userbox_truc { width: 51px; height: 25px; float: left} #userbox_suggestion {position: absolute; margin: 211px 0 0 20px; width: 210px} #userbox_sugg_vignette {margin: 5px 0 5px 0; width: 199px; height: 76px} #box_user #post_recette {position: absolute; margin: 406px 0 0 63px} #userbox_recette p { margin-right: 25px; margin-top:1px} #userbox_truc p { margin-right: 25px; margin-top:1px} #userbox_sugg_texte a, #boxuser_action a { padding-left: 10px; margin-left: 0px} #forgotpasswd { position: relative} #forgotpasswd h1, #confirmsendpasswd h1{ height:80px; margin:20px 0 10px 17px;font-family: "SoftCompound", Georgia, "Times New Roman", Times, serif; font-size:27px; font-weight:normal; line-height:50px} #forgotpasswd form { margin-left: 15px; width: 420px} #forgotpasswd form div { margin-bottom: 10px; margin-left: 7px} #forgotpasswd form div label { float: left; width: 70px; padding-top: 1px; } #forgotpasswd form input[type=text] { height:20px; width:127px; border: none} #ajoutrecetteform form, #ajoutastuceform form { margin-left: 15px; } #ajoutrecetteform fieldset, #ajoutastuceform fieldset { border: none} #ajoutrecetteform label, #ajoutastuceform label {float: left; padding-top: 2px; width:70px; } #ajoutrecetteform label[for=recette_nombre_personnes], #ajoutastuceform label[for=truc_et_astuce_titre_introduction] { padding-top: 0} #ajoutrecetteform div.group, #ajoutastuceform div.group { margin-bottom: 10px} #ajoutrecetteform input[type=text], #ajoutastuceform input[type=text] { height:20px; width: 320px; border: none} #ajoutrecetteform textarea, #ajoutastuceform textarea { padding: 7px; border: 1px solid #e8e1d3; color:#afaba9} #ajoutrecetteform legend.legendvisible, #ajoutastuceform legend.legendvisible { padding-left: 0; margin-top: 10px; margin-bottom: 10px} #ajoutrecetteform input[type=image], #ajoutastuceform input[type=image] { margin: 20px 0} #fiche_mot { position:relative} #confirmsendpasswd p { margin: 20px} #bloc_droite { min-height: 216px; background: url('/images/bg_bloc_droite.png') no-repeat 0 0; margin-top: 10px; position: relative} #bloc_droite h2 , #bloc_droite h3 { font-size:14px; font-weight:normal; left:22px; position:absolute; text-transform:uppercase; top:100px} #bloc_droite p.idee { color:#F9B200; font-size:12px; left:22px; position:absolute; top:120px} #bloc_droite div.poster { position: absolute; top: 170px; left: 70px} #userbox_sugg_vignette {} /** * @subsection design */ #box_login { background: url(/images/boxes.png) no-repeat 0 -150px} #inscrivezvous { background: url(/images/design_item.png) no-repeat -142px 0 } #submit_connexion { background: url(/images/design_item.png) no-repeat -42px 5px } .input_connexion { background: url(/images/design_item.png) no-repeat -184px -26px } #box_user {background: url(/images/coin_connect.png) no-repeat top left} #userbox_recette {background: url(/images/coin_picto.png) no-repeat top left} #userbox_truc {background: url(/images/coin_picto.png) no-repeat -54px 0} #userbox_sugg_texte a, #boxuser_action a { background: url(/images/userbox_puce.png) no-repeat left center} #forgotpasswd h1, #confirmsendpasswd h1 { /*background:url(/images/forgotpasswd_titre.gif) no-repeat 0 0*/} #forgotpasswd form input[type=text] { background: url(/images/design_item.png) no-repeat -184px -26px; } #ajoutrecetteform input[type=text], #ajoutastuceform input[type=text] { background:url("/images/bg_textfield_big.png") no-repeat 0 0; } #userbox_sugg_vignette { background: url(/images/coin_sugg.jpg) no-repeat center center} /** * @section General Typography */ #boxuser_prenom, #userbox_sugg_title {font-size: 13px; text-transform: uppercase; color: #fff} #boxuser_action a {font-size: 11px; color:#ffe100; text-decoration: none} #userbox_sugg_texte { font-size: 11px; color: #fff} #userbox_sugg_texte a { font-size: 11px; color: #ffe100; text-decoration: none} #userbox_recette, #userbox_truc {text-align: right} #ajoutrecetteform, #ajoutastuceform { color: #68625f; font-size: 11px; } #ajoutrecetteform legend.legendvisible, #ajoutastuceform legend.legendvisible { font-size: 14px} /** * @section Accueil */ /** * @subsection layout */ #slideshow { width:710px; height:388px; margin:0; position:relative} #slideshow li {list-style: none} .slides li {width:710px;height:388px} #slide_over { width:706px; height:387px; margin:0; overflow:hidden; position: absolute; padding: 1px 2px 0 2px} #slide_visuel { position:absolute; top:0; left:0; width:710px; height:388px; background: url(/images/home_slide_over.png) no-repeat; text-indent: -10000px; font-size:0} #slide_content { width:403px; height:163px; bottom:0; left:16px; position:absolute; overflow:hidden} #slide_title { margin: 17px 0 0 19px; font-family:"SoftCompound", Georgia, "Times New Roman", Times, serif; font-size:35px; font-weight:normal; color:#953F10; line-height:40px} #slide_text { width: 350px; margin: 6px 0 28px 20px} #slide_link { margin: 0 19px} #slide_menu { width: 120px; height: 22px; position: absolute; top: 337px; left: 274px; list-style: none; z-index:10} #slide_menu li {display:block; float:left; width:19px} a.slide_btn { width: 19px; height: 22px; display: block; float: left; text-indent: -10000px; overflow: hidden} #slide_link a { padding-left: 10px} /** * @subsection design */ #slide_content {background: url(/images/home_slide_back.png) no-repeat top left} a.slide_btn {background: url(/images/home_slide_btn.png) no-repeat} #slide_link a {background: url(/images/slide_puce_link.png) no-repeat center left } #slide_menu .slide_1 { background-position: 0 0} #slide_menu .slide_2 { background-position: -20px 0} #slide_menu .slide_3 { background-position: -40px 0} #slide_menu .slide_4 { background-position: -60px 0} #slide_menu .slide_5 { background-position: -80px 0} #slide_menu .slide_6 { background-position: -100px 0} #slide_menu .slide_1.activeSlide { background-position: 0 -34px} #slide_menu .slide_2.activeSlide { background-position: -20px -34px} #slide_menu .slide_3.activeSlide { background-position: -40px -34px} #slide_menu .slide_4.activeSlide { background-position: -60px -34px} #slide_menu .slide_5.activeSlide { background-position: -80px -34px} #slide_menu .slide_6.activeSlide { background-position: -100px -34px} /** * @section General Typography */ #slide_text { color: #68625f; font-size: 11px; height: 28px} #slide_content a { color: #68625f; font-size: 11px; height: 28px; text-decoration: none} #slide_link a {color: #953f10; font-size: 11px; text-decoration: none} /** * @section Produit */ /** * @subsection layout */ #produit_back { width: 710px; height: 614px; position: relative} h1#produit_title, h1#recette_title { text-indent:-5000px; font-size:0} #produit_category_button li { list-style: none; position: absolute} #produit_category_title { margin: 15px 0 0 20px; height: 32px} #produit_category_title h1 { font-family: "SoftCompound", Georgia, "Times New Roman", Times, serif; font-size:32px; font-weight:normal; color:#953F10; line-height:30px} #produit_category_text { height: 50px; margin:0 60px 0 20px} .produit_cat_box { width: 144px; float: left; margin: 0 5px; text-align: center } .produit_cat_box a { display:inline-block; height:161px; line-height:161px } .produit_cat_box img { vertical-align:middle } .produit_cat_linkbox { width:144px; height:56px; padding:0 12px} .produit_cat_linkbox a { display:block; margin-top:0; width:120px; line-height:normal} #produit_cat_pano { width: 3000px; overflow: hidden; position: absolute; z-index: 1} #produit_cat_pano_outer {width: 620px; overflow: hidden; height: 246px; margin-left: 45px; z-index: 2; position: relative; } #produit_move_prev { position: absolute; left: 20px; top: 340px} #produit_move_next { position: absolute; left: 666px; top: 340px} #produit_visuel { width: 254px; height: 387px; float: left; text-align: center} #produit_visuel_inner { margin-top: 30px} #produit_content { width: 435px; float: left; margin-top: 26px} #produit_content h2 { margin-left: 24px} #produit_description {width: 370px; margin-top: 8px} #produit_show_composition, #produit_show_valeurs { margin: 22px 0 22px 0} #produit_composition { position:absolute; z-index: 500; display: none} #produit_composition_top {width: 470px; height: 127px} #produit_composition_body {width: 470px} #produit_composition_body p {padding-left: 18px; padding-right: 45px; margin-top: 17px; color: #8d8c8c} #produit_composition_body h3, #produit_composition_body div { margin-left: 17px} #produit_composition_bas {width: 470px; height: 22px} #fiche_produit {position: relative} #lightbox { display: none; background: #fcc601; position: absolute; z-index: 1; top: 0; left: -50px} #product_boxes { margin-left: 20px} .item_box { width: 199px; float: left} #item_box2{ margin: 0 35px 0 35px} #product_boxes .item_box_link a { padding-left: 5px; } .item_box_link { margin-top: 8px} .item_box_chapo { margin-top: 5px; font-weight: bold} #atelier_boxes .item_box_link a { padding-left: 5px; } #atelier_boxes { margin-left: 20px} #produit_fiche_prev, #produit_fiche_next { position: absolute; top: 43px} #produit_fiche_prev { left: 250px} #produit_fiche_next { left: 680px} #produit_fiche_action { } #produit_composition_close {position: absolute; top: 58px; width: 470px; left:50%; margin-left: 45px; padding: 25px; z-index: 2000} #product_boxes .boxLienImage { padding-left:0} /** * @subsection design */ .produit_cat_linkbox { background: url(/images/produit_box_titre.png) no-repeat } #produit_composition_top { background: url(/images/produit_compo_top.png) no-repeat } #produit_composition_bas { background: url(/images/produit_compo_bas.png) no-repeat } #produit_composition_body { background: url(/images/produit_compo_body.png) repeat-y } #product_boxes a { background: url(/images/recette_link_puce.png) no-repeat left center} #atelier_boxes a { background: url(/images/recette_link_puce.png) no-repeat left center} #product_boxes .boxLienImage {background: none} /** * @section General Typography */ .produit_cat_linkbox a {color: #953f10; font-weight: bold; text-align: center; font-size: 12px; text-decoration: none} #produit_content { font-size:11px; color:#68625f} #produit_content h1 { margin:0 0 15px 23px; font-family: "SoftCompound", Georgia, "Times New Roman", Times, serif; font-size:27px; font-weight:normal; color:#953F10; line-height:24px} #produit_show_composition a { color: #953f10; text-decoration: none} #produit_show_composition {color: #2d2d2d} #produit_composition h3 {font-size: 13px; font-weight: bold; text-transform: uppercase} #produit_composition_body a {color: #953f10} .item_box h3 , .item_box h2 { font-size: 15px; color: #953f10; text-transform: uppercase; font-weight: normal; line-height: 30px} .item_box p { font-size: 11px; color: #68625f; } .item_box a { color: #953f10; text-decoration: none} #produit_category_text p { font-size: 11px; color: #68625f; } #atelier_boxes #item_box1 h3, #atelier_boxes #item_box1 a {color: #85aa00} #atelier_boxes #item_box2 h3, #atelier_boxes #item_box2 a {color: #f98c2c} #atelier_boxes #item_box3 h3, #atelier_boxes #item_box3 a {color: #dd194b} #produit_composition_close { text-decoration: none; font-size: 11px;color: #953F10; } /** * @section Recette */ /** * @subsection layout */ #recette_back { width: 710px; height: 614px; position: relative} #recette_cat_back { width: 710px; min-height: 388px; position: relative} #recette_category_button li { list-style: none; position: absolute} h1#recette_category_title { margin: 19px 0 0 16px; height:32px; font-family: "SoftCompound", Georgia, "Times New Roman", Times, serif; font-size:27px; font-weight:normal; color:#953F10; line-height:26px} #recette_category_chapo { width: 447px; margin:0 0 1.5em 21px} #recette_category_button { top: 220px; width: 688px} .recette_liste {position:relative; clear:both; margin-left:21px; width:668px; height:90px} #result_content .recette_liste {margin-left: 0 } #result_content {min-height:542px} .recette_vignette_liste { float:left; width:136px; height 90px; margin-right:18px} .recette_vignette_liste span a { display: block; width: 136px; height: 90px; /*text-indent: -10000px;*/ overflow: hidden} .recette_vote {position:absolute; top:0; right:0; width:110px; text-align: right} .recette_liste h3 {margin-top:0} .recette_cat_lien {margin-top:8px} .recette_cat_lien a { padding-left:5px; margin-left:3px} .note_moyenne { margin-top: 3px; display: block} #recette_list_search a {display: block; width: 163px; height: 25px; border: 0; position: absolute; top:180px; left: 525px; overflow: hidden; text-indent: -10000px} #recette_list_search a { float: left; margin-right: 5px} #recette_cat_sort {position: absolute; top:190px; right: 275px; display: none} #recette_pap_bloc, #recette_video_bloc { width: 164px; height: 427px} /*#fiche_recette_visuel {width: 220px; height: 208px}*/ #fiche_recette_ingredients { margin-top: 17px} #recette_fiche_gauche { margin: 27px 0 0 20px; float: left; width: 220px} #recette_fiche_droite { margin-top: 27px; margin-left: 254px; width: 440px} #recette_fiche_action { margin-top: 7px; margin-left: 254px; width: 440px} #recette_fiche_bloc {width: 390px; height: 140px; padding: 7px 0 0 31px; position: relative} #recette_fiche_bloc p { margin-top: 17px} .recette_etape { margin-bottom: 18px} .recette_etape p { margin-left: 25px} #recette_fiche_etapes { margin-left:7px} #recette_fiche_etapes h2 span , #recette_pap_etapes h2 span { width: 17px; height: 20px; display: block; float: left; margin-right: 7px} #fiche_recette_ingredients {width:220px} #fiche_recette h1 { margin: 11px 17px 0 20px; font-family: "SoftCompound", Georgia, "Times New Roman", Times, serif; font-size:26px; font-weight:normal; color:#953F10; line-height:24px } #recette_fiche_remarque { margin: 17px 0 10px 7px} #recette_fiche_prev, #recette_fiche_next { position: absolute; top: 206px} #recette_fiche_prev { left: 254px} #recette_fiche_next { left: 680px} #recette_fiche_vote { position: absolute; top: 30px; left: 220px; overflow: hidden} #recette_stars { margin-top: 4px} #recette_stars a { text-decoration:none} #recette_pap_visuels {margin-left: 16px} #recette_pap_visuels img {margin-right: 8px} #recette_pap_bloc { position: absolute; padding: 25px 35px 0 35px} #recette_pap_etapes { margin-bottom: 15px } #recette_pap_content { margin: 21px 0 0 255px; min-height: 450px} #recette_pap_bloc p {width: 165px; margin: 1em 0 0.5em 0 } #recette_pap_bloc h3 { margin: 15px 0 0 0} #recette_pap_bloc ul { margin-left: 10px;} #recette_pap_etapes p { width: 410px} #recette_video_player { text-align: center; margin-bottom: 15px} #num_resultats {position: absolute; top: 190px; right:280px} /** * @subsection design */ .recette_cat_lien a { background: url(/images/recette_link_puce.png) no-repeat left center} #recette_list_search a { background: url(/images/design_item.png) no-repeat -404px 0} #recette_fiche_bloc { background: url(/images/feuille_horizontal.png) no-repeat top left} #recette_pap_bloc, #recette_video_bloc { background: url(/images/recette_bloc_verti.png) repeat} #recette_fiche_etapes h2 span, #recette_pap_etapes h2 span { background: url(/images/puce_etape.png) no-repeat top left} /** * @section General Typography */ #recette_category_chapo { color: #68625f; font-size: 11px} .recette_cat_titre { display:block; height:20px; font-size:14px; font-weight:bold; color:#68625F; text-decoration: none; line-height:20px; overflow:hidden } .recette_cat_titre a { text-decoration: none} .recette_cat_content_p { line-height: 14px; display: block; height: 12px; overflow: hidden } .recette_cat_lien a { font-size: 11px; color: #953f10; text-decoration: none; line-height: 11px} .note_moyenne { color: #68625f; font-size: 11px} .recette_cat_content h3 { width:400px; height:20px; overflow:hidden} .recette_cat_content img { vertical-align:text-bottom} .recette_cat_content p, #num_resultats {color: #68625f; font-size: 11px; line-height: 11px} #recette_cat_sort {color: #68625f; font-size: 11px} #recette_cat_sort a { font-weight: bold;color: #68625f} #fiche_recette_ingredients, #recette_fiche_bloc, #recette_pap_bloc { font-size: 11px; color: #68625f } #fiche_recette_ingredients h2 { font-size: 11px} #recette_fiche_droite {font-size: 11px} #recette_fiche_picto img {vertical-align:bottom} #recette_fiche_etapes, #recette_pap_etapes { font-size: 11px; color: #68625f; } #recette_fiche_etapes h2, #recette_pap_etapes h2 { font-size: 13px; color: #2d2d2d; text-transform: uppercase; line-height: 20px } #recette_fiche_etapes h2 span, #recette_pap_etapes h2 span { color: #fff; line-height: 16px; text-align: center} #recette_fiche_remarque {color: #68625f} #recette_pap_bloc h2 { text-transform: uppercase; font-size: 13px} .recette_etape a {color: #68625F} /** * @section Truc et astuces */ /** * @subsection layout */ #trucastuce_back { width: 710px; height: 388px; } #trucastuce_category_button li { list-style: none; position: absolute} #trucastuce_home_content { margin: 16px 0 0 19px; width: 550px} #trucastuce_home_content p { margin-top: 11px} #trucastuce_category_content, #trucastuce_fiche_content { margin: 16px 0 0 19px} #trucastuce_category_content p, #trucastuce_fiche_content { margin-top: 5px} #trucastuce_fiche_content h2 { margin: 0 0 0 28px; margin-bottom: 22px} #trucastuce_fiche_content p { margin-left: 3px} #fiche_recette_ingredients li { margin-left: 15px} #trucastuce_category_title { margin: 16px 0 8px 21px} #trucastuce_category_chapo { width: 447px; margin-left: 21px} #trucastuce_category_button { position: absolute; top: 120px; width: 688px} #trucastuce_btn1 { top: 147px; left: 31px} #trucastuce_btn2 { top: 112px; left: 188px} #trucastuce_btn3 { top: 152px; left: 357px} #trucastuce_btn4 { top: 135px; left: 517px} .truc_liste_content { position: relative; width: 460px; height: 90px; float: left} .truc_liste_item { height: 90px; margin: 22px 0 0 22px; position: relative} .truc_liste_visuel { width: 136px; height: 90px; float: left; margin-right: 18px} .truc_list_link { position: absolute; bottom: 0px} #trucastuce_fiche_content { width: 445px; position: absolute; top: 170px; margin-left: 250px} #trucastuce_fiche_visuel { margin: 16px 0 0 19px; min-height: 320px} #trucastuce_fiche_prev, #trucastuce_fiche_next { position: absolute; top: 176px} #trucastuce_fiche_prev { left: 250px} #trucastuce_fiche_next { left: 680px} #trucastuce_fiche_action { margin-top: 20px; width:459px} .truc_list_link { margin-top: 11px; } .truc_list_link a { padding-left: 5px; margin-left: 3px} .truc_liste_visuel a {display: block; width: 136px; height: 90px; position: absolute; text-indent: -10000px; overflow: hidden} /** * @subsection design */ .truc_liste_visuel { background: url(/images/demo/truc_et_astuce.png) no-repeat top left} .truc_list_link a { background: url(/images/recette_link_puce.png) no-repeat left center} /** * @section General Typography */ #trucastuce_home_content h1 , #trucastuce_category_content h1, #trucastuce_fiche_content h1 {font-family:"SoftCompound", Georgia, "Times New Roman", Times, serif; font-size:26px; font-weight:normal; color:#953F10; line-height:24px} #trucastuce_fiche_content h1 {margin-bottom:10px;margin-left:20px} #trucastuce_category_content, #trucastuce_fiche_content {font-size: 11px; color: #68625f} .truc_liste_content { color: #68625f; font-size: 11px} .truc_liste_content h3, #trucastuce_fiche_content strong { font-size: 14px} #trucastuce_home_content p { color: #68625f; font-size: 11px} .truc_list_link a { font-size: 11px; color: #953f10; text-decoration: none; line-height: 11px} /** * @section Atelier */ /** * @subsection layout */ #atelier { width: 710px; height: 614px; position: relative} #atelier_home_visuel { position: absolute; left: 340px; top:27px} #atelier_home_content { width: 316px; position: absolute;margin: 195px 0 0 23px} #atelier_home_content p { margin-top: 12px} #atelier_boxes {position: absolute; bottom:15px} #atelier_home_lien { float: right} /** * @subsection design */ #atelier { background: url(/images/atelier_fond_home.png) no-repeat} #atelier_home_content {} /** * @section General Typography */ #atelier_home_content { font-size: 11px; color: #46403c; line-height:1.2em} #atelier_home_content h1 { font-size:16px; color:#46403C} #atelier_home_lien a {color: #953F10} /** * @section Promotions , Magasin */ /** * @subsection layout */ #magasin_back {position:relative; width: 708px; height: 387px; background: url(/images/mag_fond.png) no-repeat top left} #promo_header, #magasin_header {margin: 19px 0 0 16px; color: #68625f; font-size: 11px} #promo_header h1, #magasin_header h1 , #trouver_content h1 {height:32px; font-family: "SoftCompound", Georgia, "Times New Roman", Times, serif; font-size:27px; font-weight:normal; color:#953F10; line-height:26px} .promo_cat_content {position: absolute; margin-left: 175px; width: 465px} .promo_item { height: 90px; } .promo_vignette_liste { width: 136px; height: 90px; margin-left: 19px} #promo_header p { margin: 10px 0 18px 0} /** * @section General Typography */ #promo_vignette_liste {} .promo_item {color: #68625f; font-size: 11px} .promo_item h3 { font-size: 14px} /** * @section Magasin */ /** * @subsection layout */ #magasin_button li {list-style: none; position: absolute} #mag_btn_1 {top: 133px; left: 60px} #mag_btn_2 {top: 113px; left: 255px} #mag_btn_3 {top: 121px; left: 465px} /** * @section Ou les trouver */ /** * @subsection layout */ #trouver_content { margin: 25px 0 0 257px; width: 425px} #trouver_visuel { width: 220px; height: 312px; position:absolute; top:180px; width:220px;margin-left:16px} /** * @subsection design */ /** * @section General Typography */ #trouver_content {color: #68625f; font-size: 11px} /** * @section recherche */ /** * @subsection layout */ .affin { background: url(/images/trucastuce_fond.png) no-repeat left top; padding:18px 0} #search_content, #result_content {margin: 19px 0 0 16px; font-size: 12px} #search_content {line-height: 24px} #search_content h1, #result_content h1 {font-family: "SoftCompound", Georgia, "Times New Roman", Times, serif; font-size:26px; font-weight:normal; color:#953F10; line-height:24px} #listeRecetteEtProduit {float: right; margin:10px 20px} #result_combien {float: left; margin:10px 0; font-size:14px; font-weight:bold} #search_content p {margin-top: 13px} /*#search_fields div {margin-top: 12px}*/ #search_fields label {line-height: 20px} /*.search_line { float: left}*/ #search_content li {display:inline;list-type:none;} #search_difficulte ul, #search_temps ul, #search_personnes ul, #search_difficulte span, #search_temps span, #search_personnes span { float: left } #search_content input[type=text] { width:127px; height: 22px; border: 0; margin-left: 5px; line-height: 20px; /*display: block; float: right */} #search_content select { font-size:11px; width:178px; height: 20px; /*float: left*/} #search_content .selector { width:150px; height: 20px} #search_submit {float: right; margin-right:20px; border: 0; width: 162px; height: 22px; text-indent: -10000px; overflow: hidden } .selection_produits { vertical-align:middle} #search_content .selection_produits p {margin-top: 0; margin-right: 12px; font-weight:bold} .selection_produits div {vertical-align:middle} #result_content .searchbuttons {clear:both; margin: 10px 0} #result_content .searchbuttons img { padding-right: 10px} #result_content .recette_vignette_liste a{ display: block; width: 136px; height: 90px; text-indent: 0px} #result_content .recette_vignette_liste {overflow: hidden} /** * @subsection design */ #search_content input[type=text] { background: url(/images/design_item.png) no-repeat -184px -26px } #search_content .selector { background: url(/images/design_item.png) no-repeat -316px -28px } #search_submit{ background: url(/images/design_item.png) no-repeat -370px -87px } /** * @section General Typography */ #search_content {color: #68625f; font-size: 10px} #search_difficulte span, #search_temps span, #search_personnes span { line-height: 20px } /** * @section coin des gourmands */ /** * @subsection layout */ #inscriptioncdg , #inscriptioncdgstep2 { height: 614px; position: relative} #inscriptioncdg h1 , #inscriptioncdgstep2 h1 { margin-left:12px; margin-top:8px; height: 27px; font-family: "SoftCompound", Georgia, "Times New Roman", Times, serif; font-size:27px; font-weight:normal; color:#953F10; line-height:24px} #inscriptioncdg form , #inscriptioncdgstep2 form { margin-left: 12px; margin-top: 10px; width:430px } #inscriptioncdg form input[type=text], #inscriptioncdg form input[type=password] { border: none; height: 20px; width: 127px} #inscriptioncdg form input#membre_adresse, #inscriptioncdg form input#membre_email, #inscriptioncdg form input#membre_confirm_email, #inscriptioncdg form input#membre_mot_de_passe, #inscriptioncdg form input#membre_comfirm_mot_de_passe, #inscriptioncdg form input#membre_confirm_mot_de_passe, #inscriptioncdg form input#membre_pseudo {width: 320px} #inscriptioncdg a.ensavoirplus, #inscriptioncdgstep2 a.ensavoirplus, #fiche_mot a.ensavoirplus{ position: absolute; top: -3px; right: 1px} /*#inscriptioncdg form input#membre_photo : a charter*/ #inscriptioncdg form select#membre_date_naissance_month, #inscriptioncdg form select#membre_date_naissance_day, #inscriptioncdg form select#membre_date_naissance_year, #inscriptioncdg form select#membre_nb_pers_foyer { /*width: 78px; border:none;*/ height: 20px; margin-left:5px; margin-right: 5px} #inscriptioncdg #civilitegroup, #inscriptioncdg #nomprenomgroup, #inscriptioncdg #adressegroup, #inscriptioncdg #locationgroup, #inscriptioncdg #emailgroup, #inscriptioncdg #confirmemailgroup, #inscriptioncdg #passwordgroup, #inscriptioncdg #confirmpasswordgroup, #inscriptioncdg #pseudogroup, #inscriptioncdg #photogroup, #inscriptioncdg #datenaissancegroup { margin-bottom: 10px} #inscriptioncdg #photogroup { height:22px } #inscriptioncdg #civilitegroup label[for=membre_civilite_id], #inscriptioncdg #nomprenomgroup label[for=membre_nom], #inscriptioncdg #adressegroup label[for=membre_adresse], #inscriptioncdg #locationgroup label[for=membre_code_postal], #inscriptioncdg #emailgroup label[for=membre_email], #inscriptioncdg #confirmemailgroup label[for=membre_confirm_email], #inscriptioncdg #passwordgroup label[for=membre_mot_de_passe], #inscriptioncdg #confirmpasswordgroup label[for=membre_confirm_mot_de_passe], #inscriptioncdg #pseudogroup label[for=membre_pseudo], #inscriptioncdg #photogroup label[for=membre_photo], #inscriptioncdg #datenaissancegroup label[for=membre_date_naissance] { float: left; margin-right: 10px; padding-top:2px; width: 80px} #inscriptioncdg #confirmemailgroup label , #inscriptioncdg #datenaissancegroup label { line-height:9px } #inscriptioncdg #nbpersfoyergroup label[for=membre_nb_pers_foyer] { margin-right: 3px} #inscriptioncdg #confirmpasswordgroup label {padding-top: 0px; line-height: 9px} #inscriptioncdg #nomprenomgroup label[for=membre_prenom], #inscriptioncdg #locationgroup label[for=membre_ville] { margin-left: 10px; margin-right: 4px; } #inscriptioncdg #locationgroup label[for=membre_ville] { margin-right: 20px} #inscriptioncdg #civilitegroup ul li { list-style-type: none; display: inline; margin-right: 10px} #inscriptioncdg fieldset { border: none} #inscriptioncdg label { line-height:20px} #inscriptioncdg fieldset legend.legendvisible { float: left; width: 300px} #inscriptioncdg fieldset p.link-newsletter-exemple { margin-bottom: 5px; } #inscriptioncdg fieldset .souhaits input[type=checkbox] {margin-left: 0} #inscriptioncdg .mandatory { float: left; padding-top:10px; } #inscriptioncdg .subscribe { width: 200px; margin-left:215px; margin-top:5px; } #inscriptioncdg #infossupp , #inscriptioncdgstep2 #infossupp { width: 250px; position: absolute; top: 106px; left: 450px } #inscriptioncdg .legacy, #inscriptioncdg div.coords { padding-right: 15px; margin-bottom: 10px} /* #inscriptioncdg span.select {background:url("/images/bg_select.png") no-repeat 0 0 transparent; height:21px; overflow:hidden; padding:3px 24px 0 8px; position:absolute; width:50px} #inscriptioncdg span.select.big {/*background:url("/images/bg_select_big.png") no-repeat 0 0 transparent; width: 80px} #inscriptioncdg select#membre_date_naissance_month, #inscriptioncdg select#membre_date_naissance_day, #inscriptioncdg select#membre_date_naissance_year, #inscriptioncdg select#membre_nb_pers_foyer { opacity:0; position:relative; z-index:5; }*/ #inscriptioncdgstep2 { min-height: 160px} /* #inscriptioncdgstep2 #infossupp { width: 250px; position: absolute; top: 0; left: 450px; }*/ #inscriptioncdgstep2 .legacy, #inscriptioncdgstep2 .coords { padding-right: 15px; margin-bottom: 10px} #inscriptioncdgstep2 .bottom { min-height: 130px} #inscriptioncdgstep2 .subscribe { width: 200px; margin-left:215px; padding-top: 20px} #coin_back {width: 710px; height: 614px; position: relative} #coin_back h2 { position: absolute; margin: 20px 0 0 18px} #coin_home_text {position: absolute; margin: 268px 0 0 20px; width: 320px} #coin_home_prenom {margin-bottom: 18px} #coin_back .coin_home_boxes { position: absolute; margin-top: 408px; width: 202px} .coin_home_boxes li {list-style: none; padding-left: 10px} .coin_home_boxes h3 { display: block; height: 24px; padding: 5px 0 0 36px; overflow: hidden} #coin_home_recettes {margin-left: 20px} #coin_home_trucs { margin-left: 254px} #coin_home_compte {margin-left: 487px} .coin_home_boxes p {width: 180px} #coin_back .coin_home_boxes { position: absolute; margin-top: 408px; width: 202px} .coin_home_boxes li {list-style: none; padding-left: 10px; line-height: 14px} .coin_home_boxes h3 { display: block; height: 24px; padding: 5px 0 0 36px; overflow: hidden} #coin_home_recettes {margin-left: 20px} #coin_home_trucs { margin-left: 254px} #coin_home_compte {margin-left: 487px} .coin_home_boxes p {width: 180px} .visuel_box { width: 199px; height:76px; margin-bottom: 3px; } /** * @subsection design */ #inscriptioncdg{ background: url(/images/inscriptioncdg_back.png) no-repeat 0 0} #inscriptioncdg form input[type=text], #inscriptioncdg form input[type=password] { background: url(/images/design_item.png) no-repeat -184px -26px; } #inscriptioncdg h1.inscr { background: url(/images/cdg_titre.gif) no-repeat 0 0; text-indent: -10000px} #inscriptioncdg form input#membre_adresse, #inscriptioncdg form input#membre_email, #inscriptioncdg form input#membre_confirm_email, #inscriptioncdg form input#membre_mot_de_passe, #inscriptioncdg form input#membre_comfirm_mot_de_passe, #inscriptioncdg form input#membre_confirm_mot_de_passe, #inscriptioncdg form input#membre_pseudo {background:url(/images/bg_textfield_big.png) no-repeat 0 0} #inscriptioncdgstep2 { background: url(/images/inscriptioncdg_back.png) no-repeat 0 0/* background:url(/images/formback_top.jpg) no-repeat 0 0*/} #inscriptioncdgstep2 h2 { background:url(/images/titre_inscriptionstep2.gif) no-repeat 0 0; } /* #inscriptioncdgstep2 form { background:url(/images/formback_main.jpg) repeat-y 0 0}*/ #inscriptioncdgstep2 .bottom {/* background:url(/images/formback_bottom.png) no-repeat -2px 0*/} #inscriptioncdgstep2 fieldset { border: none } #inscriptioncdgstep2 .group { margin-bottom: 10px} #inscriptioncdgstep2 .sublegend { margin-bottom: 10px} #coin_back { background: url(/images/coin_fond.png) no-repeat top left} .coin_home_boxes li { background: url(/images/userbox_puce.png) no-repeat left center} #coin_home_recettes h3 {background: url('/images/coin_picto2.png') no-repeat 0 0} #coin_home_trucs h3 {background: url('/images/coin_picto2.png') no-repeat 0 -30px} #coin_home_compte h3 {background: url('/images/coin_picto2.png') no-repeat 0 -60px} #coin_home_recettes h3 {background: url('/images/coin_picto2.png') no-repeat 0 0} #coin_home_trucs h3 {background: url('/images/coin_picto2.png') no-repeat 0 -30px} #coin_home_compte h3 {background: url('/images/coin_picto2.png') no-repeat 0 -60px} #coin_home_recettes .visuel_box {background: url('/images/coin_home_rec.jpg') no-repeat top left} #coin_home_trucs .visuel_box {background: url('/images/coin_home_truc.jpg') no-repeat top left} #coin_home_compte .visuel_box {background: url('/images/coin_home_compte.jpg') no-repeat top left} /** * @section General Typography */ #inscriptioncdg { color: #68625f; font-size: 10px } #inscriptioncdg .legendvisible { font-size: 14px; text-transform: uppercase; font-weight: bold; color: #000} #inscriptioncdg .link-newsletter-exemple a { color: #000} #inscriptioncdg .link-newsletter-exemple a:hover { text-decoration: none} #inscriptioncdg #infossupp , #inscriptioncdgstep2 #infossupp {font-size:9px; color: #a39790; line-height:1.2em} #inscriptioncdg .coords a { color: #a39790} #inscriptioncdg .coords a:hover { text-decoration: none} #inscriptioncdgstep2 { color: #68625f; font-size: 11px; } #inscriptioncdgstep2 .legendvisible { font-size: 14px; text-transform: uppercase; font-weight: bold; color: #000} #inscriptioncdgstep2 .coords a { color: #a39790} #inscriptioncdgstep2 .coords a:hover { text-decoration: none} #coin_home_text{ color: #fff; font-size: 11px; } #coin_home_prenom {font-size: 13px; text-transform: uppercase; color: #fff} .coin_home_boxes h3 {font-size: 13px; color: #fcc501; text-transform: uppercase; font-weight: normal} .coin_home_boxes li a {color: #fcc601; font-size: 11px} .coin_home_boxes p {color: #fff; font-size: 11px} /** * @section Footer */ /** * @subsection layout */ #sep_footer { height: 13px; margin-top:-109px} #footer_legal { margin: 13px 0 6px 0} /** * @subsection design */ #sep_footer { background: url(/images/footer_back.jpg) repeat-x top} /** * @section General Typography */ #footer_menu a, #footer_pays a { color:#4e1c00; font-size: 11px; text-decoration: none} #footer_pays {padding-top: 10px} #footer_legal { font-size: 13px} #footer_desc { font-size: 9px} #footer_legal a , #footer_desc a { color: #953f10} /** * @section Forms */ /** * @subsection layout */ .error_list {color: #FF0000} .error {color: #FF0000} /** * @subsection design */ /** * @section General Typography */ /** * @section Contact */ /** * @subsection layout */ #contactform{min-height: 614px; position: relative} #contactform form{margin-left: 15px; width: 420px} #contactform #coordonnees { position: absolute; left: 450px; top: 130px} #contactform #coordonnees a { color: #68625f} #contactform #coordonnees a:hover { text-decoration: none} #contactform h1 { margin:17px 17px 0 17px; height:30px; font-family: "SoftCompound", Georgia, "Times New Roman", Times, serif; font-size:25px; font-weight:normal; color:#953F10; line-height:24px} #contactform label[for=changepage] {padding-right: 10px} #contactform form[name=redirect] {margin-bottom: 15px} #contactform fieldset {border: none; margin:0 2px 0 0; padding:0 6px 0 0} #contactform .group { margin-bottom: 10px} #contactform label {float: left; padding-top: 2px; width:80px; line-height:19px } #contactform #civilitegroup ul li { list-style-type: none; display: inline} #contactform #civilitegroup ul li label { float: none} #contactform label[for=contact_autre_prenom], #contactform label[for=contact_autre_ville], #contactform label[for=contact_candidature_prenom], #contactform label[for=contact_candidature_ville], #contactform label[for=contact_reclamation_prenom], #contactform label[for=contact_reclamation_ville], #contactform label[for=contact_trouver_prenom], #contactform label[for=contact_trouver_ville], #contactform label[for=contact_remarque_prenom], #contactform label[for=contact_remarque_ville] { float: none; margin-left: 10px; margin-right: 5px; } #contactform label[for=contact_autre_ville], #contactform label[for=contact_candidature_ville], #contactform label[for=contact_reclamation_ville], #contactform label[for=contact_trouver_ville], #contactform label[for=contact_remarque_ville] { margin-right: 21px} #contactform label[for=contact_autre_confirm_email], #contactform label[for=contact_candidature_confirm_email], #contactform label[for=contact_reclamation_confirm_email], #contactform label[for=contact_trouver_confirm_email], #contactform label[for=contact_reclamation_dluo], #contactform label[for=contact_remarque_dluo] , #contactform label[for="produits"] , #contactform label[for="contact_remarque_confirm_email"]{ padding-top:0; line-height:10px } #contactform label[for=contact_autre_demande], #contactform label[for=contact_candidature_motivation], #contactform label[for=contact_reclamation_demande] { display:block; float:none; padding-top:0; width:auto} #contactform label[for=contact_reclamation_produit_id], #contactform label[for=contact_remarque_produit_id] { width: 75px} #contactform label[for=produits] { display:block; clear:both; float:none; width:auto; height:20px /*width: 110px;*/} #contactform label[for=contact_trouver_magasin], #contactform label[for=contact_trouver_demande], #contactform label[for=contact_remarque_demande] { width: 200px} #contactform label[for=contact_reclamation_dluo], #contactform label[for=contact_reclamation_numlot], #contactform label[for=contact_reclamation_codebarre], #contactform label[for=contact_remarque_dluo], #contactform label[for=contact_remarque_numlot], #contactform label[for=contact_remarque_codebarre] { width: 210px} #contactform input[type=text] { height:20px; width:127px; border: none} #contactform input#contact_autre_adresse, #contactform input#contact_autre_email, #contactform input#contact_autre_confirm_email, #contactform input#contact_autre_telephone, #contactform input#contact_candidature_adresse, #contactform input#contact_candidature_email, #contactform input#contact_candidature_confirm_email, #contactform input#contact_candidature_telephone, #contactform input#contact_reclamation_adresse, #contactform input#contact_reclamation_email, #contactform input#contact_reclamation_confirm_email, #contactform input#contact_reclamation_telephone, #contactform input#contact_trouver_adresse, #contactform input#contact_trouver_email, #contactform input#contact_trouver_confirm_email, #contactform input#contact_trouver_telephone, #contactform input#contact_remarque_adresse, #contactform input#contact_remarque_email, #contactform input#contact_remarque_confirm_email, #contactform input#contact_remarque_telephone { width: 320px; } #contactform textarea { width:385px; padding: 7px; border: 1px solid #e8e1d3; color:#afaba9} #contactform .required { float: left; padding-top:15px} #contactform .subscribe { width: 190px; margin-left:205px; margin-top:10px; } #contactform p { margin: 20px; font-size: 14px} #lettrevahineform { min-height: 366px; position: relative} #lettrevahineform form{margin-left: 15px; width: 420px} #lettrevahineform #coordonnees { position: absolute; left: 450px; top: 130px} #lettrevahineform #coordonnees a { color: #68625f} #lettrevahineform #coordonnees a:hover { text-decoration: none} #lettrevahineform h1 { margin: 30px 0 30px 10px; height: 30px; font-family: "SoftCompound", Georgia, "Times New Roman", Times, serif; font-size:27px; font-weight:normal; color:#953F10; line-height:26px} #lettrevahineform fieldset {border: none; margin:0 2px 0 0; padding:0 6px 0 0} #lettrevahineform div.group { margin-bottom:10px} #lettrevahineform label {float: left; padding-top: 2px; width:65px; } #lettrevahineform #civilitegroup ul li { list-style-type: none; display: inline} #lettrevahineform #civilitegroup ul li label { float: none} #lettrevahineform input[type=text] { height:20px; width:320px; border: none} #lettrevahineform div.required { float: left; padding-top:35px; } #lettrevahineform div.subscribe { width: 190px; margin-left:205px; margin-top:30px} #lettrevahineform .optin label {width: 210px} #presseform { height: 387px; position: relative} #presseform form{margin-left: 20px; width: 420px} #presseform h2 { text-indent: -10000px; margin-top: 10px; margin-left: 20px; margin-bottom: 10px; height: 30px} #presseform fieldset {border: none; margin:0 2px 0 0; padding:0 6px 0 0} #presseform div.group { margin-bottom: 10px} #presseform label {padding-top: 2px; width:80px; display: block; float: left} #presseform .inline label {padding-top: 2px; width: 390px; display: inline; float: none} #presseform #civilitegroup ul li { list-style-type: none; display: inline} #presseform #civilitegroup ul li label { float: none; display: inline} #presseform #civilitegroup{ margin-bottom: 10px} #presseform .subscribe {text-align: right} #contact_legacy { float: right; width: 240px; margin-right: 15px; margin-top: 70px} #contact_legacy .legacy {margin-bottom: 15px} /** * @subsection design */ #contactform{ background:url(/images/contactform_back.png) no-repeat 0 0} #contactform input[type=text] { background: url("/images/design_item.png") no-repeat -184px -26px transparent} #contactform input#contact_autre_adresse, #contactform input#contact_autre_email, #contactform input#contact_autre_confirm_email, #contactform input#contact_autre_telephone, #contactform input#contact_candidature_adresse, #contactform input#contact_candidature_email, #contactform input#contact_candidature_confirm_email, #contactform input#contact_candidature_telephone, #contactform input#contact_reclamation_adresse, #contactform input#contact_reclamation_email, #contactform input#contact_reclamation_confirm_email, #contactform input#contact_reclamation_telephone, #contactform input#contact_trouver_adresse, #contactform input#contact_trouver_email, #contactform input#contact_trouver_confirm_email, #contactform input#contact_trouver_telephone, #contactform input#contact_remarque_adresse, #contactform input#contact_remarque_email, #contactform input#contact_remarque_confirm_email, #contactform input#contact_remarque_telephone { background:url("/images/bg_textfield_big.png") no-repeat 0 0 } #lettrevahineform{ background:url(/images/contactform_back.png) no-repeat 0 0} #lettrevahineform h2{background: url(/images/lettre_titre.gif) no-repeat 0 0} #lettrevahineform input[type=text] { background:url("/images/bg_textfield_big.png") no-repeat 0 0 } #presseform{ background:url(/images/contact_presse_fond.png) no-repeat 0 0} #presseform h2{background: url(/images/inscrivez_vous.jpg) no-repeat 0 0} #presseform input[type=text] { background:url("/images/bg_textfield_big.png") no-repeat 0 0 } #membre_photo {float: left} /** * @section General Typography */ #contactform { color: #68625f; font-size: 10px} #lettrevahineform { color: #68625f; font-size: 11px; } #presseform { color: #68625f; font-size: 11px; } #contact_legacy { color: #68625f; font-size: 9px; } #contact_legacy a { color: #68625f; } /** * @section Anedotes */ /** * @subsection layout */ #anecdote_back { width: 710px; height: 388px; } #anecdote_category_button li { list-style: none; position: absolute} #anecdote_home_content { margin: 16px 0 0 19px; width: 550px} #anecdote_home_content p { margin-top: 11px} #anecdote_category_content, #anecdote_fiche_content { margin: 16px 0 0 19px} #anecdote_category_content h1, #anecdote_fiche_content h1 {height:32px; font-family: "SoftCompound", Georgia, "Times New Roman", Times, serif; font-size:27px; font-weight:normal; color:#953F10; line-height:26px} #anecdote_category_content p, #anecdote_fiche_content { margin-top: 5px} #anecdote_fiche_content h2 { margin-left: 28px; margin-bottom: 22px} #anecdote_fiche_content p { margin-left: 3px} #anecdote_category_title { margin: 16px 0 8px 21px} #anecdote_category_chapo { width: 447px; margin-left: 21px} #anecdote_category_button { position: absolute; top: 120px; width: 688px} #anecdote_btn1 { top: 147px; left: 31px} #anecdote_btn2 { top: 112px; left: 188px} #anecdote_btn3 { top: 152px; left: 357px} #anecdote_btn4 { top: 135px; left: 517px} .anecdote_liste_content { position: relative; width: 460px; height: 90px; float: left} .anecdote_liste_item { height: 90px; margin: 22px 0 0 22px; position: relative} .anecdote_liste_visuel { width: 136px; height: 90px; float: left; margin-right: 18px} .anecdote_list_link { bottom: 0px} #anecdote_fiche_content { width: 445px; position: absolute; top: 170px; margin-left: 250px} #anecdote_fiche_visuel { margin: 16px 0 0 19px; min-height: 320px} #anecdote_fiche_prev, #anecdote_fiche_next { position: absolute; top: 172px} #anecdote_fiche_prev { left: 250px} #anecdote_fiche_next { left: 680px} #anecdote_fiche_action { margin-top: 20px; width:459px} .anecdote_list_link { margin-left:10px; margin-top: 3px; } .anecdote_list_link a { padding-left: 9px; margin-left: 3px} .anecdote_liste_visuel a {display: block; width: 136px; height: 90px; position: absolute; text-indent: -10000px; overflow: hidden} #anecdote_product_list { margin-top: 18px} #anecdote_product_list li {list-style: none} /** * @subsection design */ .anecdote_liste_visuel { background: url(/images/demo/anecdote_et_astuce.png) no-repeat top left} .anecdote_list_link a { background: url(/images/recette_link_puce.png) no-repeat left center} /** * @section General Typography */ #anecdote_category_content, #anecdote_fiche_content {font-size: 11px; color: #68625f} .anecdote_liste_content { color: #68625f; font-size: 11px} .anecdote_liste_content h3, #anecdote_fiche_content strong { font-size: 14px} #anecdote_home_content p { color: #68625f; font-size: 11px} .anecdote_list_link a { font-size: 11px; color: #953f10; text-decoration: none; line-height: 11px} #anecdote_product_list h3 { font-size: 14px; color: #953f10} /** * @section pages statiques */ /** * @subsection layout */ .fiche_statique {position:relative} .fiche_statique h2 { margin: 19px 0 0 0} .fiche_statique p {margin-bottom: 15px; padding-right: 25px} #statique_content { margin: 16px 0 0 16px} .fiche_statique h3 {margin-top: 15px } #apropos_visuel { float: right; margin-right: 15px} .fiche_statique h4 {margin-bottom: 0} #apropos_fond { width: 265px; height: 141px; float: right; margin-left: 397px } /** * @subsection design */ #fiche_statique_apropos { background: #fff8df url(/images/apropos_fond.png) no-repeat top left} /** * @section General Typography */ .fiche_statique a { color: #68625f; } .fiche_statique { font-size: 11px; color: #68625f} .fiche_statique h1 {margin: 16px 0 0 16px; font-family: "SoftCompound", Georgia, "Times New Roman", Times, serif; font-size:27px; font-weight:normal; color:#953F10; line-height:26px} .fiche_statique h2 { text-decoration: underline} .fiche_statique h2, .fiche_statique h3 { font-size: 11px; color: #2d2d2d} .presse h3 { text-transform: uppercase; text-decoration: none} .presse p {line-height:12px} a.lien_communique { color: #953f10} .date_communique {color: #dd194b} /** * @section Boutique */ /** * @subsection layout */ #boutique { position:relative; width:707px; height:573px} #boutique_home_visuel {background: url(/images/HomeBoutique.png) no-repeat; width: 707px; height:573px} #boutique_home_visuel h1 , #boutique_home_visuel p { font-size:0; text-indent:-5000px} #boutique_home_visuel #comment { position: absolute; top: 230px; left: 263px; width: 180px; height: 26px} #boutique_home_visuel #commande { position: absolute/*; top: 510px; left: 522px*/; right:15px; bottom:20px; width: 169px; height: 43px} #boutique_home_texte { position: absolute; top:450px; left:20px; width:540px; color:#FFF} #boutique_home_texte h2 {font-size: 14px} #boutique_home_texte p {font-size: 11px} #boutique_home_flash { position: absolute; left: 1px; top: 255px; z-index: 999; width: 710px; height: 192px} /** /** * @section Comment ca marche */ /** * @subsection layout */ #comment_ca_marche { background: url(/images/commentcamarche.jpg) no-repeat; padding:15px; width:676px; height:1069px; font-size:12px; color:#FFF } #comment_ca_marche #nav{ height:25px; font-size:11px } #comment_ca_marche h1 { float:none; background:url(/images/commentcamarche.png) no-repeat top left; margin:25px 0 5px 0; width:228px; height:44px; font-size:0; text-indent:-5000px } #comment_ca_marche h2 {margin-top:20px; font-size: 12px; color:#FEED01} #comment_ca_marche a {color:#FFF} #comment_ca_marche_texte {width: 670px} #comment_ca_marche p {margin-top:5px} #comment_ca_marche li {list-style-position: inside; margin-top:5px} #comment_ca_marche .petit {font-size: 9px; float:right} /** /** * @section PopIn */ /** * @subsection layout */ .popup { position:relative; background: url(/images/popup.png) repeat-x top left #F74C07; padding: 15px; font-size: 13px; color:#FFF} .popup#ml {font-size:12px} .popup h1 { float:none;background:no-repeat left; width:auto; height:46px; font-size:0; text-indent:-5000px } .popup#ml h1 { background-image: url(/images/popup_ml.png)} .popup#fs h1 { background-image: url(/images/popup_fs.png)} .popup#emporte h1 { background-image: url(/images/popup_emporte.png)} .popup#mallette h1 { background-image: url(/images/popup_mallette.png)} .popup#moule h1 { background-image: url(/images/popup_moule.png)} .popup p { margin-top:15px; width:220px} .popup ul { width:220px} .popup li { list-style:inside} .popup#ml p { margin-top:0; width:auto; font-size:12px} .popup#mallette ul+p , .popup#mallette ul+p+ul {width:auto} .popup a {color:#FFF} .popup h2 { margin-top:5px; font-size:12px; text-transform:uppercase; color:#FEED01} .popup strong {color:#FEED01} .popup_close { float:right; font-size:11px; text-decoration:none} .popup img { float:right; margin-top:15px} .popup span { font-size: 9px;} #PopCommande {background: url(/images/PopUp_JeCommande.png) no-repeat; position: absolute; bottom: 15px; right: 15px; width: 169px; height: 43px; font-size:0; text-indent:-5000px} #points {width: 230px; margin-top: 5px; font-size: 16px; color:#FEED01} #points em {display:block; font-size: 22px; font-style:normal} #gallerie_vahine {width: 708px; height: 550px; position: relative} /* JAM */ body #ajoutrecetteform label, body #ajoutastuceform label {width:80px!important} body #ajoutrecetteform div.group, body #ajoutastuceform div.group {clear:left} body #ajoutrecetteform .jam label{width:145px!important;margin-bottom:5px} #ajoutrecetteform .jam {height:30px} #ajoutrecetteform .jam li, #ajoutastuceform .jam .recette_jam li{display:inline-block;float:left;list-style-type:none} #ajoutrecetteform .jam .radio_list label,#ajoutastuceform .jam .radio_list label{float:none} #jam-deposez .jouez{display: block;left: 546px;position: relative;top: -195px;} #jam-deposez .gagnant{display: block;left: 105px;position: relative;top: -32px;} #jam-deposez .reglement{display:block;margin:13px 0 0 10px} #jam-deposez .texte{color:#fff;font-family:Georgia, "Times New Roman", Times, serif;font-size:10px;margin:10px 0 0 175px;text-align:center;width:360px} #jam-deposez .visuel{margin:162px 0 0 60px} #jam-gammes .gammes{background:url(/images/gamme.png) 0 0 no-repeat;height:307px;margin-top:-20px;width:707px} #jam-gammes .gammes a,#jam-gammes .pdp a{cursor:hand;text-decoration:none} #jam-gammes .gammes li{color:#e3437c;float:left;font-family:Georgia, "Times New Roman", Times, serif;font-size:15px;font-weight:700;height:270px;list-style:none;margin:30px 0 0 15px;text-align:center;width:155px} #jam-gammes .gammes li span.liens{color:#e4417a;display:block;height:110px;padding-top:165px} #jam-gammes .gammes li span.texte{color:#610525;display:block;font-size:12px;height:21px;line-height:21px;margin-top:18px;text-indent:14px} #jam-gammes .gammes li.deuxieme span.texte{background:url(/images/jam-puce-v.gif) 21px 0 no-repeat} #jam-gammes .gammes li.premier{margin:30px 0 0 20px} #jam-gammes .gammes li.premier span.texte{background:url(/images/jam-puce-v.gif) 34px 0 no-repeat;margin-top:0} #jam-gammes .gammes li.quatrieme span.texte{background:url(/images/jam-puce-v.gif) 29px 0 no-repeat} #jam-gammes .gammes li.troisieme span.texte{background:url(/images/jam-puce-v.gif) 26px 0 no-repeat} #jam-gammes .pdp{background:url(/images/jap-pdp.jpg) top left no-repeat;height:100px;margin-top:13px;width:706px} #jam-gammes .pdp a{color:#fff} #jam-gammes .pdp li{color:#fff;float:left;font-family:Georgia, "Times New Roman", Times, serif;font-size:12px;height:79px;list-style:none} #jam-gammes .pdp li.deuxieme span{display:block;height:70px;padding:21px 0 0 60px;width:125px} #jam-gammes .pdp li.premier{margin-left:175px} #jam-gammes .pdp li.premier span{display:block;height:70px;padding:21px 0 0 65px;width:175px} #jam-gammes h3{padding:130px 0 0 160px} #jam-preparez .produits{background:url(/images/produits.png) 10px 50px no-repeat;height:100%;width:100%} #jam-preparez .reglement{left:-70px;position:relative;top:90px} #jam-preparez a.lien-consultez{display:block;height:160px;left:20px;padding-top:140px;position:relative;top:200px;width:150px} #jam-preparez a.lien-decouvrez{display:block;height:180px;left:190px;padding:220px 0 0 60px;position:relative;top:-170px;width:230px} #jam-preparez a.lien-deposez{left:510px;position:relative;top:-430px} #jam-preparez,#jam-recettes,#jam-gammes,#jam-deposez{background:url(/images/fond-desserts-jam.jpg) top left no-repeat;height:562px;width:706px} #jam-recettes .encartg{background:url(/images/encartg-recettes-jam.png) top left no-repeat;margin:0 7px} #jam-recettes .encartg img{margin-bottom:15px} #jam-recettes .encartp{background:url(/images/encartp-recettes-jam.png) top left no-repeat} #jam-recettes .retour{float:right} #jam-recettes a{text-decoration:none} #jam-recettes h3{padding:150px 0 0 195px} #jam-recettes img{margin-bottom:13px} #jam-recettes li{color:#d91b5c;float:left;font-family:Georgia, 'Times New Roman', Times, serif;font-size:18px;font-weight:700;height:228px;list-style:none;padding:9px 0 0 6px;text-align:center;width:216px} #jam-recettes li a {color:#d91b5c} #jam-recettes ul{margin:20px 0 0 15px} .reglement ul {font-weight:bold} .reglement ul li{font-weight:normal;margin-left:10px;} .reglement p{margin-top:5px} #fiche_statique_apropos h2{color:#983D11} #fiche_statique_apropos .reglement {padding-bottom: 20px;} .reglement h4{font-size:12px} #jam-gagnant{background:url(/images/fond-gagnant.jpg) top left no-repeat;height:611px;width:706px;padding-top:180px} #jam-gagnant .recette_liste{height:90px;width:644px;padding:11px;background:#da637d;margin-bottom:5px} #jam-gagnant .recette_liste a{color:#fdf2df} #jam-gagnant .recette_liste .recette_vignette_liste {margin-right:18px} #jam-gagnant .recette_liste .recette_cat_content h3 {margin-top: 6px;font-size:14px;font-weight:bold;color:#fdf2df; padding-bottom:0;} #jam-gagnant .recette_liste .recette_cat_content p{color:#fdf2df;font-size:11px} #jam-gagnant .recette_liste .recette_cat_lien a {background: url("/images/recette_link_puce_gagnant.png") left center no-repeat;color:#830227;margin-left:0;padding-left: 5px;} #jam-gagnant .recette_liste .recette_cat_lien {margin-top: 5px;} #jam-gagnant .pagination{float:right;font-size:11px;color:#fcf0de;position:absolute;top:895px;left:600px;margin-right:0;} #jam-gagnant .pagination a{color:#fcf0de} #ajoutrecetteform, #ajoutastuceform {width: 440px;} body .ui-dialog{width:710px!important;left: 140px!important;} body .ui-dialog p{font-size:10px} body .ui-widget-overlay {background: url() repeat scroll #000000;opacity: 0.8} #plandusite { background: #FFF8DF; font-size:11px} #plandusite h1 { margin: 11px 17px; font-family: "SoftCompound", Georgia, "Times New Roman", Times, serif; font-size:26px; font-weight:normal; line-height:24px } #plandusite p { margin: 0 17px 10px 17px; color:#68625F } #plandusite ul { margin-left:14px; list-style:none } #plandusite ul li { float:left; margin-right:12px; width:218px} #plandusite ul li strong { display:block; margin-bottom:10px; padding-left:10px; height:33px; background:#954110; font-weight:normal; color:#FFE600; line-height:33px} #plandusite ul li strong a { color:#FFE600} #plandusite ul ul { margin-bottom:5px} #plandusite ul ul li { float:none; margin-bottom:5px; width:auto; background:none} #plandusite ul ul li a { color:#68625F} #plandusite ul ul ul { margin-left:11px}