body { background:#c9c4b9; color:#C9C4B9; margin:0; padding:0; border:0; font-family: verdana, lucida, arial, helvetica, sans-serif; text-align:center;} #wrapper { position:relative; background:#8c8981; color:#333; padding:0px; width:754px; margin:auto; height:100%} #header {position:relative;width: 754px; height:65px; text-align:right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #FFFFFF; background: #A11329; border-bottom: solid 1px #FFF;} #header ul {position:relative; top:40px; border: 0px; display:inline; } #header li { height:20px; line-height:20px; display:inline; padding: 0px 0px 0px 0px; font: bold 0.65em Verdana, Arial, Helvetica, sans-serif;} #header li a { height:20px; line-height:20px; color:#000000; padding: 0px 10px 0px 10px; text-decoration: none;color: #FFFFFF} #header li a:hover { height:20px; line-height:20px; margin: 0px 0px 0px 0px; text-decoration: none; color:#ffcc33;} #header li a.on { height:20px; line-height:20px; color: #000000; text-decoration: none;} #banner {position:relative; clear: both; left: 0px; top: 0px; width: 754px; height:114px;margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-top: solid 1px #000; text-align: left;} #b1 {position: absolute; left: 0px; width:73px; height:107px; border-right: solid 1px #FFF;} #b2 {position: absolute; left: 74px;width:344px; height:107px; border-right: solid 1px #FFF;} #b3 {position: absolute; top:0px; left: 419px; width:335px; height:48px; background-image: url(../images/banner_bck.gif); background-repeat:repeat; font-size: 0.1em;} #b4 {position: absolute; top:48px; left: 419px; width: 335px; height:9px; background:#4b473a; font-size: 0.1em; } #b5 {position: absolute; top:57px; left: 418px; width: 335px; height:107px; } /* menu */ .barremenu { width:754px; background-color :#FFF; height:18px;border-bottom-width:1px; border-bottom-style:solid ; border-bottom-color:#000 } .barrenav { float:right; } .barrenav ul {list-style-type: none; } html>body .barrenav ul {position:relative; top:-16px; } .barrenav ul li { z-index: 2;position: relative; top:0px; left:0px; float: left;} .barrenav ul li img { display: inline;} .barrenav ul li a.menu { display:block; text-align:center; text-transform:uppercase; color: #000; font: normal 0.6em Verdana, Arial, Helvetica, sans-serif; padding: 3px 0px 3px 0px; border-right:1px solid #5B5851; } .barrenav ul li a.selected {background-color:#AF1E38; color:#FFF;} *> .barrenav ul li a.menu { text-transform:none; font: normal 0.7em Verdana, Arial, Helvetica, sans-serif; } .barrenav ul li a:hover {background-color :#AF1E38; color: #FFF;} .barrenav ul li a.maison { width: 149px;} .barrenav ul li a.services { width: 99px;} .barrenav ul li a.activites { width: 99px;} .barrenav ul li a.asbl { width: 129px;} .barrenav ul li a.publications { width: 99px;} .barrenav ul li a.adresses { width: 129px; border-right:0px;} .barrenav ul li ul {position:absolute; list-style-type:none; display:none; margin:0px; padding:0px 0px 0px 0px; border:solid 1px #000; } *> .barrenav ul li ul { margin-top:34px; width:114px; } .barrenav ul li ul li { display:inline; margin:0px; padding:0px; /* ce float none permet d'annuler l'héritage du float left précédent */ float: none ; /* permet de contrebalancer l'héritage précédent */ text-align: left ; } .barrenav ul li ul li a { text-align:left; font:normal 0.7em Verdana, Arial, Helvetica, sans-serif; background-color:#9C988C; color:#FFF; margin:0px; display:block; width:100px ; padding:2px 6px 2px 8px; border-top:1px solid #5B5851; } *> .barrenav ul li ul li a {font-size:0.7em} .barrenav ul li ul li a:hover {background-color:#FFF; color:#9C988C; } .barrenav ul li:hover ul { display: block ; } .barrenav a , .barrenav a:visited , .barrenav a:active , .barrenav a:hover , .barrenav a:focus { text-decoration: none ;} #zorg {display: none ;} #zorg:hover {display: none;} /* position contenu */ #ombrage {width:754px; height:14px; background-image: url(../images/ombrage.gif); background-repeat: no-repeat; margin:0px; padding: 0px; font: normal 0.1em Verdana, Arial, Helvetica, sans-serif; } #ombrage2 {width:754px; height:14px; background-image: url(../images/ombrage2.gif); background-repeat: no-repeat; margin:0px; padding: 0px; font: normal 0.1em Verdana, Arial, Helvetica, sans-serif; } #ombrage_home { width:359px; height:5px; background-image: url(../images/ombrage_home.gif); background-repeat: repeat-y; margin:0px; padding: 0px; font: normal 0.1em Verdana, Arial, Helvetica, sans-serif; } #pagebody_accueil {position:relative;width:754px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; text-align:left; background:#A11329;} #pagebody_accueil #lefthome {position:absolute; padding:0px 0px 0px 0px; margin:0px; width:394px; text-align:left;} #pagebody_accueil h1 {color: #A11329; font-size: 0.95em; padding: 15px 15px 0px 25px; } #pagebody_accueil h2 {color: #A11329; font-size: 0.95em; padding: 5px 15px 0px 40px; } #pagebody_accueil h3 {color: #A11329; font-size: 0.95em; padding: 5px 15px 0px 60px; } #pagebody_accueil h4 {color: #A11329; font-size: 0.95em; padding: 5px 15px 0px 80px; } #pagebody_accueil #righthome {position:relative; background:#FFF; left:394px; margin:0px; top:0px; width:359px; min-height:420px; text-align:left; border-left:solid 1px #636260; padding:0px 0px 0px 0px; color:#000000; } #pagebody_accueil #righthome ul {color: #000000; margin:0px; padding:0px; width:359px; text-align:left; background:#F4F4F3; padding: 0px; border-top :solid 1px #A90A2A; } #pagebody_accueil #righthome li { list-style: none; padding: 10px 15px 10px 15px; width:329px; font: normal 0.7em Verdana, Arial, Helvetica, sans-serif; border-bottom:solid 1px #D0C1C3; } #pagebody_accueil #righthome li.last { list-style: none; padding: 10px 15px 10px 15px; width:329px; font: normal 0.7em Verdana, Arial, Helvetica, sans-serif; border-bottom:solid 1px #F4F4F3;} #pagebody_accueil #righthome li a { font: normal 1em Verdana, Arial, Helvetica, sans-serif; color:#000; text-decoration: underline; } #pagebody_maison {position:relative;width:754px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; text-align:left; background:#E2DFD7;background-image: url(../images/illu_home.jpg); background-repeat: no-repeat;} #pagebody_services {position:relative;width:754px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; text-align:left; background:#E2DFD7;background-image: url(../images/illu_services.jpg); background-repeat: no-repeat;} #pagebody_activites {position:relative;width:754px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; text-align:left; background:#E2DFD7;background-image: url(../images/illu_activite.jpg); background-repeat: no-repeat;} #pagebody_asbl {position:relative;width:754px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; text-align:left; background:#E2DFD7;background-image: url(../images/illu_asbl.jpg); background-repeat: no-repeat;} #pagebody_publications {position:relative;width:754px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; text-align:left; background:#E2DFD7;background-image: url(../images/illu_publication.jpg); background-repeat: no-repeat;} #pagebody_liens {position:relative;width:754px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; text-align:left; background:#E2DFD7;background-image: url(../images/illu_liens.jpg); background-repeat: no-repeat;} #pagebody_divers {position:relative;width:754px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; text-align:left; background:#E2DFD7;background-image: url(../images/illu_services.jpg); background-repeat: no-repeat;} #leftcontent {position:absolute; padding:0px 0px 0px 0px; margin:0px; width:330px; height:497px; text-align:left; } #rightcontent {position:relative; background:#FFF; left:330px; margin:0px; top:0px; width:423px; min-height:497px; text-align:left; border-left:solid 1px #636260; padding:1px 0px 10px 0px; color:#000000; } #leftmenu {position:relative; top:0px; left:0px; margin:0px; padding:0px; } #leftmenu ul {width:10em; float:right; margin:35px 0px 0px 0px; padding:0px; height:1.6em; } #leftmenu li { text-align:right; margin: 0px 0px -1px 0px; list-style: none; border-left:solid 1px #75726D; border-top:solid 1px #75726D; height:1.45em; } #leftmenu li.last {text-align:right; padding: 0px 0px 0px 0px; list-style: none; border-left:solid 1px #75726D; border-top:solid 1px #75726D; border-bottom:solid 1px #75726D; } #leftmenu li a { display: block; height:1.6em; text-decoration: none; color: #735D5C; font-size:0.7em; padding: 5px 5px 0px 0px; margin: 0px; border:0px; background:#EAEAE7;} #leftmenu li a.selected {background:#736D5C; } #leftmenu li a:hover {color:#FFF; background:#736D5C; } #leftmenu li a.selected {color:#FFF; background:#999; } #leftmenu_bigger {position:relative; top:0px; left:0px; margin:0px; padding:0px; } #leftmenu_bigger ul {width:12em; float:right; margin:35px 0px 0px 0px; padding:0px; height:1.6em; } #leftmenu_bigger li { text-align:right; margin: 0px 0px -1px 0px; list-style: none; border-left:solid 1px #75726D; border-top:solid 1px #75726D; height:1.45em; } #leftmenu_bigger li.last {text-align:right; padding: 0px 0px 0px 0px; list-style: none; border-left:solid 1px #75726D; border-top:solid 1px #75726D; border-bottom:solid 1px #75726D; } #leftmenu_bigger li a { display: block; height:1.6em; text-decoration: none; color: #735D5C; font-size:0.7em; padding: 5px 5px 0px 0px; margin: 0px; border:0px; background:#EAEAE7;} #leftmenu_bigger li a.selected {background:#736D5C; } #leftmenu_bigger li a:hover {color:#FFF; background:#736D5C; } #leftmenu_bigger li a.selected {color:#FFF; background:#999; } /* pied de page */ #bottom { width: 754px; min-height:98% ;height:98%; background-image: url(../images/bottom_bck.gif);background-repeat : repeat-x;text-align:right;} #bottom_menu { height:6px; font: normal 0.1em Verdana, Arial, Helvetica, sans-serif; background-image: url(../images/banner_ombrage.gif);background-repeat : repeat-x;} #copyright a {color:#333; font: normal 0.7em Verdana, Arial, Helvetica, sans-serif; } /* css contenu debut */ h1 { color: #79796D; font-size: 0.75em; padding: 0px 15px 0px 15px; } h2 { color: #A11329; font-size: 0.70em; padding: 0px 15px 0px 15px; } h3 { color: #79796D; font-size: 0.70em; padding: 0px 15px 0px 15px; } h4 { font-weight:bold; color: #000; font-size: 0.70em; padding: 0px 15px 0px 15px; } h5 { font-weight:bold; color: #000; font-size: 0.70em; padding: 0px 15px 0px 15px; } p{ color: #000000; font-size: 0.70em; padding: 0px 15px 0px 15px; } blockquote { color: #000000; font-size: 1.0em; padding: 0px 15px 0px 15px; } .pbold { color: #000000; font-size: 0.70em; font-weight: bold; padding: 0px 15px 0px 15px; } blockquote {color: #000000; font-size: 0.70em; padding: 0px 15px 0px 15px; text-align:justify; } #rightcontent ul {color: #000000; font-size: 0.70em; margin:5px; padding: 0px 5px 0px 30px; text-align:left; } #rightcontent ol {color: #000000; font-size: 0.70em; margin:5px; padding: 0px 20px 0px 35px; text-align:left; } #rightcontent ul li {list-style-image: url(../images/bullet_arrow.gif); } #rightcontent li {line-height:1.25em; } #rightcontent ul li ul {color: #000000; font-size: 1.0em; margin:5px; padding: 0px 5px 0px 30px; text-align:left; } #rightcontent table td {font: normal 0.8em Verdana, Arial, Helvetica, sans-serif;padding:0px 10px 10px 10px; } #rightcontent dl {font: normal 0.7em Verdana, Arial, Helvetica, sans-serif; padding:0px 10px 10px 10px; } #rightcontent h2 a {font: normal 0.7em Verdana, Arial, Helvetica, sans-serif;} #rightcontent a {color:#816D0D;} #rightcontent a:hover {color:#5B5D45;} #rightcontent a:visited {color:#5B5D45 ;} #retour {text-align:right; padding:5px 10px 0px 10px;} #retour a {color: #79796D; font: normal 0.7em Verdana, Arial, Helvetica, sans-serif;} #retour a:hover {color:#A11329; font: normal 0.7em Verdana, Arial, Helvetica, sans-serif;} #top {text-align:right; padding:10px 10px 0px 10px;} #top a {color: #79796D; font: normal 0.7em Verdana, Arial, Helvetica, sans-serif;} #top a:hover {color:#A11329; font: normal 0.7em Verdana, Arial, Helvetica, sans-serif;} #table {border: solid 1px #999; background:#CCC; width:80%; margin:auto; padding:10px; font: normal 0.7em Verdana, Arial, Helvetica, sans-serif;} #table h1 { color: #A11329; font-size: 0.95em; padding: 5px 15px 0px 15px; } #table h2 { color: #A11329; font-size: 0.95em; padding: 5px 15px 0px 15px; } #table h3 { color: #A11329; font-size: 0.95em; padding: 5px 15px 0px 15px; } hr {width:95%; text-align:center; margin: auto; border : solid 1px #999; } .debug{border: solid 3px red; } #plan ul li ul li a { text-align:left; font:normal 1.0em Verdana, Arial, Helvetica, sans-serif; } .publication_title {color: #A11329; font: bold 0.70em Verdana, Arial, Helvetica, sans-serif; padding: 0px 15px 0px 15px;} .publication_desc {color: #000; font-weight: normal;} form {padding:0px 0px 0px 20px;} /* css contenu fin */ /* Gestion de hauteur debut */ *>#pagebody {padding-top: 500px; min-height: 1px;} *>#pagebody #leftcontent {margin-top: -500px;} *>#pagebody #rightcontent {margin-top: -500px;} * html #pagebody { /* IE5Mac filter \*/ height: 500px; /* end filter */ } .prop {float:right; width:1px;} .clear {clear:both; height:1px; overflow:hidden;} .minhauteur {height:496px;} /* Gestion de hauteur fin */ /* =========== ajout BL ================= */ .diplocadre { border: 1px solid #CC0000; font-family: verdana; padding: 5px; margin: 10px; background: #fafaee }