/* ************************* */ /* STYLES */ /* *********************** */ /* GLOBAL */ html{ padding:0; margin:0;} body{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding:0; margin:0; text-align:center; color:#333333; background-color:#FFF;background:url(../img/fond.gif);} /* Gestion des titres */ h1, h2,h3, h4, h5, h6,dl, dt, dd, img, p{ padding:0; margin:0; list-style:none;} h3{font-size:14px; color:#7C7060; font-weight:normal} h4{font-size:14px; font-weight:bold} hr{height:1px; background:#D7D7D7; border:none;} p{padding:0; margin:0;} p.clear { display:block; float:none;width:100%; clear: both; height: 1px; font-size: 1px; line-height:0.1em; padding:0; margin:0} ul, li { padding:0; margin:0; list-style:none; } a img { border:none;} a{text-decoration:none; color:#333333;} a:hover{text-decoration:underline} .more a{display:block; color:#C9003E; font-weight:bold; padding-left:25px; background:url(../img/puce-red.png) top left no-repeat;} .container { text-align:left; width:953px;margin-left:auto;margin-right:auto;} /* mainpage */ .mainpage-wrapper{float:left;width:953px; margin: 0 auto;min-height:575px;display:block; background:#FFFFFF none repeat scroll 0%;} .mainpage{position:relative; width:953px; padding:0; background:#FFFFFF; } /* header */ .header { padding:0; margin:0; height:71px} .header-home { padding-top:10px; margin-left:10px;font-size:10px;height:99px;} .header .title{background:url(../img/header_title.png) no-repeat; width:456px ; height:73px; position:absolute; top:42px; left:300px;} /* Barre des menus */ /* wrapper */ .wrapper { display:block;background:#FFFFFF; } /*gestion partie gauche*/ .col-left{float:left; width:191px;} .col-left .produits .menu, .col-left .creations .menu {width:191px; } .col-left .produits .menu ul, .col-left .creations .menu ul{ display:block; } .col-left .produits .menu li, .col-left .menu ul, .col-left .creations .menu li{padding:0; margin:0;text-align:center;} .col-left .produits .menu a,.col-left .creations .menu a {text-decoration:none;} .col-left .produits .menu li, .col-left .creations .menu li{font-size:1px} /*fix ie6*/ .col-left .produits .menu a, .col-left .creations .menu a{font-size:12px} /*fix ie6*/ .col-left .produits .menu, .col-left .creations .menu {width:191px; } .col-left .produits .menu ul, .col-left .produits .creations ul{ display:block; } .col-left .produits .menu li, .col-left .menu ul, .col-left .produits .creations li{padding:0; margin:0;text-align:center;} .col-left .produits .menu .lvl0, .col-left .creations .menu .lvl0 { width:191px;} .col-left .produits .menu .lvl0 li, .col-left .creations .menu .lvl0 li { background:#2B2725 url(../img/bg_menu_lvl0.jpg) bottom no-repeat; } .col-left .produits .menu .lvl0 li a, .col-left .creations .menu .lvl0 li a { color:#FFFFFF; font-weight:bold; text-transform:uppercase; font-size:10px; display:block; margin-left:0px; padding:5px 5px 5px 12px; } .col-left .produits .menu .lvl0 li.active,.col-left .produits .menu .lvl0 li a:hover { background:#E2017B; } .col-left .creations .menu .lvl0 li.active,.col-left .creations .menu .lvl0 li a:hover { background:#E76DA1; } .col-left .produits .menu .lvl0 li.active { border-bottom:1px solid #E2017B; } .col-left .creations .menu .lvl0 li.active { border-bottom:1px solid #E76DA1; } .col-left .produits .menu .lvl0 .lvl1 { padding-top:5px; font-size:10px; border-left:1px solid #E2017B;border-right:1px solid #E2017B;} .col-left .produits .menu .lvl0 .lvl1 li { background:#FFFFFF;color:#898787; } .col-left .produits .menu .lvl0 .lvl1 li.active { border:0;} .col-left .produits .menu .lvl0 .lvl1 li.active a{ color:#E2017B; border:0;} .col-left .produits .menu .lvl0 .lvl1 li a { color:#898787; text-transform:none; font-size:10px; display:block; font-weight:normal; padding:2px 2px 2px 5px;} .col-left .produits .menu .lvl0 .lvl1 li a:hover{ color:#E2017B; text-decoration:underline; background:#FFFFFF;} .col-left .menutexte {width:191px; } .col-left .menutexte ul{ display:block; } .col-left .menutexte li, .col-left .menutexte ul{padding:0; margin:0;text-align:center;} .col-left .menutexte a{text-decoration:none;} .col-left .menutexte li{font-size:1px} /*fix ie6*/ .col-left .menutexte a{font-size:12px} /*fix ie6*/ .col-left .menutexte .lvl0 { width:191px;} .col-left .menutexte .lvl0 li { background:#2B2725 url(../img/bg_menu_lvl0.jpg) bottom no-repeat; } .col-left .menutexte .lvl0 li a { color:#FFFFFF; font-weight:bold; text-transform:uppercase; font-size:10px; display:block; margin-left:0px; padding:5px 5px 5px 12px; } .col-left .menutexte .lvl0 li.active,.col-left .menutexte .lvl0 li a:hover { background:#98BF0E; } .col-left .menutexte .lvl0 .lvl1 { padding-top:5px; font-size:10px; border-left:1px solid #E2017B;border-right:1px solid #E2017B;} .col-left .menutexte .lvl0 .lvl1 li { background:#FFFFFF;color:#898787; } .col-left .menutexte .lvl0 .lvl1 li a { color:#898787; text-transform:none; font-size:10px; display:block; font-weight:normal; padding:2px 2px 2px 5px;} .col-left .menutexte .lvl0 .lvl1 li a.active{ color:#E2017B;} .col-left .menutexte .lvl0 .lvl1 li a:hover{ color:#E2017B; text-decoration:underline; background:#FFFFFF;} .col-left .ref .menu {width:191px; } .col-left .ref .menu ul{ display:block; } .col-left .ref .menu li, .col-left .ref .menu ul{padding:0; margin:0;text-align:center;} .col-left .ref .menu a{text-decoration:none;} .col-left .ref .menu li{font-size:1px} /*fix ie6*/ .col-left .ref .menu a{font-size:12px} /*fix ie6*/ .col-left .ref .menu .lvl0 { width:191px;} .col-left .ref .menu .lvl0 li { background:#2B2725 url(../img/bg_menu_lvl0.jpg) bottom no-repeat; } .col-left .ref .menu .lvl0 li a { color:#FFFFFF; font-weight:bold; text-transform:uppercase; font-size:10px; display:block; margin-left:0px; padding:5px 5px 5px 12px; } .col-left .ref .menu .lvl0 li.active,.col-left .ref .menu .lvl0 li a:hover { background:#F49902; } .col-left .ref .menu .lvl0 .lvl1 { padding-top:5px; font-size:10px; border-left:1px solid #E2017B;border-right:1px solid #F49902;} .col-left .ref .menu .lvl0 .lvl1 li { background:#FFFFFF;color:#898787; } .col-left .ref .menu .lvl0 .lvl1 li a { color:#898787; text-transform:none; font-size:10px; display:block; font-weight:normal; padding:2px 2px 2px 5px;} .col-left .ref .menu .lvl0 .lvl1 li a.active{ color:#E2017B;} .col-left .ref .menu .lvl0 .lvl1 li a:hover{ color:#E2017B; text-decoration:underline; background:#FFFFFF;} /*.col-left .charte .menu {width:191px; } .col-left .charte .menu ul{ display:block; } .col-left .charte .menu li, .col-left .charte .menu ul{padding:0; margin:0;text-align:center;} .col-left .charte .menu a{text-decoration:none;} .col-left .charte .menu li{font-size:1px} /*fix ie6*/ /*.col-left .charte .menu a{font-size:12px} /*fix ie6*/ /*.col-left .charte .menu .lvl0 { width:191px;} .col-left .charte .menu .lvl0 li { background:#2B2725 url(../img/bg_menu_lvl0.jpg) bottom no-repeat; } .col-left .charte .menu .lvl0 li a { color:#FFFFFF; font-weight:bold; text-transform:uppercase; font-size:10px; display:block; margin-left:0px; padding:5px 5px 5px 12px; } .col-left .charte .menu .lvl0 li.active,.col-left .menu .lvl0 li a:hover { background:#32B6E1; } .col-left .charte .menu .lvl0 .lvl1 { padding-top:5px; font-size:10px; border-left:1px solid #E2017B;border-right:1px solid #F49902;} .col-left .charte .menu .lvl0 .lvl1 li { background:#FFFFFF;color:#898787; } .col-left .charte .menu .lvl0 .lvl1 li a { color:#898787; text-transform:none; font-size:10px; display:block; font-weight:normal; padding:2px 2px 2px 5px;} .col-left .charte .menu .lvl0 .lvl1 li a.active{ color:#E2017B;} .col-left .charte .menu .lvl0 .lvl1 li a:hover{ color:#E2017B; text-decoration:underline; background:#FFFFFF;}*/ /*gestion partie centrale */ .col-right{float:left; width:730px;} .col-right .content{} /*.col-right .content .details{margin-left:10px;margin-top:10px;background:url(../img/home/a_la_une.jpg) no-repeat 0 0;}*/ .col-right .content .details {padding-left:15px;} .col-right .content .details .left-details{float:left; width:360px;margin-right:15px;margin-left:15px;} .col-right .content .details .visuel-details{float:right;width:300px;text-align:center;} .col-right .content .detailstexte {padding-left:15px;padding-top:15px;line-height:16px;} .col-right .content .detailstexte .encadre {background:#DADADC;padding:15px; } .col-right .content .detailstexte .encadre .titre {font-size:11px;font-weight:bold; } .col-right .content .detailstexte .encadre .texte {font-size:10px; } .col-right .content .detailstexte .textepage { padding-left:10px;margin-top:10px; } .col-right .content .detailstexte .textepage .texte {font-size:10px; } .col-right .content .detailstexte .textepage h2 {color:#89B500;font-size:11px;font-weight:bold; } .col-right .content .detailstexte ul{} .col-right .content .detailstexte li{list-style-image: url(/assets/img/puce.png);margin-left:13px;} .col-right .content .a-la-une{width:630px;margin-left:10px;background:url(../img/home/a_la_une.jpg) no-repeat 0 0;height:105px;} .col-right .content .a-la-une .visuel-a-la-une{float:left; margin-right:15px;padding-left:110px;} .col-right .content .a-la-une .texte-a-la-une{float:righttext-align:left;} .col-right .content .a-la-une .texte-a-la-une .titre{background:url(../img/home/puce.gif) no-repeat;padding-left:10px;font-weight:bold;} .col-right .content .a-la-une .texte-a-la-une .texte{margin-left:10px;} .col-right .content .produits{ width:745px; height:263px;padding-top:7px;} .col-right .content .produits .menuleft{ width:11px; background:url(../img/home/produits_left.jpg) top right no-repeat;height:263px;float:left;} .col-right .content .produits .menuleft{ width:11px; background:url(../img/home/produits_left.jpg) top right no-repeat;height:263px;float:left;} .col-right .content .produits .menumenuright{ width:11px; background:url(../img/home/produits_right.jpg) top right no-repeat;height:263px;float:right;} .col-right .content .produits .menu{ float:left;width:723px; height:263px;background:url(../img/home/bg_produits_degrade.jpg) bottom left no-repeat;} .col-right .content .produits .menu ul{ margin:0; padding-top:7px;vertical-align:middle; } .col-right .content .produits .menu ul li{width:95px; } .col-right .content .produits .menu ul li{width:116px;height:116px; display: block; float:left; margin-right:3px; margin-bottom:3px; text-align: center; border:1px solid #E2017B; background:#FFFFFF; } .col-right .content .produits .menu ul li.item6 {margin-right:0; } .col-right .content .produits .menu ul li.item12 {margin-right:0; } .col-right .content .produits .menu ul li a {height:58px; display:block; font-size:9px; font-weight:bold; text-decoration:none; color:#E2017B; text-transform:uppercase; margin-left:5px; } .col-right .content .produits .menu ul li.item1 {font-weight:bold;width:86px;padding:15px;background:#E2017B;color:#FFFFFF;font-size:11px;height:86px;margin-left:0px; } .col-right .content .produits .menu ul li.item2 a { width:105px;height:95px;padding-top:100px;background:url(../img/home/sweet_home.jpg) top left no-repeat; } .col-right .content .produits .menu ul li.item2 a:hover{ background:url(../img/home/sweet_home_over.jpg) top left no-repeat;} .col-right .content .produits .menu ul li.item3 a{ width:111px;height:95px;padding-top:100px;background:url(../img/home/office.jpg) top left no-repeat; } .col-right .content .produits .menu ul li.item3 a:hover { background:url(../img/home/office_over.jpg) top left no-repeat; } .col-right .content .produits .menu ul li.item4 a{ width:111px;height:95px;padding-top:100px;background:url(../img/home/kids.jpg) top left no-repeat; } .col-right .content .produits .menu ul li.item4 a:hover, .col-right .content .produits .menu ul li.item4active, .col-right .content .produits .menu ul li.item4active a:hover { background:url(../img/home/kids_over.jpg) top left no-repeat; } .col-right .content .produits .menu ul li.item5 a{ width:111px;height:95px;padding-top:90px;background:url(../img/home/bagagerie.jpg) top left no-repeat; } .col-right .content .produits .menu ul li.item5 a:hover, .col-right .content .produits .menu ul li.item5active, .col-right .content .produits .menu ul li.item5active a:hover { background:url(../img/home/bagagerie_over.jpg) top left no-repeat; } .col-right .content .produits .menu ul li.item6 a{ width:111px;height:95px;padding-top:100px;background:url(../img/home/plv_packaging.jpg) top left no-repeat;} .col-right .content .produits .menu ul li.item6 a:hover, .col-right .content .produits .menu ul li.item6active, .col-right .content .produits .menu ul li.item6active a:hover { background:url(../img/home/plv_packaging_over.jpg) top left no-repeat; } .col-right .content .produits .menu ul li.item7 a{ width:111px;height:95px;padding-top:100px;background:url(../img/home/100_glam.jpg) top left no-repeat;} .col-right .content .produits .menu ul li.item7 a:hover, .col-right .content .produits .menu ul li.item6active, .col-right .content .produits .menu ul li.item6active a:hover { background:url(../img/home/100_glam_over.jpg) top left no-repeat;} .col-right .content .produits .menu ul li.item8 a{ width:111px;height:95px;padding-top:100px;background:url(../img/home/zen.jpg) top left no-repeat;} .col-right .content .produits .menu ul li.item8 a:hover, .col-right .content .produits .menu ul li.item6active, .col-right .content .produits .menu ul li.item6active a:hover { background:url(../img/home/zen_over.jpg) top left no-repeat;} .col-right .content .produits .menu ul li.item9 a{ width:111px;height:95px;padding-top:100px;background:url(../img/home/technomani.jpg) top left no-repeat;} .col-right .content .produits .menu ul li.item9 a:hover, .col-right .content .produits .menu ul li.item6active, .col-right .content .produits .menu ul li.item6active a:hover { background:url(../img/home/technomani_over.jpg) top left no-repeat;} .col-right .content .produits .menu ul li.item10 a{ width:111px;height:95px;padding-top:100px;background:url(../img/home/trucs_et_zinzins.jpg) top left no-repeat;} .col-right .content .produits .menu ul li.item10 a:hover, .col-right .content .produits .menu ul li.item6active, .col-right .content .produits .menu ul li.item6active a:hover { background:url(../img/home/trucs_et_zinzins_over.jpg) top left no-repeat;} .col-right .content .produits .menu ul li.item11 a{ width:111px;height:95px;padding-top:100px;background:url(../img/home/green_attitude.jpg) top left no-repeat;} .col-right .content .produits .menu ul li.item11 a:hover, .col-right .content .produits .menu ul li.item6active, .col-right .content .produits .menu ul li.item6active a:hover { background:url(../img/home/green_attitude.jpg) top left no-repeat;} .col-right .content .produits .menu ul li.item12 a{ padding:15px;font-size:11px;} /*.col-right .content .details2 .left-details2{float:right; width:360px;margin-right:15px;}*/ /*.col-right .content .a-la-une{margin-left:10px; background:url(../img/home/a_la_une.jpg) no-repeat 0 0;} .col-right .content .a-la-une .visuel-a-la-une{float-left;width:200px;}*/ /*.col-right .content .a-la-une .texte-a-la-une{float-right;}*/ /* footer */ /*.footer { width:100%; float:left; padding-top:25px;}*/ .footer-top { width:953px;height:22px; background:url(../img/footer.jpg) no-repeat 0 0;margin: 0 auto; display:block;} .footer-bottom { width:953px;margin: 0 auto;display:block;text-align:right;padding-top:10px;font-size:9px} .col-center-full ul { padding-left:20px; } .col-center-full li { list-style-type:none; padding:5px 0; } .newsletter { width:187px; height:152px;position:absolute; top:18px; left:767px;background:url(../img/newsletter.png) no-repeat; } .newsletter-home { width:187px; height:152px;position:absolute; top:55px; left:767px;background:url(../img/newsletter.png) no-repeat; } h1{margin-left:15px; width:730px; padding-left:17px; padding-top:4px; color:#FFFFFF; font-weight:bold; font-size:11px; } .qsn h1{ background:#98BF0E; height:16px; } .produits h1 { background:#E2017B; height:23px; } .creations h1 {background:#E76DA1; height:23px; } .charte h1 {background:#2DB2DF; height:16px; } .ref h1 {background:#F49902; height:16px; } .produits .left-titrepage, .creations .left-titrepage { float:left;font-size:9px;padding-top:4px;text-transform:uppercase;} .produits .right-titrepage, .creations .right-titrepage {padding-left:650px;padding-top:8px;font-size:8px; background:url(../img/bt_imprimer.jpg) no-repeat;background-position:700px; } .charte h2 {color:#2DB2DF;font-size:11px;font-weight:bold; } .titrepagetexte, .titrepagecontact{ margin-left:15px; background:#98BF0E; width:730px; height:16px; padding-left:17px; padding-top:4px; color:#FFFFFF; font-weight:bold; } /* page contact */ .titrepagecontact { background:#713F7E; } .contact { float:left; margin:10px 15px 0 0; width:300px; } .contact label, .contact input { float:left;} .contact label{ width:115px; height:15px; line-height:15px;} .titrepageref { margin-left:15px;background:#F49902; width:730px; height:16px; padding-left:17px;padding-top:4px; color:#FFFFFF; font-weight:bold; } .titrepagecharte { margin-left:15px;background:#32B6E1; width:730px; height:16px; padding-left:17px;padding-top:4px; color:#FFFFFF; font-weight:bold; } .logo {margin-left:30px;width:147px; height:215px;background:url(../img/logo.jpg) no-repeat;text-align:center;color:#171411;} .logo .tel { font-weight:bold; color:#25A0AF;} .thumb {border:1px solid #E2017B; } .produits .menu { display:none; } .creations .menu { display:none; } .mainnav { display:none; } .footer-bottom { display:none; } .right-titrepage { display:none; }