/*---------------------------------------------------------- Style principal Projet: Sommaire: Reset css Balises par défaut Disposition Disposition générale Disposition des éléments courants Navigation principale Navigation secondaire Disposition des pages internes Home Articles Contact Mentions Classes générales IE Patchs (PNG fix, hasLayout triggers, etc.) ----------------------------------------------------------*/ /* ======================================================================== * Reset CSS * ========================================================================*/ @import "fonts/fonts.css"; @import "reset.css"; /* ======================================================================== * Balises par défaut * ========================================================================*/ html { height:100%; } body { background:#b1ab9a url(../images/fond/main.gif) repeat-x 0 100px; font:normal normal normal 11px/18px arial; color:#606060; } h1 { } h2 { } h3 { color:#bc8b00; border-bottom:1px solid #d6bd76; font-size:24px; font-weight:normal; line-height:30px; margin:0 0 10px 0; } h4 { color:#bc8b00; border-bottom:1px solid #d6bd76; font-size:16px; font-weight:bold; line-height:20px; margin:0 0 5px 0; } h5 { color:#bc8b00; background:url(../images/puce/cr01.gif) no-repeat 0 7px; padding:0 0 0 14px; font-size:18px; font-weight:normal; line-height:20px; margin:0 0 15px 0; } h6 { color:#8c8572; font-size:12px; font-weight:bold; } p { } img { } sup { } abbr, acronym { } blockquote, q { } blockquote { } cite { } ul { } ol { } dl { } form { } fieldset { } input { } label { } a { color:#bc8b00; } a:link { } a:visited { } a:hover { text-decoration:none; } a:focus { } a[hreflang]:after { } a img { } code, pre { } pre { } hr { } /* ======================================================================== * Disposition * ========================================================================*/ /* ----------------------------------------- * Mise en page générale * ------------------------------------------*/ div#slide-header { min-width:900px; height:100px; position:relative; background:#fff; } div#slide-header-01 { width:100%; height:100px; background:url(../images/fond/bg_header_01.jpg) no-repeat center top; position:absolute; top:0; } div#slide-header-02 { width:100%; height:100px; background:url(../images/fond/bg_header_02.jpg) no-repeat center top; position:absolute; top:0; } div#slide-header-03 { width:100%; height:100px; background:url(../images/fond/bg_header_03.jpg) no-repeat center top; position:absolute; top:0; } div#slide-header-04 { width:100%; height:100px; background:url(../images/fond/bg_header_04.jpg) no-repeat center top; position:absolute; top:0; } div#slide-header-inner { } div.langage { position:absolute; width:100%; height:25px; top:75px; background:#fff; z-index:5000; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } div.socials { position:absolute; width:100%; height:25px; top:75px; z-index:6000; } div.socials p { width:900px; margin:0 auto; text-align:right; font-weight:bold; font-size:12px; line-height:25px; position:relative; } div.socials p a { text-decoration:none; color:#000; } div.socials p a:hover { text-decoration:underline; } div.socials p #home { position:absolute; top:6px; left:0; } div.socials p .lang { padding: 0 0 0 0; float:right; display:inline-block;} div.socials p .addthis_toolbox { padding: 3px 5px 0 0; float:right; display:inline-block;} div.socials p .like-btn { padding: 0 5px 0 0; float:right; display:inline-block;} div#centrer { width:927px; margin:0 auto; padding-bottom:20px; } div#header { height:109px; position:relative;z-index:200; } div#logo { position:absolute; top:8px; left:10px; } div#newsletter { position:absolute; top:20px; left:620px; background:url(../images/txt/newsletter.gif) no-repeat 0 5px; width:300px; height:30px; } div#newsletter input.text { border:none; width:175px; height:15px; background:url(../images/fond/inputtext01.gif) no-repeat 0 0; color:#adadad; padding:4px 5px; font-size:11px; position:absolute; top:0; left:80px; } div#newsletter input.ok { position:absolute; top:2px; left:265px; } div#menutop { border-top:3px solid #bc8b00; position:absolute; top:64px; left:0; width:927px; height:42px;z-index:200; } div#menutop li { float:left; padding:0 18px; position:relative; z-index:200;} div#menutop li a { display:block; height:42px; background-repeat:no-repeat; background-position:0 -42px; text-decoration:none; font-weight:bold; font-size:12px; color:#818181; } div#menutop li a:hover { background-position:0 0; } div#menutop li a.ong-01 { width:67px; background-image:url(../images/menu/ong01.gif); } div#menutop li a.ong-02 { width:90px; background-image:url(../images/menu/ong02.gif); } div#menutop li a.ong-03 { width:57px; background-image:url(../images/menu/ong03.gif); } div#menutop li a.ong-04 { width:82px; background-image:url(../images/menu/ong04.gif); } div#menutop li a.ong-05 { width:/*118px*/89px; background-image:url(../images/menu/ong05.gif); } div#menutop li a.ong-06 { width:41px; background-image:url(../images/menu/ong06.gif); } div#menutop li a.ong-07 { width:52px; background-image:url(../images/menu/ong07.gif); } div#menutop li a.ong-08 { width:31px; background-image:url(../images/menu/ong08.gif); } div#menutop a.customer { width:109px; height:38px; background:url(../images/bt/customer01.gif) no-repeat 0 0; position:absolute; /* left:817px;*/ top:4px; } div#menutop a.customer:hover{ background:url(../images/bt/customer01.gif) no-repeat 0 -38px; } div#menutop li ul { position:absolute; top:42px; left:0; width:177px; z-index:80000; } div#menutop .last-elem ul { position:absolute; top:42px; left:-50px; width:177px; z-index:80000; } div#menutop li ul li { padding:0; } div#menutop li ul li a { background:#f1eee8 url(../images/puce/fl03.gif) no-repeat -50px 0; border-left:3px solid #e1dacd; border-top:1px solid #e1dacd; height:auto; width:150px; padding:5px 12px; } div#menutop li ul li a:hover{ background:#ede2c6 url(../images/puce/fl03.gif) no-repeat 0 8px; border-left:3px solid #bc8b00; color:#bc8b00; } div#menutop li ul ul { top:0; left:177px; } div#content { float:left; padding-bottom:5px; } div#footer { clear:both; background:#97917e; color:#dedbd4;background-image:url(../images/fond/bas.gif); height:100px;} div#footer p { color:#dedbd4; text-align:center; } div#footer a { color:#dedbd4; text-decoration:none; } div#footer a:hover { text-decoration:underline; } #footer .foot-links a {display:inline-block; height:24px; line-height:24px; width: 111px; padding: 0 0 0 30px; color:#997100; font-size:12px; text-align:left; margin: 2px 8px 0 4px;} #footer .foot-links a:hover {text-decoration:none;} #footer .foot-links a.secured { background:url(../images/btn_secure.png) 0 0 no-repeat; } #footer .foot-links a.last-min { background:url(../images/btn_lastmin.png) 0 0 no-repeat; } #footer .foot-links a.delivery { background:url(../images/btn_delivery.png) 0 0 no-repeat; } /* ----------------------------------------- * Les éléments courants * ------------------------------------------*/ /* __________ Etapes de commande */ .wrap-etapecommander { width:206px; float:left; background:url(../images/bgd_commanderTop.png) no-repeat 0 0; padding:81px 0 0 0; font-size:11px !important; position:relative; } div#etapecommander { width:172px; background:url(../images/bgd_commanderBot.png) no-repeat left bottom; padding:0 17px 142px 17px; font-size:11px !important; position:relative; min-height:360px; height:auto !important; height:360px;} div#etapecommander p { margin:0 !important; } div#etapecommander .etape { padding-top:12px; } div#etapecommander .etape .libel { color:#BC8B00; font-size:12px; font-weight:bold; } div#etapecommander .etape select { width:170px !important; margin:0 !important; padding:0 !important; } div#etapecommander .etape .list-stages { border-left:1px solid #9b927a; border-right:1px solid #9b927a; border-bottom:1px solid #9b927a; } div#etapecommander .etape .list-stages label { display:block; width:170px; height:27px; overflow:hidden; font-weight:bold; line-height:27px; cursor:pointer; border-top:1px solid #9b927a; } div#etapecommander .etape .list-stages label.checked { width:148px; padding-left:22px; background:url(../images/fond/checkbox01.gif) no-repeat 0 -1px; color:#403108; } div#etapecommander .etape .list-stages label.unchecked { width:148px; padding-left:22px; background:url(../images/fond/checkbox01.gif) no-repeat 0 -29px; } div#etapecommander .etape .list-stages label.unavailable { width:148px; padding-left:22px; background:url(../images/fond/checkbox01.gif) no-repeat 0 -57px; } div#etapecommander .etape .list-stages label.hidden {display:none;} div#etapecommander .etape .list-stages label.mandatory { width:148px; padding-left:22px; background:url(../images/fond/checkbox01.gif) no-repeat 0 -85px; } div#etapecommander input.commander { display:block; position:absolute; bottom:17px; left:26px; width:155px; height:42px; background:none; border:0; cursor:pointer; } div#etapecommander .prix { width:172px; height:35px; text-align:center; position:absolute; top:auto; bottom:68px; left:17px; font-size:14px; font-weight:bold; } /* __________ Bloc arrondi 647px */ .bloc647px { background:url(../images/fond/container06.gif) repeat-y 0 0; zoom:1; width:647px;} .bloc647pxtop { background:url(../images/fond/container04.gif) no-repeat left top; padding-top:8px; margin:0 auto; width:647px; } .bloc647pxbottom { background:url(../images/fond/container05.gif) no-repeat left bottom; padding-bottom:8px; width:647px; } /* __________ Bloc arrondi 411px */ .bloc411px { background:url(../images/fond/container09.gif) repeat-y 0 0; zoom:1; width:411px;} .bloc411pxtop { background:url(../images/fond/container07.gif) no-repeat left top; padding-top:8px; margin:0 auto; width:411px; } .bloc411pxbottom { background:url(../images/fond/container08.gif) no-repeat left bottom; padding-bottom:8px; width:411px; position:relative;} /* __________ Bloc arrondi 411px noeud */ .bloc411pxnoeud { background:url(../images/fond/container09.gif) repeat-y 0 0; zoom:1; width:411px;} .bloc411pxnoeudtop { background:url(../images/fond/container10.gif) no-repeat left top; padding-top:8px; margin:0 auto; width:411px; } .bloc411pxnoeudbottom { background:url(../images/fond/container11.gif) no-repeat left bottom; padding-bottom:8px; width:411px; } /* __________ Fil d'arianne 647px */ .breadcrumb { color:#BC8B00; } div.format .fake-top { margin:-7px 0 8px;} .breadcrumb a { font-size:11px; font-weight:bold; text-decoration:none; } .breadcrumb a:hover { text-decoration:underline; } /* __________ Menu de suivi de commande */ div#cartnav ul { width:900px; height:25px; margin:0; } div#cartnav li { float:left; background:none; padding:0; margin:0; display:block; line-height:10px; } div#cartnav li a, div#cartnav li span.active , div#cartnav li span {display:inline-block; height:25px;} div#cartnav li a .deco, div#cartnav li span.active .deco, div#cartnav li span .deco { display:inline-block; height:25px; font-weight:bold; line-height:25px; text-align:center; text-decoration:none; padding: 0 22px;} div#cartnav li a { background:url(../images/fond/onglet02.gif) no-repeat 0 0; color:#9c9c9c; text-decoration:none;} div#cartnav li a:hover { color:#BC8B00; text-decoration:none;} div#cartnav li span.active { background:url(../images/fond/onglet02.gif) no-repeat 0 -54px; color:#BC8B00; } div#cartnav li span { background:url(../images/fond/onglet02.gif) top left no-repeat; } div#cartnav li a .deco, div#cartnav li span .deco { background:url(../images/fond/onglet02_right.png) top right no-repeat ; } div#cartnav li span.active .deco { background:url(../images/fond/onglet02_rightActive.png) top right no-repeat ; } #setcart {overflow:hidden; width:836px; background:white; padding: 8px 15px 15px 15px;} #setcart .acheteur {float:left;} #setcart .beneficiaire {float:right;} /* __________ Liste des producteurs */ .list-products { padding-top:26px; padding-bottom:17px; min-height:306px; } .list-products td { vertical-align:top; text-align:center; } .list-product .image { width:218px; display:inline; } .list-product .image div { width:201px; height:137px; background:url(../images/fond/white01.gif) no-repeat 0 0; padding:5px; margin:0 auto; } .list-product .image div a { width:201px; height:137px; display:block; overflow:hidden; } .list-product .title { padding:10px 10px 0 10px; } .list-product .title a { font-size:14px; font-weight:bold; color:#bc8b00; text-decoration:none; } .list-product .subtitle { color:#8c8572; font-weight:bold; padding:0 10px; font-size:11px; } .list-product .description { padding:5px 10px 15px 10px; font-size:11px; } .list-product .more { padding:0 10px; text-align:center; } /* __________ Menu du client */ #menuclient { width:200px; float:left; padding:0 10px 0 0; } #menuclient ul { margin:0; background:#78715f; padding:5px 0 5px 5px; } #menuclient ul li { background:none; margin:0; padding:2px 0; } #menuclient ul li a { display:block; width:158px; height:45px; background:url(../images/fond/onglet03.gif) no-repeat 0 0; line-height:45px; color:#fff; text-decoration:none; font-weight:bold; padding:0 0 0 30px; } #menuclient ul li a:hover { background:url(../images/fond/onglet03.gif) no-repeat 0 -45px; color:#966e00; } #menuclient ul li span { display:block; width:158px; height:45px; line-height:45px; background:url(../images/fond/onglet03.gif) no-repeat 0 -45px; color:#966e00; font-weight:bold; padding:0 0 0 30px; } #menuclient ul li.two-lines a, #menuclient ul li.two-lines span { height:35px; padding-top:5px; padding-bottom:5px; line-height:17px;} /* ----------------------------------------- * Les pages internes * ------------------------------------------*/ /* __________ Home.php */ div#home { float:left; } div#home .ontop { height:193px; color:#fff; } div#home .ontop h2 { font-size:30px; font-weight:normal; line-height:34px; } div#home .ontop p { font-size:12px; font-weight:bold; line-height:21px; margin:0; } div#home .ontop .description { width:492px; float:left; padding:10px 30px; } div#home .ontop .image { width:370px; float:left; padding:8px 0 8px 4px;background:url(../images/fond/yellow01.gif) no-repeat 0 3px; margin: 4px 0 0 0;} div#home .ontop .image div { width:361px; height:163px; padding:0; overflow:hidden; text-align:center;} div#home .main { background:url(../images/fond/container01.gif) repeat-y 0 0; zoom:1; padding:0 8px; float:left; width:911px; } div#home .maintop { background:url(../images/fond/container02.gif) no-repeat left top; padding-top:8px; float:left; } div#home .mainbottom { background:url(../images/fond/container03.gif) no-repeat left bottom; padding-bottom:8px; float:left; } div#home .container-left { float:left; width:705px; padding: 16px 0 0 0; background:url(../images/bgd_containerLeft.png) 0 0 no-repeat;} #home .container-left h3 {border:none;float:left; padding: 2px 0 0 17px; margin:0 !important;} #home-partners-slider-cont {width:200px ; height:350px ; margin:0 auto ; background:#fff ; padding:0px; display:block; position:relative; float: left;display:inline;} #home-partners-slider-items{white-space:nowrap; display:block; position:relative; overflow:hidden; margin:0 auto;} #home-partners-slider-inner{position:relative ; overflow:hidden ; width:200px ; height:350px ; margin:0px auto 0px;} #home-experiences-slider-cont {width:441px ; height:345px ; margin:10px auto 10px; background:transparent ; padding:0px; display:block; position:relative; float: left;display:inline;} #home-experiences-slider-items{white-space:nowrap; display:block; position:relative; overflow:hidden; margin:0 auto;} #home-experiences-slider-inner{position:relative ; overflow:hidden ; width:430px ; height:355px ; margin:0 0 0 23px;} .home-partners-slider-element {width:200px;float:left;height:350px ; display:inline;position:relative;} .home-experiences-slider-element {width:193px;float:left;height:350px ; display:inline;position:relative;} .home-experiences-slider-element {margin: 0 15px 0 0;} .home-experiences-slider-element h3 {font-size:20px !important; line-height:26px !important; white-space: normal !important; } .home-experiences-slider-element h3 table, .home-experiences-slider-element h3 td { width:100%; height:55px; vertical-align:middle; } .home-partners-slider-element p, .home-experiences-slider-element p{white-space:normal;} .home-experiences-slider-element .title, .home-partners-slider-element .title { text-align:center;} .home-partners-slider-element .subtitle { text-align:center; font-size:11px; color:#8c8572;} .home-partners-slider-element .description { text-align:center; font-size:11px; color:#8c8572; padding: 8px 0;} .home-partners-slider-element .title a{ font-size:15px; font-weight:bold; color: #bd8d03; text-align:center; text-decoration:none;} .home-experiences-slider-element .title a{ font-size:13px; font-weight:bold; color: #bd8d03; text-align:center; text-decoration:none;} .home-partners-slider-element .more, .home-experiences-slider-element .more {text-align:center;} .home-experiences-slider-element .image div { width:193px; height:137px; background:url(../images/bgd_fondImgExperience.png) no-repeat 0 0; padding:5px 0; margin:0 auto; } .home-partners-slider-element .image div { width:200px; height:137px; background:url(../images/bgd_white01.png) no-repeat 0 0; padding:5px 0; margin:0 auto; } .home-partners-slider-element .image div a { width:188px;padding: 0 0 0 6px; height:128px; display:block; overflow:hidden; } .home-partners-slider-element .image div a img { /*width:193px; height:137px; */} .home-experiences-slider-element .image div a { width:181px;padding: 0 0 0 6px; height:125px; display:block; overflow:hidden; } .home-partners-slider-element .more, .home-experiences-slider-element .more { position:absolute; bottom:0; width:100%;} #home #wrap-experiences {overflow:hidden;} #home #wrap-experiences .home-experiences-slider-element h3 {padding:0 0 5px; text-align:center;float:none;margin:0;} .flash { background:#F0E7CA; border:1px solid #850112; padding: 0 12px; margin: 10px 0} .flash ul li { color:#850112; font-weight:bold; font-size:17px;} /* the forward and backward buttons */ #home-partners-slider-cont .slider-fwd { display:block; position:absolute; cursor:pointer; width:18px; height:18px; top:58px; right:-2px; background:url(../images/btn_goRight.gif) no-repeat; z-index:10; text-indent:-5000px} #home-partners-slider-cont .slider-bk { display:block; position:absolute; cursor:pointer; width:18px; height:18px; top:58px; left:-2px; background:url(../images/btn_goLeft.gif) no-repeat; z-index:10; text-indent:-5000px} #home-experiences-slider-cont .slider-fwd { display:block; position:absolute; cursor:pointer; width:33px; height:345px; top:0; left:0; z-index:10; text-indent:-5000px} #home-experiences-slider-cont .slider-bk { display:block; position:absolute; cursor:pointer; width:33px; height:345px; top:0; right:33px; z-index:10; text-indent:-5000px} #home-experiences-slider-cont .slider-fwd-hover {background:url(../images/btn_sliderExpeLeft.png) 0 48px no-repeat;} #home-experiences-slider-cont .slider-bk-hover { background:url(../images/btn_sliderExpeRight.png) 0 48px no-repeat; } #wrap-experiences {float:right; background:url(../images/bgd_experienceGourmey.png) top left no-repeat; width:448px; height:422px;display:inline; margin: 4px 12px 15px 0;} #home #wrap-experiences h3{padding: 15px 0 0 16px;} /* thumbnail slider begin * * apply the gallery design - links slider * #slider-cont { width:300px ; height:112px ; margin:10px auto 10px; background:#dcdcdc ; padding:7px 0px 0px; display:block; position:relative; float: left;} * the width is set to show the number of thumbnails that will be visible * #slider-items{ position:relative ; overflow:hidden ; width:575px ; height:112px ; margin:0px auto 0px; } * the thumbnails container * #slider { white-space:nowrap; display:block; position:relative; overflow:hidden; margin:0 auto;} #slider a { padding:0px; margin: 13px 2px 0 0px; width: 112px; height: 80px; display: inline-block; text-align: center; background: white; vertical-align: center; position:relative; } #slider a img{ position:absolute; top:0; left:0; cursor:pointer;} */ div#home .list-products { padding:9px 0 17px 5px;min-height:286px; } div#home .list-products td { vertical-align:top; text-align:center; } div#home .list-product .image { width:218px; display:inline; } div#home .list-product .image div { width:201px; height:137px; background:url(../images/fond/white01.gif) no-repeat 0 0; padding:5px; margin:0 auto; } div#home .list-product .image div a { width:201px; height:137px; display:block; overflow:hidden; } div#home .list-product .title { padding:10px 10px 0 10px; } div#home .list-product .title a { font-size:14px; font-weight:bold; color:#bc8b00; text-decoration:none; } div#home .list-product .subtitle { color:#8c8572; font-weight:bold; padding:0 10px; font-size:11px; } div#home .list-product .description { padding:5px 10px 15px 10px; font-size:11px; } div#home .list-product .more { padding:0 10px; text-align:center; } div#home div#ideescadeaux { width:158px; height:202px; border:1px solid #d6d6d6; background:#fff; float:left; padding:15px 25px; } div#home div#ideescadeaux ul li { font-weight:bold; background:url(../images/puce/fl01.gif) no-repeat 0 8px; padding-left:8px; line-height:20px; } div#home div#ideescadeaux ul li a { color:#5e5e5e; text-decoration:none; } div#home div#ideescadeaux ul li a:hover { text-decoration:underline; } div#home div#newssumup { width:436px; height:203px; padding:15px 20px; background:url(../images/fond/yellow02.gif) repeat-x 0 0; float:left; margin-left:8px; color:#fff; } div#home div#newssumup h5 { color:#bc8b00; border-bottom:1px solid #dec785; } div#home div#newssumup p { font-weight:bold; line-height:18px; } div#home div#newssumup a { color:#fff; text-decoration:underline; } div#home div#newssumup .image { width:235px; float:left; padding:5px 0 0 0; } div#home div#newssumup .image div { width:201px; height:137px; background:url(../images/fond/yellow03.gif) no-repeat 0 0; padding:5px; } div#home div#newssumup .image div a { width:201px; height:137px; display:block; overflow:hidden; } div#home div#newssumup .title { font-size:14px; } div#home div#newssumup .description { width:200px; float:left; padding:5px 0 5px 0; } /* __________ Partner.php */ div#partner { float:left; } div#partner .ontop { height:193px; color:#fff; } div#partner .ontop h2 { font-size:30px; font-weight:normal; line-height:34px; } div#partner .ontop p { font-size:12px; font-weight:bold; line-height:21px; margin:7px 0; } div#partner .ontop .description { width:407px; float:left; padding:10px 30px; } div#partner .ontop .description .title-region { color:#e6c06b; border-bottom:2px solid #c99c27; font-size:26px; font-weight:normal; line-height:26px; padding-bottom:4px; } div#partner .ontop .image { width:455px; float:left; padding:8px 0 0 4px; display:inline; overflow:hidden;} div#partner .domaine { } div#partner .region { color:#fff; font-size:11px; font-weight:bold; background:#cda535 url(../images/fond/yellow04.gif) repeat-x 0 0; float:left; width:698px; margin:0 0 20px 0; } div#partner .region h3 { color:#fff; } div#partner .region .description { width:315px; float:left; padding:10px 30px; } div#partner .region .image { width:311px; float:left; padding:8px 0 8px 4px; } div#partner .region .image div { width:301px; height:312px; background:url(../images/fond/yellow05.gif) no-repeat 0 0; padding:5px; } div#partner .region .image div a { display:block; width:301px; height:312px; background:#fff; text-align:center; } div#partner .container-left { padding:0 !important; } div#partner div#tousdetails { width:662px; } div#partner div#tousdetails div.details { font-size:11px; background:#fff; float:left; width:636px; border:1px solid #d4d4d4; padding:20px 30px;} div#partner div#tousdetails div.onglets { } div#partner div#tousdetails div.onglets ul { margin:0; } div#partner div#tousdetails div.onglets ul li { float:left; background:none; padding:0 2px 0 0; margin:0; } div#partner div#tousdetails div.onglets ul li a { display:block; width:142px; height:22px; color:#818181; font-weight:bold; text-align:center; padding:5px 5px 0 5px; cursor:pointer; } div#partner div#tousdetails div.onglets ul li a#ong_0 { background-image:url(../images/fond/onglet01.gif); background-repeat:no-repeat; } div#partner div#tousdetails div.onglets ul li a#ong_1 { background-image:url(../images/fond/onglet01.gif); background-repeat:no-repeat; } div#partner div#tousdetails div.onglets ul li a#ong_2 { background-image:url(../images/fond/onglet01.gif); background-repeat:no-repeat; } div#partner div#tousdetails div.onglets ul li a#ong_3 { background-image:url(../images/fond/onglet01.gif); background-repeat:no-repeat; } .off { background-position:0 0; } .on { background-position:0 -54px; color:#bc8b00 !important; } .display { display:block; } .no_display { display:none; } /* __________ Offer.php */ div#offer { } div#offer .ontop h2 { font-size:30px; font-weight:normal; line-height:34px; } div#offer .ontop .description .title-region { color:#e6c06b; border-bottom:2px solid #c99c27; font-size:26px; font-weight:normal; line-height:26px; padding-bottom:4px; } /* __________ Offers.php */ div#offers .container-left { padding:0 !important; } div#offers .list-product td { vertical-align:top; padding:0 !important; } div#offers .list-product td p { margin:0 !important; } div#offers .list-product .image { width:218px; } div#offers .list-product .image div { width:201px; height:137px; background:url(../images/fond/white01.gif) no-repeat 0 0; padding:5px; margin:0 auto; } div#offers .list-product .image div a { display:block; width:201px; height:137px; overflow:hidden; } div#offers .list-product .title { padding:10px 10px 0 10px; } div#offers .list-product .title a { font-size:14px; font-weight:bold; color:#bc8b00; text-decoration:none; } div#offers .list-product .subtitle { color:#8c8572; font-weight:bold; padding:0 10px; font-size:11px; } div#offers .list-product .description { padding:5px 10px 15px 10px; font-size:11px; } div#offers .list-product .more { padding:0 10px; } /* __________ Category.php */ div#category .container-left { padding:0 !important; } div#category .container-left .description { padding:10px 5px 20px 0; text-align:justify; } div#category .list-product td { vertical-align:top; padding:0 !important; } div#category .list-product td p { margin:0 !important; } div#category .list-product .image { width:218px; } div#category .list-product .image div { width:201px; height:137px; background:url(../images/fond/white01.gif) no-repeat 0 0; padding:5px; margin:0 auto; } div#category .list-product .image div a { width:201px; height:137px; display:block; overflow:hidden; } div#category .list-product .title { padding:10px 10px 0 10px; } div#category .list-product .title a { font-size:14px; font-weight:bold; color:#bc8b00; text-decoration:none; } div#category .list-product .subtitle { color:#8c8572; font-weight:bold; padding:0 10px; font-size:11px; } div#category .list-product .description { padding:5px 10px 15px 10px; font-size:11px; } div#category .list-product .more { padding:0 10px; } div#category .list-category td { vertical-align:top; } div#category .list-category td p { margin:0 !important; } div#category .list-category .image { width:218px; } div#category .list-category .image div { width:201px; height:137px; background:url(../images/fond/white01.gif) no-repeat 0 0; padding:5px; margin:0 auto; } div#category .list-category .image div a { width:201px; height:137px; overflow:hidden; display:block; } div#category .list-category .title { padding:10px 10px 0 10px; } div#category .list-category .title a { font-size:14px; font-weight:bold; color:#bc8b00; text-decoration:none; } div#category .list-category .subtitle { color:#8c8572; font-weight:bold; padding:0 10px; font-size:11px; } div#category .list-category .description { padding:5px 10px 15px 10px; font-size:11px; } div#category .list-category .more { padding:0 10px; } /* __________ Articles.php */ div#articles .container-left { padding:0 !important; } div#articles .list-category td { vertical-align:top; } div#articles .list-category td p { margin:0 !important; } div#articles .list-category .image { width:218px; } div#articles .list-category .image div { width:201px; height:137px; background:url(../images/fond/white01.gif) no-repeat 0 0; padding:5px; margin:0 auto; } div#articles .list-category .image div a { width:201px; height:137px; display:block; overflow:hidden; } div#articles .list-category .title { padding:10px 10px 0 10px; } div#articles .list-category .title a { font-size:14px; font-weight:bold; color:#bc8b00; text-decoration:none; } div#articles .list-category .date { padding:6px 10px 0 10px; font-size:11px; font-weight:bold;} div#articles .list-category .subtitle { color:#8c8572; font-weight:bold; padding:0 10px; font-size:11px; } div#articles .list-category .description { padding:5px 10px 15px 10px; font-size:11px; } div#articles .list-category .more { padding:0 10px; } /* __________ Register.php */ div#register { } div#register label.lbleft { float:left; padding:0 10px 0 0; text-align:right; width:250px; font-weight:bold; color:#8c8572; } div#register input.text { border:1px solid #CCCCCC; margin:0; padding:0 3px; width:280px; } div#register textarea { border:1px solid #CCCCCC; padding:0 3px; width:280px; } div#register p.conformement { color:#888; font-size:11px; line-height:14px; padding:10px 0 0; text-align:justify; } #register .box-info {width: 250px; padding: 20px;} #register .box-info h5{background:none; padding:0;} #register .box-info p{line-height:22px;} #commandeinscription .box-info {width: 250px; padding: 20px;} #commandeinscription .box-info h5{background:none; padding:0;} #commandeinscription .box-info p{line-height:22px;} /* __________ Newsletterpage.php */ div#newsletterpage { } div#newsletterpage label.lbleft { float:left; padding:0 10px 0 0; text-align:right; width:250px; font-weight:bold; color:#8c8572; } div#newsletterpage input.text { border:1px solid #CCCCCC; margin:0; padding:0 3px; width:280px; } div#newsletterpage p.conformement { color:#888; font-size:11px; line-height:14px; padding:10px 0 0; text-align:justify; } div#newsletterpage .languagechoice { border:1px solid #b1ab9a; width:122px; padding-left:28px; margin:0 auto;} div#newsletterpage .languagechoice label.lbleft { width:58px; } /* __________ Contact.php */ div#contact { } div#contact label.lbleft { float:left; padding:0 10px 0 0; text-align:right; width:250px; font-weight:bold; color:#8c8572; } div#contact input.text { border:1px solid #CCCCCC; margin:0; padding:0 3px; width:280px; } div#contact textarea { border:1px solid #CCCCCC; padding:0 3px; width:280px; } div#contact p.conformement { color:#888; font-size:11px; line-height:14px; padding:10px 0 0; text-align:justify; } /* __________ Interfacelogin.php */ div#interfacelogin { } div#interfacelogin .acheteur { float:left; width:411px; padding:0 40px 0 0; } div#interfacelogin .acheteur h4, div#setcart .acheteur h4 { border:0; } div#interfacelogin .acheteur .login, div#setcart .acheteur .login { width:250px; float:right; } div#interfacelogin .acheteur .login h6, div#setcart .acheteur .login h6 { color:#BC8B00; border-bottom:1px solid #D6BD76; } div#interfacelogin .acheteur .login label.lbleft, div#setcart .acheteur .login label.lbleft { float:left; padding:0 10px 0 0; text-align:right; width:100px; font-weight:bold; color:#8c8572; } div#interfacelogin .acheteur .login input.text , div#setcart .acheteur .login input.text { border:1px solid #CCCCCC; margin:0; padding:0 3px; width:127px; } div#interfacelogin .acheteur .new, div#setcart .acheteur .new { clear:both; background:#cda535 url(../images/fond/yellow04.gif) repeat-x 0 0; padding:10px 15px; color:#fff; font-weight:bold; } div#interfacelogin .acheteur .new h6, div#setcart .acheteur .new h6 { color:#fff; font-size:18px; border-bottom:1px solid #d3b869; padding-bottom:10px; line-height:21px; } div#interfacelogin .beneficiaire { float:left; padding:0; } div#interfacelogin .beneficiaire h4, div#setcart .beneficiaire h4 { border:0; } div#interfacelogin .beneficiaire .login, div#setcart .beneficiaire .login { width:250px; float:right; } div#interfacelogin .beneficiaire .login h6, div#setcart .beneficiaire .login h6 { color:#BC8B00; border-bottom:1px solid #D6BD76; } div#interfacelogin .beneficiaire .login label.lbleft, div#setcart .beneficiaire .login label.lbleft{ float:left; padding:0 10px 0 0; text-align:right; width:100px; font-weight:bold; color:#8c8572; } div#interfacelogin .beneficiaire .login input.text, div#setcart .beneficiaire .login input.text { border:1px solid #CCCCCC; margin:0; padding:0 3px; width:127px; } div#interfacelogin .beneficiaire .new, div#setcart .beneficiaire .new { clear:both; background:#c3b7a6; border:10px solid #77705d; padding:10px 15px; color:#fff; font-weight:bold; } div#interfacelogin .beneficiaire .new h6, div#setcart .beneficiaire .new h6 { color:#fff; font-size:18px; border-bottom:1px solid #d3b869; padding-bottom:10px; line-height:21px; } #setcart .gift-question{width: 265px; padding: 15px; margin: 0 auto; background: url(../images/bgd_gift-question.gif) center center no-repeat;} #setcart .select-client { display:inline-block; width:;} #setcart .select-client select { float:left;} #setcart .select-client a {display:block; float:left;} .box-login .intro {color:#BC8B00; font-weight: bold; font-size: 13px;} .link-access {text-align :center; position:absolute; bottom: 38px; width:373px;} .link-access a {display:inline-block; padding: 15px; border:2px solid #B1AB9A; background: white; color:#BC8B00; font-weight: bold; font-size: 15px; text-decoration:none;} .link-access a:hover{background: none; } .acheteur h6 {text-align:center;} div#interfacelogin .box-center { float:none;} div#interfacelogin .box-center .bloc411pxnoeud {margin: 0 auto; float:none;} div#interfacelogin .box-center .acheteur {margin: 0 auto; float:none;} #interfacelogin .description {padding: 15px 30px 10px;} #interfacelogin .description h2 {font-size:32px;} #interfacelogin .description p {font-size:19px;} #interfacelogin .description ul li {margin: 0px 0;} /* __________ Forget.php */ div#forget { } div#forget h6 { color:#BC8B00; border-bottom:1px solid #D6BD76; } div#forget label.lbleft { float:left; padding:0 10px 0 0; text-align:right; width:100px; font-weight:bold; color:#8c8572; } div#forget input.text { border:1px solid #CCCCCC; margin:0; padding:0 3px; width:127px; } /* __________ Commandeplusdeproduits.php */ div#commandeplusdeproduits div#cartnav { } div#commandeplusdeproduits div#setcart { background:#fff; border:1px solid #D4D4D4; padding:10px 10px; width:605px; margin:0 auto;} div#commandeplusdeproduits table.container { } div#commandeplusdeproduits table.cartitems td select { width:200px; } div#commandeplusdeproduits table.cartitems { border:1px solid #dbd6c7; } div#commandeplusdeproduits table.cartitems th { background:#a9a18b; color:#fff; padding:3px 0; } div#commandeplusdeproduits table.cartitems td { border-bottom:1px solid #dbd6c7; } div#commandeplusdeproduits table.cartitems td.label { background:#fbf7ed; font-weight:bold; color:#BC8B00; text-align:right; } div#commandeplusdeproduits .list-stages { border-left:1px solid #9b927a; border-right:1px solid #9b927a; border-bottom:1px solid #9b927a; width:170px; } div#commandeplusdeproduits .list-stages p { margin:0 !important; } div#commandeplusdeproduits .list-stages label { display:block; width:170px; height:27px; overflow:hidden; font-weight:bold; line-height:27px; cursor:pointer; border-top:1px solid #9b927a; } div#commandeplusdeproduits .list-stages label.checked { width:148px; padding-left:22px; background:url(../images/fond/checkbox01.gif) no-repeat 0 -1px; color:#403108; } div#commandeplusdeproduits .list-stages label.unchecked { width:148px; padding-left:22px; background:url(../images/fond/checkbox01.gif) no-repeat 0 -29px; } div#commandeplusdeproduits .pricetotal { color:#BC8B00; font-weight:bold; text-align:left; font-size:16px; } /* __________ Commandeformule.php */ div#commandeformule div#cartnav { } div#commandeformule div#setcart { background:#fff; border:1px solid #D4D4D4; padding:10px 10px; } div#commandeformule table.container { } div#commandeformule table.cartitems { border:1px solid #dbd6c7; } div#commandeformule table.cartitems th { background:#a9a18b; color:#fff; padding:3px 0; } div#commandeformule table.cartitems td { border-bottom:1px solid #dbd6c7; } div#commandeformule table.cartitems td.label { background:#fbf7ed; font-weight:bold; color:#BC8B00; text-align:right; } div#commandeformule .list-stages { border-left:1px solid #9b927a; border-right:1px solid #9b927a; border-bottom:1px solid #9b927a; width:170px; } div#commandeformule .list-stages p { margin:0 !important; } div#commandeformule .list-stages label { display:block; width:170px; height:27px; overflow:hidden; font-weight:bold; line-height:27px; cursor:pointer; border-top:1px solid #9b927a; } div#commandeformule .list-stages label.checked { width:148px; padding-left:22px; background:url(../images/fond/checkbox01.gif) no-repeat 0 -1px; color:#403108; } div#commandeformule .list-stages label.unchecked { width:148px; padding-left:22px; background:url(../images/fond/checkbox01.gif) no-repeat 0 -29px; } div#commandeformule .list-stages label.unavailable { width:148px; padding-left:22px; background:url(../images/fond/checkbox01.gif) no-repeat 0 -57px; } div#commandeformule .list-stages label.hidden {display:none;} div#commandeformule .list-stages label.mandatory { width:148px; padding-left:22px; background:url(../images/fond/checkbox01.gif) no-repeat 0 -85px; } div#commandeformule .pricetotal { color:#BC8B00; font-weight:bold; text-align:left; font-size:16px; } /* __________ Commanderecapitulatif.php */ div#commanderecapitulatif div#cartnav { } div#commanderecapitulatif div#setcart { background:#fff; border:1px solid #D4D4D4; padding:10px 10px; } div#commanderecapitulatif table.container { } div#commanderecapitulatif table.cartitems { border:1px solid #dbd6c7; } div#commanderecapitulatif table.cartitems ul { margin:0 !important; } div#commanderecapitulatif table.cartitems ul li { margin:0 !important; } div#commanderecapitulatif table.cartitems th { background:#a9a18b; color:#fff; padding:3px 0; } div#commanderecapitulatif table.cartitems td { border-bottom:1px solid #dbd6c7; } div#commanderecapitulatif table.cartitems td.label { background:#fbf7ed; font-weight:bold; color:#BC8B00; text-align:right; } div#commanderecapitulatif table.cartitems td.modify { padding:0; text-align:right; } div#commanderecapitulatif table.total { font-size:12px; line-height:15px; margin-bottom:20px; width:100%; } div#commanderecapitulatif table.total td.t-01 { background:#fbf7ed; color:#BC8B00; font-weight:bold; } div#commanderecapitulatif table.total td.t-02 { background:#cca431 url(../images/fond/bgbutton.gif) repeat-x left bottom; color:#fff; font-weight:bold; border:1px solid #BC8B00; } div#commanderecapitulatif table.total td.pricetotal { font-size:20px; font-weight:normal; } div#commanderecapitulatif table.total td { border:1px solid #dbd6c7; margin:20px 0 0; padding:8px 10px; text-align:right; vertical-align:middle; } div#commanderecapitulatif div.codereduction { background:#dbd6c7; margin-bottom:20px; padding:10px; font-weight:bold; } /* __________ Commandecoordonnees.php */ div#commandecoordonnees div#cartnav { } div#commandecoordonnees div#setcart { background:#fff; border:1px solid #D4D4D4; padding:10px 10px; } div#commandecoordonnees { } div#commandecoordonnees label.lbleft, div#commandecoordonnees span.lbleft { float:left; padding:0 10px 0 0; text-align:right; width:140px; font-weight:bold; color:#8c8572; } div#commandecoordonnees .legend { color:#BC8B00; font-weight:bold; border-bottom:1px solid #D6BD76; } div#commandecoordonnees input.text { border:1px solid #CCCCCC; margin:0; padding:0 3px; width:230px; } div#commandecoordonnees div.buy { width:400px; float:left; padding:0 10px 0 0; } div#commandecoordonnees div.gifttop { width:394px; background:url(../images/fond/container12.gif) no-repeat 0 0; border-bottom:12px solid #97917e; padding:20px; } div#commandecoordonnees div.gift { width:434px; float:none; background:url(../images/fond/container13.gif) repeat-y 0 0; margin: 0 auto 0 auto;} div#commandecoordonnees p.note-bottom { width:434px; margin: 0 auto 0 auto;} div#commandecoordonnees div.gift label { font-weight:bold; } div#commandecoordonnees div.gift .type { margin:0; height:53px; padding:9px 0 0 80px; } div#commandecoordonnees div.gift .type label { font-weight:bold; color:#fff; } div#commandecoordonnees div.gift .lastmin { margin:0; color:#fff; font-weight:bold; padding:6px 0;} div#commandecoordonnees div.gift .lastmin .label { color:#fff; float:left; width:245px;} div#commandecoordonnees div.gift .language { margin:0; padding:6px 0; } div#commandecoordonnees div.gift .language .label { color:#716b58; font-weight:bold; float:left; width:245px; } div#commandecoordonnees div.gift .mode .label { color:#BC8B00; font-weight:bold; float:left; width:245px; } div#commandecoordonnees div.gift .mode .label .nb { color:#606060; font-weight:normal; font-size:11px; } div#commandecoordonnees div.buy-moreproducts { width:420px; margin:auto; } /* __________ Commandelivraison.php */ div#commandelivraison div#cartnav { } div#commandelivraison div#setcart { background:#fff; border:1px solid #D4D4D4; padding:10px 10px; } div#commandelivraison { } div#commandelivraison .legend { color:#BC8B00; font-weight:bold; border-bottom:1px solid #D6BD76; } div#commandelivraison label.lbleft { float:left; padding:0 10px 0 0; text-align:right; width:250px; font-weight:bold; color:#8c8572; } div#commandelivraison input.text { border:1px solid #CCCCCC; margin:0; padding:0 3px; width:280px; } /* __________ Commandepaiement.php */ div#commandepaiement div#cartnav { } div#commandepaiement div#setcart { background:#fff; border:1px solid #D4D4D4; padding:10px 10px; } div#commandepaiement .legend { color:#BC8B00; font-weight:bold; border-bottom:1px solid #D6BD76; } div#commandepaiement ul.typepaiement li { background:#FBF7ED; border:1px solid #DBD6C7; font-weight:bold; color:#BC8B00; padding:5px 10px; width:300px; margin:5px auto; } /* __________ Commandeconfirm.php */ div#commandeconfirm div#cartnav { } div#commandeconfirm div#setcart { background:#fff; border:1px solid #D4D4D4; padding:10px 10px; } div#commandeconfirm table.container { } div#commandeconfirm table.container .bg { background:#FBF7ED; padding:10px 15px; border:1px solid #DBD6C7 } div#commandeconfirm table.cartitems { border:1px solid #dbd6c7; } div#commandeconfirm table.cartitems ul { margin:0 !important; } div#commandeconfirm table.cartitems ul li { margin:0 !important; } div#commandeconfirm table.cartitems th { background:#a9a18b; color:#fff; padding:3px 0; } div#commandeconfirm table.cartitems td { border-bottom:1px solid #dbd6c7; } div#commandeconfirm table.cartitems td.label { background:#fbf7ed; font-weight:bold; color:#BC8B00; text-align:right; } div#commandeconfirm table.cartitems td.modify { padding:0; text-align:right; } div#commandeconfirm table.total { font-size:12px; line-height:15px; width:100%; } div#commandeconfirm table.total td.t-01 { background:#fbf7ed; color:#BC8B00; font-weight:bold; } div#commandeconfirm table.total td.t-02 { background:#cca431 url(../images/fond/bgbutton.gif) repeat-x left bottom; color:#fff; font-weight:bold; border:1px solid #BC8B00; } div#commandeconfirm table.total td.t-03 { } div#commandeconfirm table.total td.pricetotal { font-size:20px; font-weight:normal; } div#commandeconfirm table.total td { border:1px solid #dbd6c7; margin:20px 0 0; padding:8px 10px; text-align:right; vertical-align:middle; } #setcart .inscription .lbleft {width:185px; display:inline-block;} #setcart .inscription input.text { border:1px solid #CCCCCC; margin:0; padding:0 3px; width:180px; } #setcart .inscription select { border:1px solid #CCCCCC; } /* __________ Interfaceclient.php */ div#interfaceclient { float:left; } div#interfaceclient .ontop { height:193px; color:#fff; } div#interfaceclient .ontop h2 { font-size:30px; font-weight:normal; line-height:34px; } div#interfaceclient .ontop p { font-size:12px; font-weight:bold; line-height:21px; margin:7px 0; } div#interfaceclient .ontop .description { width:400px; float:left; padding:50px 30px 10px 30px; display:inline;} div#interfaceclient .ontop .image { width:455px; float:left; padding:8px 0 0 4px; display:inline; overflow:hidden;} div#interfaceclient .ontop .image-seule { width:370px; float:right; padding:8px 0 0 4px; display:inline; overflow:hidden;} div#interfaceclient .descriptionoffre { width:877px; border:12px solid #77705e; float:left; padding:3px; min-height:204px; margin: 4px 0 0 0; } div#interfaceclient .descriptionoffre h3 { color:#bc8b00; font-size:18px; } div#interfaceclient .descriptionoffre .content-intro p { color:#77705d; font-size:16px; } div#interfaceclient .gift h3 { margin:30px; } div#interfaceclient .descriptionoffre h3 a { text-decoration:none;} div#interfaceclient .encart-top h3 { border:none; } div#interfaceclient .descriptionoffre .intro { background:#e8dbb4; padding:10px 30px; } div#interfaceclient .descriptionoffre .details { padding:30px; } div#interfaceclient .addsoffre { float:left; padding:15px 30px; width:850px; } div#interfaceclient .addsoffre .add01 { float:left; width:411px; padding:0 25px 0 0; } div#interfaceclient .addsoffre .add02 { float:left; padding:0; width:411px; } div#interfaceclient .addsoffre .add03 { float:left; width:411px; padding:0 25px 0 0; } div#interfaceclient .addsoffre .add04 { float:left; padding:0; width:411px; } #interfaceclient #menuclient, #manageorders #menuclient, #commandeplusdeproduits #menuclient, #interfacerecipient #menuclient { display:block; background: url(../images/bgd_topInterfClient.png) 0 0 no-repeat; float:none; width:907px;} #interfaceclient #menuclient h3, #manageorders #menuclient h3, #commandeplusdeproduits #menuclient h3, #interfacerecipient #menuclient h3 { color:white; font-size:15px; font-weight: bold; border:none; padding: 0 0 0 8px; margin: 0; } #interfaceclient #menuclient ul, #manageorders #menuclient ul, #commandeplusdeproduits #menuclient ul, #interfacerecipient #menuclient ul { background:none; width:907px; padding: 2px 0 0 8px;} #interfaceclient #menuclient ul li, #manageorders #menuclient ul li, #commandeplusdeproduits #menuclient ul li, #interfacerecipient #menuclient ul li { float:left; padding: 0 0 10px 0; position:relative; z-index:10;} #interfaceclient #menuclient ul li a, #manageorders #menuclient ul li a, #commandeplusdeproduits #menuclient ul li a, #interfacerecipient #menuclient ul li a { background: url(../images/bgd_ongletRecipient.png) 0 0 no-repeat; width:149px; } #interfaceclient #menuclient ul li a.selected, #manageorders #menuclient ul li a.selected, #commandeplusdeproduits #menuclient ul li a.selected, #interfacerecipient #menuclient ul li a.selected, #interfaceclient #menuclient ul li a:hover, #manageorders #menuclient ul li a:hover, #commandeplusdeproduits #menuclient ul li a:hover, #interfacerecipient #menuclient ul li a:hover { background-position:0 -45px; width:149px; color:#977000; } #interfaceclient #menuclient ul li ul, #manageorders #menuclient ul li ul, #commandeplusdeproduits #menuclient ul li ul, #interfacerecipient #menuclient ul li ul { position:absolute; top:55px; left:-5000px; padding: 0; } #interfaceclient #menuclient ul li:hover ul, #interfaceclient #menuclient ul li.sfhover ul, #manageorders #menuclient ul li:hover ul, #manageorders #menuclient ul li.sfhover ul, #commandeplusdeproduits #menuclient ul li:hover ul, #commandeplusdeproduits #menuclient ul li.sfhover ul, #interfacerecipient #menuclient ul li:hover ul, #interfacerecipient #menuclient ul li.sfhover ul { position:absolute; left:auto;} #interfaceclient #menuclient ul li ul li, #manageorders #menuclient ul li ul li, #commandeplusdeproduits #menuclient ul li ul li, #interfacerecipient #menuclient ul li ul li { width: 500px; padding: 0;} #interfaceclient #menuclient ul li ul li a, #manageorders #menuclient ul li ul li a, #commandeplusdeproduits #menuclient ul li ul li a, #interfacerecipient #menuclient ul li ul li a { display:inline-block; width:500px; background: #77705d; color: #e3ce8e; font-weight:bold; font-size: 13px; line-height:39px; height:39px; padding:0 8px; } #interfaceclient #menuclient ul li ul li a:hover, #manageorders #menuclient ul li ul li a:hover, #commandeplusdeproduits #menuclient ul li ul li a:hover, #interfacerecipient #menuclient ul li ul li a:hover {display:inline-block; width:500px; background: #5b5648 url(../images/bgd_subLevelHover.gif) top left repeat-x; color: #e3ce8e; font-weight:bold; font-size: 13px; } .descriptionoffre .content-intro {display:inline;width:431px; padding: 33px 0 0 0;} .descriptionoffre .note-recipient {font-size:20px; color:#bc8b00;padding: 25px 33px;} .descriptionoffre .note-recipient span {font-style:italic; text-decoration:underline;} #customer-small-wrap-experiences {background: url(../images/bgd_sliderTopRecipient.png) 0 0 no-repeat; float:right; display:inline; width:349px; height:162px; padding: 11px 0 0 11px; margin: 8px 0; } #customer-small-wrap-experiences #customer-small-home-experiences-slider-cont {overflow:hidden; height:148px;} #customer-small-wrap-experiences #home-experiences-slider-inner {margin:0; height:148px;} #customer-small-wrap-experiences #home-experiences-slider-inner .home-experiences-slider-element {margin:0; padding:0; width:338px; height:148px;} #customer-small-wrap-experiences #home-experiences-slider-inner .image, #customer-small-wrap-experiences #home-experiences-slider-inner .image div, #customer-small-wrap-experiences #home-experiences-slider-inner .image div a {display:block; background:none; padding:0; margin: 0; width:338px; height:148px;} .addsoffre .wrap-item { background:url(../images/bgd_recipientActuBottom.png) bottom left no-repeat; padding: 0 0 12px 0; width:835px; margin: 0 auto 12px auto;} .addsoffre .wrap-item .item { background:url(../images/bgd_recipientActuTop.png) top left no-repeat; padding: 12px 22px 0 22px; width:791px; overflow:hidden;} .addsoffre .wrap-item .item .image { background:url(../images/bgd_recipientItemImg.png) 0 0 no-repeat; width:211px; height:147px; padding: 2px 0 0 2px} .addsoffre .wrap-item .item .image table tr td { width:200px; height:137px; text-align:center; vertical-align:middle; overflow:hidden;} .addsoffre .wrap-item .item .image table tr td a { display:block; width:200px; height:137px; text-align:center; vertical-align:middle; overflow:hidden;} .addsoffre .wrap-item .item .image table tr td img {display:inline-block; } .addsoffre .wrap-item .item .infos { width:563px; padding: 0 0 0 15px; display:inline; } .addsoffre .wrap-item .item .infos .title a { font-size:16px;text-decoration:none; } .addsoffre .wrap-item .item .infos .date { color: #3a3a3a; font-size:11px;} div#interfaceclient .descriptionoffre #customer-wrap-experiences h3 { padding: 40px 0 12px 0; font-size:25px; } #customer-experiences-slider-cont #customer-experiences-slider-inner { height: 319px; margin: 0 0 0 36px; overflow: hidden; position: relative; width: 817px; } #customer-experiences-slider-cont #customer-experiences-slider-inner .customer-experiences-slider-element { height: 300px; margin: 0; width: 250px; float:left; display:inline; } #customer-experiences-slider-cont #customer-experiences-slider-inner .customer-experiences-slider-element .title { font-size:15px; font-weight: bold; color: #BC8B00; padding: 0 12px;} #customer-experiences-slider-cont #customer-experiences-slider-inner .customer-experiences-slider-element .description { padding: 0 17px 0 28px;} #customer-experiences-slider-cont .customer-experiences-slider-element .image { background: url(../images/bgd_imageRecipientBottom.png) top center no-repeat; width:249px; margin: 0; padding:6px 0 7px 1px;} #customer-experiences-slider-cont .customer-experiences-slider-element .image table { width: 214px; height:124px; margin: 0 auto; overflow:hidden;} #customer-experiences-slider-cont .customer-experiences-slider-element .image table tr td { width: 214px; height:124px; overflow:hidden; text-align:center; vertical-align:middle;} #customer-experiences-slider-cont .customer-experiences-slider-element .image table tr td a {display:block; width: 214px; height:124px; overflow:hidden; text-align:center;} #customer-experiences-slider-cont .customer-experiences-slider-element .more {text-align:center;} #customer-experiences-slider-cont #customer-experiences-slider-inner .customer-experiences-slider-element .title a { text-decoration:none; } #customer-wrap-experiences {position:relative;} #customer-experiences-slider-cont .slider-fwd {float:left; display:block; cursor:pointer; position:absolute; top:250px; left:-44px;} #customer-experiences-slider-cont .slider-bk {float:left; display:block; cursor:pointer; position:absolute; top:250px; right:-45px;} div#interfacerecipient .photos-videos { float: left; padding: 15px 30px; width: 850px; } /* __________ Interfacerecipient.php */ div#interfacerecipient { float:left; } div#interfacerecipient .ontop { height:193px; color:#fff; } div#interfacerecipient .ontop h2 { font-size:30px; font-weight:normal; line-height:34px; } div#interfacerecipient .ontop p { font-size:12px; font-weight:bold; line-height:21px; margin:7px 0; } div#interfacerecipient .ontop .description { width:400px; float:left; padding:30px 30px 10px 30px; display:inline;} div#interfacerecipient .ontop .description .title-region { color:#e6c06b; border-bottom:2px solid #c99c27; font-size:26px; font-weight:normal; line-height:26px; padding-bottom:4px; } div#interfacerecipient .descriptionoffre { width:877px; border:12px solid #77705e; float:left; padding:3px; min-height:204px; margin: 4px 0 0 0; } div#interfacerecipient .myexperiences .descriptionoffre { width:423px;border:12px solid #77705e; float:left; padding:3px; min-height:204px; margin: 4px 0 0 0; } div#interfacerecipient .myexperiences .descriptionoffre .image { width:360px; overflow:hidden; } div#interfacerecipient .myexperiences .descriptionoffre .image .center a { display:block; width:360px; height:187px; overflow:hidden; } div#interfacerecipient .myexperiences .descriptionoffre .image .center a.btn-exp { display:inline-block; width:280px; height:auto; overflow:visible; } div#interfacerecipient .descriptionoffre h3 { font-family:"Klill-Light"; color:#bc8b00; font-size:21px; } div#interfacerecipient .descriptionoffre h3.experience-title { font-family:"Klill-Light"; color:#bc8b00; font-size:21px; border:none;} div#interfacerecipient .descriptionoffre h3.experience-title span {display:inline-block; border-bottom: 1px solid #D6BD76} div#interfacerecipient .descriptionoffre .content-intro p { font-family:"Klill-Light"; color:#77705d; font-size:16px; } div#interfacerecipient .gift h3 { margin:30px; } div#interfacerecipient .descriptionoffre h3 a { text-decoration:none;} div#interfacerecipient .encart-top h3 { border:none; } div#interfacerecipient .descriptionoffre .intro { background:#e8dbb4; padding:10px 30px;height:348px; } div#interfacerecipient .descriptionoffre .details { padding:30px; } div#interfacerecipient .descriptionoffre .details p { width: 466px;} div#interfacerecipient .descriptionoffre .details .more-infos-experience { width: 330px;} div#interfacerecipient .addsoffre { float:left; padding:15px 30px; width:850px; } div#interfacerecipient .addsoffre .add01 { float:left; width:411px; padding:0 25px 0 0; } div#interfacerecipient .addsoffre .add02 { float:left; padding:0; width:411px; } div#interfacerecipient .addsoffre .add03 { float:left; width:411px; padding:0 25px 0 0; } div#interfacerecipient .addsoffre .add04 { float:left; padding:0; width:411px; } div#interfacerecipient .container-left { clear:both; padding: 10px 22px; float:none; width:700px; margin: 0 auto;} div#interfacerecipient .ontop .image { width:455px; float:left; padding:8px 0 0 4px; display:inline; overflow:hidden;} div#interfacerecipient .ontop .image div.slideshow { width:455px; height:163px; background:url(../images/bgd_slideshowRecipient.png) no-repeat 0 1px; padding:5px; } /*div#interfacerecipient .ontop .image #show, div#commandeplusdeproduits .ontop .image #show { width:455px; height:163px; padding:5px; } div#interfacerecipient #show div.slideshow-images, div#commandeplusdeproduits #show div.slideshow-images { float:right; display:inline; margin: 0 8px 0 0;} div#interfacerecipient #show div.slideshow-images, div#commandeplusdeproduits #show div.slideshow-images, div#interfacerecipient #show div.slideshow-captions, div#commandeplusdeproduits #show div.slideshow-captions { background: none;} body div#interfacerecipient #show .slideshow-thumbnails li, body div#commandeplusdeproduits #show .slideshow-thumbnails li { margin:0 0 0 8px; padding: 0 0 5px 0 !important; } div#interfacerecipient #show .slideshow-thumbnails li a, div#commandeplusdeproduits #show .slideshow-thumbnails li a { width: 60px; height:45px; background: none;} body div#interfacerecipient #show .slideshow-thumbnails li a:hover, body div#commandeplusdeproduits #show .slideshow-thumbnails li a:hover { width: 60px; height:45px; background: none !important;} div#interfacerecipient #show div.slideshow-images a, div#commandeplusdeproduits #show div.slideshow-images a { display:block; height: 154px; width: 348px; overflow:hidden; position:absolute; z-index:10;} */ div#interfacerecipient .region { color:#fff; font-size:11px; font-weight:bold; background:#cda535 url(../images/fond/yellow04.gif) repeat-x 0 0; float:left; width:698px; margin:0 0 20px 0; } div#interfacerecipient .region h3 { color:#fff; } div#interfacerecipient .region .description { width:315px; float:left; padding:10px 30px; } div#interfacerecipient .region .image { width:311px; float:left; padding:8px 0 8px 4px; } div#interfacerecipient .region .image div { width:301px; height:312px; background:url(../images/fond/yellow05.gif) no-repeat 0 0; padding:5px; } div#interfacerecipient .region .image div a { display:block; width:301px; height:312px; background:#fff; text-align:center; } div#interfacerecipient #tousdetails { clear: both;} div#interfacerecipient div#tousdetails div.details { font-size:11px; background:#fff; float:left; width:636px; border:1px solid #d4d4d4; padding:20px 30px;} div#interfacerecipient div#tousdetails div.onglets { } div#interfacerecipient div#tousdetails div.onglets ul { margin:0; } div#interfacerecipient div#tousdetails div.onglets ul li { float:left; background:none; padding:0 2px 0 0; margin:0; } div#interfacerecipient div#tousdetails div.onglets ul li a { display:block; width:142px; height:22px; color:#818181; font-weight:bold; text-align:center; padding:5px 5px 0 5px; cursor:pointer; } div#interfacerecipient div#tousdetails div.onglets ul li a#ong_0 { background-image:url(../images/fond/onglet01.gif); background-repeat:no-repeat; } div#interfacerecipient div#tousdetails div.onglets ul li a#ong_1 { background-image:url(../images/fond/onglet01.gif); background-repeat:no-repeat; } div#interfacerecipient div#tousdetails div.onglets ul li a#ong_2 { background-image:url(../images/fond/onglet01.gif); background-repeat:no-repeat; } div#interfacerecipient div#tousdetails div.onglets ul li a#ong_3 { background-image:url(../images/fond/onglet01.gif); background-repeat:no-repeat; } /* myexperiences.php*/ .more-infos-experience {float:right; display:inline; width:380px; font-family:"Klill-Light"; font-size: 21px; line-height: 25px;} .btn-exp { display:inline-block; background: url(../images/bgd_gift-question.gif) 0 0 no-repeat; width: 280px; height: 34px; text-decoration:none; line-height:34px; text-align:center; font-weight:bold; font-size:13px } /*experience.php*/ .format .myexperience{ margin: 8px 0 0 0; background:#77705d; border:1px solid #4f4b3e; width:909px; overflow:hidden; padding: 0 0 10px 0; float:none;} .wrap-menu-experiences { margin: 8px 0 0 0; background:#77705d; border:1px solid #4f4b3e; width:231px; overflow:hidden; padding: 0 0 10px 0; float:left; } .customer-menu-left { width: 225px; display:inline; } .customer-menu-left h3 { color: #e9d9aa;font-size:15px; font-weight:bold; line-height:18px; padding:17px 0 0 14px; border:none; } div.format .customer-menu-left ul{ padding:0 0 0 12px;} div.format .customer-menu-left ul li { padding:0; margin:0; background:none;} div.format .customer-menu-left ul li a, div.format .customer-menu-left ul li a span { display:block; width:208px; color: white; font-weight:bold; background:url(../images/bgd_menuExpeTop_sprite.png) 0 0 no-repeat; text-decoration:none;} div.format .customer-menu-left ul li a {background-position: bottom left; padding: 0 0 7px 0;} div.format .customer-menu-left ul li a span {background-position: top left; padding: 13px 8px 8px 39px; width:161px; line-height:16px;} div.format .customer-menu-left ul li a.selected, div.format .customer-menu-left ul li a:hover {background-position: bottom right;} div.format .customer-menu-left ul li a.selected span, div.format .customer-menu-left ul li a:hover span {background-position: top right; color:#977000; } div#interfacerecipient .wrap-menu-experiences .descriptionoffre, div#commandeplusdeproduits .wrap-menu-experiences .descriptionoffre { width: 648px; border:none; padding:0 15px; margin: 19px 0 0 0; } div#interfacerecipient .wrap-menu-experiences .descriptionoffre .details, div#commandeplusdeproduits .wrap-menu-experiences .descriptionoffre .details { background: white;} div#interfacerecipient .domaine { float:left; width:630px; } div#interfacerecipient .managestages, div#interfacerecipient .informations, div#commandeplusdeproduits .order-more, div#interfacerecipient .managesdeliveries, div#interfacerecipient .wrapper-news-partner, div#interfacerecipient .labels { float:left; width:657px; padding: 8px 0 0 14px; } div#interfacerecipient .wrap-label { width:315px; margin: 8px 0;} div#interfacerecipient .wrap-label h4 {border:none;} div#interfacerecipient .wrap-label .format { width:315px; overflow:hidden;} div#interfacerecipient .wrap-label label { cursor: pointer;} div#interfacerecipient .wrap-label input { margin: 35px 10px 0 0; } div#interfacerecipient .wrap-label input, div#interfacerecipient .wrap-label img { float:left; } div#interfacerecipient .form-labels .format p textarea { width:443px; height: 89px; padding: 5px; color: #606060;font: 11px/18px arial; border: 1px solid #ccc; } .labels .message li {font-weight:bold; color:#e20025; background:url(../images/ico_alert.png) 0 0 no-repeat; padding: 0 0 0 20px} /* actu customer */ .wrapper-news-partner .img-actu-client { margin: 22px 10px 10px 0 } div#interfacerecipient .wrapper-news-partner .container-left { float:left; width:657px; padding: 0;} div#interfacerecipient .wrapper-news-partner .addsoffre {padding: 0 0 15px 0; width:657px; } div#interfacerecipient .wrapper-news-partner .addsoffre .wrap-item { width:657px; background: url(../images/bgd_recipientActuSmallBottom.gif) left bottom no-repeat;} div#interfacerecipient .wrapper-news-partner .addsoffre .wrap-item .item { width:613px; background: url(../images/bgd_recipientActuSmallTop.gif) left top no-repeat; } div#interfacerecipient .wrapper-news-partner .addsoffre .wrap-item .item .infos { width:385px; } /* commanderplusdeproduits*/ div#commandeplusdeproduits .container-left { margin: 0 auto; float:none;} div#commandeplusdeproduits .ontop { height:193px; color:#fff; } div#commandeplusdeproduits .ontop h2 { font-size:30px; font-weight:normal; line-height:34px; } div#commandeplusdeproduits .ontop p { font-size:12px; font-weight:bold; line-height:21px; margin:7px 0; } div#commandeplusdeproduits .ontop .description { width:400px; float:left; padding:10px 30px 10px 30px; display:inline;} div#commandeplusdeproduits .ontop .description .title-region { color:#e6c06b; border-bottom:2px solid #c99c27; font-size:26px; font-weight:normal; line-height:26px; padding-bottom:4px; } div#commandeplusdeproduits .descriptionoffre { width:877px; border:12px solid #77705e; float:left; padding:3px; min-height:204px; margin: 4px 0 0 0; } div#commandeplusdeproduits .descriptionoffre h3 { font-family:"Klill-Light"; color:#bc8b00; font-size:21px; } div#commandeplusdeproduits .descriptionoffre h3.experience-title { font-family:"Klill-Light"; color:#bc8b00; font-size:21px; border:none;} div#commandeplusdeproduits .descriptionoffre h3.experience-title span {display:inline-block; border-bottom: 1px solid #D6BD76} div#commandeplusdeproduits .descriptionoffre .content-intro p { font-family:"Klill-Light"; color:#77705d; font-size:16px; } div#commandeplusdeproduits .gift h3 { margin:30px; } div#commandeplusdeproduits .descriptionoffre h3 a { text-decoration:none;} div#commandeplusdeproduits .encart-top h3 { border:none; } div#commandeplusdeproduits .descriptionoffre .intro { background:#e8dbb4; padding:10px 30px; } div#commandeplusdeproduits .descriptionoffre .details { padding:30px; } div#commandeplusdeproduits .addsoffre { float:left; padding:15px 30px; width:850px; } div#commandeplusdeproduits .addsoffre .add01 { float:left; width:411px; padding:0 25px 0 0; } div#commandeplusdeproduits .addsoffre .add02 { float:left; padding:0; width:411px; } div#commandeplusdeproduits .addsoffre .add03 { float:left; width:411px; padding:0 25px 0 0; } div#commandeplusdeproduits .addsoffre .add04 { float:left; padding:0; width:411px; } /* __________ Profile.php */ div#profile { float:left; } div#interfacerecipient .ontop { height:193px; color:#fff; } div#interfacerecipient .ontop h2 { font-size:30px; font-weight:normal; line-height:34px; } div#interfacerecipient .ontop p { font-size:12px; font-weight:bold; line-height:21px; margin:7px 0; } div#interfacerecipient .container-right { width:698px; float:none; padding:15px 0 0 0; min-height:274px; margin: 0 auto; } div#interfaceclient .container-right { width:698px; float:none; padding:15px 0 0 0; min-height:274px; margin: 0 auto; } div#interfacerecipient label.lbleft { float:left; padding:0 10px 0 0; text-align:right; width:190px; font-weight:bold; color:#8c8572; } div#interfaceclient label.lbleft { float:left; padding:0 10px 0 0; text-align:right; width:190px; font-weight:bold; color:#8c8572; } div#interfacerecipient input.text { border:1px solid #CCCCCC; margin:0; padding:0 3px; width:280px; } div#interfaceclient input.text { border:1px solid #CCCCCC; margin:0; padding:0 3px; width:280px; } /* __________ Managestages.php */ div#managestages { float:left; } div#managestages .ontop { height:193px; color:#fff; } div#managestages .ontop h2 { font-size:30px; font-weight:normal; line-height:34px; } div#managestages .ontop p { font-size:12px; font-weight:bold; line-height:21px; margin:7px 0; } div#managestages .ontop .description { width:492px; float:left; padding:10px 30px; } div#managestages .ontop .image { width:370px; float:left; padding:8px 0 0 4px; } div#managestages .ontop .image div { width:361px; height:163px; background:url(../images/fond/yellow01.gif) no-repeat 0 0; padding:5px; } div#managestages .container-right { width:698px; float:left; padding:15px 0 0 0; min-height:274px; } div#managestages .dateselect { width:518px; height:46px; background:url(../images/fond/yellow07.gif) no-repeat 0 0; margin:0 auto; line-height:46px; color:#966e00; font-size:24px; font-weight:bold; text-align:center; } div#managestages .nodate { font-size:14px; color:#ba9e4e; } /* Espace bénéficiaires */ .dateselect-wrap {background:url(../images/bgd_dateSelect.png) no-repeat left top; font-size:14px; line-height:20px; color:#ba9e4e; font-weight:bold; padding:25px 0 0; margin:0 auto; width:518px; text-align:center;} .dateselect {background:url(../images/bgd_dateSelect.png) no-repeat left bottom; padding:0 10px 25px;} .dateselect .nodate {color:#966e00;} .dateselect a.date-picker-control span {height:18px!important;} .dated { width:518px; height:46px; background:url(../images/fond/yellow07.gif) no-repeat 0 0; margin:0 auto; line-height:46px; color:#966e00; font-size:24px; font-weight:bold; text-align:center; } /* __________ Manageorders.php */ div#manageorders { float:left; } div#manageorders .ontop { height:193px; color:#fff; } div#manageorders .ontop h2 { font-size:30px; font-weight:normal; line-height:34px; } div#manageorders .ontop p { font-size:12px; font-weight:bold; line-height:21px; margin:7px 0; } div#manageorders .ontop .description { width:400px; float:left; padding:30px 30px 10px 30px; display:inline;} div#manageorders .container-right { width:867px; float:left; padding:0 0 0 20px; min-height:274px; } div#manageorders .orders table { border:1px solid #b1ab9a; } div#manageorders .orders table caption { } div#manageorders .orders table th { background:#b1ab9a; } div#manageorders .orders table td { border:1px solid #b1ab9a; } div.format #plan { color:#BC8B00; } div.format #plan ul li { background:none; } div.format #plan .container-left { padding-top:10px; float:left; width:640px; } div.format #plan h3 { padding-top:15px; } /* div#manageorders .ontop .image { width:455px; float:left; padding:8px 0 0 4px; display:inline; overflow:hidden;} div#manageorders .ontop .image div.slideshow { width:455px; height:163px; background:url(../images/bgd_slideshowRecipient.png) no-repeat 0 1px; padding:5px; } div#manageorders .ontop .image #show { width:455px; height:163px; padding:5px; } div#manageorders #show div.slideshow-images { float:right; display:inline; margin: 0 8px 0 0;} div#manageorders #show div.slideshow-images, div#manageorders #show div.slideshow-captions { background: none;} body div#manageorders #show .slideshow-thumbnails li { margin:0 0 0 8px; padding: 0 0 5px 0 !important; } div#manageorders #show .slideshow-thumbnails li a { width: 60px; height:45px; background: none;} body div#manageorders #show .slideshow-thumbnails li a:hover { width: 60px; height:45px; background: none !important;} div#manageorders #show div.slideshow-images a { display:block; height: 154px; width: 348px; overflow:hidden; position:absolute; z-index:10;} */ .state-order .label { display:inline-block; width: 170px;} .list-products-order {border: 1px solid #DBD6C7; width: 350px; margin: 5px 0 10px 0;} .list-products-order tr th {background: none repeat scroll 0 0 #A9A18B; color: #FFFFFF; padding: 3px 0;} .list-products-order tr td.label { background: none repeat scroll 0 0 #FBF7ED; color: #BC8B00; font-weight: bold; text-align: center; border-bottom: 1px solid #DBD6C7; width: 200px;} .list-products-order tr td { border-bottom: 1px solid #DBD6C7; text-align:left; } .managesdeliveries .list-products-order {width:100%;} .managesdeliveries .list-products-order .product {width:120px;} .managesdeliveries .list-products-order td.qty {width:50px; background:#fff; text-align:center;} .managesdeliveries .list-products-order td.status {width:135px; } .managesdeliveries .list-products-order td.infos {width:330px;} .managesdeliveries .list-products-order .white td {background:#fff;} .managesdeliveries .list-products-order .gray td {background:#FBF7ED;} .managesdeliveries .list-products-order .state-order p {margin: 0 4px; padding: 3px 0 ;} #validatepartner, #validatedelivery { margin: 5px 0; width: 195px; text-align:center;} /* __________ Pages internes éditables */ div.format .ontop { height:193px; color:#fff; } div.format .ontop h2 { font-size:30px; font-weight:normal; line-height:34px; } div.format .ontop p { font-size:12px; font-weight:bold; line-height:21px; margin:7px 0; } div.format .ontop .description { width:492px; float:left; padding:10px 30px; } div.format .ontop .image { width:370px; float:left; padding:8px 0 0 4px; } div.format .ontop .image div { width:361px; height:163px; background:url(../images/fond/yellow01.gif) no-repeat 0 0; padding:5px; overflow:hidden; } div.format .ontop .image div div { width:auto; height:auto; background:none; padding: 0; } div.format .main { background:url(../images/fond/container01.gif) repeat-y 0 0; zoom:1; padding:0 8px; float:left; width:911px; } div.format .maintop { background:url(../images/fond/container02.gif) no-repeat left top; padding-top:8px; float:left; } div.format .mainbottom { background:url(../images/fond/container03.gif) no-repeat left bottom; padding-bottom:8px; float:left; } div.format .container-left { padding-top:15px; float:left; width:705px; } div.format .container-left-large{ padding-top:15px; width:910px; } div.format { font-size:12px; } div.format table td { vertical-align:top; padding:5px 4px; } div.format table td.borderb1px { border-bottom:1px solid #d6d5d3; } .table01 { border:1px solid #dddad0; margin:8px 0; } .table01 th { font-weight:bold; background:#dddad0; text-align:center; } .table01 tr.td01 td { background:#ecebe7;} div.format ul { margin:8px 0; } div.format ul li { background:url(../images/puce/fl02.gif) no-repeat 0 7px; padding:0 0 0 9px; margin:8px 0; } ul.cadeau li { background:url(../images/puce/cado01.gif) no-repeat 0 0; padding:10px 0 10px 45px; margin:2px 0; } ul.cadeau li a { text-decoration:none; font-weight:bold; } ul.cadeau li a:hover { text-decoration:underline; } div.format p { margin:8px 0; } /* tips */ .tip {background: url(../images/fond/bgbutton.gif) top left repeat-x; color:white; display:inline-block; padding: 2px 5px; font-weight:bold;} /*classes du slideshow pour toutes les pages */ div#partner .ontop .image div.slideshow { width:455px; height:163px; background:url(../images/bgd_slideshowRecipient.png) no-repeat 0 1px; padding:5px; } div#partner .ontop .image #show { width:455px; height:163px; padding:5px; } #interfaceclient #show { width:445px; height:163px; background:url("../images/bgd_slideshowRecipient.png") no-repeat scroll 0 1px transparent; padding:5px; } #show {padding: 0 0 0 70px;} div.format .ontop .image .slideshow-images {margin:5px 0 0 93px;} div.format .ontop .image .slideshow-thumbnails { height: 163px; left: 10px; right: auto; top: 0; width: 81px;} div.format .ontop .image .slideshow-thumbnails a {padding:0; border:none; display:block; width:70px; height:45px; background-color: transparent;background:none !important;} div.format .ontop .image .slideshow-thumbnails a:hover {background-color: transparent; background:none !important;} div.format .slideshow-thumbnails ul li {padding:0; border:none; background:none; margin:0;} div.format .ontop .image .slideshow-captions {margin: 0 0 9px 98px; background:#000; color:#fff; width:348px;} div.format .ontop .image .slideshow-controller {margin: -24px 0 0 -81px;} /* ======================================================================== * Classes générales * ========================================================================*/ .denied ul li { color:#C4000C !important; font-weight:bold !important; list-style-position:inside !important; list-style-type:square !important; margin:0 0 0 30px !important; padding:3px 0 !important; line-height:14px !important; background:none !important; } .clear { clear:both;} br.clear { clear:both; height: 0; line-height: 0; padding: 0; font-size:0;} .nodisplay { display:none; } .center { text-align:center; } .italic { font-style:italic; } .bold { font-weight:bold; } .bita { font-style:italic; font-weight:bold; } .right { text-align:right; } .flright { float:right; } .flleft { float:left; } .padding-w22px { padding:0 22px; } .padding-w22pxh10px { padding:10px 22px; } .more-02 { background:url(../images/puce/fl02.gif) no-repeat right 5px; color:#bc8b00; font-weight:bold; padding-right:8px; } .jaune { color:#bc8b00; } .gris { color:#8c8572; } .button { background:url(../images/fond/bgbutton.gif) repeat-x 0 0; color:#fff; padding:2px 5px; text-decoration:none; border:0; font:normal normal bold 12px/15px arial; border:1px solid #fff; zoom:1; cursor:pointer; } .button2 { background:url(../images/fond/bgbutton2.gif) repeat-x 0 0; color:#fff; padding:0px 5px; text-decoration:none; border:0; font:normal normal bold 12px/15px arial; border:1px solid #fff; zoom:1; cursor:pointer; } .noborder { border:0; } .message_error li { color:#C4000C !important; font-weight:bold !important; } a.date-picker-control span { height:46px !important; } .date-stage-td-legend-notdispostage { background:#CC3333 !important; color:#fff !important; } .date-stage-td-legend-completestage { background:#FF9933 !important; color:#fff !important; } .date-stage-td-legend-userstage { background:#0099CC !important; color:#fff !important; } .date-stage-td-legend-dispostage { background:#66CC66 !important; color:#fff !important; } div.format ul.cadeau li { background:url(../images/puce/cado01.gif) no-repeat 0 0; padding:10px 0 10px 45px; margin:2px 0; } div.format ul.cadeau li a { text-decoration:none; font-weight:bold; } div.format ul.cadeau li a:hover { text-decoration:underline; }