/* Global stylesheet 4 www.hospichild.be dutch piezo.be */ /* --- BODY --------------------- */ html, body, div, p {font: 13px "Trebuchet MS",Tahoma,Arial,sans-serif; color: #1E3658; line-height: 1.3em;} body {margin: 0; padding: 0; background: #CBD2DC url(/picture/hospi/bg_screen.jpg) repeat-y 0 0;} /* --- BACKGROUND CONTAINER --------------------- */ #container {width: 858px; background: url(/picture/hospi/bg_page.gif) repeat-y;} #header {position: relative; width: 769px; z-index: 1;} #title {position: absolute; height: 160px; top: 0; left: 0; background: url(/picture/hospi/bg_spine.gif) no-repeat;} #content {position: relative; float: left; padding: 0 0 0 29px; width: 760px; background: url(/picture/hospi/bg_page.gif) repeat-y; z-index: 10; margin-top: 209px; min-height: 800px; background-image: url(../../picture/hospi/bg_topmenu.gif); background-repeat: repeat-x;} /* --- LINKS --------------------- */ a:link, a:active, a:visited {font-weight: bold; color: #12809b; text-decoration: none;} a:hover {color: #8F2831;} a img {border-width: 0; border-style: none;} /* --- COMMON --------------------- */ br {clear: both;} form {margin: 0;} h1 {display: none;} h2 {margin: 0; font-size: 18px; font-weight: normal; color: #12809b;} h3 {margin: 0; padding: 25px 0 10px 0; font-size: 15px; font-weight: normal;} h5 {margin: 0; padding-top: 5px; font-size: 9px; font-weight: normal;} hr {display: none;} input, textarea, select {background: #fff; color: #000;} p {margin: 0; padding: 11px 0 0; line-height: 19px;} .image_caption {font-size: 10px; color: #12809b;} /* --- HEADER + NAV --------------------- */ #hospihead {position: absolute; width: 700px; height: 129px; top: 0; left: 69px; border-top: 0px solid #fff; background: url(/picture/hospi/hospitop.gif) no-repeat;} /* link to home */ #home {position: absolute; left: 0px; top: 34px; width: 292px; height: 85px;} #home a {display: block; width: 292px; height: 85px; padding: 0; margin: 0;} #home a strong{display:none;} #home a {background: transparent url(/picture/hospi/nlhospihome.gif) 0px 0px no-repeat;} #home a:hover {background: transparent url(/picture/hospi/nlhospihome.gif) 0px -85px no-repeat;} /* top features */ #feature {position: absolute; left: 562px; top: 99px; width: 127px; height: 22px; text-align:right; padding-right: 9px; padding-top: 8px;} /* global */ #hospinav {position: absolute; width: 740px; height: 80px; top: 129px; left: 29px;} #hospinav ul {border: none; margin: 0; padding: 0; list-style-type: none; clear: left; height: 80px;} #hospinav ul li {display: block; float: left; padding: 0; margin: 0; border: none;} #hospinav ul li a {display: block; width: 246px; height: 80px; padding: 0; margin: 0;} #hospinav ul li a strong {display: none;} #hospinav ul li#nav_avant a {width: 248px;} li#nav_avant a {background: transparent url(/picture/hospi/nlhospinav.gif) 0px 0px no-repeat;} li#nav_pendant a {background: transparent url(/picture/hospi/nlhospinav.gif) -248px 0px no-repeat;} li#nav_apres a {background: transparent url(/picture/hospi/nlhospinav.gif) -494px 0px no-repeat;} li#nav_avant a:hover {background: transparent url(/picture/hospi/nlhospinav.gif) 0px -80px no-repeat;} li#nav_pendant a:hover {background: transparent url(/picture/hospi/nlhospinav.gif) -248px -80px no-repeat;} li#nav_apres a:hover {background: transparent url(/picture/hospi/nlhospinav.gif) -494px -79px no-repeat;} /* Dia renaud */ #hospifoto {position: absolute; width: 740px; height: 80px; top: 129px; left: 29px;} #hospifoto ul {border: none; margin: 0; padding: 0; list-style-type: none; clear: left; height: 80px;} #hospifoto ul li {display: block; float: left; padding: 0; margin: 0; border: none;} #hospifoto ul li a {display: block; width: 246px; height: 80px; padding: 0; margin: 0;} #hospifoto ul li a strong {display: none;} #hospifoto ul li#nav_avant a {width: 248px;} li#nav_inaug a {background: transparent url(/picture/hospi/hospidia_nl.gif) 0px 0px no-repeat;} li#nav_forum a {background: transparent url(/picture/hospi/hospidia_nl.gif) -248px 0px no-repeat;} li#nav_autres a {background: transparent url(/picture/hospi/hospidia_nl.gif) -494px 0px no-repeat;} li#nav_inaug a:hover {background: transparent url(/picture/hospi/hospidia_nl.gif) 0px -80px no-repeat;} li#nav_forum a:hover {background: transparent url(/picture/hospi/hospidia_nl.gif) -248px -80px no-repeat;} li#nav_autres a:hover {background: transparent url(/picture/hospi/hospidia_nl.gif) -494px -80px no-repeat;} /* voor-tijdens-na */ #hospinavant, #hospipendant, #hospiapres {position: absolute; width: 740px; height: 80px; top: 129px; left: 29px;} #hospinavant ul, #hospipendant ul, #hospiapres ul {border: none; margin: 0; padding: 0; list-style-type: none; clear: left; height: 80px;} #hospinavant ul li, #hospipendant ul li, #hospiapres ul li {display: block; float: left; padding: 0; margin: 0; border: none;} #hospinavant ul li a, #hospipendant ul li a, #hospiapres ul li a {display: block; width: 246px; height: 80px; padding: 0; margin: 0;} #hospinavant ul li a strong, #hospipendant ul li a strong, #hospiapres ul li a strong {display: none;} #hospinavant ul li#ava_avant a, #hospipendant ul li#pen_avant a, #hospiapres ul li#apr_avant a {width: 248px;} /* voor */ li#ava_avant a {background: transparent url(/picture/hospi/hospinavant_nl.gif) 0px 0px no-repeat;} li#ava_pendant a {background: transparent url(/picture/hospi/hospinavant_nl.gif) -248px 0px no-repeat;} li#ava_apres a {background: transparent url(/picture/hospi/hospinavant_nl.gif) -494px 0px no-repeat;} li#ava_avant a:hover {background: transparent url(/picture/hospi/hospinavant_nl.gif) 0px -80px no-repeat;} li#ava_pendant a:hover {background: transparent url(/picture/hospi/hospinavant_nl.gif) -248px -80px no-repeat;} li#ava_apres a:hover {background: transparent url(/picture/hospi/hospinavant_nl.gif) -494px -80px no-repeat;} /* tijdens */ li#pen_avant a {background: transparent url(/picture/hospi/hospipendant_nl.gif) 0px 0px no-repeat;} li#pen_pendant a {background: transparent url(/picture/hospi/hospipendant_nl.gif) -248px 0px no-repeat;} li#pen_apres a {background: transparent url(/picture/hospi/hospipendant_nl.gif) -494px 0px no-repeat;} li#pen_avant a:hover {background: transparent url(/picture/hospi/hospipendant_nl.gif) 0px -80px no-repeat;} li#pen_pendant a:hover {background: transparent url(/picture/hospi/hospipendant_nl.gif) -248px -80px no-repeat;} li#pen_apres a:hover {background: transparent url(/picture/hospi/hospipendant_nl.gif) -494px -80px no-repeat;} /* na... */ li#apr_avant a {background: transparent url(/picture/hospi/hospiapres_nl.gif) 0px 0px no-repeat;} li#apr_pendant a {background: transparent url(/picture/hospi/hospiapres_nl.gif) -248px 0px no-repeat;} li#apr_apres a {background: transparent url(/picture/hospi/hospiapres_nl.gif) -494px 0px no-repeat;} li#apr_avant a:hover {background: transparent url(/picture/hospi/hospiapres_nl.gif) 0px -80px no-repeat;} li#apr_pendant a:hover {background: transparent url(/picture/hospi/hospiapres_nl.gif) -248px -80px no-repeat;} li#apr_apres a:hover {background: transparent url(/picture/hospi/hospiapres_nl.gif) -494px -80px no-repeat;} /* ALL the navs */ #hospicost, #hospischool, #hospijob, #hospicarte , #hospibxl , #hospiaso, #hospiforums , #hospichartes , #hospilegal , #hospiforms {position: absolute; width: 494px; height: 80px; top: 129px; left: 29px;} #hospicost ul, #hospischool ul, #hospijob ul, #hospicarte ul, #hospibxl ul, #hospiaso ul, #hospiforums ul, #hospichartes ul, #hospilegal ul, #hospiforms ul {border: none; margin: 0; padding: 0; list-style-type: none; clear: left; height: 80px;} #hospicost ul li, #hospischool ul li, #hospijob ul li, #hospicarte ul li, #hospibxl ul li, #hospiaso ul li, #hospiforums ul li, #hospichartes ul li, #hospilegal ul li, #hospiforms ul li {display: block; float: left; padding: 0; margin: 0; border: none;} #hospicost ul li a, #hospischool ul li a, #hospijob ul li a, #hospicarte ul li a, #hospibxl ul li a, #hospiaso ul li a, #hospiforums ul li a, #hospichartes ul li a, #hospilegal ul li a, #hospiforms ul li a {display: block; width: 494px; height: 80px; padding: 0; margin: 0;} #hospicost ul li a strong, #hospischool ul li a strong, #hospijob ul li a strong, #hospicarte ul li a strong, #hospibxl ul li a strong, #hospiaso ul li a strong, #hospiforums ul li a strong, #hospichartes ul li a strong, #hospilegal ul li a strong, #hospiforms ul li a strong {display: none;} #hospicost ul li#cos_cost a, #hospischool ul li#cos_school a, #hospijob ul li#cos_job a, #hospicarte ul li#cos_carte a, #hospibxl ul li#cos_bxl a, #hospiaso ul li#cos_aso a, #hospiforums ul li#cos_foru a, #hospichartes ul li#cos_cha a, #hospilegal ul li#cos_leg a, #hospiforms ul li#cos_form a {width: 494px;} /* cost-school-job-carte-bxl-aso */ li#cos_cost a {background: transparent url(/picture/hospi/hospicost_nl.gif) 0px 0px no-repeat;} li#cos_cost a:hover {background: transparent url(/picture/hospi/hospicost_nl.gif) 0px -80px no-repeat;} li#cos_school a {background: transparent url(/picture/hospi/hospischool_nl.gif) 0px 0px no-repeat;} li#cos_school a:hover {background: transparent url(/picture/hospi/hospischool_nl.gif) 0px -80px no-repeat;} li#cos_job a {background: transparent url(/picture/hospi/hospijob_nl.gif) 0px 0px no-repeat;} li#cos_job a:hover {background: transparent url(/picture/hospi/hospijob_nl.gif) 0px -80px no-repeat;} li#cos_around a {background: transparent url(/picture/hospi/hospi_aroundnl.gif) 0px 0px no-repeat;} li#cos_around a:hover {background: transparent url(/picture/hospi/hospi_aroundnl.gif) 0px -80px no-repeat;} li#cos_carte a {background: transparent url(/picture/hospi/hospicarte_nl.gif) 0px 0px no-repeat;} li#cos_carte a:hover {background: transparent url(/picture/hospi/hospicarte_nl.gif) 0px -80px no-repeat;} li#cos_bxl a {background: transparent url(/picture/hospi/hospibxl_nl.gif) 0px 0px no-repeat;} li#cos_bxl a:hover {background: transparent url(/picture/hospi/hospibxl_nl.gif) 0px -80px no-repeat;} li#cos_aso a {background: transparent url(/picture/hospi/hospiaso_nl.gif) 0px 0px no-repeat;} li#cos_aso a:hover {background: transparent url(/picture/hospi/hospiaso_nl.gif) 0px -80px no-repeat;} li#cos_foru a {background: transparent url(/picture/hospi/hospiforum.gif) 0px 0px no-repeat;} li#cos_foru a:hover {background: transparent url(/picture/hospi/hospiforum_nl.gif) 0px -80px no-repeat;} li#cos_cha a {background: transparent url(/picture/hospi/hospichart_nl.gif) 0px 0px no-repeat;} li#cos_cha a:hover {background: transparent url(/picture/hospi/hospichart_nl.gif) 0px -80px no-repeat;} li#cos_leg a {background: transparent url(/picture/hospi/hospileg_nl.gif) 0px 0px no-repeat;} li#cos_leg a:hover {background: transparent url(/picture/hospi/hospileg_nl.gif) 0px -80px no-repeat;} li#cos_form a {background: transparent url(/picture/hospi/hospiform_nl.gif) 0px 0px no-repeat;} li#cos_form a:hover {background: transparent url(/picture/hospi/hospiform_nl.gif) 0px -80px no-repeat;} /* avant-pendant-apres petit */ #hospinav2 {position: absolute; width: 246px; height: 80px; top: 129px; left: 524px;} #hospinav2 ul {border: none; margin: 0; padding: 0; list-style-type: none; clear: left; height: 80px;} #hospinav2 ul li {display: block; float: left; padding: 0; margin: 0; border: none;} #hospinav2 ul li a {display: block; width: 82px; height: 80px; padding: 0; margin: 0;} #hospinav2 ul li a strong {display: none;} #hospinav2 ul li#cos_avant a {width: 84px;} li#nav2_avant a {background: transparent url(/picture/hospi/hospicost_nl.gif) -496px 0px no-repeat;} li#nav2_pendant a {background: transparent url(/picture/hospi/hospicost_nl.gif) -580px 0px no-repeat;} li#nav2_apres a {background: transparent url(/picture/hospi/hospicost_nl.gif) -664px 0px no-repeat;} li#nav2_avant a:hover {background: transparent url(/picture/hospi/hospicost_nl.gif) -496px -80px no-repeat;} li#nav2_pendant a:hover {background: transparent url(/picture/hospi/hospicost_nl.gif) -580px -80px no-repeat;} li#nav2_apres a:hover {background: transparent url(/picture/hospi/hospicost_nl.gif) -664px -80px no-repeat;} /* --- MAIN CONTENT --------------------- */ #articles {float: left; padding: 0px; width: 500px; min-height:110%;} #articles .article_hopital_et {padding-bottom: 15px; border-bottom: 1px solid #C7CFD9;} #articles .article_hopital_et a:link, #articles .article_hopital_et a:active, #articles .article_hopital_et a:visited {color: #8F2831;} #articles .article_hopital_et a:hover {color: #1E3658;} #articles .article_hopital_et h3 {padding-left: 38px; color: #8F2831; background: url(/picture/hospi/h3_hopital_et.gif) no-repeat 0 20px;} #articles .article_hospi_plus {padding-bottom: 15px; border-bottom: 1px solid #C7CFD9;} #articles .article_hospi_plus a:link, #articles .article_hospi_plus a:active, #articles .article_hospi_plus a:visited {color: #AEBD63;} #articles .article_hospi_plus a:hover {color: #1E3658;} #articles .article_hospi_plus h3 {padding-left: 38px; color: #AEBD63; background: url(/picture/hospi/h3_hospi_plus.gif) no-repeat 0 20px;} #top_story {height: 200px; width: 729px;} #top_story h2 {padding: 25px 20px 4px;} #top_story p {margin: 0; padding: 0 20px;} #right {position: absolute; top: 20px; left: 536px; z-index: 1;} #right_inner {background: url(/picture/hospi/bg_right.gif) repeat-y; padding-top: 10px; padding-bottom: 20px;} .breadcrumb {display:none;} .breadcrumb a:hover {position: absolute; left: 0px; top: 0px; padding: 5px; margin-top:0px; border: #CCCCCC 1px solid; border-top:0px; font-size:9px;} /* --- INNER ARTICLE --------------- */ #articles_inner {margin-left: 10px; margin-top: 25px; float:left;} #articles_inner p {line-height: 140%;} /*-- make nice titles --*/ #articles_inner h2 {margin-top: 10px; margin-bottom: 20px; padding-left: 35px; padding-bottom: 5px; border-bottom: 1px #006699 solid; background-image: url(/picture/hospi/title_bg.gif); background-position: left; background-repeat: no-repeat; text-transform: none;} #articles_inner h3 {color: #12809b; padding: 0px 0 0px 0;} #articles_inner h4 {color: #12809b; margin-top: 15px; margin-bottom: 5px; padding-left: 35px; padding-bottom: 5px;} #articles_inner .go { background-image: url(/picture/hospi/mini_go.gif); background-position: left; background-repeat: no-repeat; text-transform: uppercase;} #articles_inner .cart { background-image: url(/picture/hospi/mini_cart.gif); background-position: left; background-repeat: no-repeat; text-transform: uppercase;} #articles_inner .amb { background-image: url(/picture/hospi/mini_amb.gif); background-position: left; background-repeat: no-repeat; text-transform: uppercase;} /*-- make nice inner menus and titles --*/ .articles_menus {padding: 0px; background: url(/picture/hospi/submenu_bg.gif); background-position: 0 0; background-repeat: x-repeat; padding-left: 10px; background-color: #FFFFFF; margin-top: 25px; padding: 10px; border: 1px solid #cfe5eb;} .articles_menus a {padding-left: 10px; background-image: url(/picture/r_arrowgrey); background-position: -3px; background-repeat: no-repeat;} .articles_menus h3 {font-weight: bold; background: url(/picture/hospi/submenu_h3.gif); background-position: 0 0; line-height: 30px; text-indent: 10px;} .cool {text-decoration:underline;} .maj {font: 11px "Trebuchet MS",Tahoma,Arial,sans-serif; color: #1E3658; line-height: 1.3em;} /* --- TOPNEWS --------------------- */ #topnews {margin-top: 36px; padding-top: 70px; background: url(/picture/hospi/hospitopnews.gif) 130px 0px; background-repeat: no-repeat;} #topnews p {line-height: 15px; font-size: 11px; margin: 0 30px; padding: 0;} #topnews a {font-weight:normal;} #topnews a:hover {color: #FF9900;} /* --- SIDEBAR --------------------- */ #location {height: 187px; background: #BBC4D1 url(/picture/hospi/bg_rightcol.jpg) bottom center;} #location h4 {position: absolute; width: 82px; height: 5px; top: 143px; left: 20px; margin: 0;} #location h4 span {display: none;} #location p {position: absolute; top: 165px; left: 23px; margin: 0; padding: 0 !important; font-size: 12px; color: #fff;} #location #here {position: absolute; width: 3px; height: 3px; top: 114px; left: 112px; z-index: 2; background: url(/picture/hospi/here.gif) no-repeat;} #location #map {position: absolute; width: 175px; height: 107px; top: 0px; left: 23px; z-index: 1; padding-top: 20px;} #location #tab_where {position: absolute; width: 29px; height: 106px; top: 0; right: -49px; background: url(/picture/hospi/tab_where.gif) no-repeat;} #search {position: relative; height: 33px; padding: 18px 15px 20px; margin-top: 12px; background: #BBC4D1 url(/picture/hospi/bg_right.gif) bottom center;} #search h4 {width: 42px; height: 5px; margin: 0 0 4px; background: url(/picture/hospi/nlmini_search.gif) no-repeat;} #search h4 span {display: none;} #search #tab_search {position: absolute; width: 29px; height: 71px; top: 0; right: -29px; background: url(/picture/hospi/nltab_search.gif) no-repeat;} .sidenav h4 {display: none;} .sidenav ul {margin: 0 15px; padding: 0; width: 203px;} .sidenav ul li {list-style: none; border-bottom: 1px solid #CBD2DC; background: #fff;} .sidenav a {font-weight: normal !important; width: 189px; text-decoration: none; padding: 8px 0 8px 14px; display: block;} #sidenav_hopital_et {position: relative; width: 203px; height: 25px; margin: 18px 15px 6px; background: #8F2831 url(/picture/hospi/nlsidenav_hopital_et.gif) no-repeat;} #sidenav_hopital_et #tab_categories {position: absolute; width: 29px; height: 98px; top: 0; right: -44px; background: url(/picture/hospi/nltab_categories.gif) no-repeat;} #sidenav_hospi_plus {width: 203px; height: 25px; margin: 29px 15px 6px; background: #AEBD63 url(/picture/hospi/sidenav_hospi_plus.gif) no-repeat;} .s_hopital_et a:link, .s_hopital_et a:active, .s_hopital_et a:visited {color: #117f99;} .s_hopital_et a:hover {color: #1E3658; background: #F0F2F5;} .s_hospi_plus a:link, .s_hopital_et a:active, .s_hopital_et a:visited {color: #117f99;} .s_hospi_plus a:hover {color: #1E3658; background: #F0F2F5;} .this a {background-image: url(/picture/hospi/bg_right.gif);} /* --- FOOTER --------------------- */ #footer {width: 800px; background: url(/picture/hospi/bg_page.gif) repeat-y; clear:both; padding-top: 50px;} #footer p {background: #fff; font-size: 9px; margin: 0 39px; padding: 0; line-height: 100% !important;} #footer p.foot {background: none; font-size: 12px; margin: 0 0px; padding: 0; line-height: 120% !important; text-align:center; margin-top:15px; padding-bottom: 5px;} #footer p:first-child {padding: 0px 0 0px 0;} #footer_plus {width: 740px; height: 200px; display: block; position: relative; left: 29px; background: url(/picture/hospi/nlbg_footer.jpg) repeat-y; padding: 15px;} #footer_plus p {background: none; font-size: 12px; margin: 0 0px; padding: 0; line-height: 20px !important;} #footer_plus a {padding-left: 15px; background-image: url(/picture/r_arrowgrey); background-position: -3px; background-repeat: no-repeat; font-weight: normal;} #plus_uno {width: 255px; height: 150px; float:left; margin-top: 60px;} #plus_uno .go { background-image: url(/picture/hospi/mini_go.gif); background-position: left; background-repeat: no-repeat; margin-bottom: 5px; padding-left: 35px; padding-bottom: 5px;} #plus_dos {width: 225px; height: 150px; float:left; margin-left: 15px; margin-top: 60px;} #plus_dos .go { background-image: url(/picture/hospi/mini_cart.gif); background-position: left; background-repeat: no-repeat; margin-bottom: 5px; padding-left: 35px; padding-bottom: 5px;} #plus_tres {width: 200px; height: 150px; float:left; margin-left: 15px; margin-top: 60px;} #plus_tres .go { background-image: url(/picture/hospi/mini_amb.gif); background-position: left; background-repeat: no-repeat; margin-bottom: 5px; padding-left: 35px; padding-bottom: 5px;} #footer_cap {height: 43px; margin-bottom: -20px; background: url(/picture/hospi/bg_footernl.gif) no-repeat;} #footer img {margin-left: 29px; margin-top: 20px;} .separator_b {background: url(/picture/bleu.gif) no-repeat;} /* carte sociale vivante */ .sn { } .sn h2 { padding-bottom: -10px; } .sn_left { margin-left: -30px; float: left; width: 110px; } .sn_left li { list-style: none; list-style-position: outside; font-weight: bold; width: 90px; } .sn_right { float: left; } .sn_right li { list-style: none; list-style-position: outside; margin-left: -20px; } /* sortir pour IE7 */ *+html .sn_right li { line-height: 18px; } /* phpwcms codes */ imgDIVinTextRight { float: right; } imgDIVinTextLeft { float: left; } /* phpwcms forms */ .formular { width: 425px; margin-top: 30px;} .formular input {width: 190px;} .formular textarea {width:305px; height: 120px; font-size: 12px;} #mainBlock input, #mainBlock textarea {background: #dedede; border: 1px solid #b9babb; color: #000;} .error {display: block; color: #F30; margin: 10px 0;} .formLabel {width: 200px; vertical-align: top;} .formLabelRequired { width: 200px; color: #FF0000;} .hospiform { margin: 5px; font-family: Tahoma, Arial, Helvetica, sans-serif;} .hospiformsend {width: 50px; } #VisualMODE { color:#990000; font-size:10px; position:fixed; top:50px; margin:0px 0px 0px 800px; z-index:1; border:1px solid #999999; background-color: #FFFFFF; filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; padding: 5px; height: 30px; } /* ----------------------------------------------------------------------------- // Idea and original code and layout from DK Style Sheet // Author: Cameron Moll Version: 2005.03 // www.designeye.org // Adapted by Marcos Peebles // marcos at piezo dot be // www.piezo.be -------------------------------------------------------------------------------- */