/*---------------------------------------------------------- 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 "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.langage p { width:900px; margin:0 auto; text-align:right; font-weight:bold; font-size:12px; line-height:25px; position:relative; } div.langage p a { text-decoration:none; color:#000; } div.langage p a:hover { text-decoration:underline; } div.langage p #home { position:absolute; top:6px; left:0; } div#centrer { width:927px; margin:0 auto; padding-bottom:20px; } div#header { height:109px; position:relative; } 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; } div#menutop li { float:left; padding:0 18px; position:relative; } 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:33px; 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 -33px; } div#menutop li ul { position:absolute; top:42px; left:0; 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); } div#footer p { color:#dedbd4; text-align:center; } div#footer a { color:#dedbd4; text-decoration:none; } div#footer a:hover { text-decoration:underline; } /* ----------------------------------------- * Les éléments courants * ------------------------------------------*/ /* __________ Etapes de commande */ div#etapecommander { width:172px; height:592px; float:left; background:url(../images/fond/commander.gif) no-repeat 0 0; padding:81px 17px 0 17px; font-size:11px !important; position:relative; } 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 input.commander { display:block; position:absolute; top:613px; 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:575px; 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; } /* __________ 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; } .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:block; width:172px; height:25px; font-weight:bold; line-height:25px; text-align:center; text-decoration:none; } div#cartnav li a { background:url(../images/fond/onglet02.gif) no-repeat 0 0; color:#9c9c9c; } div#cartnav li a:hover { color:#BC8B00; } 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) no-repeat 0 0; } /* __________ 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 0 4px; } div#home .ontop .image div { width:361px; height:163px; background:url(../images/fond/yellow01.gif) no-repeat 0 0; padding:5px; } 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 { padding-top:15px; float:left; width:705px; } div#home .list-products { padding-top:9px; padding-bottom:17px; 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; } div#partner div.slideshow { width:445px; height:161px; background:url(../images/fond/yellow06.gif) no-repeat 0 0; padding:5px; position:relative; } div#partner div.slideshow div.slideshow-images { background:none; padding:0; left:97px; top:8px; } div#partner div.slideshow div.slideshow-controller { visibility:hidden; } div#partner div.slideshow div.slideshow-thumbnails { width:85px; height:160px; background:none; position:absolute; left:9px; top:6px; padding:0; } div#partner div.slideshow div.slideshow-thumbnails ul { margin:0; } div#partner div.slideshow div.slideshow-thumbnails ul li{ margin:0; background:none; } 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; } /* __________ 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 { border:0; } div#interfacelogin .acheteur .login { width:250px; float:right; } div#interfacelogin .acheteur .login h6 { color:#BC8B00; border-bottom:1px solid #D6BD76; } div#interfacelogin .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 { border:1px solid #CCCCCC; margin:0; padding:0 3px; width:127px; } div#interfacelogin .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 { 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 { border:0; } div#interfacelogin .beneficiaire .login { width:250px; float:right; } div#interfacelogin .beneficiaire .login h6 { color:#BC8B00; border-bottom:1px solid #D6BD76; } div#interfacelogin .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 { border:1px solid #CCCCCC; margin:0; padding:0 3px; width:127px; } div#interfacelogin .beneficiaire .new { clear:both; background:#c3b7a6; border:10px solid #77705d; padding:10px 15px; color:#fff; font-weight:bold; } div#interfacelogin .beneficiaire .new h6 { color:#fff; font-size:18px; border-bottom:1px solid #d3b869; padding-bottom:10px; line-height:21px; } /* __________ 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; } 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 .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:left; background:url(../images/fond/container13.gif) repeat-y 0 0; } 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; } /* __________ 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:492px; float:left; padding:10px 30px; } div#interfaceclient .ontop .image { width:370px; float:left; padding:8px 0 0 4px; } div#interfaceclient .ontop .image div { width:361px; height:163px; background:url(../images/fond/yellow01.gif) no-repeat 0 0; padding:5px; } div#interfaceclient .descriptionoffre { width:670px; border:12px solid #77705e; float:left; padding:3px; min-height:204px; } 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; } /* __________ 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:407px; float:left; padding:10px 30px; } 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 .ontop .image { width:455px; float:left; padding:8px 0 0 4px; } div#interfacerecipient div.slideshow { width:445px; height:161px; background:url(../images/fond/yellow06.gif) no-repeat 0 0; padding:5px; position:relative; } div#interfacerecipient div.slideshow div.slideshow-images { background:none; padding:0; left:97px; top:8px; } div#interfacerecipient div.slideshow div.slideshow-controller { visibility:hidden; } div#interfacerecipient div.slideshow div.slideshow-thumbnails { width:85px; height:160px; background:none; position:absolute; left:9px; top:6px; padding:0; } div#interfacerecipient div.slideshow div.slideshow-thumbnails ul { margin:0; } div#interfacerecipient div.slideshow div.slideshow-thumbnails ul li{ margin:0; background:none; } div#interfacerecipient .descriptionoffre { width:670px; border:12px solid #77705e; float:left; padding:3px; min-height:204px; } div#interfacerecipient .descriptionoffre .intro { background:#e8dbb4; padding:10px 30px; } div#interfacerecipient .descriptionoffre .intro .image { padding:0 0 0 22px; } div#interfacerecipient .descriptionoffre .intro .image div { width:201px; height:137px; background:url(../images/fond/yellow03.gif) no-repeat 0 0; padding:5px; } div#interfacerecipient .descriptionoffre .intro .image div span { display:block; width:201px; height:137px; overflow:hidden; } div#interfacerecipient .descriptionoffre .details { padding:30px; } 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; } /* __________ Profile.php */ div#profile { float:left; } div#profile .ontop { height:193px; color:#fff; } div#profile .ontop h2 { font-size:30px; font-weight:normal; line-height:34px; } div#profile .ontop p { font-size:12px; font-weight:bold; line-height:21px; margin:7px 0; } div#profile .ontop .description { width:492px; float:left; padding:10px 30px; } div#profile .ontop .image { width:370px; float:left; padding:8px 0 0 4px; } div#profile .ontop .image div { width:361px; height:163px; background:url(../images/fond/yellow01.gif) no-repeat 0 0; padding:5px; } div#profile .container-right { width:698px; float:left; padding:15px 0 0 0; min-height:274px; } div#profile label.lbleft { float:left; padding:0 10px 0 0; text-align:right; width:190px; font-weight:bold; color:#8c8572; } div#profile 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; } /* __________ 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:492px; float:left; padding:10px 30px; } div#manageorders .ontop .image { width:370px; float:left; padding:8px 0 0 4px; } div#manageorders .ontop .image div { width:361px; height:163px; background:url(../images/fond/yellow01.gif) no-repeat 0 0; padding:5px; } div#manageorders .container-right { width:650px; 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; } /* __________ 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 .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; } div.format .table01 { border:1px solid #dddad0; margin:8px 0; } div.format .table01 th { font-weight:bold; background:#dddad0; text-align:center; } div.format .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; } 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; } div.format p { margin:8px 0; } /* ======================================================================== * 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; } .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; }