body { margin:0; padding:0; text-align:center; } /* **** BALISES STANDARTS ******************************************************************************************************** */ h1, h2, h3, h4, div, table, td, ul, ul li, img, select, input, textarea, p { font:12px arial, Sans-Serif; margin:0; padding:0; text-align:left; } td { vertical-align:top; } a img { border:0; } a { color:#0f4da6; } form label { display:block; float:left; font-weight:bold; width:85px; } /* **** CLASSES BALISES ********************************************************************************************************** */ .kwd { display:none; } .small { font-size:11px; } .tour { border:1px solid black; } .bleu { color:#0f4da6; } .red { color:red; } .noresult { font-weight:bold; margin:10px; text-align:center; } img.right { float:right; margin:0 7px 10px 10px; } img.left { float:left; margin:0 10px 10px 7px; } img.bottom { vertical-align:bottom; } img.top { vertical-align:top; } input.ok { background:#0f4da6; color:white; font-weight:bold; text-align:center; } table.coor,table.coorp { margin:0 0 20px 40px; } table.coorp p { margin-top:4px !important; margin-bottom:4px !important; } form label.big { width:140px; } .vendr label { width:130px; } #all { background:url(../img_v2/all_fond.gif) repeat-y top center; text-align:center; } #header,#all { margin:0 auto 0 auto; width:995px; } /* **** HEADER ******************************************************************************************************************* */ #preheader { background: #FFFFFF; } #preheader a,#preheader p { font-size:8pt; color: #6090DC; } #preheader p { text-align:center; } #header { background:white url(../img_v2/header_fond.gif) repeat-x 0 0; height:150px; overflow:hidden; } #header p.top { color:#ffe400; font-weight:bold; font-size:11px; margin:0 15px 4px 0; text-align:right; } #header p.top a { color:#ffe400; text-decoration:none; padding:0 2px 0 2px; } #header p.bottom { color:white; font-size:18px; margin:5px 0 5px 0; } #header img.pub { float:right; margin:0 15px 0 0; } #header div { background:url(../img_v2/header_fond_h.gif) no-repeat top left; height:66px; } #header h1, #header h2 { font-weight:bold; margin:0 0 0 10px; } #header h1 { background:url(../img_v2/header-puce.gif) no-repeat 0 9px; color:white; font-size:20px; padding:5px 0 0 25px; } #header h2 { color:#ffa800; font-size:19px; margin-top:3px; letter-spacing:-1px; } #header ul { list-style:none; margin:0; overflow:hidden; padding:0; } #header ul li { background:#507bc8 url(../img_v2/menu_top_fond.gif) top center; display:block inline; float:left; font-size:11px; font-weight:bold; height:32px; margin:0 5px 0 0; padding-top:2px; text-align:center; } #header ul li a { color:#e0ebfe /*#0a3c93*/; padding:0 9px 0 9px; text-decoration:none; } #header ul li.ok { background:url(../img_v2/menu_top_fond2.gif) top center; } #header ul li.ok a { color:#0c4ba3; padding:0 11px 0 11px; text-decoration:none; } p.infos { font-size:11px; margin:5px 0 5px 0; } p.infos a { color:#000000; text-decoration: none; } /* **** CONTENT ****************************************************************************************************************** */ #all { background:#c2d4fa; } #content { background:#fdfeff url(../img_v2/content_fond.gif) no-repeat 0 0; margin:0 auto 8px auto; padding:0 0 10px 0; width:978px; } #content h3 { color:#0C49A4; font-weight:bold; height:25px; font-size:16px; margin:8px 0 0 40px; overflow:hidden; } #content h3 span { color:#ffa800; } #content h3 b { font-size:12px; color:#698cd0; } #content p.end { color:#437fe1; clear:both; font-size:1px; text-align:center; } /* **** BOTTOM ******************************************************************************************************************* */ div#sign { background:#f8b832; border-top:5px solid white; height:18px; padding:4px; } div#sign p#linkref { font-size:11px; font-weight:bold; color:white; } div#sign p#linkleg { font-size:11px; font-weight:bold; color:white; float:right; } div#sign p#linkref a, div#sign p#linkleg a { color:white; } /* **** MENU GAUCHE ****************************************************************************************************** */ #menu { background:white url(../img_v2/menu_fond.gif) repeat-x 0 0; border:1px solid #ffca35; width:257px; } #menu h3 { color:white; margin-top:0; margin-left:10px; } #menu form { margin:0; padding:8px 0 0 0; } #menu h4 { background:url(../img_v2/box-puce_yellow.gif) no-repeat 0 0; clear:both; color:#8d30a2; font-weight:bold; font-size:14px; height:25px; margin:10px 5px -5px 10px; text-indent:25px; } #menu h4.one { background:url(../img_v2/box-puce_yellow_1.gif) no-repeat 0 0; } #menu h4.two { background:url(../img_v2/box-puce_yellow_2.gif) no-repeat 0 0; } #menu p { margin:5px 0 10px 20px; } #menu p label { float:left; font-weight:normal; padding-bottom:15px; width:120px; } #menu p label.one { width:115px; } #menu input { background:white; border:1px solid black; } #menu p input.ok { background:#ffa800; border:1px solid #ffa800; color:white; font-weight:bold; margin:0; padding:0; } #menu input.ok { border:0; margin:22px 0 10px 120px; } #menu img.bottom { margin:5px 0 10px 20px; } #menu img.bottomend { margin:0; vertical-align:bottom; } #menu input.no { border:0 !important; background:none !important; margin:0; } #vilpref { background:#ffeeb8; border:1px solid #ffca35; display:block; height:auto !important; height:44px; min-height:79px; font-size:10px; margin:5px 10px 10px 0; padding:0 4px 0 4px; } #vilpref a { color: black; text-decoration: none; } .vilpref { background:#CCCCCC; font-style:italic; } /* **** MENU GAUCHE MA SELECTION **************************************************************************************** */ .autres { background:white url(../img_v2/selre_fond.gif) no-repeat 0 0; margin-top:15px; width:257px; } .autres h3 { color:#0f4da6 !important; height:25px; margin-top:0 !important; padding:8px 0 0 0; } .autres h3 b { color:#698cd0 !important; } .nomarge { margin-top:0 !important; } .autres p { margin:15px 0 5px 15px; } .autres ul { color:#0f4da6; list-style:none; margin:0; padding:0; } .autres ul li { margin:0 0 0 20px; padding:0; } .autres img.bottom { margin:0; } #selre { background:white url(../img_v2/selre_fond.gif) no-repeat 0 0; margin-top:15px; width:257px; } /* **** ALL MIDDLE ******************************************************************************************************* */ #middle { float:left; margin:0; } #accueil_col_1a, #accueil_col_1d { background:url(../img_v2/accueil_col_1a_fond.gif) no-repeat 0 0; float:left; height:257px; margin:0 10px 0 0; width:480px; } #accueil_col_1a.region { background:url(../img_v2/accueil_col_1a_fond_region.gif) no-repeat 0 0; height:356px; } #accueil_col_1a2 { height:400px; margin:0 10px 0 0; width:480px;} img#imgagence { float:right; margin:29px 43px 0 0; } p.adr { color:#0f4da6; text-align:right; margin:90px 0 0 0; width:210px; } p.adr b span { font-size:15px; } div p.adr b span { font-size:13px; } p.adr a { color:#0f4da6; } #accueil_col_1b { background:url(../img_v2/accueil_col_1b_fond.gif) no-repeat 0 0; clear:left; float:left; height:220px; margin:10px 0 0 0; width:480px; } #accueil_col_1b a { text-decoration:none; } #accueil_col_1d { background:url(../img_v2/accueil_col_1a_fond_multi.gif) no-repeat 0 0; } #accueil_col_1d table { margin-top:20px; width:200px; } td.esp { } td.multi { width:140px; } td.multi p.adr { font-size:11px; margin-top:0; width:140px; } td.multi p.adr b { padding-bottom:5px; display:block; } td.multi p.adr img { border:1px solid #0f4da6; margin:0 0 5px 0; width:140px; height:100px; } #accueil_col_1c { background:url(../img_v2/accueil_col_1c_fond.gif) no-repeat 0 0; clear:left; float:left; height:118px; margin:10px 0 0 0; width:480px; } #accueil_col_1c table { margin:5px 0 0 5px; padding:0; } #accueil_col_1c p.big { background:white url(../img_v2/accueil_col_1c_p_fond.gif) repeat-y 0 0; margin:0; padding:4px; height:59px; width:278px; } #accueil_col_1c p.big a { background:#d5e0f0; display:block; color:#0f4da6; margin:2px 5px 5px 2px; padding:0 0 0 2px; text-decoration:none; } #accueil_col_1c p.big a b { color:black; } #accueil_col_1c div { background:url(../img_v2/liens_fond_jaune.gif) no-repeat top right; float:left; margin:0 0 5px 10px; width:171px; } #accueil_col_1c div p { margin:2px 0 0 15px; } #accueil_col_1c div p a { color:black; text-decoration:none; } #accueil_col_1c div b { display:block; font-size:12px; } #accueil_col_1c_long { background:url(../img_v2/accueil_col_1c_long_fond.gif) no-repeat 0 0; clear:left; float:left; height:165px; margin:10px 0 0 0; width:480px; } #accueil_col_1c_long table { margin:5px 0 0 5px; padding:0; } #accueil_col_1c_long p.big { background:white url(../img_v2/accueil_col_1c_p_fond.gif) repeat-y 0 0; margin:0; padding:4px; height:59px; width:278px; } #accueil_col_1c_long p.big a { background:#d5e0f0; display:block; color:#0f4da6; margin:2px 5px 5px 2px; padding:0 0 0 2px; text-decoration:none; } #accueil_col_1c_long p.big a b { color:black; } #accueil_col_1c_long div{ background:url(../img_v2/liens_fond_jaune.gif) no-repeat top right; float:left; margin:0 0 5px 10px; width:171px; } #accueil_col_1c_long div p { margin:2px 0 0 15px; } #accueil_col_1c_long div p a { color:black; text-decoration:none; } #accueil_col_1c_long div b { display:block; font-size:12px; } #accueil_col_2a { background:url(../img_v2/accueil_col_2a_fond.gif) no-repeat 0 0; clear:left; float:left; height:257px; overflow:hidden; margin:0; width:196px; } #accueil_col_2a h3 { height:35px; } #accueil_col_2a div { background:url(../img_v2/liens_fond_jaune.gif) no-repeat 5px 0; float:left; margin:0 0 5px 0; width:196px; } #accueil_col_2a div p { margin:2px 0 0 25px; } #accueil_col_2a div p a { color:black; text-decoration:none; } #accueil_col_2a div b { display:block; font-size:12px; } #accueil_col_2a ul { clear:left; list-style:none; margin:0; padding:0; width:190px; } #accueil_col_2a ul li { background:url(../img_v2/li_1.gif) no-repeat 0 0; margin:0 0 7px 10px; padding:0 0 0 25px; } #accueil_col_2a ul li div{ background:#e0eafa; float:none; color:#0f4da6; margin:0; padding:0 0 0 5px; width:150px; } #accueil_col_2a ul li div a{ color:#0f4da6; text-decoration:none; } #accueil_col_2a div { background:url(../img_v2/liens_fond_jaune.gif) no-repeat 5px 0; float:left; margin:0 0 5px 0; width:196px; } #accueil_col_2b { background:url(../img_v2/accueil_col_2b_fond.gif) no-repeat 0 0; clear:left; float:left; height:220px; overflow:hidden; margin:10px 0 0 0; width:196px; } #accueil_col_2b p { margin:10px 6px 0 5px; padding:2px 0 2px 5px; } #accueil_col_2b p.small { background:white url(../img_v2/fond_deg_jaune.gif) repeat-y 0 0; font-style:italic;} #accueil_col_2b form { margin:0; } #accueil_col_2b form p { background:none; color:#0f4da6; font-style:normal; margin:10px 0 0 5px; } #accueil_col_2b form p select { border:1px solid #0f4da6; color:#0f4da6; margin-left:5px; } #accueil_col_2b form input.ok { margin:10px 0 0 8px; } #accueil_col_2c { background:url(../img_v2/accueil_col_2c_fond.gif) no-repeat 0 0; clear:left; float:left; height:484px; overflow:hidden; margin:0; width:196px; } #accueil_col_2c .coeur { background:#c2d2e8 url(../img_v2/coeur_fond.gif) repeat-x 0 20px; float:none; height:79px; margin:5px 0 0 5px; width:185px; } #accueil_col_2c .coeur img { float:left; height:65px; margin:2px 5px 0 2px; width:80px; } #accueil_col_2c .coeur h4 { padding:4px 0 4px 0; text-indent:0; } #accueil_col_2c .coeur h4 img { display:none; } #accueil_col_2c .coeur p { text-align:left; } #accueil_col_2c .coeur p a { text-decoration:none; } #accueil_col_2c .coeur p a:hover { text-decoration:underline; } #accueil_col_2c p.bottom { background:url(../img_v2/bottom_p.gif) repeat -90px 0; border-right:10px solid #ffa800; color:#ffa800; clear:both; font-weight:bold; margin:5px 7px 0 5px; padding-right:5px; text-align:right; } #accueil_col_2c p.bottom a { color:#ffa800; text-decoration:none; } div#accueil_col_1b p.bottom a:hover { text-decoration:underline; } .accueil_col_2c { background:url(../img_v2/accueil_col_2c_fond.gif) no-repeat 0 0; clear:left; float:left; height:484px; overflow:hidden; margin:0; width:196px; } .accueil_col_2c .coeur { background:#c2d2e8 url(../img_v2/coeur_fond.gif) repeat-x 0 20px; float:none; height:79px; margin:5px 0 0 5px; width:185px; } .accueil_col_2c .coeur img { float:left; height:65px; margin:2px 5px 0 2px; width:80px; } .accueil_col_2c .coeur h4 { padding:4px 0 4px 0; text-indent:0; } .accueil_col_2c .coeur h4 img { display:none; } .accueil_col_2c .coeur p { text-align:left; } .accueil_col_2c .coeur p a { text-decoration:none; } .accueil_col_2c .coeur p a:hover { text-decoration:underline; } .accueil_col_2c p.bottom { background:url(../img_v2/bottom_p.gif) repeat -90px 0; border-right:10px solid #ffa800; color:#ffa800; clear:both; font-weight:bold; margin:5px 7px 0 5px; padding-right:5px; text-align:right; } .accueil_col_2c p.bottom a { color:#ffa800; text-decoration:none; } div#accueil_col_1b p.bottom a:hover { text-decoration:underline; } #contenu { background:white url(../img_v2/contenu_fond.gif) no-repeat 0 0; border-bottom:1px solid #0f4da6; margin:0; width:690px; } #contenu h3 { height:25px; padding:8px 0 0 0; margin-top:0; } /* **** MILIEU COUPS DE COEUR ******************************************************************************************** */ div.coeur { background:#c2d2e8 url(../img_v2/coeur_fond.gif) repeat-x 0 78px; display:block; float:left; height:155px; margin:8px 0 0 5px; padding:0; width:112px; } div.coeur h4 { color:black; font-size:11px; font-weight:bold; margin:4px 0 0 24px; text-indent:-23px; } div.coeur h4 img { margin:0 2px 0 0; vertical-align:middle; } div.coeur p { color:#0f4da6; font-size:10px; margin:0; text-align:center; } div.coeur p span { display:block } div.coeur a img { border:1px solid black; height:80px; margin:4px 0 0 6px; width:100px; } div#accueil_col_1b p.bottom { background:url(../img_v2/bottom_p.gif) repeat top left; color:#ffa800; clear:both; font-weight:bold; margin:0 15px 0 15px; padding-right:20px; text-align:right; } div#accueil_col_1b p.bottom a { color:#ffa800; text-decoration:none; } div#accueil_col_1b p.bottom a:hover { text-decoration:underline; } div.morecc { background:url(http://www.laforet-sudparisien.com/img_v2/accueil_col_1x_fond.gif) !important; border-bottom:1px solid #536dbd; height:95px !important; overflow:hidden; } div.morecc p.adr{ margin:60px 0 0 0; width:160px; } div.morecc img#imgagence { border:1px solid #536dbd; margin:32px 8px; width:95px; } div.morecd { background:url(http://www.laforet-sudparisien.com/img_v2/accueil_col_1x_fond.gif) !important; border-bottom:1px solid #536dbd; height:380px !important; } /* **** INTERIEUR DU SITE * LISTES *********************************************************************************************** */ p.barnav { background:white url(../img_v2/nav_fond.gif) repeat-y top right; color:#0f4da6; margin:15px 7px 7px 7px; text-align:right; } p.barnav a { color:#0f4da6; text-decoration:none; } p.barnav a:hover { text-decoration:underline; } p.barnav a.navon { color:red; font-weight: bold; text-decoration:none; } p.barnav span { float:left; } a.nav { color:black; font-weight:bold; } table.fichenlist { clear:both; margin:10px 7px 10px 7px; width:675px; } table.fichenlist td { } table.fichenlist p { font-size:11px; margin:0 10px 0 10px; } table.fichenlist p.deta { float:right; width:100px; } table.fichenlist td.bleu { background:#e0eafa; } table.fichenlist td.bleu p { margin:5px 0 0 30px; text-align:left; } table.fichenlist td.img { background:white; margin:10px; width:170px; } table.fichenlist td.img img { border:1px solid black; height:121px; width:162px; } table.fichenlist td.h4 { background:#e0eafa; border-bottom:1px solid white; height:23px; } table.fichenlist td.h4 img { float:right; border:0; margin:3px 3px 0 0; } table.fichenlist td.h4 h4 img { float:none; margin:0 5px 2px 0; vertical-align:middle; } table.fichenlist h4 { color:#0f4da6; font-size:12px; font-weight:bold; margin:4px 0 0 5px; } table.fichenlist td.txt { background:url(../img_v2/fichenlist_fond_txt.gif) repeat-x top left; height:58px; } table.fichenlist td.txt p { margin:0 10px 0 30px; } table.fichenlist tr.prix { background:url(../img_v2/fichenlist_fond_prix.gif) repeat-y top right; } table.fichenlist tr.prix a { color:white; font-weight:bold; } /* **** INTERIEUR DU SITE * CÔTÉS ************************************************************************************************ */ table.details td.infos div.tlis { background:white; border-right:1px solid #0f4da6; margin:20px 0 0 0; text-align:right; width:229px; } div.fichencol { border:1px solid black; float:left; margin:8px 16px 8px 0; overflow:hidden; padding:0; width:102px; } div.fichencol img { height:73px; margin:0; width:120px; } div.fichencol h5 { background:#d2e0f7; color:#0f4da6; font-weight:bold; font-size:11px; margin:0; padding:0; text-align:center; } div.fichencol h6 { background:#0f4da6; color:white; font-weight:bold; font-size:11px; height:15px; margin:0; overflow:hidden; padding:0; text-align:center; } div.tlis .small { font-size:9px } div.tlis p.barnav { clear:left; margin:10px 9px 10px 8px !important; padding:0; } div.tlis p.barnav a { color:#0f4da6; } div.tlis p.barnav a.nav { color:black; } div.tlis p.barnav span { margin-left:5px; } .autres p.barnav { clear:both; margin:0 17px 0 0 !important; padding:0; clear:both;} .autres div.par { margin:10px 0 0 17px; } .autres img.top { clear:both; margin:0; } .autres img.bottom { clear:both; margin:0 !important; padding:0 !important; } .autres .small { font-size:9px } table.details td.infos img.top { margin:0; vertical-align:top; } table.details td.infos img.bottom { margin:2px 0 0 0; } /* **** INTERIEUR DU SITE * CONTENU ********************************************************************************************** */ #contenu div.text h4 { background:url(../img_v2/gt-blue.gif) no-repeat 0 4px; color:#0b4da4; font-weight:bold; font-size:14px; font-variant:small-caps; margin:15px; text-indent:10px; } #contenu div.text h5 { border-bottom:1px dotted #404449; color:#404449; font-weight:bold; font-size:11px; margin:0 15px -15px 25px; } #contenu div.text p { color:#404449; font-size:11px; margin:15px 15px 15px 25px; text-align:justify; } #contenu div.text .left { margin:15px 15px 15px 25px;} #contenu div.text p a { color:black; } #contenu div.text p a:hover { color:#0f4da6; } #contenu div.text p.fondb { background:url(../img_v2/nav_fond.gif) repeat top right; border:1px solid #dfeafe; float:left; height:173px; margin:0 !important; padding:0 10px 0 20px; overflow:hidden; width:390px !important; width:420px; } #contenu div.text p.send { margin:103px 0 200px 0; text-align:center; } /* **** INTERIEUR DU SITE * FICHE DETAIL ***************************************************************************************** */ /* **** INTERIEUR DU SITE * DETAIL *********************************************************************************************** */ table.details td.titre { background:#e0eafa; color:#0f4da6; font-weight:bold; font-size:12px; } table.details td.titre h4 { font-weight:bold; margin:4px 4px 4px 6px; } table.details td.titre img { float:right; margin:4px 4px 4px 0; } table.details td.descr { background:#d2e0f7; padding:10px; } table.details td.descr p { float:left; font-weight:bold; margin:2px 0 2px 20px; width:170px; } table.details td.detail { background:url(../img_v2/deg_b_contact.gif) repeat-x top left; height:100px; } table.details td.detail p { margin:0 10px 0 10px; text-align:justify; } table.details td.prix { color:white; background:white url(../img_v2/fichenlist_fond_prix.gif) repeat-y top right; font-weight:bold; text-align:right; padding-right:10px; } table.details td.contact { background:#ffa800; color:white; font-weight:bold; font-size:12px; padding-left:15px; } #bien { background:white url(../img_v2/bien_fond.gif) repeat-x top left; border:1px solid #ffca35; } #bien h3 { color:white; font-size:11px; margin:0 0 0 10px; height:34px; } #bien h4 { clear:both; color:#7d3299; font-weight:bold; font-size:14px; margin:0 0 0 10px; text-indent:1px; } #bien h4 b { font-size:14px; } #bien h4 img { border:0; margin:0 5px 0 0; vertical-align:middle; } #bien h5 { font-size:11px; margin:5px 20px 15px 35px; } #bien h5 img { float:right; vertical-align:top; } #bien p { margin:5px 20px 0 35px; text-align:justify; } table.desc { background:white url(../img_v2/bien_fond.gif) repeat-x top left; border:1px solid #ffca35; margin:30px 0 20px 35px; width:390px; } table.desc h6 { color:#7d3299; font-size:12px; margin:5px 0 10px 10px; } table.desc p { color:#5f6978; font-size:11px; margin:2px 10px 2px 10px !important; } table.details { margin:0 5px 0 10px; } table.details td { vertical-align:top; } table.details td.photos { width:460px; } table.details td.photos img { border:1px solid #ffca35; } table.details td.photos img.imone { float:left; margin:0 0 5px 5px; width:80px; } table.details td.photos img#imgb { float:left; width:350px; margin:0 0 1px 0; } div.info { background:white url(../img_v2/bien_contact-fd.gif) repeat-x top left; border:1px solid #ffca35; height:400px; margin:10px 0 0 0; width:215px; } div.info h6 { color:black; font-weight:bold; font-size:11px; margin:17px 0 0 30px; } div.info h6 img { vertical-align:middle; margin-right:4px; } div.info p { color:#5f6978; font-size:11px; margin:10px 0 0 15px !important; } div.info p.vio a { color:#7d3299; font-weight:bold; } div.info a { color:black; } p.info { text-align:right !important; margin:0 0 0 0 !important; } p.info a { color:white; font-weight:bold; } #popup_sel { position:absolute; top: 250px; margin: 0 0 0 -80px; padding: 10px 0 10px 0; background-color:#FFF; border: solid 2px #8C4675; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-url('img_v2/selre_fond.gif'); text-align:center; display:none; width: 300px; height:150px; }