/* quand enlevement de l'alerte pensez à changer aussi : line 87 header:height:311 au lieu de 321 line 174 entete_visuel:margin:84 au lieu de 94 /* COLORS */ /***************************************************************/ /*RESET -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } ol, ul { list-style: none; } /***************************************************************/ /* Useful -------------------------------------------------------------- */ .hidden { display:none; } .clear { clear:both; } br .clear { clear:both; line-height:0; font-size:0; height:0; } /***************************************************************/ /* Headings -------------------------------------------------------------- */ h1,h2,h3,h4,h5,h6 { font-weight: normal; color:#000; } /***************************************************************/ /* Typo -------------------------------------------------------------- */ a {color:#000; text-decoration:underline;} a:hover{color:#000; text-decoration:none;} .align_center { text-align:center; } .align_right { text-align:right; } .align_left { text-align:left; } .align_justify{ text-align: justify; } .uppercase { text-transform:uppercase; } .bold { font-weight: bold; } .strike { text-decoration:line-through; } .italic { font-style: italic; } /***************************************************************/ /* Body -------------------------------------------------------------- */ body {background:#fffcf3 url(../Image/DESIGN/defaut/fond_body.jpg) 0 0 repeat-x fixed; font:75% Arial, Helvetica, sans-serif; color: #686868; text-align:left; line-height:1em; } /*hr{ color:#F00; border:1px solid #f00;}*/ img.fond_image {position: fixed; top: 0; left: 50%; margin-left:-650px} /***************************************************************/ /*GLOBAL POSITION -------------------------------------------------------------- */ /* Structure generale -------------------------------------------------------------- */ #conteneur{position:relative; width:934px; margin:0 auto; } #fond_header{} #header{ width:934px; height:311px; } #fond_content{} #content{width:932px; padding:0 0 10px 0;} #fond_footer{} #footer{ overflow:hidden; width:934px;} /* Habillage */ .header{ background:url(../Image/DESIGN/defaut/fond_header.jpg) 0 0 repeat-x;} .content{ background:#fffcf3; border-right:1px solid #fbdfc1; border-left:1px solid #fbdfc1;} .footer{} /* Si Colonnes -------------------------------------------------------------- */ .column, .col1-1, .col1-2{float:left;} .last {margin-right:0;} /* 2cols */ .col1-1{ width:248px; padding:0 26px 0 26px;} .col1-2{ width:632px; position:relative;} /* Bloc Defaut (logo, panier, newsletter, compte, recherche, titre page + ) ------------------------------------------------------------------------- */ #logo{ position:absolute; top:5px; left:0px;} #bloc_facebook{float:right; margin:0 8px 0 0;} #bloc_facebook a {display:block; width:39px; height:35px; background:url(../Image/DESIGN/defaut/img_defaut.png) -251px 0 no-repeat;} #bloc_facebook a span{display:none} #bloc_compte{float:right; margin:0 5px 0 0; display:block; height:34px; line-height:34px; padding:0 8px 0 8px; border-radius:0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; -webkit-box-shadow: 0px 1px 1px #666666; -moz-box-shadow: 0px 1px 1px #666666; background: -webkit-gradient(linear, 0 0, 0 100%, from(#91a909), to(#afc71a)); background: -moz-linear-gradient(top, #91a909, #afc71a); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#91a909, endColorStr=#afc71a); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#91a909, endColorStr=#afc71a); display:inline-block; /* IE is so silly */} #bloc_compte li{color:#fff; background:url(../Image/DESIGN/defaut/img_defaut.png) 0px 0px no-repeat; padding:0 0 0 40px;} #bloc_compte li a{font-size:12px; color:#fff; text-decoration:none;} #bloc_compte li a:hover{ text-decoration:underline;} #bloc_panier{float:right; display:block; height:34px; line-height:34px; -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; border-radius:0 0 8px 8px; -webkit-box-shadow: 0px 1px 1px #666666; -moz-box-shadow: 0px 1px 1px #666666; background: -webkit-gradient(linear, 0 0, 0 100%, from(#ff9804), to(#fcb63d)); background: -moz-linear-gradient(top, #ff9804, #fcb63d); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff9804, endColorstr=#fcb63d); display:inline-block; /* IE is so silly */} #encart_tel{position:absolute; top:45px; right:0; width:255px; height:60px; background:#fff url(../Image/DESIGN/defaut/img_defaut.png) 10px -178px no-repeat; border-bottom:1px solid #f6eedf; border-right:1px solid #f6eedf; -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; border-radius:8px; } #encart_tel .numero{ display:block; color:#ff8400; font-size:27px; padding:15px 0 0 63px;} #encart_tel .texte{display:block; padding:12px 0 0 64px; color:#90a808;} #bloc_recherche{ margin:20px 0 0 0;} #bloc_recherche .recherche_avancee a{ color:#000; padding:0 0 0 10px; height:20px; line-height:20px; color:#90908e; display:none;} #bloc_recherche .recherche_avancee a:hover{ color:#000; padding:0 0 0 10px; height:20px; line-height:20px; color:#90908e; text-decoration:none;} #bloc_titre_page h1{padding:0; color:#000; font-size:10px; text-align:right; clear:both;} /***************************************************************/ /*MENU -------------------------------------------------------------- */ /* Menu Entete -------------------------------------------------------------- */ #entete_visuel {display:block; margin:84px 0 0 0; width:100%; height:159px; background:url(../Image/DESIGN/defaut/visuel_entete.jpg) 0 0 no-repeat;} #menu_ps {display:block; width:100%; height:34px; background:url(../Image/DESIGN/defaut/bg_menu_ps.jpg) 0 0 repeat-x;} #menu_ps .menu_H {line-height: 100%;} #menu_ps .menu_H li {float: left; position: relative; } #menu_ps .menu_H a {display:block; height:33px; line-height:33px; padding:0 15px; width:auto; text-decoration:none; color:#fff; border-right:1px solid #89a009; border-left:1px solid #d1e653;} #menu_ps .menu_H a:hover {background:url(../Image/DESIGN/defaut/bg_menu_ps_over.jpg) 0 0 repeat-x;} #menu_ps .menu_H li.first a { border-left:none;} #menu_ps .menu_H li.last {background:url(../Image/DESIGN/defaut/bg_menu_ps_over.jpg) 0 0 repeat-x; padding:0 0 0 0;} #menu_ps .menu_H li.last a { border-right:none; float:left;} #menu_ps .menu_H li.last span{display:block; width:50px; height:20px; margin:5px 0 0 -10px; float:left; background: url(../Image/DESIGN/defaut/img_defaut.png) 8px -139px no-repeat;} /* Menu Gauche VN -------------------------------------------------------------- */ #menu_Catalogue1{ margin:15px 0 0 0;} #menu_Catalogue1 .titre{margin:0 0 10px 0; padding:0 0 0 20px; color:#4f4e4c; font-size:14px; text-transform:uppercase; font-weight:bold; letter-spacing:1px; background:url(../Image/DESIGN/defaut/picto_titre_fleche.png) 200px 3px no-repeat; } #menu_Catalogue1 .menuVN {width:248px;} #menu_Catalogue1 .menuVN a, #menu_Catalogue3 .menuVN span { display: block; padding:0 0 0 10px; line-height:25px;} #menu_Catalogue1 .menuVN .smenu a{ padding:0 0 0 20px;} #menu_Catalogue1 .menuVN .ssmenu a{ padding:0 0 0 30px;} /*habillage*/ #menu_Catalogue1 .menuVN .level1 {background:#fff;} #menu_Catalogue1 .menuVN .level1 a {margin:0 0 1px 0; background: #ffa523; text-decoration:none; color:#fff; text-align:left;} #menu_Catalogue1 .menuVN .level1 a:hover {color:#fff;} #menu_Catalogue1 .menuVN .level1 a.open1:link{color:#fff;} #menu_Catalogue1 .menuVN .level1 a.open1:visited{color:#fff;} #menu_Catalogue1 .menuVN .level1 a.open1:hover{color:#fff;} #menu_Catalogue1 .menuVN .level1ul{margin:0 0 18px 0; background:url(../Image/DESIGN/defaut/fond_menu_vertical.jpg) 0 0 repeat-x; border-radius:8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0;} #menu_Catalogue1 .menuVN .level1ul a {margin:0 0 1px 0; text-decoration:none; color:#fff; text-align:left; background:transparent url(../Image/DESIGN/defaut/img_defaut.png) 200px -102px no-repeat;} #menu_Catalogue1 .menuVN .level1ul a:hover {background:transparent url(../Image/DESIGN/defaut/img_defaut.png) 200px -77px no-repeat;} #menu_Catalogue1 .menuVN .level1ul a.open1:link{ background:transparent url(../Image/DESIGN/defaut/img_defaut.png) 200px -77px no-repeat; color:#fff;} #menu_Catalogue1 .menuVN .level1ul a.open1:visited{ background:transparent url(../Image/DESIGN/defaut/img_defaut.png) 200px -77px no-repeat; color:#fff;} #menu_Catalogue1 .menuVN .level1ul a.open1:hover{ background:transparent url(../Image/DESIGN/defaut/img_defaut.png) 200px -77px no-repeat; color:#fff;} #menu_Catalogue1 .menuVN .Rouge{margin:0 0 18px 0; background:url(../Image/DESIGN/defaut/fond_menu_vertical_rouge.jpg) 0 0 repeat-x; border-radius:8px 8px 8px 8px; -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px;} #menu_Catalogue1 .menuVN .Rouge a {margin:0 0 1px 0; text-decoration:none; color:#fff; text-align:left; background:transparent url(../Image/DESIGN/defaut/img_defaut.png) 200px -102px no-repeat;} #menu_Catalogue1 .menuVN .Rouge a:hover {background:transparent url(../Image/DESIGN/defaut/img_defaut.png) 200px -77px no-repeat;} #menu_Catalogue1 .menuVN .Rouge a.open1:link{ background:transparent url(../Image/DESIGN/defaut/img_defaut.png) 200px -77px no-repeat; color:#fff;} #menu_Catalogue1 .menuVN .Rouge a.open1:visited{ background:transparent url(../Image/DESIGN/defaut/img_defaut.png) 200px -77px no-repeat; color:#fff;} #menu_Catalogue1 .menuVN .Rouge a.open1:hover{ background:transparent url(../Image/DESIGN/defaut/img_defaut.png) 200px -77px no-repeat; color:#fff;} #menu_Catalogue1 .menuVN .Vert{margin:0 0 18px 0; background:url(../Image/DESIGN/defaut/fond_menu_vertical_vert.jpg) 0 0 repeat-x; border-radius:8px 8px 8px 8px; -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px;} #menu_Catalogue1 .menuVN .Vert a {margin:0 0 1px 0; text-decoration:none; color:#fff; text-align:left; background:transparent url(../Image/DESIGN/defaut/img_defaut.png) 201px -137px no-repeat;} #menu_Catalogue1 .menuVN .Vert a:hover {background:transparent url(../Image/DESIGN/defaut/img_defaut.png) 201px -137px no-repeat;} #menu_Catalogue1 .menuVN .Vert a.open1:link{ background:transparent url(../Image/DESIGN/defaut/img_defaut.png) 201px -137px no-repeat; color:#fff;} #menu_Catalogue1 .menuVN .Vert a.open1:visited{ background:transparent url(../Image/DESIGN/defaut/img_defaut.png) 201px -137px no-repeat; color:#fff;} #menu_Catalogue1 .menuVN .Vert a.open1:hover{ background:transparent url(../Image/DESIGN/defaut/img_defaut.png) 201px -137px no-repeat; color:#fff;} #menu_Catalogue1 .menuVN .level2 {background:#fae9b5;} #menu_Catalogue1 .menuVN .level2 a {background: #fae9b5; text-decoration:none; color:#D68200; text-align:left;} #menu_Catalogue1 .menuVN .level2 a:hover {background:#fae9b5; color:#9F6000;} #menu_Catalogue1 .menuVN .level2 a.open2:link{color:#9F6000;} #menu_Catalogue1 .menuVN .level2 a.open2:visited{color:#9F6000;} #menu_Catalogue1 .menuVN .level2 a.open2:hover{color:#9F6000;} #menu_Catalogue1 .menuVN .level2ul .open2 a {background: #fff; text-decoration:none; color:#D68200; text-align:left;} #menu_Catalogue1 .menuVN .level2ul .open2 a:hover {background:#fff; color:#9F6000;} /* Menu Gauche visuel -------------------------------------------------------------- */ #col_statique{ margin:15px 0 0 0; width:248px;} #col_statique li{position:relative; display:block; margin:0 0 15px 0; padding:60px 10px 10px 130px; width:108px; height:79px; color:#7a7a7a;} #col_statique li .btn{ position:absolute; bottom:25px; right:40px;} #col_statique .newsletter{background:url(../Image/DESIGN/defaut/visuel_newsletter.jpg) 0 0 no-repeat;} #col_statique .commander{background:url(../Image/DESIGN/defaut/visuel_commander.jpg) 0 0 no-repeat;} #col_statique .club{background:url(../Image/DESIGN/defaut/visuel_club.jpg) 0 0 no-repeat;} #col_statique li.cuisinecreole{padding:0; } #col_statique li.cuisinecreole a{height:248px; width:248px; display:block; background:url(../Image/DESIGN/defaut/Logo-MaCuisineCreole.jpg) 0 0 no-repeat;} #col_statique li.cuisinecreole a span{display:none;} /***************************************************************/ /*FOOTER -------------------------------------------------------------- */ /* Footer Menu 1 -------------------------------------------------------------- */ #menu_footer1{ width:932px; background:#fae9b5; height:141px; border-right:2px solid #d7c89b; border-bottom:2px solid #d7c89b; color:#d68200;} #menu_footer1 .livraison{position:relative; float:left; width:167px; height:67px; padding:52px 10px 22px 132px; border-right:1px solid #fff; background:url(../Image/DESIGN/defaut/img_defaut.png) 20px -275px no-repeat;} #menu_footer1 .paiement{position:relative; float:left; width:167px; height:67px; padding:52px 10px 22px 132px; border-right:1px solid #fff; border-left:1px solid #ebc983; background:url(../Image/DESIGN/defaut/img_defaut.png) 20px -409px no-repeat;} #menu_footer1 .label{position:relative; float:left; width:277px; height:97px; padding:22px 10px 22px 22px; border-left:1px solid #ebc983; background:url(../Image/DESIGN/defaut/img_defaut.png) 20px -542px no-repeat;} #menu_footer1 a{display:block; position:absolute; bottom:22px; right:22px;} /* Footer Menu 2 -------------------------------------------------------------- */ #menu_footer2 {width:930px; padding:10px 2px 0 2px;} #menu_footer2 li{float:left; width:200px; padding:0 10px 0 15px;} #menu_footer2 li span.titre1{display:block; width:200px; height:30px; background:url(../Image/DESIGN/defaut/img_defaut.png) 0 -678px no-repeat;} #menu_footer2 li span.titre2{display:block; width:200px; height:30px; background:url(../Image/DESIGN/defaut/img_defaut.png) 0 -720px no-repeat;} #menu_footer2 li span.titre3{display:block; width:200px; height:30px; background:url(../Image/DESIGN/defaut/img_defaut.png) 0 -854px no-repeat;} #menu_footer2 li span.titre4{display:block; width:200px; height:30px; background:url(../Image/DESIGN/defaut/img_defaut.png) 0 -762px no-repeat;} #menu_footer2 li span span{display:none;} #menu_footer2 li ul { margin:10px 0 0 5px; color:#8FA707} #menu_footer2 li ul li{list-style:disc inside; padding:0} #menu_footer2 li ul li a{color:#7a7a7a; text-decoration:none;} #menu_footer2 li ul li a:hover{color:#000; text-decoration:none;} /* Footer part3 -------------------------------------------------------------- */ #menu_footer3 {clear:both;} #menu_footer3 li{padding:20px 10px 20px 10px; text-align:center; color:#8FA707;} /* Footer part4 -------------------------------------------------------------- */ #menu_footer4 { text-align:right; padding:0 10px 0 0;} #menu_footer4 li{text-align:right; color:#000; font-size:10px; padding:0 10px 5px 0; float:right; height:31px; line-height:31px;} /***************************************************************/ /*FORM ET BTN -------------------------------------------------------------- */ /* btn class -------------------------------------------------------------- */ /* vert */ input.button_v{color: #fff; font-size:12px; padding:3px; text-decoration: none; border:none; cursor:pointer; border-radius:8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -webkit-box-shadow: 0px 0px 1px #666666; -moz-box-shadow: 0px 0px 1px #666666; background: -webkit-gradient(linear, 0 0, 0 100%, from(#91a909), to(#afc71a)); background: -moz-linear-gradient(top, #91a909, #afc71a); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#91a909, endColorStr=#afc71a); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#91a909, endColorStr=#afc71a); display:inline-block; /* IE is so silly */ } input.button_v:hover { background:#91a909; } a.button_v:link{ color: #fff; font-size:12px; padding:3px 7px 5px 7px; text-decoration: none; border:none; cursor:pointer; border-radius:8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -webkit-box-shadow: 0px 0px 1px #666666; -moz-box-shadow: 0px 0px 1px #666666; background: -webkit-gradient(linear, 0 0, 0 100%, from(#91a909), to(#afc71a)); background: -moz-linear-gradient(top, #91a909, #afc71a); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#91a909, endColorStr=#afc71a); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#91a909, endColorStr=#afc71a); display:inline-block; /* IE is so silly */ } a.button_v:visited{ color: #fff; font-size:12px; padding:3px 7px 5px 7px; text-decoration: none; border:none; cursor:pointer; border-radius:8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -webkit-box-shadow: 0px 0px 1px #666666; -moz-box-shadow: 0px 0px 1px #666666; background: -webkit-gradient(linear, 0 0, 0 100%, from(#91a909), to(#afc71a)); background: -moz-linear-gradient(top, #91a909, #afc71a); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#91a909, endColorStr=#afc71a); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#91a909, endColorStr=#afc71a); display:inline-block; /* IE is so silly */ } a.button_v:hover{background:#91a909;} /* jaune */ input.button_j{ color: #fff; font-size:12px; padding:3px 7px 5px 7px; text-decoration: none; border:none; cursor:pointer; border-radius:8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -webkit-box-shadow: 0px 0px 1px #999999; -moz-box-shadow: 0px 0px 1px #999999; background: -webkit-gradient(linear, 0 0, 0 100%, from(#ff9804), to(#fcb63d)); background: -moz-linear-gradient(top, #ff9804, #fcb63d); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ff9804, endColorStr=#fcb63d); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff9804, endColorstr=#fcb63d); display:inline-block; /* IE is so silly */ } input.button_j:hover{background:#ff9804;} a.button_j:link{ color: #fff; font-size:12px; padding:3px 7px 5px 7px; text-decoration: none; border:none; cursor:pointer; border-radius:8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -webkit-box-shadow: 0px 1px 1px #999999; -moz-box-shadow: 0px 0px 1px #999999; background: -webkit-gradient(linear, 0 0, 0 100%, from(#ff9804), to(#fcb63d)); background: -moz-linear-gradient(top, #ff9804, #fcb63d); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ff9804, endColorStr=#fcb63d); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff9804, endColorstr=#fcb63d); display:inline-block; /* IE is so silly */ } a.button_j:visited{ color: #fff; font-size:12px; padding:3px 8px 5px 8px; text-decoration: none; border:none; cursor:pointer; border-radius:8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -webkit-box-shadow: 0px 1px 1px #999999; -moz-box-shadow: 0px 0px 1px #999999; background: -webkit-gradient(linear, 0 0, 0 100%, from(#ff9804), to(#fcb63d)); background: -moz-linear-gradient(top, #ff9804, #fcb63d); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ff9804, endColorStr=#fcb63d); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff9804, endColorstr=#fcb63d); display:inline-block; /* IE is so silly */} a.button_j:hover{ background:#ff9804;} /* btn1 +++ */ input.button1{color:#fff; font-size:12px; padding:3px 7px 5px 7px; text-decoration: none; border:none; cursor:pointer; border-radius:8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -webkit-box-shadow: 0px 0px 1px #666666; -moz-box-shadow: 0px 0px 1px #666666; background: -webkit-gradient(linear, 0 0, 0 100%, from(#91a909), to(#afc71a)); background: -moz-linear-gradient(top, #91a909, #afc71a); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#91a909, endColorStr=#afc71a); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#91a909, endColorStr=#afc71a); display:inline-block; /* IE is so silly */ } input.button1:hover { background:#91a909; } a.button1:link, a.Video:link{ color: #fff; font-size:12px; padding:3px 7px 5px 7px; text-decoration: none; border:none; cursor:pointer; margin:0 5px 0 0; border-radius:8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -webkit-box-shadow: 0px 0px 1px #666666; -moz-box-shadow: 0px 0px 1px #666666; background: -webkit-gradient(linear, 0 0, 0 100%, from(#91a909), to(#afc71a)); background: -moz-linear-gradient(top, #91a909, #afc71a); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#91a909, endColorStr=#afc71a); display:inline-block; /* IE is so silly */ } a.button1:visited, a.Video:visited{ color: #fff; font-size:12px; padding:3px 7px 5px 7px; text-decoration: none; border:none; cursor:pointer; margin:0 5px 0 0; border-radius:8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -webkit-box-shadow: 0px 0px 1px #666666; -moz-box-shadow: 0px 0px 1px #666666; background: -webkit-gradient(linear, 0 0, 0 100%, from(#91a909), to(#afc71a)); background: -moz-linear-gradient(top, #91a909, #afc71a); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#91a909, endColorStr=#afc71a); display:inline-block; /* IE is so silly */ } a.button1:hover, a.Video:hover{background:#91a909;} /* btn2++ */ input.button2{ color: #fff; font-size:12px; padding:3px 7px 5px 7px; text-decoration: none; border:none; cursor:pointer; border-radius:8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -webkit-box-shadow: 0px 0px 1px #999999; -moz-box-shadow: 0px 0px 1px #999999; background: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b1b1), to(#dddddd)); background: -moz-linear-gradient(top, #b3b1b1, #dddddd); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#b3b1b1, endColorStr=#dddddd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3b1b1, endColorstr=#dddddd); display:inline-block; /* IE is so silly */ } input.button2:hover{background:#b3b1b1;} a.button2:link{ color: #fff; font-size:12px; padding:3px 7px 5px 7px; text-decoration: none; border:none; cursor:pointer; border-radius:8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -webkit-box-shadow: 0px 1px 1px #999999; -moz-box-shadow: 0px 0px 1px #999999; background: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b1b1), to(#dddddd)); background: -moz-linear-gradient(top, #b3b1b1, #dddddd); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#b3b1b1, endColorStr=#dddddd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3b1b1, endColorstr=#dddddd); display:inline-block; /* IE is so silly */ } a.button2:visited{ color: #fff; font-size:12px; padding:3px 7px 5px 7px; text-decoration: none; border:none; cursor:pointer; border-radius:8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -webkit-box-shadow: 0px 1px 1px #999999; -moz-box-shadow: 0px 0px 1px #999999; background: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b1b1), to(#dddddd)); background: -moz-linear-gradient(top, #b3b1b1, #dddddd); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#b3b1b1, endColorStr=#dddddd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3b1b1, endColorstr=#dddddd); display:inline-block; /* IE is so silly */} a.button2:hover{ background:#b3b1b1;} /* btn3+ */ input.button3{ background:#fff; color: #F69100; font-size:12px; padding:3px 7px 5px 7px; text-decoration: none; border:none; cursor:pointer; border-radius:8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -webkit-box-shadow: 0px 0px 1px #999999; -moz-box-shadow: 0px 0px 1px #999999; border:1px solid #F69100; /* IE is so silly */ } input.button3:hover{background:#ff9804; color:#fff;} a.button3:link{ width:210px; color: #F69100; font-size:12px; padding:3px 7px 5px 7px; text-decoration: none; border:none; cursor:pointer; border-radius:8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -webkit-box-shadow: 0px 1px 1px #eee; -moz-box-shadow: 0px 0px 1px #eee; border:1px solid #F69100; /* IE is so silly */ } a.button3:visited{ width:210px; color: #F69100; font-size:12px; padding:3px 8px 5px 8px; text-decoration: none; border:none; cursor:pointer; border-radius:8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -webkit-box-shadow: 0px 1px 1px #eee; -moz-box-shadow: 0px 0px 1px #eee; border:1px solid #F69100; /* IE is so silly */} a.button3:hover{ background:#F69100; color:#fff;} /* messages errors -------------------------------------------------------------- */ .error{margin: 5px 0 5px 0; color:#f00;} .identification .error{margin: 0 0 10px 0;} .identification .error div{margin: 0 0 10px 0; color:#f00;} .identification .error li{font-style:italic; font-size:11px; line-height:15px; color:#f00;} .etoile{color:#f00;} /* form -------------------------------------------------------------- */ label {font-weight:bold; font-size:11px; height:20px; line-height:20px; text-align:right; padding:0 5px 0 0;} fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;} legend {font-weight:bold;font-size:1.2em;} input[type=text], input[type=password], input.text, input.title, select {background-color:#fff; border:1px solid #E0DDD7; color:#878687; font-size:11px; line-height:18px; height:18px; padding:0 0 0 3px; margin:0; size:25;} textarea{background-color:#fff; border:1px solid #E0DDD7; color:#878687; font-size:11px; line-height:18px; padding:0 0 0 3px; margin:0; size:25;} input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#B3B1B1;} input[type=text], input[type=password], input.text, input.title, textarea, select {margin:1px;} /* message envoi ok/Nook -------------------------------------------------------------- */ .form_message{} .form_message_bouton{} /* .FormMessageOk{width:100%; text-align:center; margin:20px 0 20px 0;} .FormMessageNoOk{text-align:center; margin:20px 0 20px 0;} .FormMessageNoOk strong{color:#EB3B00;} */ /* mini-recherche, mini-newsletter -------------------------------------------------------------- */ input.recherche {background:url(../Image/DESIGN/defaut/img_defaut.png) 0px -239px no-repeat; color:#D68200; border:none; width:202px; height:26px; line-height:26px; padding:0 0 0 5px;} input.newsletter{background-color:#fff;border:1px solid #E0DDD7; color:#878687; font-size:11px; line-height:18px; height:18px; padding:0; margin:0; width:165px;} /***************************************************************/ /*PANIER -------------------------------------------------------------- */ /* Mini_Panier -------------------------------------------------------------- */ #bloc_panier .mini_panier_inactif { height:34px; line-height:34px; padding:0 8px 0 8px;} #bloc_panier .mini_panier_inactif li{background:url(../Image/DESIGN/defaut/img_defaut.png) 0px -40px no-repeat; padding:0 0 0 30px;} #bloc_panier .mini_panier_inactif li a{font-size:13px; color:#fff; text-decoration:none;} #bloc_panier .mini_panier_inactif li a:hover{font-size:13px; color:#fff; text-decoration:underline;} #bloc_panier .mini_panier { height:34px; line-height:34px; padding:0 8px 0 8px;} #bloc_panier .mini_panier li{background:url(../Image/DESIGN/defaut/img_defaut.png) 0px -40px no-repeat; padding:0 0 0 30px;} #bloc_panier .mini_panier li a{font-size:13px; color:#fff; text-decoration:none;} #bloc_panier .mini_panier li a:hover{font-size:13px; color:#fff; text-decoration:underline;} #bloc_panier .mini_panier li:hover > ul {display: block; z-index:5; border:5px solid #fff; -moz-box-shadow:8px 8px 12px #AAAAAA; -webkit-box-shadow:8px 8px 12px #AAAAAA; filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=6); } #bloc_panier .mini_panier ul {position:absolute; top:30px; right:0; width:380px; display:none; background:#fff; } table#mini_panier_table { width:370px; border-collapse:collapse; padding:0 10px 0 0; margin:5px;} table#mini_panier_table td { padding: 5px 5px 5px 5px; text-align:left;} table#mini_panier_table tr.pair , table#mini_panier_table tr.impair { border: 1px solid #eee;} td.mini_panier_img { width:45px; height:45px; text-align:center;} td.mini_panier_prix { width:80px; vertical-align:middle; text-align:right;} td.mini_panier_img , td.mini_panier_titre { border-right: 1px dotted #B3B1B1; vertical-align:middle} table#mini_panier_table td.mini_panier_prdt { text-align:left; } #mini_panier_fp {display:block; width:365px; padding:0 15px 0 0; line-height:25px; font-style:italic; text-align:right; color:#616161;} #mini_panier_detail #mini_panier_voir a{ color:#000; display:block; text-align:right; padding:0 15px 0 0; text-decoration:underline; font-variant:normal; line-height:25px} #mini_panier_detail #mini_panier_voir a:hover{ color:#000; text-decoration:none;} /* Popup ajout panier -------------------------------------------------------------- */ .PopupTerminerCommande .confirmation_ajout_panier{ text-align:center; font-size:14px; line-height:18px; margin:10px;} .PopupTerminerCommande .confirmation_ajout_panier span{ color:#CC1F29; font-size:11px; display:block; margin:0 0 10px 0;} .PopupTerminerCommande a{padding:6px; text-decoration:none; display:block; float:left; width:180px; text-align:center; margin:0 23px 10px 23px;} .PopupTerminerCommande a:hover{} /* btn popup ajout panier */ a.valider_panier:link{ background: -webkit-gradient(linear, 0 0, 0 100%, from(#91a909), to(#afc71a)); background: -moz-linear-gradient(top, #91a909, #afc71a); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#91a909, endColorStr=#afc71a); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#91a909, endColorStr=#afc71a); display:inline-block; color:#fff; font-size:12px; -moz-border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px; border-radius:4px 4px 4px 4px;} a.valider_panier:visited{ background: -webkit-gradient(linear, 0 0, 0 100%, from(#91a909), to(#afc71a)); background: -moz-linear-gradient(top, #91a909, #afc71a); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#91a909, endColorStr=#afc71a); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#91a909, endColorStr=#afc71a); display:inline-block; color:#fff; font-size:12px; -moz-border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px; border-radius:4px 4px 4px 4px;} a.valider_panier:hover{background: #91a909;} a.poursuivre_achats:link{ background: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b1b1), to(#dddddd)); background: -moz-linear-gradient(top, #b3b1b1, #dddddd); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#b3b1b1, endColorStr=#dddddd); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#b3b1b1, endColorStr=#dddddd); display:inline-block; color:#fff; font-size:12px; -moz-border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px; border-radius:4px 4px 4px 4px;} a.poursuivre_achats:visited{ background: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b1b1), to(#dddddd)); background: -moz-linear-gradient(top, #b3b1b1, #dddddd); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#b3b1b1, endColorStr=#dddddd); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#b3b1b1, endColorStr=#dddddd); display:inline-block; color:#fff; font-size:12px; -moz-border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px; border-radius:4px 4px 4px 4px;} a.poursuivre_achats:hover{background:#b3b1b1;} /***************************************************************/ /*BLOCS SUGGESTION ARTICLE/PANIER -------------------------------------------------------------- */ /* Bloc suggestion articles DA (comme pere, fils, cousin..ds differents contexte : article, recherche...) -------------------------------------------------------------- */ .bloc_DA_sell{position:relative; margin:0 0 25px 0; padding:0 0 0 30px; overflow:hidden; border-top:1px dotted #A5A5A2; } .bloc_DA_sell .titre{ font-size:18px; color:#ff9500; line-height:45px;} .bloc_DA_sell .view { float: left; overflow: hidden; position: relative; width:830px; height:272px; margin:0 0 0 18px;} .bloc_DA_sell .buttons { display: block; float: left; height:170px; width:25px; display:none;} .bloc_DA_sell .prev span{ display:none;} .bloc_DA_sell a.prev:link {background:url(../Image/DESIGN/view/grande_fleche_prev.png) 0 120px no-repeat; text-decoration:none; } .bloc_DA_sell a.prev:visited{background:url(../Image/DESIGN/view/grande_fleche_prev.png) 0 120px no-repeat; text-decoration:none;} .bloc_DA_sell a.prev:hover{background:url(../Image/DESIGN/view/grande_fleche_prev.png) 0 120px no-repeat; text-decoration:none;} .bloc_DA_sell .next span{ display:none;} .bloc_DA_sell a.next:link {background:url(../Image/DESIGN/view/grande_fleche_next.png) 0 100px no-repeat; text-decoration:none;} .bloc_DA_sell a.next:visited{background:url(../Image/DESIGN/view/grande_fleche_next.png) 0 100px no-repeat; text-decoration:none;} .bloc_DA_sell a.next:hover{background:url(../Image/DESIGN/view/grande_fleche_next.png) 0 100px no-repeat; text-decoration:none;} .bloc_DA_sell .disable { visibility: hidden; } .bloc_DA_sell .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; } .bloc_DA_sell li {float: left; position: relative; width:190px; height:270px; border:1px solid #ffe9c9; margin:0 20px 12px 0; background:#fff url(../Image/DESIGN/view/fond_li_list.jpg) left bottom repeat-x; overflow:hidden;} .bloc_DA_sell li:hover {border:1px solid #ff9500;} .bloc_DA_sell li .last{margin:0 0 12px 0;} .bloc_DA_sell li a{ display:block; text-decoration:none;} .bloc_DA_sell a.img_produit:link{width:190px; height:160px; line-height:160px; display:table-cell; text-align:center; vertical-align:middle; display:block; overflow:hidden;} .bloc_DA_sell a.img_produit:visited{width:190px; height:160px; line-height:160px; display:table-cell; text-align:center; vertical-align:middle; display:block; overflow:hidden;} .bloc_DA_sell a.img_produit:hover{} .bloc_DA_sell .img_produit span {width:190px; height:160px; line-height:160px; display:table-cell; text-align:center; vertical-align:middle;} .bloc_DA_sell a.voir_produit:link{color:#9f9f9f; font-size:10px; text-align:right; padding:8px 5px 3px 0; border-bottom:1px dotted #9f9f9f;} .bloc_DA_sell a.voir_produit:visited{color:#9f9f9f; font-size:10px; text-align:right; padding:8px 5px 3px 0; border-bottom:1px dotted #9f9f9f;} .bloc_DA_sell a.voir_produit:hover{color:#EB3B00;} .bloc_DA_sell a.art_designation:link{color:#f69100; font-size:14px; line-height:14px; padding:1px 5px 1px 5px; text-align:left; letter-spacing:1px; height:26px; text-transform:lowercase;} .bloc_DA_sell a.art_designation:visited{color:#f69100; font-size:14px; line-height:14px; padding:1px 5px 1px 5px; text-align:left; letter-spacing:1px; height:26px; text-transform:lowercase;} .bloc_DA_sell a.art_designation:hover{} .bloc_DA_sell .art_designation:first-letter{ text-transform:uppercase;} .bloc_DA_sell a.art_descriptif:link{color:#7a7a7a; font-size:10px; text-align:left; display:block; height:26px; overflow:hidden;} .bloc_DA_sell a.art_descriptif:visited{color:#7a7a7a; font-size:10px; text-align:left; display:block; height:26px; overflow:hidden;} .bloc_DA_sell a.art_descriptif:hover{} .bloc_DA_sell a.prix_ttc:link{color:#f69100; text-align:left; padding:4px 5px 4px 5px; font-size:16px; font-weight:bold;} .bloc_DA_sell a.prix_ttc:visited{color:#f69100; text-align:left; padding:4px 5px 4px 5px; font-size:16px; font-weight:bold;} .bloc_DA_sell a.prix_ttc:hover{} .bloc_DA_sell .remise{position:absolute; top:15px; left:0; width:45px; height:19px; background:#ffe9c9; color:#e95d0f; font-size:12px; line-height:19px; display:inline; padding:0 0 0 5px; font-weight:bold;} .bloc_DA_sell .prix_sans_remise{color:#f69100; font-size:12px; text-decoration:line-through; line-height:12px; display:inline; padding:0 0 0 5px;} /* picto_new */ .bloc_DA_sell .picto_NouveautePanierDesIles{ position:absolute; top:15px; right:0; width:61px; height:19px; background:url(../Image/DESIGN/defaut/picto_nouveautes.jpg) 0 0 no-repeat;} .bloc_DA_sell .livraison{display:block; font-size:9px; padding:3px 0 0 5px; color:#f69100;} .bloc_DA_sell .button1{position:absolute; bottom:10px; right:5px; width:80px; text-align:center;} .bloc_DA_sell .button1 span.image{display:none;} .bloc_DA_sell .button_j{position:absolute; bottom:35px; right:5px; width:80px;} /* Bloc suggestion articles validation_panier -------------------------------------------------------------- */ .bloc_DA_sell_panier{position:relative; margin:10px 0 25px 80px;} .bloc_DA_sell_panier .titre{ font-size:14px; color:#ff9500; line-height:35px; display:block; width:335px; text-align:center;} .bloc_DA_sell_panier .view { float: left; overflow: hidden; position: relative; width:350px; height:150px;} .bloc_DA_sell_panier .buttons { display: block; float: left; height:170px; width:25px; display:none;} .bloc_DA_sell_panier .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; } .bloc_DA_sell_panier ul{line-height: 100%; overflow:hidden; margin:0 0 0 50px;} .bloc_DA_sell_panier ul li {float: left; position: relative; width:100px; border:1px solid #B3B1B1; margin:0 12px 0 0; padding:5px 0 0 0;} .bloc_DA_sell_panier ul li:hover {border:1px solid #ff9500;} .bloc_DA_sell_panier ul li:hover .voir_produit{color:#ff9500;} .bloc_DA_sell_panier ul li .last{margin:0 0 12px 0;} .bloc_DA_sell_panier ul li a{ display:block; text-decoration:none;} .bloc_DA_sell_panier a.img_produit img{height:80px } .bloc_DA_sell_panier a.img_produit:link{ text-align:center;} .bloc_DA_sell_panier a.img_produit:visited{ text-align:center;} .bloc_DA_sell_panier a.img_produit:hover{ text-align:center;} .bloc_DA_sell_panier a.voir_produit:link{color:#9f9f9f; font-size:10px; text-align:right; padding:8px 5px 3px 0;} .bloc_DA_sell_panier a.voir_produit:visited{color:#9f9f9f; font-size:10px; text-align:right; padding:8px 5px 3px 0;} .bloc_DA_sell_panier a.voir_produit:hover{color:#ff9500;} .bloc_DA_sell_panier a.art_designation:link{color:#3b3a3a; text-transform:uppercase; font-size:12px; padding:4px 5px 4px 5px; text-align:left; letter-spacing:1px; display:none;} .bloc_DA_sell_panier a.art_designation:visited{color:#3b3a3a; text-transform:uppercase; font-size:12px; padding:4px 5px 4px 5px; text-align:left; letter-spacing:1px; display:none;} .bloc_DA_sell_panier a.art_designation:hover{} .bloc_DA_sell_panier a.prix_ttc:link{color:#EB3B00; text-align:left; padding:4px 5px 4px 5px; font-size:16px; display:none;} .bloc_DA_sell_panier a.prix_ttc:visited{color:#EB3B00; text-align:left; padding:4px 5px 4px 5px; font-size:16px; display:none;} .bloc_DA_sell_panier a.prix_ttc:hover{} .bloc_DA_sell_panier .remise{color:#ec3b00; font-size:14px; line-height:25px; display:inline; letter-spacing:1px; padding:0 5px 0 5px; display:none;} .bloc_DA_sell_panier .prix_sans_remise{color:#626262; font-size:14px; text-decoration:line-through; line-height:25px; display:inline; letter-spacing:1px; padding:0 0 0 5px; display:none;} /************************************************* * image loading -----------------------------------------------------------------*/ #lbl_001 .ImgLoading001 {margin:200px 0 0 0} #lbl_101 .ImgLoading100 {margin:200px 0 0 0} #lbl_100 .ImgLoading100 {margin:25px 0 0 0} #lbl_005 .ImgLoadingTous {margin:15px 0 0 0} .loadingBulle {margin:25px}