body{ margin:0; padding:0; color:#333333; background-color:#FEF0FB; font-family:Tahoma; font-size:12px; } #cadretotal {width:827px; height:auto; margin: 0 auto; /*Center container on page*/ background-image:url('http://www.assistantepersonnelle.com/images/back2repeat.gif'); background-position:center; background-attachment:fixed;line-height:100%;font-family:Tahoma;font-size:12px; color:#333333; overflow: hidden;} #cadretoptitre {width:827px; background: #ffffff; height:141px;background-image:url(http://www.assistantepersonnelle.com/images/AP2.jpg); background-repeat: no-repeat; background-position:left; margin-left:-0px} #cadretopflash {width:827px; height:66px; } #spacer36px {width:35px; float:left; height:66px} #grisslogan {background-image:url(http://www.assistantepersonnelle.com/images/gris_slogan1.gif); background-repeat:no-repeat; display:block; height:66px; float: left; width: 319px;} #flashconteneur {margin-top: 0;color:#333333;height:66px;background-color:#E8E5D4;text-align:left; float:left; width:425px} #bandeauombre{height: 14px; background:url(http://www.assistantepersonnelle.com/images/back1norepeat.gif) no-repeat top left; width:100%; display:block; background-color:#FF9999; margin-left:1px} #colonneGauche {width:527px; height:auto; float:left; padding-left:45px; padding-right:10px; } #colonneDroite {width:200px; height:auto; float:left; padding-left:1px} #footer{clear: left;width: 100%;background:url(http://www.assistantepersonnelle.com/images/back3norepeat.gif) no-repeat; height:38px;text-align:center;} #footer a{color: #FFFF80;} li.check { background: url(http://www.assistantepersonnelle.com/images/action_check.gif) no-repeat left top; padding-left:20px; text-decoration:none; margin-left:-40px; line-height:18px} .slogan {background:url(http://www.assistantepersonnelle.com/images/guillemets.gif) no-repeat top left; height:35px; font-family:Geneva, Arial, Helvetica, sans-serif; padding: 9px 0px 0px 17px; font-size:13px; font-weight:bold; color: #66CC00; margin-top:3px} .Style2 {font-family:Tahoma; font-size:12px; margin-left:10px; font-style:italic } .Style3 {font-family:Tahoma; font-size:12px; ; margin-left:10px; border-bottom:#CCCCCC 1px solid; padding-bottom:5px; padding-left:100px; font-style:italic} .paveCentre { margin-left:15px} .contenu2{font-family:Tahoma; font-size:11px ;background:url(http://www.assistantepersonnelle.com/images/arrow_next.gif) no-repeat left; margin-top:3px; padding-left:18px; line-height:16px; } .CadreBasPage a{color:#666666; text-decoration: none; width:520px; height:40px;} .CadreBasPage a:hover {text-decoration:underline; color:#CC00CC} /*codes menus*/ img {float:left; margin:0px 10px 0px 0px;} ul.circle {list-style-type: circle; padding-top:0px; padding-left:48px; text-align: left; line-height:100%; color: #990066; font-style: normal; font-weight: normal;} .sexypanels{ list-style-type: none; margin: 0; padding: 0; width: 180px; /* width of menu */ } .sexypanels li{ border-bottom: 1px solid white; /* white border beneath each menu item */ } .sexypanels li a{ background-image:url('http://www.assistantepersonnelle.com/images/pastille-trait.gif'); background-repeat: no-repeat; font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana; display: block; color: #CC3333; width: auto; padding: 5px 0; /* Vertical (top/bottom) padding for each menu link */ padding-left:20px; text-indent: 8px; text-decoration: none; /*bottom border of menu link. Should be equal or darker to link's bgcolor*/ } .sexypanels li a:visited, .sexypanels li a:active{ color: black; } .sexypanels li a:hover{ /*color of menu onMouseover*/ color: white; text-decoration:underline; color: #B2149A; /*bottom border of menu link during hover. Should be equal or darker to link's hover's bgcolor*/ } .sexypanels li a{ /* Menu link width value for IE */ width: 100%; } /*menu pratique*/ .urbangreymenu{ width: 170px; /*width of menu*/ padding-left:10px; } .urbangreymenu .headerbar{ font: bold 13px Verdana; color: white; background: #606060 url(http://www.assistantepersonnelle.com/images/arrowstop.gif) no-repeat 12px 7px; /*last 2 values are the x and y coordinates of bullet image*/ margin-bottom: 0; /*bottom spacing between header and rest of content*/ text-transform: uppercase; padding: 7px 0 7px 31px; /*31px is left indentation of header text*/ } .urbangreymenu ul{ list-style-type: none; margin: 0; padding: 0; margin-bottom: 0; /*bottom spacing between each UL and rest of content*/ } .urbangreymenu ul li{ padding-bottom: 1px; /*bottom spacing between menu items*/ } .urbangreymenu ul li a{ font: normal 12px Arial; color: black; background: #E9E9E9; display: block; padding: 5px 0; line-height: 14px; padding-left: 8px; /*link text is indented 8px*/ text-decoration: none; } .urbangreymenu ul li a:visited{ color: black; } .urbangreymenu ul li a:hover{ /*hover state CSS*/ color: white; background: black; } /*page index*/ .accueilHautGauche { background:url(http://www.assistantepersonnelle.com/images/back_bienvenue.gif) no-repeat left top ; height:250px; margin:Opx;width:200px; float:left} .accueilHautGaucheTitre{ height:25px; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;padding:7px;} .acceuilText{ font-size:12px; font-family:Tahoma; padding-left:8px; padding-right:8px; line-height:120%; overflow:hidden; height:190px; width:180px; color:#432442; } .accueilHautDroit {float: left;width: 320px; height:250px;display:block;padding-top:10px;} .accueilBasGauche {height:210px;margin-top:Opx;width:270px; float:left} .accueilBasDroit {float: left;width: 250px;height:210px;display:block;background:url(http://www.assistantepersonnelle.com/images/postit3.gif) no-repeat ;} /*pages générales*/ .contenugeneral { width:520px; height:auto; overflow:hidden} /*design des pages*/ /*codes page 2*/ #rectanglePage2Bas{ width: 300px; /*Width of main container*/ height:212px; background:url(http://www.assistantepersonnelle.com/images/notepad.gif) no-repeat left top ; padding-left:210px; float:left; } .acceuilTitre { height:25px; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; padding:7px;} .basTitre { font-size:14px; font-family:Arial; padding-left:8px; padding-right:8px; line-height:120%; overflow:hidden; height:40px; width:290px; color: #0033CC; font-weight:bold; border-bottom: #CCCCCC 1px solid } .bando{background:url(http://www.assistantepersonnelle.com/images/bandeau_100_50.gif) no-repeat center ; display:block ; width:310px; height:60px; } .texteBando { font-family:Tahoma ; font-weight:bold; font-size:12px; padding-left:120px; padding-top:13px} #top{ height: 30px; /*Height of top section*/ width:500px; } #rectanglePage2Haut{ width: 500px; /*Width of left column*/ background:url(http://www.assistantepersonnelle.com/images/engrenages_left.gif) repeat-y left; float:left; } .table510top {width:510px; background:url(http://www.assistantepersonnelle.com/images/engrenages_top.gif) no-repeat top left; font-family:Tahoma; font-size:12px; padding-left:10px;} .table250bottom {width:510px; background:url(http://www.assistantepersonnelle.com/images/engrenages_bottom.gif) no-repeat top left; height:12px;} .engrenageTitre { font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color: #3399CC; padding-left:60px; padding-top:10px} .legal {font-size: 9px; font-family:Tahoma} /*.titreColoneDroite {background:url(back_top_cadre_h29.gif) top; font-family:Arial, Helvetica, sans-serif ; font-size:13px; font-weight:bold; color:#FFFFFF}*/ .puce1 {background:url(http://www.assistantepersonnelle.com/images/puce1_30.gif) no-repeat left center; list-style-type:none; margin-left:-40px; padding-left:40px; height:30px} .puce2 {background:url(http://www.assistantepersonnelle.com/images/puce2_30.gif) no-repeat left center; list-style-type:none; margin-left:-40px; padding-left:40px; height:30px} .puce3 {background:url(http://www.assistantepersonnelle.com/images/puce3_30.gif) no-repeat left center; list-style-type:none; margin-left:-40px; padding-left:40px; height:30px} /*codes liste prix et FAQ*/ .layfaq { display: none; position: relative; font-family:Tahoma; font-size:12px; width:480px; margin-bottom:2px;} .titreFAQ {font-family:Tahoma; font-size:15px; background:url(http://www.assistantepersonnelle.com/images/interrogation.gif) no-repeat left top; color:#990066; font-weight:bold; height:38px; padding-left:40px; padding-top:5px; width:480px} .depliantfaq a {font-family:Tahoma; font-size:12px; background:url(http://www.assistantepersonnelle.com/images/grey_arrow.gif) no-repeat left top; text-decoration:none; color: #666 ; width:480px; display:block; margin-top:1px;padding-left:20px; font-weight:bold; margin-left:10px; height:15px; } .depliantfaq a:hover {font-family:Tahoma; font-size:12px; text-decoration:underline; } .lay { display: none; position: relative; font-family:Tahoma; font-size:12px; width:480px; margin-bottom:20px;} .titretarifs {font-family:Tahoma; font-size:15px; background:url(http://www.assistantepersonnelle.com/images/euros.gif) no-repeat left top; color:#990066; font-weight:bold; height:38px; padding-left:40px; padding-top:5px; width:480px} .fonts {font-family:Tahoma; font-size:12px; width:480px; padding-left:10px; padding-top:10px; line-height:120%; text-align: justify} .depliant a {font-family:Tahoma; font-size:12px; background:url(http://www.assistantepersonnelle.com/images/play3.gif) no-repeat left top; text-decoration:none; color:#666; width:480px; display:block; margin-top:10px;padding-left:20px; font-weight:bold; margin-left:10px; height:25px; } .depliant a:hover {font-family:Tahoma; font-size:12; text-decoration:underline; } .border {border-top:1px #CCCCCC solid; display:block; width:480px;} .prix {padding-left:1px; list-style-type:square;} #ContenairPrix {height:400px; overflow:hidden; width:480px} li.tarif { list-style:square} /*codes carre images*/ #rectangle{ width: 520px; /*Width of main container*/ height:200px; float:left; padding-top:10px } .titres {padding-left: 15px; padding-top:10px; height:25px; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;} .lienTitre a {background:url(http://www.assistantepersonnelle.com/images/fleche_titresA.gif) no-repeat left ; padding-left:25px; color:#FFFFFF; text-decoration:none} .lienTitre a:hover { padding-left:20px; margin-left:5px; text-decoration:underline} #carreDroit{ background:url(http://www.assistantepersonnelle.com/images/image6.jpg) no-repeat center top; height:200px; width:260px; float:left} #carreGauche{float: left; width: 260px; /*Width of right column*/ background:url(http://www.assistantepersonnelle.com/images/image7.jpg) no-repeat center top; height:200px; float:left} .bottom { font-size:12px; font-family:Tahoma; padding-top:90px; padding-left:10px; padding-right:10px; line-height:90%; overflow:hidden; height:44px} .savoir { font-size:12px; font-family:Tahoma; padding-top:5px; height:22px; padding-left:160px; padding-right:10px; line-height:90%; background: url(http://www.assistantepersonnelle.com/images/plus.gif) right no-repeat; margin-right:15px} #CarreDroitBas{ background:url(http://www.assistantepersonnelle.com/images/image9.jpg) no-repeat center top; height:200px; float: left; width: 260px; } #CarreGaucheBas{ float: left; width: 260px; /*Width of right column*/ background: url(http://www.assistantepersonnelle.com/images/image10.jpg) no-repeat center top; height:200px; } /*codes de formulaires*/ .form2 {width:200px; height:auto; padding-left:22px; padding-top:32px} .feedbackform{ padding: 2px; } div.fieldwrapperContact{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/ width: 510px; /*width of form rows*/ overflow: hidden; padding: 5px; } div.fieldwrapperContact label.styledContact{ /* label elements that should be styled (left column within fieldwrapper DIV) */ float: left; width: 150px; /*width of label (left column)*/ text-transform: none; border-bottom: 1px solid purple; margin-right: 15px; /*spacing with right column*/ } div.fieldwrapperContact div.thefieldContact{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */ float: left; margin-bottom: 1px; /* space following the field */ } div.fieldwrapperContact div.thefieldContact input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */ width: 250px; } div.fieldwrapperContact div.thefieldContact textarea{ /* style for TEXTAREA fields. */ width: 300px; height: 70px; } div.buttonsdiv{ /*div that wraps around the submit/reset buttons*/ margin-top: 1px; /*space above buttonsdiv*/ } div.buttonsdiv input{ /* style for INPUT fields within 'buttonsdiv'. Assumed to be form buttons. */ width: 80px; background: #e1dfe0; } .Style4 {font-family:Tahoma; font-size:12px; ; padding-bottom:5px; padding-left:20px; font-style:italic; background:url(http://www.assistantepersonnelle.com/images/grey_arrow.gif) no-repeat left top} .Style5 {font-family:Tahoma; font-size:12px; height:50px ; padding-bottom:5px; padding-left:20px; font-style:italic; background:url(http://www.assistantepersonnelle.com/images/grey_arrow.gif) no-repeat left top} .texteTitreform{ padding-left:20px; padding: 5px 10px 5px 10px ;font-family:Tahoma; font-size:15px; color:#990066; font-weight:bold; border-bottom:#CCCCCC 1px solid;} li {list-style-type:none} .cnil { font-family:Tahoma; font-size:11px; } .titreContact { background:url(http://www.assistantepersonnelle.com/images/infos.gif) no-repeat left top; width:520px; height:45px; margin:0; padding:0 } .texteTitreContact{ padding-left:35px; padding-top: 5px;font-family:Tahoma; font-size:15px; color:#990066; font-weight:bold; height:40px} /* codes des pages services*/ #contenuPrincipal{ width:510px; margin-top:0px; background: #fff; } .entete{background:url(top_popup.gif) no-repeat left; height:54px; display:block;font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:white; padding-left:230px; padding-top:1px;} .contenu{font-family:Tahoma; font-size:11px ;background:url(http://www.assistantepersonnelle.com/images/grey_arrow.gif) no-repeat left; margin-top:3px; margin-left:15px; padding-left:15px; } .titrepopup{ font-family: Tahoma; font-size:12px; color: #333333 ; font-weight:bold; border-bottom:1px solid #929ba2; padding-top:5px; margin-left:15px; width:300px;} /*.titrepopup{ font-family: Tahoma; font-size:12px; color: #333333 ; font-weight:bold; border-bottom:1px solid #929ba2; padding-top:5px; margin-left:15px; width:300px;background:url(http://www.assistantepersonnelle.fr/images/fleche_titresA.gif) no-repeat left;padding-left:13px;}*/ .introHaut {font-family:Tahoma; font-size:12px; margin:5px; } .retour { font-weight:bold; text-align:center; margin-left:300px} /*codes pages particuliers*/ ul.particuliers { width:400px; list-style-type:none; } /* programmation css du va et vient PROFESSIONNELS / PARTICULIERS*/ .carreSelect { width:137px; height:100px; display:block; margin-left:622px; padding-top:39px;} .professionnels a{ width:115px; height:54px; background:url(http://www.assistantepersonnelle.com/images/cadre_violet_smallvide.jpg) no-repeat; color: #FFFFFF; display:block; padding-left:19px; font-size:9px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; float:left; margin-top:10px; padding-top:5px } .professionnels a:hover {width:154px; height:49px; background:url(http://www.assistantepersonnelle.com/images/cadre_violet_bigvide.jpg) no-repeat; font-size:12px; padding-top:10px; font-weight:bold; padding-left:25px;letter-spacing:1px; margin-top:11px; } .PARTICULIERS {width:auto; height:auto; display:block; float:left} .particuliers a{ width:80px; height:25px; background:url(http://www.assistantepersonnelle.com/images/cadre_bleu_small.gif) no-repeat; color: #FFFFFF; display:block; padding-top:5px; padding-left:19px; font-size:9px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-weight:bold} .particuliers a:hover {width:113px; height:28px; background:url(http://www.assistantepersonnelle.com/images/cadre_bleu_big.gif) no-repeat; font-size:12px; padding-top:10px; font-weight:bold; padding-left:25px;letter-spacing:1px } .PROFESSIONNELS {width:auto; height:auto; display:block; margin-top:5px} /*topics acceuil*/ #conteneurtopics {width:520px; height:auto;} .bandeautitres {width:100%; height:54px; border-bottom:#dedede 3px solid; background: url(http://www.assistantepersonnelle.com/images/work-office.gif) no-repeat right; float:left; } .titredubandeau {padding:30px 5px 3px 10px; font-size:14px; color:#990066; font-family:Arial, Helvetica, sans-serif; font-weight:bold} .topicscadre1 {width:100%; height:auto;} .innercadres {padding:5px 12px 5px 5px} .stabiloBlue {background: url(http://www.assistantepersonnelle.com/images/stabilo_blue.gif) no-repeat 0 0; width:510px; height:24px; font-weight:bold; color:#000000; float:left; padding-left:10px} .cadreBlockTopics {width:255px; ; float:left; height:auto; padding-left:5px; padding-bottom:10px} .cadrePetitesPics {float:left; height:46px; width:100px; display:block} .cadrePetitText {float:left; height:60px; width:140px; padding-left:5px; padding-right:0; overflow:hidden; display:block; line-height:90%} .TopicsFleche { list-style:square; list-style-position:inside; line-height:110%} .padding100p100 {height:15px; width:500px; display:block; float:left; } .triangleExclamation { background:url(http://www.assistantepersonnelle.com/images/archtung.gif) no-repeat 10px 2px; width:470px; height:auto; padding-left:40px; display:block; float:left } /*comprendre ses besoins*/ .bandeautitresComprendre {width:100%; height:140px; background: url(http://www.assistantepersonnelle.com/images/communication1.gif) no-repeat right; float:left; } .titredubandeau2 {padding:5px; font-size:14px; color:#990066; font-family:Arial, Helvetica, sans-serif; font-weight:bold} .innercadre400 {padding:5px 12px 5px 5px; width:400px; height:auto} .innercadresCentre { text-align:center} /*relation fournisseurs*/ .bandeautitresFournisseurs {border-bottom:#dedede 3px solid;width:100%; height:56px; background: url(http://www.assistantepersonnelle.com/images/world-negociation.gif) no-repeat right; float:left; } /*GAGNANT*/ .bandeautitresGagnant {border-bottom:#dedede 3px solid;width:100%; height:56px; background: url(http://www.assistantepersonnelle.com/images/gagnant.gif) no-repeat right; float:left; } /*mener entretien*/ .bandeautitresEntretien {border-bottom:#dedede 3px solid;width:100%; height:56px; background: url(http://www.assistantepersonnelle.com/images/entretien.gif) no-repeat right; float:left; } /*optimiser*/ .bandeautitresOptimiser {border-bottom:#dedede 3px solid;width:100%; height:56px; background: url(http://www.assistantepersonnelle.com/images/clock.gif) no-repeat right; float:left; }