/************************************************************************* _____ _____ _ __ _ _____ _ __ _____ _____ | _ \ / _ \ | | | \ | | |_ _| | | / / | ____| | _ \ | |_| | | | | | | | | \| | | | | | __ / / | |__ | |_| | | ___/ | | | | | | | |\ | | | | | / | / / | __| | _ { | | | |_| | | | | | \ | | | | |/ |/ / | |___ | |_| | |_| \_____/ |_| |_| \_| |_| |___/|___/ |_____| |_____/ ************************************************************************** Copyright 2010 POINT WEB type : screen categorie : structure site Auteur : site : **************************************************************************/ *{ margin:0; padding:0; outline:none} /*fix bug navigateur*/ .myhr{ clear:both; height:0; overflow:hidden; visibility:hidden; } /************* DETECTION JS **************/ #jserror{ background:#FFFFCC; border:#FF0000 solid 1px; color:#FF0000; padding: 10px; margin: 0 0 10px 0; float:left; } #jserror dt{ font-weight:bold; } /***************************** GENERAL *****************************/ body{ font-family:Verdana, Geneva, sans-serif} a img{ border:none} #global{ width:955px; margin:0 auto} /***************************** HEADER *****************************/ h1{ background:url(../images/logo.jpg) no-repeat left top; width:379px; height:239px; text-indent:-9999px; font-size:0px; float:left} h4{ text-indent:-9999px; font-size:0px; height:65px} hr{ border-bottom:none; border-right:none; border-left:none;} #header{ width:955px; height:239px; float:left} #diapo{ float:left; width:576px} /***************************** WRAPPER *****************************/ #wrapper{ width:955px; float:left} #wrapper_left{ width:308px; float:left} #wrapper_right{ width:647px; float:left} /*blockleft*/ #block_contact{ width:202px; height:46px; background: url(../images/bg_block_contact.jpg) no-repeat left top; padding:46px 0 0 106px} #btn_contact a{ background:url(../images/btn_contact.png) no-repeat left top; width:187px; height:46px; display:block; text-indent:-9999px; font-size:0px} #btn_contact a:hover{ background:url(../images/btn_contact.png) no-repeat left bottom;} #submenu{ background:url(../images/bg_submenu.jpg) no-repeat left top; width:277px; height:273px; padding:159px 0 0 31px} #submenu li{ list-style-type:none} #submenu a{ display:block; text-indent:-9999px;} #btn_soins_visage a{ background:url(../images/btn_soins_visage.jpg) no-repeat left top; width:113px; height:26px} #btn_soins_visage a:hover{ background:url(../images/btn_soins_visage.jpg) no-repeat left bottom;} #btn_soins_corps a{ background:url(../images/btn_soins_corps.jpg) no-repeat left top; width:113px; height:37px;} #btn_soins_corps a:hover{ background:url(../images/btn_soins_corps.jpg) no-repeat left bottom;} #btn_soins_homme a{ background: url(../images/btn_soins_homme.jpg) no-repeat left top; width:113px; height:28px} #btn_soins_homme a:hover{ background: url(../images/btn_soins_homme.jpg) no-repeat left bottom;} #btn_actualite a{ background:url(../images/btn_actualites.jpg) no-repeat left top; width:113px; height:31px;} #btn_actualite a:hover{ background:url(../images/btn_actualites.jpg) no-repeat left bottom;} #btn_cadeaux a{ background:url(../images/btn_cadeaux.jpg) no-repeat left top; width:81px; height:33px; margin:33px 0 0 76px} #btn_cadeaux a:hover{ background:url(../images/btn_cadeaux.jpg) no-repeat left bottom;} /*blockright*/ #menu{ background:url(../images/bg_menu.jpg) no-repeat left top; width:576px; height:43px; padding:31px 0 0 71px} #menu li{ list-style-type:none; float:left} #menu a{ display:block; height:21px; text-indent:-9999px; font-size:0px} #btn_accueil a{ background: url(../images/btn_accueil.jpg) no-repeat left top; width:62px;} #btn_accueil a:hover{ background: url(../images/btn_accueil.jpg) no-repeat left bottom;} #btn_epilation a{ background:url(../images/btn_epilation.jpg) no-repeat left top; width:74px} #btn_epilation a:hover{ background:url(../images/btn_epilation.jpg) no-repeat left bottom;} #btn_mains a{ background:url(../images/btn_mains.jpg) no-repeat left top; width:110px} #btn_mains a:hover{ background:url(../images/btn_mains.jpg) no-repeat left bottom;} #btn_maquillage a{ background:url(../images/btn_maquillage.jpg) no-repeat left top; width:90px;} #btn_maquillage a:hover{ background:url(../images/btn_maquillage.jpg) no-repeat left bottom;} #btn_beaute a{ background:url(../images/btn_beaute.jpg) no-repeat left top; width:125px} #btn_beaute a:hover{ background:url(../images/btn_beaute.jpg) no-repeat left bottom;} #btn_bronzage a{ background:url(../images/btn_bronzage.jpg) no-repeat left top; width:68px;} #btn_bronzage a:hover{ background:url(../images/btn_bronzage.jpg) no-repeat left bottom;} #titre{ width:647px; height:65px;} #titre_accueil{ background: url(../images/titre_accueil.jpg) no-repeat left top; } #titre_epilation{ background:url(../images/titre_epilation.jpg) no-repeat left top;} #titre_mains{ background:url(../images/titre_mains.jpg) no-repeat left top;} #titre_maquillage{ background:url(../images/titre_maquillage.jpg) no-repeat left top;} #titre_beaute{ background:url(../images/titre_beaute.jpg) no-repeat left top;} #titre_bronzage{ background:url(../images/titre_bronzage.jpg) no-repeat left top;} #titre_contact{ background:url(../images/titre_contact.jpg) no-repeat left top;} #titre_visage{ background:url(../images/titre_visage.jpg) no-repeat left top;} #titre_corps{ background:url(../images/titre_corps.jpg) no-repeat left top; } #titre_homme{ background:url(../images/titre_homme.jpg) no-repeat left top;} #titre_actualite{ background:url(../images/titre_actualites.jpg) no-repeat left top;} #titre_cadeau{ background:url(../images/titre_cadeau.jpg) no-repeat left top;} #titre_mentions{ background:url(../images/titre_mentions.jpg) no-repeat left top;} #titre_merci{ background:url(../images/titre_merci.jpg) no-repeat left top;} #content{ background:url(../images/bg_content.jpg) repeat-y left top; width:558px; padding:20px 63px 20px 26px; float:left} #content p a{ color:#0099cc; text-decoration:none} #content p{ font-size:11px; line-height:16px; color:#666; text-align:justify} /*block accueil*/ #block_accueil{ padding:10px; border:1px solid #999; float:left; width:540px} #block_accueil img{ border: 1px solid #999; width:150px} /*tarifs*/ table td.points{ border-bottom: #999 dotted 1px; padding:0 10px 0x 0} table td{ font-size:12px; color:#666} #ongles tr{ margin-bottom:5px} #deplier1{ display:none} #deplier2{ display:none} #deplier3{ display:none} #deplier4{ display:none} #deplier5{ display:none} #deplier6{ display:none} #deplier7{ display:none} #deplier8{ display:none} #deplier9{ display:none} #deplier10{ display:none} #deplier11{ display:none} #deplier12{ display:none} /*block actu*/ #block_actu{ float:left; padding:10px; border:1px solid #999} #padim_actu img{ border:1px solid #999} #padim_actu { width:147px; margin-right:15px; float:left} #texte_actu{ float:left; width:370px} /***************************** FOOTER *****************************/ #footer{ clear:both; padding:10px 24px 30px 40px; width:891px} #footer p{ font-size:10px; color:#666} #footer a{ color:#666; text-decoration:none} #footer a:hover{ text-decoration:underline} .fleche{ background: url(../images/fleche.jpg) no-repeat left top; padding:0 0 0 15px} .left{ float:left} .right{ float:right} .bleu_fonce{ color:#0099cc} .bleu_clair{ color:#66ccff} .align_droit{ text-align:right} .marge_droite_fleche{ margin-right:15px} .dix{ font-size:10px} .vert{ color:#9faf08} .espace_bas{ margin-bottom:5px} .img1{ float:left; margin-right:10px} .liste_texte{ font-size:12px; color:#666} .liste_texte li{ list-style-type: none} .rose{ color:#f5218f} #texte_actu li{ font-size:12px; line-height:16px; color:#666; margin-left:15px}