/*------------------------------------------------ GENERIQUE ------------------------------------------------*/ *{padding:0;margin:0; /*border:1px solid #0ff;*/ } img{border:none; } a{text-decoration:none; outline: none; } a:active, a:focus {text-decoration:none; outline: none;} a:hover{text-decoration:none; } hr{display:none;} li{list-style-type:none;list-style-position:outside;} /*----------------------------------------------- /GENERIQUE ------------------------------------------------*/ /*------------------------------------------- PROPRIETES ELEMENT --------------------------------------------*/ /* position */ .clear{clear:both;font-size:1px;line-height:0; display:block; } .right, .right_2{float:right; } .left, .left_2{float:left; } .center{text-align:center;margin-left:auto;margin-right:auto; } /*.center{text-align:center;display:table;margin-left:auto;margin-right:auto; } */ /* bordure */ .no_border{border:none; } /* centrage txt*/ .txt-c{text-align:center; } .txt-l{text-align:left; } .txt-r{text-align:right; } .txt-j{text-align:justify; } /* alignement vertical */ .valign-t{vertical-align:top; } .valign-m{vertical-align:middle; } .valign-b{vertical-align:bottom; } /* position */ .rel{position:relative} /* element de hauteur < 10px */ .lf{line-height:0;font-size:1px; } .rel { position:relative;} .mar_top_5 { margin-top:5px; } .mar_top_10 { margin-top:10px; } .mar_top_15 { margin-top:15px; } .mar_top_20, .corp p.mar_top_20 { margin-top:15px; } .pad_l_40 { padding-left:40px;} .src { display:none;} a { color:#0f3e7b;} a:hover { text-decoration:underline;} /*------------------------------------------- /PROPRIETES ELEMENT --------------------------------------------*/ body { text-align:left; background:url(img/modele/body/fd.gif) repeat 50% 50% fixed; font-family:Verdana,Helvetica,sans-serif; font-size:11px; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal;} /*--------Page--------*/ #page { margin-left:auto; margin-right:auto; width:900px; margin-top:78px; position:relative;} .page_fd {min-height:130px; margin: 0px 119px 0 109px;} .page_fd_t_l{ width: 109px; top:0px; left:0px; position: absolute;height:130px;} .page_fd_t_r { width:119px; top:0px; right:0px; position: absolute;height:130px;} .page_fd_b_l { width:119px; bottom:0px; left:0px; position: absolute;height:125px;} .page_fd_b_r { width:119px; bottom:0px; right:0px; position: absolute;height:125px;} .page_fd_b { margin: 0px 119px 0 109px;height:125px;} #ie6 .page_fd { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/modele/body/fd.png'); height:130px; position:relative;} #ie6 .page_fd_t_l { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='img/modele/body/fd_t_l.png'); height:130px; width:712px; position:absolute; top:0px; left:0px;} #ie6 .page_fd_t_r { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='img/modele/body/fd_t_r.png'); height:130px; width:712px; position:absolute; top:0px; right:0px; } #ie6 .page_fd_b_l { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='img/modele/body/fd_b_l.png');} #ie6 .page_fd_b_r { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='img/modele/body/fd_b_r.png');} #ie6 .page_fd_b { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/modele/body/fd_b.png'); height:134px;} #ie7 .page_fd, #notie .page_fd { background: url(img/modele/body/fd.png) repeat; position:relative;} #ie7 .page_fd_t_l, #notie .page_fd_t_l { background:url(img/modele/body/fd_t_l.png) no-repeat top left;} #ie7 .page_fd_t_r, #notie .page_fd_t_r { background: url(img/modele/body/fd_t_r.png) no-repeat top right;} #ie7 .page_fd_b_l, #notie .page_fd_b_l { background:url(img/modele/body/fd_b_l.png) no-repeat bottom left; padding:0 0 0 109px;} #ie7 .page_fd_b_r, #notie .page_fd_b_r { background:url(img/modele/body/fd_b_r.png) no-repeat bottom right; padding:0 119px 0 0;} #ie7 .page_fd_b, #notie .page_fd_b { background:url(img/modele/body/fd_b.png) repeat-x bottom; min-height:125px;} /*-----header-----*/ #header { position:absolute; top:0px; height:136px; margin:0 0 -100px 0;/* z-index:100;*/left:0px; } #ie6 #header { top:100px; z-index:20; height:100%;} #header #logo { position:absolute; top:-70px; left:50%; margin:0 -187px;} #ie6 #header #logo { z-index:20; margin:0 -187px 0 -187px;} #header .part_haut { min-height:50px; margin:10px 0 0 0;} #ie6 #header .part_haut { height:45px; position:relative; margin:-100px 0 0 0;} #header .col_left { text-align:center; float:left; color:#cacaca; width:180px; position:relative; top:-3px; /*background:url(img/modele/brd_gris.gif)repeat-x 0px 22px;*/ margin:0 0 0 70px; font:normal 10px/17px Verdana, Arial, Helvetica, sans-serif; padding: 5px 0 3px 0; } #header .col_right { text-align:center; float:right; color:#cacaca; width:200px; position:relative; top:-3px; /*background:url(img/modele/brd_gris.gif) repeat-x 0px 22px;*/ margin:0 70px 0 0; font:normal 10px/17px Verdana, Arial, Helvetica, sans-serif; padding: 5px 0 3px 0;} #ie6 #header .col_left { width:200px;margin:10px 0 0 28px;} #ie6 #header .col_right { width:200px;margin:10px 28px 0 0;} #ie7 #header .col_left { width:200px;margin:0 0 0 55px;} #ie7 #header .col_right { width:200px;margin:0 55px 0 0;} #header .col_left a, #header .col_right a { color:#777; text-decoration:none; color:#0A74AF; font-weight:bold;} #header .col_left a:hover, #header .col_right a:hover { color:#83B7BD;} #header .tt_cat { text-align:center; margin:10px 37px; } #header .tt_cat table {width:auto; margin-left:auto; margin-right:auto; margin-top:-23px; display:none;} #ie6 #header .tt_cat table { position:relative;} #ie7 #header .tt_cat .bord { width:826px;} #header .tt_cat h2 { position:relative; color:#0079c2; font:bold 14px Verdana, Arial, Helvetica, sans-serif; border-bottom:1px solid #F9F6E8;/**/ top:2px; padding:0 10px; z-index:1000; height:20px;} #header .tt_cat h2 span { position:relative; top:10px;} #header .tt_cat .bord { border-bottom: 0px solid #0079c2; position:relative; height:1px; width:826px;} #ensemble_nav { position:relative; top:-40px; z-index:200; /*margin:0 0 -30px 0;*/} #nav { font: bold 13px Verdana, Arial, Helvetica, sans-serif; margin:0 30px 0 30px; position:relative; } #ie6 #nav {height:100%} #nav li { float:left; width:auto; background: url(img/modele/nav/sep_nav_niv1.gif) no-repeat right 3px; white-space:nowrap;} #nav li.der { background:none;} #nav li a { color:#ccba71; text-decoration:none; display:block; cursor:pointer; padding:0 8px; font-size: 12px; } #nav li.actif a, #nav li a:hover { color:#83b7bd; /* REMOVED by thierry background:url(img/modele/nav/fl_bleu.gif) no-repeat center bottom; */ /*padding-bottom:9px; margin-bottom:-12px;*/ position:relative;} #sous_nav { margin:15px 0 0 0;height:22px; position:relative; background:#b5dadf url(img/modele/nav/fd_nav_niv2.gif) repeat-x bottom; padding:5px 40px 5px 40px; border-top:2px solid #b5dadf; border-bottom:2px solid #b5dadf; /*z-index:100; */} #ie7 #sous_nav {padding:5px 40px 5px 40px;} #ie7 #sous_nav a {padding-left:0px;} #sous_nav .couche { position:absolute; font: bold 12px Arial, Helvetica, sans-serif; color:#0079c2; right:347px; top:9px;} #ie6 #sous_nav, #ie7 #sous_nav { width:820px;height:20px; } #ie7 #sous_nav { margin-top:0px; top:-5px; margin-bottom:-5px;} #sous_nav li { float:left; width:auto; background: url(img/modele/nav/sep_nav_niv2.gif) no-repeat right 4px;} #sous_nav li.der { background:none;} #sous_nav li a { color:#fff; text-decoration:none; display:block; cursor:pointer; padding:4px 8px; font: bold 10px Verdana, Arial, Helvetica, sans-serif;} #sous_nav li.speciale_title { color:#0079c2; text-decoration:none; display:block; padding:4px 8px; font: bold 10px Verdana, Arial, Helvetica, sans-serif;} #sous_nav .produit { float:right; width:auto;} #sous_nav .produit label { float:left; width:auto; padding:5px 10px 0 0; color:#0079c2; font:bold 10px Verdana, Arial, Helvetica, sans-serif;} #sous_nav .produit .select { float:left; width:auto;} #page #sous_nav .produit input { width:200px; background:#fff url(img/modele/form/fl_men_plein.gif) no-repeat right 50%;} #ie7 #page #sous_nav .produit input, #ie6 #page #sous_nav .produit input { padding-top:2px;} /*-----header-----*/ /*-----corp----*/ #corp { padding:0; height:100%; position:relative; } #conteneur { position:relative; top:-30px; padding: 0px 0px 0px 0px;} .pad_corp { padding:0; margin:0; height:auto;} #page a { color:#828282; text-decoration:underline; } #page a:hover { color:#83B7BD; text-decoration:underline; } #page .text_image_l { float:left; margin:0 50px 0 0;} #page .select { position:relative;} #page .select input { position:static; cursor:pointer; background:#fff url(img/modele/form/fl_men.gif) no-repeat right 50%; width:105px; border:1px solid #0079c2; padding:3px 17px 3px 5px; color:#9c9c9c; font:normal 9px Verdana, Arial, Helvetica, sans-serif; } #page .select .selectbox-wrapper { position:absolute; left:0px; top:19px; background:#fff;border:1px solid #0079c2; z-index:1;} #page .select .selectbox-wrapper li { float:none; text-align:left;color:#9c9c9c; font:normal 10px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; display:block; padding:2px 5px; background:#fff;;} #page .select .selectbox-wrapper li:hover { background:#68B1D6; color:#fff;} #conteneur a { color: #83B7BD; text-decoration:underline; } #corp .tt_cat { text-align:left; padding:16px 0 0 0;} #ie6 #corp .tt_cat { padding-top:5px } #corp .tt_cat table {width:100%; margin-left:auto; margin-right:auto; margin-top:-23px;} #ie6 #corp .tt_cat table { position:relative;} #corp .tt_cat h2 { position:relative; color:#9ec6cc; font:bold 14px Verdana, Arial, Helvetica, sans-serif; border-bottom:1px solid #F9F6E8;/**/ top:2px; padding:0px 10px 0px 0px; z-index:10; padding-bottom:20px;} #corp .tt_cat h2 span { position:relative; top:10px;} #corp .tt_cat .bord { display:none; border-bottom: 1px solid #afdaf3; position:relative; height:1px;} .poucet { font:normal 10px Verdana, Arial, Helvetica, sans-serif; color:#c7c7c7; /*margin:30px 0 0 0px;*/ } .poucet a { color:#c7c7c7; text-decoration:none;} .poucet .actif{ color:#72a0a3} /*Colonnes*/ #col_left { float:left; width:580px; position:relative; text-align:left; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color:#a7a7a7; margin:10px 0px 10px 0px;} #ie6 #col_left { margin:0 0 0 -10px; position:relative; height:100%;} #col_left h1 { font:bold 24px Verdana, Arial, Helvetica, sans-serif; color:#72A0A3; font-style:italic;} #col_left h2 { font:bold 24px Verdana, Arial, Helvetica, sans-serif; color:#9EC6CC;} #col_left h3 { font: normal 12px Verdana, Arial, Helvetica, sans-serif; color:#555555; padding:0 0 5px 0;} #col_left .col_vis { float:left; width:348px; margin:20px 0 0 0px;} #col_left .col_prod { float:right; width:234px; margin:14px 0 0 0;} #col_left .col_prod p { margin:5px 0 0 0;} #col_left .col_prod .lst_produit { padding:0px 0; margin:0px 0 0 0; /*border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7;*/ height:100%; overflow:hidden; /*height:245px;*/} #col_left_prodname {margin-top:17px; margin-bottom:0px;} #col_right { float:right; width:213px; border-left: 1px solid #c7c7c7; font: normal 11px Verdana, Arial, Helvetica, sans-serif; margin:20px 0px 0 0px; padding-left:10px;} #ie7 #col_right, #ie6 { margin-right:-30px;} #col_right .ongles { margin:15px 0 0 0;} #col_right .ongles .prem { border-right:1px solid #afaead; margin:15px 0 0 0 ;} #col_right .ongles .der { border-left:1px solid #d7d5cc;} #col_right .mise_avant { background:url(img/modele/col_g_bl_ombre/fd_h.png) no-repeat left top; margin:0px 0 0 0;} #col_right .mise_avant .fd_b { background:url(img/modele/col_g_bl_ombre/fd_b.png) no-repeat left bottom; padding:11px 0; margin-top:-10px;} #col_right .mise_avant input { width:175px; cursor:pointer; padding:5px;font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#0079c2; text-decoration:none; background:none; border:none;} #ie6 #col_right .mise_avant { background:url(img/modele/col_g_bl_ombre/fd_h.gif) no-repeat left top; margin:5px 0 0 0;} #ie6 #col_right .mise_avant .fd_b { background:url(img/modele/col_g_bl_ombre/fd_b.gif) no-repeat left bottom; padding:11px 0;} #col_right .mise_avant .prem { border-right:1px solid #afaead;} #col_right .mise_avant td { padding:5px;} #col_right .mise_avant td a { font: bold 12px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#c7c7c7 } #col_right .mise_avant td a.actif { color:#0079c2;} #col_right .mise_avant h3 { text-align:center; margin:0;padding:5px; color:#77B8BF;} #col_right h3, #col_right h3 a{ font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#0079c2; text-decoration:none;} #col_right h4 { font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#a3a3a3; text-align:left; margin:10px 0 0 0;} /**/ #col_right .underline { text-decoration:underline; text-align:left; color:#a3a3a3;} #col_right .ongle { background: url(img/modele/col_g_bl_ombre/px_brd.gif) repeat-y 106px; position:relative; margin:10px -2px 0 0; } #col_right .ongle .fd_b { background:url(img/modele/col_g_bl_ombre/px_brd.gif) repeat-x left bottom ; height:100%;} #col_right .ongle a { display: block; float:left; color:#c7c7c7; text-decoration:none; width:105px; font:bold 12px Verdana, Arial, Helvetica, sans-serif; padding:12px 0 8px 0;} #col_right .ongle a.actif, #col_right .ongle a:hover { border-bottom:1px solid #F9F6E8; padding-bottom:7px; color:#0079c2; background:url(img/modele/col_g_bl_ombre/fd_actif_t.gif) no-repeat top right; } #col_right .ongle a.ajouter {width:107px; } #col_right .ongle a.panier { width:105px; margin-left:-1px;} #ie6 #col_right .ongle a.ajouter {width:107px; } #ie6 #col_right .ongle a.panier { width:104px; } /**/ table.structure { width:100%; } table.structure td { text-align:center; width:50%;} /**/ table.achat{margin:7px 0 15px 0;} table.achat td { text-align:left; padding:7px 0 0 0;} table.achat select { width:126px; border: 1px solid #0079c2; color:#0079c2;font: normal 11px Verdana, Arial, Helvetica, sans-serif; padding:2px; } table.achat .spect { color:#c7c7c7;} table.achat .sep { height:35px; vertical-align:middle;} table.achat .sep span { display: block; border-top: 1px solid #c7c7c7; height:1px; overflow:hidden;} table.achat .valeur { font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#6f6f6f; text-align:right;} table.achat .valeur input { border:1px solid #0079C2; color:#9C9C9C; font: bold 9px Verdana, Arial, Helvetica, sans-serif; padding:2px 5px;} /**/ .bt_bleu { background:url(img/modele/form/bt_bleu/fd.gif) repeat-x left top ; width:220px; } .bt_bleu .fd_l { background: url(img/modele/form/bt_bleu/fd_l.gif) no-repeat left top;} .bt_bleu .fd_r { text-align:center; background: url(img/modele/form/bt_bleu/fd_r.gif) no-repeat right top;} .bt_bleu .fd_r a, .bt_bleu .fd_r input { font: bold 12px Verdana, Arial, Helvetica, sans-serif; padding: 7px; height:38px; border:none; background:none; text-decoration:none; color:#0079c2; cursor:pointer; outline: none;} /**/ #col_right .prop_prod { margin:55px 0 0 0; } #col_right .prop_prod .prod { padding:10px 0 15px 0; text-align: center;background:url(img/modele/col_g_bl_ombre/fd_h.png) no-repeat left bottom;} #ie6 #col_right .prop_prod .prod {background:url(img/modele/col_g_bl_ombre/fd_h.gif) no-repeat left bottom;} #col_right .prop_prod .prod h4 { text-align:center; display:block;} #col_right .prop_prod .prod h5 { font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#A3A3A3;} #col_right .prop_prod .prod img { margin:3px 0;} /**/ .ongles_descriptions { border-bottom:1px solid #1785c6; border-top:1px solid #1785c6; margin:30px 0 0 0;} .ongles_descriptions .bord { border-bottom:1px solid #59a9d4; border-top:1px solid #59a9d4; background:#68b1d6;} .ongles_descriptions .description { float:left; width:auto; color:#fff; /* background:url(img/modele/nav/sep_nav_niv3.gif) no-repeat right 3px; */} .ongles_descriptions .description h5 { font:bold 12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; padding:2px 7px 2px 5px;} .ongles_descriptions .description h5:hover { text-decoration:underline; color: #FCFFCD;} .ongles_descriptions .description h5.on { text-decoration:underline; background:url(img/modele/nav/fl_bleu.gif) no-repeat center bottom; padding-bottom:12px; margin-bottom:-9px; position:relative; font:bold 12px Verdana, Arial, Helvetica, sans-serif;} .ongles_descriptions .description .cont { display:none;} .restit_ongles { padding:20px 0 0 0; color:#828282;} #ie6 .restit_ongles { height:420px; overflow-x:hidden; overflow-y:auto;} .restit_ongles p { margin:0px 0 20px 0;} #col_left .restit_ongles h2 { line-height:90%; margin-bottom:20px;} #col_right .trousse_voyage .prix_ss_total .prix , #col_right .trousse_voyage .prix_esconte .prix, #col_right .trousse_voyage .prix_total .prix { font:bold 16px Arial, Helvetica, sans-serif; color:#333; padding:0; width:100px; float:right;} #col_right .trousse_voyage .prix_ss_total .txt_prix, #col_right .trousse_voyage .prix_esconte .txt_prix, #col_right .trousse_voyage .prix_total .txt_prix { float:left; width:150px; margin:4px 0 0;} #col_right .trousse_voyage .prix_total .txt_prix { margin:5px 0 0;} #col_right .trousse_voyage .prix_ss_total { clear:both; color:#333; font: normal 12px Arial, Helvetica, sans-serif; text-align:right; margin:10px 0 0 0; border-top:1px solid #ccc; margin:20px 0 0 0 ; padding:7px 0 0 0; } #col_right .trousse_voyage .prix_esconte { clear:both; color:#333; font: normal 12px Arial, Helvetica, sans-serif; text-align:right; margin:10px 0 0 0; } #col_right .trousse_voyage .prix_esconte .prix { font:bold 16px Arial, Helvetica, sans-serif; float:none; color:#333; padding:0;width:100px;} #col_right .trousse_voyage .prix_total { clear:both; color:#333; font: normal 15px Arial, Helvetica, sans-serif; text-align:right; margin:10px 0 0 0; } #col_right .trousse_voyage .prix_total .prix { font:bold 20px Arial, Helvetica, sans-serif; float:none; color:#333; padding:0;} #col_right .trousse_voyage h4 { border-top: solid 2px #ccc; border-bottom:solid 1px #ccc; padding:3px;} #col_right .trousse_voyage h4 .bt { float:right; position:relative; width:auto; padding:1px 2px; background:#fdfdfd; border:1px solid #0a7cc1; font:normal 10px Arial, Helvetica, sans-serif; color:#054E6D; cursor:pointer;} #ie7 #col_right .trousse_voyage h4 .bt, #ie6 #col_right .trousse_voyage h4 .bt { margin-top:-2px;} #col_right .trousse_voyage .prod_trousse { /*position:relative; */ min-height:50px; text-align:left; padding:14px 0 0 0;} #col_right .trousse_voyage .prod_trousse .bt_sup { position:absolute; top:19px; left:0px; cursor:pointer;} #col_right .trousse_voyage .prod_trousse .img_prod { float:left; margin:0 0 0 10px;} #col_right .trousse_voyage .prod_trousse .txt { float:right; width:192px; } #col_right .trousse_voyage .prod_trousse .prix { /*position: absolute; top:12px ; right:6px;*/ padding:0;} #col_right .trousse_voyage .prod_trousse h5 { color:#0079c2; font: bold 10px Arial, Helvetica, sans-serif;text-align:left; width:125px; float:left;} #col_right .trousse_voyage .prix {font: bold 15px Arial, Helvetica, sans-serif; color:#0079C2; float:right; padding:10px 6px 0 0; } #col_right .lst_accessoires { padding:8px 0 0 10px; text-align:left; font-size:10px; } #col_right .lst_accessoires li { background:url(pc_bleu.gif) no-repeat left 10px; padding:2px 0 2px 10px;} /*Colonnes*/ /*select prod trousse */ .txt_intro_trousse p { text-align: left; font:normal 13px Arial, Helvetica, sans-serif; margin:15px 0 10px 0px;} /*error*/ .error, .txt_intro_trousse .error { border:1px solid #F00; color:#F00; padding:17px 10px 10px 90px; background:#ffebeb url(ic_login_alert_big_fd_r.gif) no-repeat 10px 5px; min-height:30px;font:normal 13px Arial, Helvetica, sans-serif;} .valide, #page .txt_intro_trousse .valide { border:1px solid #00803f; color:#00803f; padding:17px 10px 10px 90px; background:#eaffe4 url(valide_big_fd_vert.gif) no-repeat 10px 5px ; min-height:30px;font:normal 13px Arial, Helvetica, sans-serif;} #page .txt_intro_trousse .bt_etap_suiv { background: url(bt_etap_suiv.gif) no-repeat right 3px; color:#00803f; padding:3px 20px 3px 0; margin:-3px 3px; position:relative; display:block; float:left; font-weight:bold;} .txt_intro_trousse .txt_valide { float:left; width:auto;} /**/ #page .select_trousse { /*height:600px;*/ overflow-x:hidden; overflow-y: visible ;border:1px solid #ccc; padding:4px; /*position:relative;*/} #page .select_trousse .prod_trousse { position:relative; min-height:50px; text-align:left; background:/*#f1f1f1*/ transparent; border-bottom:1px dashed #aaa; padding:2px 7px 7px 20px;} #page .select_trousse .prod_trousse .img_prod { float:left; margin:3px 0 0 0;} #page .select_trousse .prod_trousse .bt_ajouter { position: absolute; text-align:center; top:31px; right:13px; width: 55px; color:#054e6d; height:18px; overflow:hidden; padding:6px 14px; background:url(fd_ajouter_trousse.gif) no-repeat left top; text-decoration:none; font:bold 12px Verdana, Arial, Helvetica, sans-serif} #page .select_trousse .prod_trousse .txt { float:left; width:371px; margin:0 0 0 25px; } #page .select_trousse .prod_trousse .txt h5 { color:#0079c2; font-size:15px; padding:4px 0;} #page .select_trousse .prod_trousse .inp_quant { position:absolute; right:106px; top:34px; } #page .select_trousse .prod_trousse .inp_quant input { float:left; width:15px; border: 1px solid #ccc; padding:3px;} #page .select_trousse .prod_trousse .inp_quant label { float:left; width:auto; margin:3px 10px 0 0; /*color:#333;*/ text-transform : capitalize;} #page .select_trousse .prod_trousse .message { text-align:center; border:1px solid #369203; color:#369203; margin:0; position: absolute; top:57px; right:20px; width:190px; padding:2px; font-size:9px;} #page .select_trousse .prod_trousse .col_select { float: left; width:380px; margin:0;} #page .select_trousse .prod_trousse li { clear: both; padding:7px 0 0 0;} #ie7 #page .select_trousse .prod_trousse li { clear: both; padding:3px 0 0 0;} #page .select_trousse .prod_trousse li .quantite { float:right; width:188px; display:block; } #page .select_trousse .prod_trousse li select { float:left; margin:0 21px 0 0;} #page .select_trousse .prod_trousse li label { float:left; width:70px; margin:2px 10px 0 0; /*color:#333;*/ text-transform : capitalize;} .p_trousses_dep { /*padding-right:30px;*/ } .p_trousses_dep #cart_step_bar .center { cursor:pointer;} .p_trousses_dep #cart_step_bar .center .text_inactiv:hover { color: #0079C2;} .p_trousses_dep #col_left { width:550px;} .p_trousses_dep #col_right { width:250px; margin-top:10px; padding-right:7px; margin-right:0; border:1px solid #C7C7C7; /*padding:10px;*/ } .p_trousses_dep #col_right .mise_avant { margin-left:20px; margin-right:20px} .p_trousses_dep #col_right h3 {} #menudrop { float: left; border: 1px solid #0079c2; padding: 1px; display:inline; height:17px; } #menudrop li a { display:block; padding-top:4px; padding-bottom:4px; text-decoration:none;} #menudrop li a:hover { text-decoration:underline;} /* all list items */ #menudrop li { float: left; display:inline; position: relative; width: 28em; text-align:left; font: normal 10px Verdana, Arial, Helvetica, sans-serif; cursor: inherit; background-color:#EDEFF4; color: grey; } #menudrop li.category a { color: #9ec6cc; background-color: white; font: bold 10px Verdana, Arial, Helvetica, sans-serif; } #menudrop li.category_current a { color: #999999; font-weight:bold; background-color: #EAF2FB; } #menudrop li.category_parent a { color: #999999; font-weight:bold; background-color: white; } #menudrop li.product_current a { color: #999999; font-weight:bold; background-color: #EAF2FB; } #menudrop li.product a { color: #999999; font-weight:normal; background-color: white; } /* second-level lists */ #menudrop li ul { display: none; position: relative; top: 10em; left: 0; } /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */ #menudrop li ul { top: auto; left: auto; } /* lists nested under hovered list items */ #menudrop li:hover ul, #menudrop.hover li ul { display: block; } #menudrop li a:hover { background: #FFFFCC; } #menudrop ul a { padding-left:0px; } #menudrop ul ul a { padding-left:10px; } #menudrop ul ul ul a { padding-left:20px; } #menudrop ul ul ul ul a { padding-left:30px; } #menudrop span.present {margin-bottom: -5px; color:#0079c2; height:22px; padding-left:9px; font:bold 11px Verdana, Arial, Helvetica, sans-serif; display: block; padding-right:27px; white-space: nowrap;} #menudrop li.present { height: 16px; padding-top: 1px; margin:0 28px 0 0; } #menudrop span.droparrow { color:#0079c2; height:17px; margin-right:-29px; width:29px; display:block; float:right; margin-top:-18px; background: transparent url(img/modele/form/fl_men_plein.gif) no-repeat;} #menudrop #menudropped { position:absolute; right:0px; top:17px; height:330px; overflow-x:hidden; overflow-y:auto;} #menudropped ul, #menudropped li { margin-left:-1px; border-left:1px solid #0079c2; border-right:1px solid #0079c2;} #menudropped ul li { margin-left:-1px; } #menudropped ul li ul li {margin-left:-1px; } #ie6 #menudropped ul, #menudropped li { margin-left:-2px; border-left:1px solid #0079c2; border-right:1px solid #0079c2;} #ie6 #menudropped ul li { margin-left:-2px; } #ie6 #menudropped ul li ul li {margin-left:-2px; } #menudropped li.start, #menudropped li.delimiter { height: 0px; border-top:1px solid #0079c2;} #menudropped li.end {height: 0px; border-bottom:1px solid #0079c2;} #current_label { font:bold 12px Verdana, Arial, Helvetica, sans-serif; margin-top:2px; color:#0079c2; text-align: right; margin-right: 1em; float: left;} #vedette {margin-left:-10px; width:435px;} #gallery { background-color: #444; padding: 10px; width: 520px; } #gallery ul { list-style: none; } #gallery ul li { display: inline; } #gallery ul img { border: 5px solid #3e3e3e; border-width: 5px 5px 20px; } #gallery ul a:hover img { border: 5px solid #fff; border-width: 5px 5px 20px; color: #fff; } #gallery ul a:hover { color: #fff; } .frm { margin:10px 0 0 0;} /*--------section items--------*/ .section_box{float:left; margin:10px 0px 10px 0px; width:580px;} .big { float:left; width:560px; padding:10px;} .big .img{float:left; width:200px; height:120px;border:1px solid #9EC6CC;} .big .img img{margin:0px;border:0;} .big .text {float:left; margin-left:20px; width:325px;} #col_left .text h3 {font-size: 13px; color:#9EC6CC; font-weight:bold;} #col_left .text p {font-size: 11px; color:#a7a7a7; margin-bottom:10px;} .big, .small1 , .small2 , .small3{ border:1px solid #9EC6CC; } .small1 { padding:2px; } .small2{ } .small3{} .leftsec_1 , .rightsec_1 { min-height:170px; width:280px;} .leftsec_1 {float:left;} .rightsec_1 {float:right;} .small1 .img{float:left; width:100px; height:120px; border:1px solid #9EC6CC;} .small1 .img img{margin:0px; border:0; width:100px; height:120px; } .small1 .text{float:left; width:150px; margin-left:20px; height:100%} .leftsec_2 , .rightsec_2 { min-height:110px; width:280px;} .leftsec_2 {float:left;} .rightsec_2 {float:right;} .small2 .img{float:left; width:110px; height:120px; border-right:1px solid #9EC6CC;} .small2 .img img{margin:0px; border:0; width:110px; height:120px; } .small2 .text{float:left; width:150px; margin-left:20px; height:100%} .leftsec_3 , .rightsec_3 { min-height:110px; width:280px; background: url(img/modele/body/fd_section_box3.png) no-repeat left top; height:140px;} .leftsec_3 {float:left;} .rightsec_3 {float:right;} .small3 .img{float:left; width:130px; height:120px; } .small3 .img img{margin:0px; border:0; width:120px; height:120px; } .small3 .text{float:left; width:150px; margin-left:20px; height:120px; padding:5px;} /*--------/section items--------*/ /*-----footer-----*/ .footer8 {} .footer { text-align:center; top:-25px; margin:0px auto; position:relative; width:670px;} .footer table {width:auto; margin-left:auto; margin-right:auto; margin-top:-23px;} #ie6 .footer { top:-38px;} #ie6 .footer table { position:relative;} #ie7 .footer .bord { width:670px;} .footer h2 { position:relative; color:#cfb54f; font:bold 9px Verdana, Arial, Helvetica, sans-serif; border-bottom:1px solid #F0E8C8;/**/ top:2px; padding:0 10px; z-index:1; height:20px;} .footer h2 span { position:relative; top:15px;} .footer .bord { border-bottom: 1px solid #cfb54f; position:relative; height:1px; width:670px;} .footer p {color:#C8AF4C;} .footer a {color:#C8AF4C;} .footer a.adminedit {color:#0F79BE; text-decoration:underline;} /*-----footer-----*/ /*--------Page--------*/ /** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 9000; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1000; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none; } #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; /*zoom: 1;*/ display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; } /*------------------------------------------------/ buttons CART ------------------------------------------------*/ #page a.bt_outil { /* Sliding right image */ background: transparent url('img/modele/nav/bt_outil_right.png') no-repeat scroll top right; display: block; float: left; height: 16px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */ margin-right: 6px; padding-right: 5px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */ /* FONT PROPERTIES */ font:normal 9px Verdana, Arial, Helvetica, sans-serif; color:#9EC6CC; text-decoration:none; cursor:pointer; } #page a.bt_outil span { /* Background left image */ background: transparent url('img/modele/nav/bt_outil_left.png') no-repeat; display: block; line-height:15px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */ padding: 0px 5px 5px 10px; } #page a.bt_outil:hover span{ text-decoration:underline; } #page a.bt_outil_big { /* Sliding right image */ background: transparent url('img/modele/nav/bt_nav_bar_end.png') no-repeat scroll top right; display: block; float: right; height: 35px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */ margin-right: 6px; padding-right: 26px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */ /* FONT PROPERTIES */ color:#0079c2; font:normal 12px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; } #page a.bt_outil_big span { /* Background left image */ background: transparent url('img/modele/nav/bt_nav_bar_begin.png') no-repeat; display: block; line-height:33px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */ padding: 0px 5px 5px 10px; text-decoration: none; } #page a.bt_outil_big:hover span{ text-decoration:underline; } #conteneur div.systeme_ongles li { list-style-position:outside; list-style-type:disc; margin-left: 30px; } #conteneur div.systeme_ongles ul { margin-bottom: 20px; margin-top: 10px; } #conteneur div.systeme_ongles h4 { margin-top: 12px; margin-bottom:10px; } #conteneur p, #conteneur ul { padding-bottom:15px; } .conteneur_pad { overflow:visible; padding:0 40px; } #corp { color:#919491; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; } #corp h2 { font: bold 16px Verdana, Arial, Helvetica, sans-serif; font-style:italic; color:#72a0a3; padding:0px 0 0 0;} #corp h3 { font: bold 16px Verdana, Arial, Helvetica, sans-serif; font-style:italic; color:#93cdd1; padding:16px 0 0 0;} #conteneur .sidebar p {padding-bottom:1px;} .color_chart div {margin-bottom:25px;} #conteneur ol li { list-style-type:inherit;} /*----------------------------------------------- REVIEWS ---------------------------------------------------*/ #content_reviews {width:565px;} #content_reviews * { padding:0; margin:0; } #content_reviews .reviews_item { float:left; margin:0; border-top:1px solid #DFDCD1; padding:5px 0 0 0; width:575px;} #content_reviews .reviews_date { float:right; text-align:right; margin:-14px 0 0 0; } #content_reviews .reviews_name { margin:0; text-align:right; } #content_reviews .reviews_title { font-weight:bold; font-size:13px; width:60%; margin:-29px 0 0 0; } #content_reviews .reviews_text { margin:0;} #content_reviews .reviews_form_items { background-color:#FAF8F3; float:left; padding:11px 0 15px 15px ; margin:15px 0 10px 0px ; border:1px solid #EFE8E8; } #content_reviews .reviews_form_items * { float: left; margin:9px 0 0 0; } #content_reviews .reviews_form_items label { width: 173px; clear:left; white-space: nowrap; } #content_reviews .reviews_form_items textarea { height:auto; overflow:auto;} #content_reviews .reviews_form_items p { clear:both; display:block; width:300px; } #content_reviews .reviews_long { width:345px; } #content_reviews .reviews_short { width:290px; } #content_reviews .reviews_very_short { width:70px; padding-left:-50px; } #content_reviews .reviews_captcha { padding:3px 40px 0 0; display:block; } #content_reviews .reviews_submit { clear:left; margin:10px 0 0 163px; } #content_reviews .reviews_set { font-size:10px; padding:0 15px 10px 155px; } #content_reviews p.reviews_set { margin:0 0 0 10px; } #content_reviews .reviews_confirm_item { background-color:#FCF0BA; float:left; padding:15px 15px 0px ; margin:15px 0 10px 0px ; border:1px solid #FCDE53; color:#666666; width:500px;} #content_reviews .reviews_alert_item { background-color:#FCF0BA; float:left; padding:15px 15px 0px ; margin: 15px 0 10px 0px ; border:1px solid #FCDE53; color:#FF0000; width:500px; } /*----------------------------------------------- /REVIEWS --------------------------------------------------*/ #corp .message {background-color:yellow; border:1px solid red; margin:10px; padding:10px; font-weight:bold;}