/* Modèle v1.24 24/02/2009 */ /********** A GARDER EN L'ÉTAT ************/ *{margin:0; padding:0;} ul {margin-bottom:10px;} li{margin-left: 25px;} a img{border:0} html {font-size: 100%;} .clear{clear:both; width:100%; height:1px; overflow:hidden;} .centre{text-align:center;} .img_gauche {float:left; display:inline; margin:0 5px 5px 0;} .img_droite {float:right; display:inline; margin:0 0 5px 5px;} .attention {color:#be0109;} .txt-moy {font:bold 16px Arial;} /*********** A PERSONNALISER **************/ body {font:normal 12px Arial; color:#161818; background-color:#fff;} #body{background:#fff; font:normal 12px Arial; color:#161818;} table{font-size: 11px;} a{color: #f10000; text-decoration:none;} a:hover {text-decoration:underline;} h1{font: bold 16px Arial; margin-bottom:10px; color:#df2507;} h2{font: normal 14px Arial; margin-bottom:5px;} h3{font: normal 23px Arial; margin-bottom:8px; color:#000;} h4{font: normal 23px Arial; margin-bottom:8px; color:#000;} p {margin-bottom:10px; text-align: justify; } strong{font-weight: bold;} em{font-style: italic;} a{color:#0248af;} .color {color:#f10000;} .hr{font-size:1px; height:10px; border-bottom:1px solid #f10000; margin:0 0 10px;} .asterisque{font-style:italic; font-size:11px;} .block{display:block;} .alignRight{text-align:right;} /* Formulaires */ .bouton{ display:block; color:#fff; background-color:#f10000; font:bold 11px 'Trebuchet MS'; line-height:20px; width:160px; height:20px; border-width:0; text-align:center; cursor:pointer; } input{margin-bottom:0px !important; margin-bottom:-2px !important!; margin-bottom:-2px;} input, select, textarea{color:#5f5f5f; font:normal 11px Arial; /*border:1px solid #f10000;*/} input[type="checkbox"], input[type="radio"]{border-width: 0;} input.readonly {background:#eee;} .row{clear:both; margin-bottom:5px;} .row2{clear:both; margin-bottom:5px;width:320px;} .row2 label, #CreezCompte label, #SeConnecter label, #LeftBlock .SeConnecter label, #LeftBlock2 .Gab02 label, #LeftBlock .CreezCompte label, #LeftBlock .Gab02 label{display:inline; float:left; margin:3px 5px 0 0; width:210px; text-align:right;} .row label, #CreezCompte label, #SeConnecter label, #LeftBlock .SeConnecter label, #LeftBlock2 .Gab02 label, #LeftBlock .CreezCompte label, #LeftBlock .Gab02 label{display:inline; float:left; margin:3px 5px 0 0; width:210px; text-align:right;} .row label span{color:#f00;} /* .row textarea, .row input {width: 137px;} .row2 textarea, .row2 input {width: 137px;} */ .row input {width: 137px;} .row2 input {width: 137px;} .row select {width: 152px;} .row2 select {/*width: 152px;*/} .row_chk{padding:0; clear:both; margin-bottom:5px;} .row_chk input{border:0} .row_chk label{float:none; display:inline; margin:0; padding:0; cursor:pointer;} .row_are{clear:both; margin-bottom:5px;} .row_are label{display:block;} .row_are textarea{width:300px;} .row_rad {clear:both; margin-bottom:5px;} .row_rad .label{float:left; width:145px; text-align:right;} .row_rad .rad {margin-left:150px; margin-bottom:1px;} .row_rad .rad input{vertical-align:middle; border:0} .row_rad .rad label{float:none; display:inline; margin:0; padding:0; cursor:pointer;} .row_bt {margin-left:150px; clear:both; margin-bottom:5px;} /******************************************/ /****************** ENTETE **************/ /******************************************/ #conteneur{width:980px; margin:0 auto;} #connexion-bande {width:976px; background:#161817;padding:2px;} #connexion-bande p{text-align:right; font:normal 10px Arial; color:#fff;margin:0;} #connexion-bande p a{font:normal 11px Arial; color:#fff; text-decoration:none; padding:0 5px; } #conteneur #animation {margin:0; height:464px;} /* Contenus */ #conteneur #main {position:relative; width:980px; background:#fff url(../images/content-bg.gif) repeat-x 0 0;} #conteneur #main #content{position:relative; top:-120px; width:913px; padding:0 25px 0 42px;} /******************************************/ /************** HOMEPAGE ****************/ /******************************************/ #LeftBlock, #LeftBlock2{float:left; width:635px; margin:0 14px 0 0; display:inline; font:normal 12px Arial; background:none; color:#000;} #LeftBlock .block1{float:left; background:url(../images/lf-bg1.gif) no-repeat; width:272px; /*height:501px;*/ padding:5px; margin:0 19px 0 0; display:inline;} #LeftBlock .home{font:normal 14px Arial; color:#5c5757; /*height:501px;*/} #LeftBlock .home h2 { padding-top:11px;} #LeftBlock .home h3 {font:bold 16px Arial; color:#4f9eec; text-transform:uppercase; /*padding-left:38px; */line-height:27px;margin-bottom:5px;} #LeftBlock .home h3 img {float:left; display:inline; margin:0 10px 0 5px;} /*#LeftBlock .home h3.un {background:url(../images_spaw/liste1.png) no-repeat;} #LeftBlock .home h3.deux{background:url(../images_spaw/liste2.png) no-repeat;} #LeftBlock .home h3.trois {background:url(../images_spaw/liste3.png) no-repeat;}*/ #LeftBlock .home ul {margin:0 0 0 5px;list-style-type:none; padding-left:15px; margin-bottom:20px;} #LeftBlock .home ul li{display:block; float:none; margin:0 0 5px 0;background:url(../../images_spaw/puce.png) 0 5px no-repeat;padding-left:10px;} #LeftBlock .home ul li img {float:right;} #LeftBlock .home ul li div {} #LeftBlock .block2{float:left; background:#fff; width:324px; padding:5px;} #LeftBlock .block2 .wrapblock2{padding:0 10px 10px 15px;} #LeftBlock .block2 .offre{background:url(../images/bienvenue-bg.gif) no-repeat; width:289px; height:45px; padding:6px 5px 0 5px; margin:2px 0 8px 0;} #LeftBlock ul{list-style-type:none; margin:18px 0 0 0; display:block;} #LeftBlock ul li, #LeftBlock ul li.last{margin:0 0 15px 10px; float:left; display:inline;} #LeftBlock ul li.last{margin:15px 0 30px 10px;} #LeftBlock ul li.last span{margin:10px 0 0 0; display:inline-block;} #LeftBlock ul li.last div{margin:10px 0 0 0; font:normal 12px Arial;} #LeftBlock ul li.last div img{margin:0 10px 0 10px;} #LeftBlock ul li img{float:left; margin:0 10px 0 0; display:inline;} #RightBlock{float:left; width:261px; display:inline; padding:140px 0 0 0;overflow:hidden;} /* Titres */ #LeftBlock .block1 h4, #LeftBlock .home h4{text-align:center; font: bold 16px Arial; margin-bottom:10px; color:#df2507;} #LeftBlock .block1 h2{background:url(../images/t-bg1.gif) no-repeat; width:264px; height:38px; text-transform:uppercase; padding:11px 0 0 8px; color:#161818;} #LeftBlock .block2 h2{background:url(../images/t-bg2.gif) no-repeat; width:309px; height:38px; text-transform:uppercase; padding:11px 0 0 15px; color:#161818;} #RightBlock h3, #reglement h3{margin:0 0 8px 13px;} #LeftBlock .Gab01 h2, #LeftBlock2 .Gab02 h2, #LeftBlock2 .Gab03 h2, #LeftBlock2 .Gab01 h2{background:url(../images/t-bg3.gif) no-repeat; width:616px; height:38px; color:#fff; text-transform:uppercase; font:bold 14px Arial; line-height:38px; padding:0 0 0 10px;} #LeftBlock2 .Gab02 h2{background:transparent url(../images/t-bg4.gif) no-repeat; } #LeftBlock2 .Gab02 h3{font:bold 16px Arial; padding:15px 0 0 0;} /* Boutons */ #RightBlock .btnPlus, #LeftBlock .btnPlus{background:url(../images/btn-bg2.gif) no-repeat; width:116px; height:42px; clear:both;} #RightBlock a.btnEnvoi, #LeftBlock a.btnEnvoi, #reglement a.btnValider{background:url(../images/btn-bg1.gif) no-repeat; width:62px; height:35px; float:right;} #RightBlock a.btnPlus, #LeftBlock a.btnPlus, #RightBlock a.btnEnvoi, #LeftBlock a.btnValider , #LeftBlock a.btnEnvoi, #reglement a.btnValider, #reglement a.btnAnnuler, #LeftBlock2 a.btnValider{text-align:center; color:#fff; font:bold 11px Arial; text-transform:uppercase; display:block; padding:8px 0 0 0; text-decoration:none;} #RightBlock a.btnEnvoi, #LeftBlock a.btnEnvoi{padding:3px 0 0 0; text-decoration:none;} #LeftBlock a.btnValider, #LeftBlock2 a.btnValider{background:url(../images/btn-bg3.gif) no-repeat; width:68px; height:33px; float:left;} #reglement a.btnValider{float:left; padding:3px 0 0 0;} #reglement a.btnAnnuler{background:url(../images/btn-bg4.gif) no-repeat; width:75px; height:33px; float:right; padding:3px 0 0 0;} #LeftBlock2 input.btnEnvoi,#LeftBlock input.btnEnvoi,#RightBlock input.btnEnvoi{background:url(../images/btn-bg1.gif) no-repeat; border:0;width:62px; height:30px;padding-bottom:10px;/*float:right;*/margin-left:0px;color:white;text-transform:uppercase;font-weight:bold;} input.btnEnvoi{background:url(../images/btn-bg1.gif) no-repeat; border:0;width:62px; height:30px;padding-bottom:10px;/*float:right;*/margin-left:80px;color:white;text-transform:uppercase;font-weight:bold;} input.btnCrediter{background:url(../images/btn-bg1.gif) no-repeat; border:0;width:62px; height:30px;padding-bottom:10px;/*float:right;*/margin-left:0px;color:white;text-transform:uppercase;font-weight:bold;} #reglement input.btnValider, #reglement input.btnAnnuler{text-align:center; color:#fff; font:bold 11px Arial; text-transform:uppercase; display:block; text-decoration:none;} #reglement input.btnAnnuler{background:url(../images/btn-bg4.gif) no-repeat; width:75px; height:33px; border:0px;float:right; padding:0 0 15px 0;} #reglement input.btnValider{background:url(../images/btn-bg4.gif) no-repeat; width:75px; height:33px; border:0px;float:left; padding:0 0 15px 0;} /* Déco */ #CreezCompte, #SeConnecter{background:url(../images/deco1.gif) no-repeat; font:normal 11px Arial;} #CreezCompte label, #SeConnecter label, #LeftBlock .SeConnecter label{width:112px;} #SeConnecter a{color:#5c5757; text-decoration:underline; margin:0 0 3px 0; display:inline-block;} #SeConnecter a:hover, #LeftBlock .SeConnecter a:hover, #footer .links a.awc:hover, #CdCompte a:hover, #LeftBlock2 #Kdo a:hover{text-decoration:none;} #RightBlock a.btnEnvoi:hover, #LeftBlock a.btnValider:hover, #LeftBlock a.btnEnvoi:hover, #LeftBlock a.btnPlus:hover, #reglement a.btnValider:hover, #reglement a.btnAnnuler:hover, #LeftBlock2 a.btnValider:hover{text-decoration:underline; color:#fff;} #RightBlock .zone-texte{background:url(../images/deco1.gif) no-repeat; padding:0 0 0 19px; line-height:18px; font:normal 11px Arial; line-height:18px;} #RightBlock h4 {} #RightBlock #flash-mini {width:265px; height:190px; background:#fff;margin:0 0 20px 5px;} #RightBlock a.btn-bleu {width:117px; height:42px;display:inline-block; background:url(../images/btn-bleu.png) no-repeat; text-align:center; font:bold 12px Arial; line-height:30px; text-transform:uppercase; color:#fff; margin-left:10px;} /******************************************/ /************** FOOTER *****************/ /******************************************/ #footer{position:absolute; bottom:120px; width:915px;height:60px; background:#e8e8e8; padding:20px 15px 0 50px; color:#5c5d5d; font:normal 13px Arial; margin-bottom:-120px;} #footer .paye{height:39px; overflow:hidden;} #footer .paye, #footer .paye a{float:left;} #footer .paye a.first{margin:0 15px 0 0;} #footer .paye a{display:inline; margin:10px 5px 0 0;} #footer .links{float:right;} #footer .links li{float:left; margin:0 0 5px 10px; list-style-type:none;} #footer .links a{color:#5c5d5d;} #footer .links a.awc{color:#000; text-decoration:underline; text-align:right; display:block; clear:both;} /******************************************/ /**************** CARTE KDO **************/ /******************************************/ #LeftBlock2{background:#fff;} #LeftBlock2 .Gab01, #LeftBlock2 .Gab02, #LeftBlock2 .Gab03{padding:5px 5px 0;} /*#LeftBlock .block2 p{padding:0 17px 10px 15px; text-align:right;}*/ #Kdo{background:#f4f4f4; margin:4px 0 0 0; padding:10px 0 1px; display:inline-block; width:100%;} /*#LeftBlock2 #Kdo{margin:4px 0 0 0; display:inline-block; width:100%;}*/ #Kdo div{float:left; display:inline; font:normal 25px Arial; color:#fff; width:280px; height:113px;overflow:hidden; cursor:pointer;margin:0 5px 20px 15px;} /* #LeftBlock2 #Kdo div{float:left; display:inline; font:normal 25px Arial; color:#fc7717; width:134px; height:197px; overflow:hidden; text-align:right; padding:2px 10px 0 0; margin:13px 5px 0 6px; cursor:pointer;} #LeftBlock2 #Kdo .kd1{background:url(../images/kd1.gif) no-repeat;} #LeftBlock2 #Kdo .kd2{background:url(../images/kd2.gif) no-repeat;} #LeftBlock2 #Kdo .kd3{background:url(../images/kd3.gif) no-repeat;} #LeftBlock2 #Kdo .kd4{background:url(../images/kd4.gif) no-repeat;} */ #Kdo .kd1{background:url(../images/carte-50.jpg) no-repeat;padding:38px 10px 0 0;text-align:right;} #Kdo .kd2{background:url(../images/carte-70.jpg) no-repeat;padding:10px 10px 0 0;text-align:right;height:141px;} #Kdo .kd3{background:url(../images/carte-100.jpg) no-repeat;padding:38px 0 0 10px;text-align:left;} #Kdo .kd4{background:url(../images/carte-150.jpg) no-repeat;padding:38px 10px 0 0;text-align:right;} #espaceClt #carte_kdo_locataire .row_bt{margin-left:215px;} #Kdo div#DonateurLocataireInactif_texte{width:850px;text-align:center;} /******************************************/ /**************** CGV **************/ /******************************************/ #conteneur_cgv{padding-left:10px;padding-right:10px;} /******************************************/ /**************** Offre **************/ /******************************************/ #conteneur_offre{padding-left:10px;padding-right:10px;} /******************************************/ /**************** Passe Oubli **************/ /******************************************/ #passe_oubli a.btnEnvoi{background:url(../images/btn-bg1.gif) no-repeat; width:62px; height:35px; float:right;color:white;margin-right:230px;padding:3px 0 0 14px; text-decoration:none;margin-top:20px;} /******************************************/ /**************** REGLEMENT **************/ /******************************************/ /* Thickbox */ #reglement{font:normal 12px Arial; color:#000; padding:0 15px 0 15px;} #reglement h3{margin:0px;} #reglement span{color:#408edb; font:normal 12px Arial;} #reglement .Kdo{width:357px; margin:25px auto 25px;} #reglement .Kdo .dec1, #LeftBlock .Kdo .dec2{background:url(../images/deco3.gif) no-repeat; height:11px; overflow:hidden;} #reglement .Kdo .dec2{background:url(../images/deco4.gif) no-repeat;} #reglement .Kdo .desc{background:#d2e2f2; padding:3px 0 0 25px;} #reglement .Kdo .desc label{width:140px;} #reglement .Kdo span.ref{color:#4d8bc1; font:bold 14px Arial;} #reglement .Kdo span.prix{color:#d76602; font:bold 14px Arial;} #reglement .Kdo .desc label{width:140px; float:left; display:inline; text-align:right; padding:0 18px 0 0;} #reglement .RgBtn{margin:15px auto 15px; width:175px;} #reglement .idt span{font-style:italic;} #reglement .idt{font:normal 14px Arial;} /******************************************/ /************** FAQ *****************/ /******************************************/ #faq{margin:16px 0 0 0; display:inline-block; height:416px;} #reponses{float:left; width:285px; display:block; background:#e7f5de; padding:0 0 15px 15px;} #reponses div{margin:32px 15px 10px 0; font-size:12px; line-height:18px; text-align:justify;} p#question_manquante{margin-top:20px;margin-left:10px;} p#question_manquante a{font-style:italic;color:black;} p#question_manquante a:hover{text-decoration:underline;} /*html {overflow-y:scroll}*/ p.intro_faq {font-size:12px; margin-left:20px;} #faq, #faq .block1, #faq .block2{height:400px; display:inline-block; overflow:hidden; color:#161818;} #faq ul{margin:0px;} #faq ul#jquery_faq{height:305px;} #faq .block2 p{text-align:left; font:normal 11px Arial; padding:0 0 10px 0;} #LeftBlock #faq ul li{margin:0 0 5px 0; display:block; float:none;} #faq ul li a.opened, #faq ul li a.closed{font:normal 12px Arial; background:url(../images/t-bg6.gif) no-repeat; width:273px; height:24px; overflow:hidden; display:block; padding:0 0 0 10px; line-height:24px;} #faq ul li a{font:normal 11px Arial; text-decoration:none; color:#161818; padding:0 0 0 12px; display:inline;} #faq ul li a:hover{text-decoration:underline;} #faq ul li a.opened:hover, #faq ul li a.closed:hover{text-decoration:none;} #faq ul li ul{margin:0 0 0 5px;} #faq ul li ul li a:hover, #faq ul li ul li a:active{background:url(../images/flesh.gif) 0 2px no-repeat;} #faq div.block2 div {height:335px; overflow-y:auto;} /******************************************/ /************** OFFRES *****************/ /******************************************/ #LeftBlock2 .Gab03{padding:5px 5px 0;} /*#LeftBlock2 .Gab03 h2{background:url(../images/t-bg5.gif) no-repeat;}*/ #LeftBlock2 .Gab03 img.shema{margin:20px 0 0 0;} #offres{list-style-type:none; color:#5c5757; font:normal 14px Arial;} #offres li{display:inline; float:left; /*margin:0 0 15px 10px;*/margin:0 0 15px -7px;} #offres li img{display:inline; float:left; margin:0 10px 10px 0; padding:0px; width:46px; height:46px;} #offres li img.listes3{margin:0 10px 65px 0;} #offres span{font:normal 12px Arial;} /* #LeftBlock2 .Gab03{padding:5px 5px 0;} #LeftBlock2 .Gab03 h2{background:url(../images/t-bg5.gif) no-repeat;} #LeftBlock2 .Gab03 img.shema{margin:20px 0 0 0;} #offres{list-style-type:none; color:#5c5757; font:normal 14px Arial;} #offres li{display:inline; float:left; margin:0 0 15px 10px;} #offres li img{display:inline; float:left; margin:0 10px 10px 0; padding:0px; width:46px; height:46px;} #offres li img.listes3{margin:0 10px 65px 0;} #offres span{font:normal 12px Arial;} */ /******************************************/ /************** CONTACT *****************/ /******************************************/ #contact{margin:8px 0 0 0;} #contact .row{margin:0 0 2px 0;} #contact .asterisque{text-align:right;} #LeftBlock .block1 .coordonnees{width:95%; margin:auto; height:350px; overflow:hidden;} #LeftBlock .block1 .coordonnees p{margin:0 0 20px 0;} #LeftBlock .block1 .coordonnees p a{color:#000;} #LeftBlock .block1 .coordonnees strong{ text-transform:uppercase; display:block;} p#texte_contact{padding:20px 0 20px 20px;/*height:150px;*/} /*#LeftBlock #contact a.btnEnvoi{margin:0 15px 0 0; display:inline;}*/ #LeftBlock #contact label{width:108px; font:normal 11px Arial;} #LeftBlock #contact .row textarea, #LeftBlock #contact .row input{width:190px;} * html #LeftBlock #contact{margin:15px 0 0; width:96%;} #LeftBlock #contact{margin:15px 0 0; width:95%;} #CAN_CIVILITE{width:50px;} /******************************************/ /************** COMPTE *****************/ /******************************************/ /* index compte */ * html #LeftBlock .SeConnecter{margin:13px 0 25px 0; font:normal 11px Arial; width:96%;} #LeftBlock .SeConnecter{margin:13px 0 25px 0; font:normal 11px Arial; width:95%;} #LeftBlock .CreezCompte label{width:150px; font:normal 11px Arial;} * html #LeftBlock .CreezCompte{margin:13px 0 25px 0; font:normal 11px Arial; width:93%;} #LeftBlock .CreezCompte{margin:15px 0 0; width:92%;} #LeftBlock .CreezCompte .asterisque{padding:0 0 13px 92px;} #LeftBlock .mod1{height:380px;} /* crediter compte */ #LeftBlock .Gab01, #LeftBlock .Gab02, #LeftBlock .Gab03{padding:5px 5px 0;} #LeftBlock2 .Kdo{width:357px; margin:25px auto 18px;} #LeftBlock2 .Kdo label{width:210px; text-align:right; padding:0 18px 0 0;} #LeftBlock2 .Kdo label, #LeftBlock .Kdo span {float:left; margin:0 0 5px 0; display:inline;} #LeftBlock2 .Kdo span, #LeftBlock .Gab01 p span{color:#408edb; font:normal 12px Arial; font-style:italic;} #LeftBlock2 .Kdo span.txt1{color:#4d8bc1;} #LeftBlock2 .Kdo span.ref{color:#4d8bc1; font:bold 14px Arial;} #LeftBlock2 .Kdo span.prix{color:#d76602; font:bold 14px Arial;} #LeftBlock2 .Kdo .dec1, #LeftBlock .Kdo .dec2{background:url(../images/deco3.gif) no-repeat; height:11px; overflow:hidden;} #LeftBlock2 .Kdo .dec2{background:url(../images/deco4.gif) no-repeat;} #LeftBlock2 .Kdo .desc{background:#d2e2f2; padding:3px 0 0 25px; display:inline-block; width:93%;} #LeftBlock2 .Kdo .desc label{width:140px;} #LeftBlock2 .Gab01 .row span{font:normal 11px Arial; color:#000;} #CdCompte{width:86%; position:relative; margin:0 auto 15px;} #CdCompte a{color:#000; text-decoration:underline;} #CdCompte a.aide{margin:0 0 0 3px;} #CdCompte a.aide img{vertical-align:middle;} #CdCompte input.check{margin:0 0 0 112px;} #CdCompte .asterisque{padding:0 0 0 150px;} #CdCompte .row_chk{margin:0 0 17px 0;} #Rc{width:260px; position:absolute; top:40px; right:-125px; background:#cadced; border:1px solid #4d8bc1; padding:8px 7px;} #LeftBlock2 a.btnValider{ padding:3px 0 0;} /* compte activation */ #profil{margin:25px auto 0; width:85%;} #profil input, #profil textarea{width:157px; padding:1px; text-transform:uppercase;} #profil input.selected, #profil textarea.selected{background:#d0cfcd;} #profil .asterisque{padding:0 0 13px 102px;} /* compte hoee */ #form_nouveau{margin:auto; width:80%;} #form_nouveau input.check, #CdCompte input.check{margin:0 0 0 113px; width:15px;} #form_nouveau .asterisque{padding:0 0 13px 150px;} /******************************************/ /************** AFFILIATION *****************/ /******************************************/ #affilition .row textarea{width:auto;} #LeftBlock2 .Gab02 .Left, #LeftBlock2 .Gab02 .Right{float:left; width:303px; padding:0 0 0 37px;} #LeftBlock2 .Gab02 .Right{width:270px; padding:0px;} #LeftBlock2 #affilition label{width:75px; margin:1px 5px 0 0;} #affilition .asterisque{clear:both; margin:0; padding:10px 0 15px;} /******************************************/ /************** ESPACE CLIENTS *****************/ /******************************************/ #espaceClt{background:#fff; width:886px; display:block;} #espaceClt .idTabs{list-style-type:none; display:inline-block; background:url(../images/t-bg7.gif) no-repeat; width:886px; height:38px; overflow:hidden; color:#dae8f1;} #espaceClt .idTabs li{float:left; display:inline; margin:0 0 0 17px; padding:0px;} #espaceClt .idTabs li a:hover, #espaceClt .idTabs li a.selected{color:#000; text-decoration:none;} #espaceClt .idTabs li a{color:#fff; line-height:38px; text-transform:uppercase; margin:0 15px 0 0; display:inline-block;} #espaceClt .idTabs li.t1 a:hover, #espaceClt .idTabs li.t1 a.selected{background:url(../images/flesh1.gif) no-repeat;} #espaceClt .idTabs li.t2 a:hover, #espaceClt .idTabs li.t2 a.selected{background:url(../images/flesh2.gif) no-repeat;} #espaceClt .idTabs li.t3 a:hover, #espaceClt .idTabs li.t3 a.selected{background:url(../images/flesh3.gif) no-repeat;} #espaceClt .idTabs li.t4 a:hover, #espaceClt .idTabs li.t4 a.selected{background:url(../images/flesh4.gif) no-repeat;} #espaceClt .idTabs li.t5 a:hover, #espaceClt .idTabs li.t5 a.selected{background:url(../images/flesh5.gif) no-repeat;} /* tableaux */ #Prestations table, #RelCompte table{margin:auto; display:block;} #Prestations th, #Prestations td, #RelCompte th, #RelCompte td{border-bottom:1px dashed #e7e5e5; padding:8px 0 8px 0;} #Prestations th.last, #Prestations td.last, #RelCompte th.last, #RelCompte td.last{border:none;} #Prestations th, #RelCompte th{font:bold 12px Arial; color:#000; text-align:left; vertical-align:bottom;} #Prestations td{font:normal 11px Arial;} #Prestations .st1{padding:0 0 0 20px;} #Prestations .st2, #Prestations .st4, #Prestations .st6{float:left; padding:0 0 0 8px;} #Prestations .st3, #Prestations .st5{float:right; padding:0 8px 0 0;} #Prestations .Left{float:left;} #Prestations .Right{float:right;} #Prestations .totaldec, #RelCompte .totaldec{background:url(../images/dash.gif); height:8px; overflow:hidden; margin:0px;} #Prestations .total, #RelCompte .totaldec{font:bold 14px Arial;} #Prestations .total p{width:63%;} #Prestations .st4{text-transform:uppercase; color:#000; font:bold 14px Arial;} #Prestations .st5, #Prestations .st6{color:#fe3302; font:bold 14px Arial;} #RelCompte td{font:normal 12px Arial;} #RelCompte td.small{font:normal 11px Arial;} #RelCompte td.solde{background:#86e4f8; border-top:3px solid #fff; border-bottom:5px solid #fff;} #RelCompte td .rouges, #RelCompte td a.rouges{color:#ff3203; text-decoration:none;} #RelCompte .st1{padding:0 0 0 10px;} #RelCompte .st2{padding:0 0 0 33px;} /* INFO PERSONNELLE */ form#info{margin-left:200px;margin-top:20px;} form#info .row_bt a.btnEnvoi{background:url(../images/btn-bg1.gif) no-repeat; width:62px; height:35px; float:left;color:white;margin-left:80px;padding:3px 0 0 12px; text-decoration:none;margin-top:20px;} form#info .row p.asterisque{margin-left:170px;margin-top:15px;} /* AFFILIATION */ form#affiliation{margin-top:20px;margin-left:100px;} form#affiliation .Left{width:400px;float:left;display:inline;} form#affiliation .Right{width:350px;float:left;display:inline;} form#affiliation .row a.btnValider{background:url(../images/btn-bg1.gif) no-repeat; width:62px; height:35px; float:left;color:white;margin-left:120px;padding:3px 0 0 12px; text-decoration:none;margin-top:20px;} form#affiliation .row p.asterisque{margin-left:40px;margin-top:15px;} /* Carte kdo */ #carte_kdo_locataire{margin-top:20px;margin-left:200px;} #carte_kdo_locataire .row_bt a.btnEnvoi{background:url(../images/btn-bg1.gif) no-repeat; width:62px; height:35px; float:left;color:white;margin-left:120px;padding:3px 0 0 12px; text-decoration:none;margin-top:20px;} #carte_kdo_locataire .row p.asterisque{margin-left:140px;margin-top:15px;} #carte_kdo_locataire_sans{margin-top:30px;margin-left:50px;margin-bottom:50px;} #carte_kdo_locataire_sans .row_bt input.btnCrediter{background:url(../images/btn-bg1.gif) no-repeat; width:62px; height:30px; float:left;color:white;margin-left:75px;padding:-7px 0 0 12px; text-decoration:none;margin-top:0px;} #carte_kdo_locataire_sans .row p.asterisque{margin-left:140px;margin-top:15px;} /* Ajout cb */ /* .row input.btnValider{background:url(../images/btn-bg1.gif) no-repeat;padding:-12px 0 0 12px; width:62px; height:20px;text-decoration:none;border:0px;color:white;margin-top:0px; text-transform:uppercase;font-weight:bold;} */ .row input.btnValider{color:white;background:url(../images/btn-bg4.gif) no-repeat; width:75px; height:33px; border:0px;float:left; padding:0 0 15px 0;} /* CB */ .ro{clear:both; margin-bottom:5px;} .ro label{display:inline; float:left; margin:3px 5px 0 0; width:210px; text-align:right;} .ro label span{color:#f00;} .ro p.asterisque{font-size:11px;font-style:italic;margin-left:30px;} h1#cb{width:300px;margin-left:150px;} /* #cb{width:300px;margin:20px 0 20px 180px;} #cb input#btnConfirmer{background:url(../images/btn-bg1.gif) no-repeat;padding:-12px 0 0 12px; width:62px; height:20px;text-decoration:none;border:0px;color:white;margin-top:0px; font-size:10px;margin-left:100px;} #cb a.aide{margin:0 0 0 3px;} #cb a.aide img{vertical-align:middle;} #cb #picto{width:260px; position:absolute; top:135px; margin-left:220px;background:#cadced; border:1px solid #4d8bc1; padding:8px 7px;} */ /*********************************************/ /************** BENEFICIAIRE ****************/ /*********************************************/ #TB_title{display:none;} #beneficiaire {width:620px; padding:10px; margin:0 auto;color:black;} #beneficiaire h2{background:transparent url(../images/t-bg4.gif) no-repeat;/*width:616px;*/ height:38px; color:#fff; text-transform:uppercase; font:bold 14px Arial; line-height:38px; padding:0 0 0 10px;} #beneficiaire .SeConnecter label{width:80px;} #beneficiaire .SeConnecter{margin:13px 0 25px 0; font:normal 11px Arial; width:95%;} #beneficiaire .mod2{height:170px;} #beneficiaire input.btnEnvoi{background:url(../images/btn-bg1.gif) no-repeat; border:0;width:62px; height:30px;padding-bottom:10px;/*float:right;*/margin-left:0px;color:white;text-transform:uppercase;font-weight:bold;} #beneficiaire .block1{float:left; background:url(../images/lf-bg1.gif) no-repeat; width:260px; /*height:501px;*/ padding:5px; margin:0 19px 0 0; display:inline;} #beneficiaire .block2{float:left; background:#fff; width:320px; padding:5px;} #beneficiaire #bene_rech {margin-bottom:20px;} #beneficiaire #bene_rech .row {clear:none; float:left; display:inline; margin-right:20px;} #beneficiaire #bene_rech .row label {width:50px;} #beneficiaire #bene_rech .row input {width:180px;} #beneficiaire #bene_rech .row_bt {clear:none; float:left; display:inline;margin-left:20px;} #beneficiaire #bene_rech .row_bt input {background:url(../images/btn-bg1.gif) no-repeat; border:0;width:62px; height:30px;padding-bottom:10px;/*float:right;*/margin-left:0px;color:white;text-transform:uppercase;font-weight:bold; cursor:pointer;} #beneficiaire table {width:626px;font-size:12px;} #beneficiaire table th {text-align:left;} #beneficiaire table th, #beneficiaire table td {background:url(../images/tirets.gif) repeat-x scroll 0 bottom transparent; line-height:40px;padding-left:10px;} #beneficiaire table td .row {clear:none; float:left; display:inline; margin:2px 0 0 0;} #beneficiaire table td .row select{width:130px;} #beneficiaire table td .row_bt {clear:none; float:left; display:inline;margin:2px 0 0 120px;} #beneficiaire table td .row_bt input {background:url(../images/btn-valider.png) no-repeat; border:0;width:62px; height:20px;margin:0;color:white;text-transform:uppercase;font-weight:bold; line-height:20px; cursor:pointer;}