/* CSS Document */ /*---------ESTILOS GLOBALES---------*/ body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #1E1B1E; text-align:center; } .c1 { font-family: Arial; height:24; color: #666666; text-align:center; background-color: #EEECEC; font-size: 11px; font-weight: normal; padding-left: 6px; padding-right: 6px;} .c2 { font-family: Arial; text-align:center; height:24; color: #666666; background-color: #F9F9F9; font-size: 11px; font-weight: normal; padding-left: 6px; padding-right: 6px;} .c1_iz { font-family: Arial; height:30; color: #666666; text-align:left; background-color: #EEECEC; font-size: 11px; font-weight: normal; padding-left: 6px; padding-right: 6px;} .c2_iz { font-family: Arial; text-align:left; height:30; color: #666666; background-color: #F9F9F9; font-size: 11px; font-weight: normal; padding-left: 6px; padding-right: 6px;} .break {page-break-before: always; } .texte_compo{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; font-weight:bold; } .texte_compo2{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FF7C00; font-weight:bold; } a:active { font-family: Arial; font-size: 11px; color: #D55910; font-weight: normal; text-decoration: none;} a:hover { font-family: Arial; font-size: 11px; color: #D55910; font-weight: normal; text-decoration: none;} a { font-family: Arial; font-size: 11px; color: #D55910; font-weight: normal; text-decoration: underline;} .a_2 { font-family: Century Gothic,Arial; font-size: 14px; color: #757575; font-weight: normal;} .pro_2 { font-family: Century Gothic,Arial; font-size: 14px; color: #FE840C; font-weight: bold; text-decoration: none;} h1 { font-family: Arial; font-size: 15px; color: #D55910; font-weight: bold; display:inline} h2 { font-family: Arial; font-size: 11px; color: #D55910; font-weight: normal; text-align: justify; display:inline} .a:active { font-family: Arial; font-size: 11px; color: #D24E00; font-weight: bold; text-decoration: none;} .a:hover { font-family: Arial; font-size: 11px; color: #D24E00; font-weight: bold; text-decoration: none;} .a { font-family: Arial; font-size: 11px; color: #6D6755; font-weight: bold; text-decoration: none;} .commande:active { font-family: Arial; font-size: 13px; color: #D24E00; font-weight: bold; text-decoration: none;} .commande:hover { font-family: Arial; font-size: 13px; color: #D24E00; font-weight: bold; text-decoration: none;} .commande { font-family: Arial; font-size: 13px; color: #D24E00; font-weight: bold; text-decoration: none;} .pro:active { font-family: Arial; font-size: 11px; color: #D24E00; font-weight: bold; text-decoration: underline;} .pro:hover { font-family: Arial; font-size: 11px; color: #D24E00; font-weight: bold; text-decoration: underline;} .pro { font-family: Arial; font-size: 11px; color: #D24E00; font-weight: bold; text-decoration: none;} .pro3:active { font-family: Arial; font-size: 13px; color: #D24E00; font-weight: bold; text-decoration: underline;} .pro3:hover { font-family: Arial; font-size: 13px; color: #D24E00; font-weight: bold; text-decoration: underline;} .pro3 { font-family: Arial; font-size: 13px; color: #D24E00; font-weight: bold; text-decoration: none;} .pro2:active { font-family: Arial; font-size: 11px; color: #D24E00; font-weight: normal; text-decoration: none;} .pro2:hover { font-family: Arial; font-size: 11px; color: #D24E00; font-weight: normal; text-decoration: none;} .pro2 { font-family: Arial; font-size: 11px; color: #D24E00; font-weight: normal; text-decoration: underline;} .textemenu:hover { font-family: Arial; font-size: 11px; color: #545353; text-decoration: underline; font-weight: normal;} .textemenu:active { font-family: Arial; font-size: 11px; color: #545353; text-decoration: underline; font-weight: normal;} .textemenu { font-family: Arial; font-size: 11px; color: #545353; text-decoration: none; font-weight: normal;line-height:11px;} .bas:active { font-family: Arial; font-size: 11px; color: #6D6755; font-weight: normal; text-decoration: underline;} .bas:hover { font-family: Arial; font-size: 11px; color: #6D6755; font-weight: normal; text-decoration: underline;} .bas { font-family: Arial; font-size: 11px; color: #6D6755; font-weight: normal; text-decoration: none;} .newsletter:active { font-family: Arial; font-size: 11px; color: #545353; font-weight: bold; text-decoration: none;} .newsletter:hover { font-family: Arial; font-size: 11px; color: #545353; font-weight: bold; text-decoration: none;} .newsletter { font-family: Arial; font-size: 11px; color: #545353; font-weight: bold; text-decoration: underline;} .comptepro:active { font-family: Arial; font-size: 11px; color: #545353; font-weight: normal; text-decoration: none;} .comptepro:hover { font-family: Arial; font-size: 11px; color: #545353; font-weight: normal; text-decoration: none;} .comptepro { font-family: Arial; font-size: 11px; color: #545353; font-weight: normal; text-decoration: underline;} .compte:active { font-family: Arial; font-size: 11px; color: #FFFFFF; font-weight: bold; text-decoration: none;} .compte:hover { font-family: Arial; font-size: 11px; color: #FFFFFF; font-weight: bold; text-decoration: none;} .compte { font-family: Arial; font-size: 11px; color: #FFFFFF; font-weight: bold; text-decoration: underline;} .recalculer:hover { text-decoration: underline; cursor : hand; } .recalculer:active { text-decoration: underline; cursor : hand; } .recalculer { text-decoration: underline; cursor : hand; } .cartouchevert { font-family: Arial; font-size: 11px; color: #D1E3A7; font-weight: bold;} .cartoucheblanc:active { font-family: Arial; font-size: 11px; color: #ECECEC; font-weight: bold; text-decoration: none;} .cartoucheblanc:hover { font-family: Arial; font-size: 11px; color: #ECECEC; font-weight: bold; text-decoration: none;} .cartoucheblanc { font-family: Arial; font-size: 11px; color: #ECECEC; font-weight: bold; text-decoration: none;} .recherche {font-family: Arial; font-size: 11px; color: #6D6755; width: 90px;} .titre1menu { font-family: Arial; font-size: 11px; color: #D24E00; font-weight: bold; } .titrenews { font-family: Arial; font-size: 11px; color: #D55910; font-weight: bold; } .texte { font-family: Arial; font-size: 11px; color: #545353;} .texte13 { font-family: Arial; font-size: 13px; color: #545353;} .accroche { font-family: Arial; font-size: 12px; color: #779530; font-weight: bold;} .rechercheav { font-family: Arial; font-size: 11px; color: #D24E00; width: 150px;} .rechercheav2 { font-family: Arial; font-size: 11px; color: #545353; width: 150px;} .rechercheav4 { font-family: Arial; font-size: 11px; color: #D24E00; width: 258px;} .rechercheav3 { font-family: Arial; font-size: 11px; color: #D24E00; width: 258px;} .rechercheav5 { font-family: Arial; font-size: 11px; color: #D24E00; width: 155px;} .celluletablobleue4 { font-family: Arial; color: #000000; background-color: #C2D593; font-size: 12px; font-weight: normal; text-align:left} .celluletablobleue { font-family: Arial; color: #FFFFFF; background-color: #A7C06C; font-size: 12px; font-weight: normal; text-align:center} .celluletablobleue3 { font-family: Arial; color: #FFFFFF; background-color: #A7C06C; font-size: 14px; font-weight: normal; padding-left: 4px; padding-right: 4px;} .celluletabloblanc { font-family: Arial; color: #666666; background-color: #F9F9F9; font-size: 11px; font-weight: normal; padding-left: 6px; padding-right: 6px;} .celluletabloblanc3 { font-family: Arial; color: #666666; background-color: #F9F9F9; font-size: 13px; font-weight: normal; padding-left: 6px; padding-right: 6px;} .celluletablobleu { font-family: Arial; color: #666666; background-color: #EEECEC; font-size: 11px; font-weight: normal; padding-left: 6px; padding-right: 6px;} .celluletablobleu4 { font-family: Arial; color: #666666; background-color: #EEECEC; font-size: 11px; font-weight: normal;} .celluletablobleu3 { font-family: Arial; color: #666666; background-color: #EEECEC; font-size: 13px; font-weight: normal; padding-left: 6px; padding-right: 6px;} .celluletablobleu2 { font-family: Arial; color: #333333; background-color: #FFFFFF; font-size: 11px; font-weight: normal; padding-left: 6px; padding-right: 6px;} .celluletabloorange { font-family: Arial; color: #D55910; background-color: #F9F9F9; font-size: 11px; font-weight: normal; padding-left: 6px; padding-right: 6px;} .celluletablovertfoncee { font-family: Arial; color: #FFFFFF; background-color: #829C45; font-size: 12px; font-weight: bold; padding-left: 4px; padding-right: 4px;} .titre1bleu { font-family: Arial; font-size: 12px; color: #6D6755; font-weight: bold; } .titre1orange { font-family: Arial; font-size: 12px; color: #D55910; font-weight: bold; } .input { font-family: Arial; font-size: 11px; color: #666666; font-weight: bold;} .inputorange {font-family: Arial; font-size: 13px; color: #D55910; font-weight: bold;} .paniergris { font-family: Arial; color: #666666; font-size: 10px; padding-left: 6px; padding-right: 6px; background-color: #E9F1D9; font-weight: normal;} .panierblanc { font-family: Arial; color: #666666; background-color: #FAFDF3; font-size: 10px; padding-left: 6px; padding-right: 6px; font-weight: normal;} .panier:active { font-family: Arial; font-size: 10px; color: #D55910; font-weight: normal; text-decoration: none;} .panier:hover { font-family: Arial; font-size: 10px; color: #D55910; font-weight: normal; text-decoration: none;} .panier { font-family: Arial; font-size: 10px; color: #D55910; font-weight: normal; text-decoration: underline;} .boutonaide {cursor: hand; font-family: Arial; color: #D55910; background-color: #EDECEC; font-size: 11px; height: 23px; padding-left: 6px; padding-right: 6px} .promo { font-family: Arial; font-size: 12px; color: #666666; font-weight: bold; text-decoration : line-through;} .promoindex { font-family: Arial; font-size: 10px; color: #666666; font-weight: bold; text-decoration : line-through;} .promoindex2 { font-family: Arial; font-size: 12px; color: #C03612; font-weight: bold; } .promoremise { font-family: Arial; font-size: 13px; color: #C03612; font-weight: bold; } .titre2 { font-family: Arial; font-size: 11px; color: #D55910; font-weight: bold } .titre1orangecatalogue { font-family: AvantGarde Bk BT; font-size: 20px; color: #D55910; font-weight: book; letter-spacing : 2px; } .titre1orangecatalogue2 { font-family: AvantGarde Bk BT; font-size: 24px; color: #D55910; font-weight: book; letter-spacing : 2px; } .titre2orangecatalogue { font-family: AvantGarde Bk BT; font-size: 20px; color: #666666; font-weight: book; letter-spacing : 2px; } .titre2orangecatalogue2 { font-family: AvantGarde Bk BT; font-size: 24px; color: #666666; font-weight: book; letter-spacing : 2px; } .trait { color: #7F7F7F; background-color: #7F7F7F;} .fondbleu { color: #D55910; background-color: #EDECEC;} .fondgris { color: #CCCCCC; background-color: #CCCCCC;} .fondgrisfonce { color: #767676; background-color: #767676;} .imagegrisfonce { color: #767676; background-color: #767676; border-color : #767676 #767676 #767676 #767676; border : 1px solid #767676;} .txtblanc { font-family: Verdana; font-size: 11px; color: #FFFFFF; text-align: justify } .menublanc { font-family: Verdana; font-size: 10px; color: #FFFFFF; font-weight: bold;} .login { font-family: Verdana; font-size: 9px; color: #FFFFFF;} .okbleu { font-family: Verdana; font-size: 9px; color: #FFFFFF; width: 20px; height: 18px; background-color: #4193C0;} .menugauche {background-color: #BBDBEB;} .b {background-color: #DDEDF5;} .txtcourantjustifie { font-family: Verdana; font-size: 11px; color: #555555; text-align: justify} .txtcourantnonjustifie { font-family: Verdana; font-size: 11px; color: #555555;} .titre1 { font-family: Arial; font-size: 15px; color: #D55910; font-weight: bold } .titreacompleter { font-family: Arial; font-size: 15px; color: #D55910; font-weight: bold } .titre3 { font-family: Arial; font-size: 14px; color: #E88C0D; font-weight: bold } .textebleu { font-family: Arial; color: #1B71A1; font-size: 11px;} .celluletablogrise { font-family: Arial; color: #FFFFFF; background-color: #4193C0; font-size: 11px ; height: 21px; font-weight: bold; padding-left: 4px; padding-right: 4px} .hauttablobleufonce { font-family: Arial; font-size: 11px; color: #1B71A1; font-weight: bold ; background-image: url(imgs/fond_cartouche.gif); height: 23px} .cellulepromo { font-family: Verdana; background-color: #ECF2F5; font-size: 11px; color : #333333; font-weight: bold; text-decoration : line-through; } .cellulepromo1 { font-family: Verdana; background-color: #ECF2F5; font-size: 11px; color: #EC8238; text-align: left} .cellulepromo3 { font-family: Verdana; background-color: #ECF2F5; font-size: 11px; color: #EC8238; text-align: right} .cellulepromosansbg { font-family: Verdana; font-size: 13px; letter-spacing: 0px; color : #EC8238; font-weight: bold } .cellulepromo4 { font-family: Arial; color : #333333; font-weight: normal; text-decoration : line-through } .celluleplansite1 { font-family: verdana; color: #333333; background-color: #ffffff; font-size: 11px; height: 23px;} .celluleplansite2 { font-family: verdana; color: #000000; background-color: #ECF2F5; font-size: 11px; font-weight: bold; height: 23px; padding-left: 6px; padding-right: 6px;} .celluleplansite3 { font-family: Verdana; color: #FFFFFF; background-color: #4193C0; font-size: 15px ; height: 21px; font-weight: bold; padding-left: 4px; padding-right: 4px} .celluleplansite4 { font-family: Verdana; color: #78B7D8; background-color: #ffffff; font-size: 12px ; height: 21px; font-weight: bold; text-align: left} .celluleplansite5 { font-family: Verdana; color: #78B7D8; background-color: #ffff; font-size: 12px ; height: 21px;} .taskpanier { font-family: Verdana; color: #DE822C; background-color: #FFFFFF; font-size: 12px; height: 23px; padding-left: 6px; padding-right: 6px; font-weight: bold} .textegras {font-family: Arial; font-size: 11px; color: #1B71A1; font-weight: bold} .celluletablobleufonce { font-family: Arial; color: #545353; background-color: #D8D8D8; font-size: 11px; padding-left: 6px; padding-right: 6px} .link_panier{ font-family: Arial; font-size: 12px; color: #D55910; font-weight: bold; } .link_panier:hover{ font-family: Arial; font-size: 12px; color: #D55910; font-weight: bold; } .link_panier:active{ font-family: Arial; font-size: 12px; color: #D55910; font-weight: bold; } /*------FIN-------*/ /*--------------ESTILO PARA LA TABLA PRINCIPAL (./index.php)------*/ table.tabla_principal{ width:779; border-style:solid; border-width:1px; border-color:#666666; background-color:#ffffff; } /*---------FIN-----------*/ /* -----------ESTILO PARA PONER BORDEL A LS CUADROS ----*/ .border_{ border-style:solid; border-width:1px; border-color:#ffffff; } .border_2{ border-style:solid; border-width:1px; border-color:#ffffff;border-top-color:#ffffff; } .border_3{ border-style:dotted; border-width:1px; border-color:#ffffff;border-top-color:#ffffff; } .border_4{ border-style:solid; border-width:1px; border-color:#000000; } .border_5{ border-left-style:dashed; border-left-width:1px; border-left-color:#000000;border-bottom-style:dashed; border-bottom-width:1px; border-bottom-color:#000000;border-top-style:dashed; border-top-width:1px; border-top-color:#000000; } .border_6{ border-left-style:dashed; border-left-width:1px; border-left-color:#000000;border-top-style:dashed; border-top-width:1px; border-top-color:#000000; border-right-style:dashed; border-right-width:1px; border-right-color:#000000; } .border_7{ border-top-style:dashed; border-top-width:1px; border-top-color:#000000; } .border_8{ border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#000000; } /* --------FIN---------- */ /* ---- ESTILO PARA LA CABECERA1 (./include/header_1.php) ----*/ /*......celda principal*/ td.header1_box_1{ width:779px;height:20px; font-family:Arial, Helvetica, sans-serif;color:#ffffff;font-size:12px;font-weight:bold; } /*......celda 1*/ td.header1_1{ vertical-align:middle; } a.header1_texto_1{ color:#73A11E;font-family:Arial, Helvetica, sans-serif;font-size:12;font-weight:bold; } a.header1_texto_1:hover { font-family: Arial; font-size: 12px; color: #73A11E;font-weight:bold; text-decoration: none;} /*.....celda2*/ td.header1_2{ vertical-align:middle; text-align:right; } span.header1_texto_2{ color:#73A11E;font-family:Arial, Helvetica, sans-serif;font-size:12;font-weight:bold; } td.header1_3{ width:1px; vertical-align:bottom; text-align:center; } /* ---------------- FIN -------------------*/ /* ---- ESTILO PARA LA CABECERA2 (./include/header_2.php) ----*/ /*......celda principal*/ td.header2_box_1{ width:779px;height:26px; background-image: url(../images/cabecera.jpg); border-bottom-style:solid;border-bottom-width:2px;border-bottom-color:#000000; border-top-style:solid;border-top-width:1px;border-top-color:#000000; font-family:Arial, Helvetica, sans-serif;color:#000000;font-size:12px;font-weight:normal; } /*......celda1*/ td.header2_1{ width:100%; } /*para el espacio del principio por si se qiere dejar un margen*/ td.header2_1_1{ width:10px; } /*para dar formato al texto*/ td.header2_1_2{ font-family:Arial, Helvetica, sans-serif;color:#000000;font-size:12px;font-weight:normal; } /*para los huecos entre textos*/ td.header2_1_3{ width:30px; } /*para el espacion entre las 2 ultimas opciones*/ td.header2_1_4{ } td.header2_1_5{ width:100; } /* ---------------- FIN -------------------*/ /* ---- ESTILO PARA LA CABECERA_ESTRECHA (./include/header_small.php) ----*/ td.cabecera_estrecha{ height:60px; background: url('/imgs/logo_cesta2008.gif') center no-repeat; } /* ---------------- FIN -------------------*/ /* ---- ESTILO PARA LA CABECERA_ANCHA (./include/header_ancha.php) ----*/ /*.......celda principal*/ td.cabecera_acha{ height:233px;width:779px; background-image: url(../images/fondo.jpg); background-repeat:no-repeat; } /*.....caja zona busqueda*/ td.find_box{ width:150; } td.find1{ font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#FFFFFF; } input.find2{ font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#000000; } td.find3{ font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#FFFFFF; } /*.....caja 3 productos*/ td.header_big_box_2{ background-color:#FFFFFF; width:390;height:192; } //caso de un producto td.header_big_2_1_1{ font-family:Verdana, Helvetica, sans-serif; font-size:12px; vertical-align:top; } td.header_big_2_1{ width:171;height:96; background-color:#FFFFFF; font-family:Verdana, Helvetica, sans-serif; font-size:12px; border-style:dashed; border-width:1px; border-color:#000000; vertical-align:top; } td.header_big_2_2{ width:196;height:192; background-color:#FFFFFF; font-family:Verdana, Helvetica, sans-serif; font-size:12px; border-style:dashed; border-width:1px; border-color:#000000; vertical-align:middle;text-align:center; } td.header_big_2_3{ width:3; } td.header_big_2_4{ width:171;height:96; background-color:#FFFFFF; font-family:Verdana, Helvetica, sans-serif; font-size:12px; border-style:dashed; border-width:1px; border-color:#000000; vertical-align:top; } /*----para el caso de cuando sea la opcion de 4 productos---*/ td.header_big_2_5{ width:85;height:96; background-color:#FFFFFF; font-family:Verdana, Helvetica, sans-serif; font-size:12px; border-style:dashed; border-width:1px; border-color:#000000; vertical-align:top; } /*......caja 2 prouctos*/ td.header_big_box_3{ width:220px; vertical-align:middle; } td.header_big_3_1{ width:214px;height:94px; vertical-align:middle; } td.header_big_3_2{ width:214px;height:94px; vertical-align:middle; } /* -----------FIN --------------------------------- */ /* ---------PARA EL LADO IZQUIERDO(zona del menu)./include/side_left.php-------------------*/ /*....celda_principal*/ td.box_side_left{ width:220; background-color:#ffffff; vertical-align:top; } /*----celda1*/ td.side_left_box_1{ vertical-align:top; height:42px;width:214; border-width:1px; border-style:solid; border-color:#000000; } /*....celda contiene menu*/ td.side_left_menu_box{ width:214px;height:320; vertical-align:top; background-color:#EDECEC; } div.side_left_menu{ width: 214px; height: 353px; scrollbar-face-color: EDECEC; scrollbar-track-color: CBCACA; scrollbar-highlight-color: EDECEC; scrollbar-shadow-color: EDECEC; scrollbar-3dlight-color:#545353; scrollbar-darkshadow-color:#545353; scrollbar-arrow-color:#545353; overflow-y: auto; overflow-x: hidden; overflow: auto; background-color: #EDECEC; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#000000; } /*....celda2(sin contar la del menu)sirve para las dos celdas de abajao del menu*/ td.side_left_box_2{ vertical-align:top; height:94px; width:214px; } /*----------FIN--------------------------------------*/ /* ------- PARA EL LADO CENTRAL-DERECHO DEL INDEX.PHP ./include/side_center.php ------------*/ /*..........celda principal*/ td.box_side_center{ width:557px;height:100%; vertical-align:top; } /*.....celda 1*/ td.side_center_box_1{ vertical-align:top; width:337px; border-left-style:dashed; border-left-width:1px; border-left-color:#000000; border-right-style:dashed; border-right-width:1px; border-right-color:#000000; } /*por si hay que hacer la version estrecha*/ td.side_center_margen_medio{ } /*....subcaja1 para la zona del medio conicide cn tamaņo en la de arriba en el caso d ser la version ancha*/ td.side_center_box_1_1{ vertical-align:top; text-align:center; width:335; } td.side_center_1_1_especial{ vertical-align:top; width:100%;height:180; } /*para el caso de que haya 4 productos*/ td.side_center_1_1_especial_4{ vertical-align:top; width:114px;height:90; } /*para el caso de que haya 2 productos*/ td.side_center_1_1_especial_2{ vertical-align:top; width:167;height:135; } /*para el caso de que haya 1 productos*/ td.side_center_1_1_especial_1{ vertical-align:top; width:100%;height:135; } td.side_center_1_1{ vertical-align:top; width:100%;height:94; } /*....subcaja 2 para la zona de la derecha*/ td.side_center_box_2{ vertical-align:top; width:220px; } td.side_center_2_1{ vertical-align:top; width:214px;height:42; } td.side_center_2_2{ vertical-align:top; width:214px;height:55; } td.side_center_2_3{ vertical-align:top; width:214px;height:79; } td.side_center_2_4{ vertical-align:top; width:214px;height:94; } /* -------- FIN --------------------------------------------------*/ /* -------- PARA EL PIE DE LA PAGINA ----------------*/ /*cajon principal*/ td.box_footer{ width:779px;height:47px; } td.footer_1{ width:779px;height:23px; text-align:center; background-image: url(../images/pie_2.jpg); font-family:Arial, Helvetica, sans-serif;color:#000000;font-size:12px;font-weight:normal; } td.footer_2{ width:779px; text-align:center; } /* -------FIN----------------------------------------*/ a.huiles_essentielles_menu { text-decoration:none; color:black; } a.huiles_essentielles_menu:hover { text-decoration:none; color:black; }