html, body {margin:0px;padding:0px;height:100%;width:100%;}
body {text-align:center; font-family: tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; font-size:85%; sans-serif; color:#000; background:#fff;}
h1 {margin:0; font-family: arial, sans-serif; font-size: 3.4em; color:#000080;}
h2 {font-size:1.5em;}
h3 {font-size:1.2em;}
h4 {font-size:1.0em;}
h5 {font-size:1.0em;font-style:italic;}
h6 {font-size:1.0em;font-style:italic;color:#ccc}
p {margin:0;font-size:1.0em;}
a {outline:none;}
a img {border:0;}
.vert {color:#070;}
.bleu {color:#009;}
.gris {color:#fff;}
.gras {color:#800;}
#wrapper {width:800px; margin:0 auto; padding-top: 1em; text-align:center;}
#top {padding:0; margin:0;background-color: #998f76;text-align:center;}
#top h1 {font-weight:normal; text-align:center;}
#top h1 a {text-decoration: none;}
#top p {padding-bottom:1em;}
#info {padding-bottom:0; background:#fff;}
#info p {padding-bottom:1em;color:#444;}
#raisonsoc {margin: 0; padding: 10px; text-align: center; font-family: Tahoma Small Cap;}
#raisonsoc {display:none;}
#bottom {padding:1em;text-align:center;font-size:1.2em;}
.contact, .rssbloc, .accueil, .admin, .clients {padding-left:25px;}
.contact {background: transparent url(images/arobase.png) center left no-repeat;}
.rssbloc {background: transparent url(images/arss.png) center left no-repeat;}
.accueil {background: transparent url(images/home.png) center left no-repeat;}
.admin {background: transparent url(images/admin.png) center left no-repeat;}
.clients {background: transparent url(images/clients.png) center left no-repeat;}
.contact a, .rssbloc a, .accueil a, .admin a, .clients a {color:#000;text-decoration:none;}
#footer {background: #998f76;color:#fff;}
#footer {clear:both;margin:0 auto;padding:0;font-size:1em;color:#fff;text-align:center;}
#panel-handler {height: 20px; background: #998F76 url(piloter/themes/noviny/img/panel-handler.png) no-repeat top center;
}
#topmenu {position:relative; width: 600px; margin:0 95px; background: #6E7C87 url(images/phareilevierge3.jpg) no-repeat;}	
#menuactivites {width: 600px; height: 333px;margin: 0; padding: 0; list-style: none;}
#menuactivites li {float: left; width: 200px; height: 30px; }
#menuactivites a {display: block; background:#111; padding-top:3px;width: 100%;height: 90%;text-align: center; text-decoration: none;}
#actiun a:hover { background: #009; }
#actideux a:hover { background: #060;}
#actitrois a:hover { background: #666; }
#actiquatre a:hover { background: #03f; }
#menuactivites li a span {display: none;}
#actiun a:hover span, #actideux a:hover span, #actitrois a:hover span {display: block;position: absolute;top: 30px; left: 0;width: 394px;height: 282px;border: 1px solid #ccc; padding: 10px 5px 10px 200px;text-align: justify; color: #000;cursor: pointer;}
#actiun a:hover span {background: #fff url(images/activite1.jpg) top left no-repeat;}
#actideux a:hover span {background: #fff url(images/activite2.jpg) top left no-repeat;}
#actitrois a:hover span {background: #fff url(images/activite3.jpg) top left no-repeat;}
#menuactivites .h2 {font-size: 1.3em;font-weight: normal;color: #fff;text-decoration: none;}
#menuactivites .h3 {font-size: 1.2em;font-weight: normal;color: #000;text-decoration: none;}
#menu {width: 600px; height: 25px;margin: 0; padding: 0; list-style: none;}
#menu li {float: left; width: 150px; height: 23px; }
#menu a {display: block; padding-top:3px;width: 100%;height: 90%;text-align: center;	  text-decoration: none;}
#un a:hover { background: #060; }
#deux a:hover { background: #060;}
#trois a:hover { background: #060; }
#quatre a:hover { background: #060; }
#menu li a span {display: none;}
#menu li a:hover span {display: block;position: absolute;top: 200px; left: 40px;width: 500px;height: 100px;background: #111;border: 1px solid #ccc; padding: 10px 5px;text-align: justify;color: #fff;cursor: pointer;}
#menu .h2 {font-size: 1.1em;font-weight: normal;color: #fff;text-decoration: none;}
#menu .h3 {font-size: 1em;font-weight: normal;color: #fff;text-decoration: none;}
#footer p {height:2em;background: #21170b;}
#refsite {
clear:both;
margin:0 auto;
padding:0;
background:#888;
font-size:1em;
color:#fff;
text-align:center;
}
#refannuaires {
clear:both;
margin:0 auto;
padding:0;
background:#fff;
color:#ccc;
text-align:center;
}
#footer a {
color:#fff;
text-decoration:none;
}
#refsite a {
/*text-decoration:none;*/
color:#600;
}
#refannuaires a {
color:#ccc;
/*text-decoration:none;*/
}
#footer ul li {
display: inline;
margin:0;
padding:0;
}
#footer img,#refsite img, #refannuaires img {
padding-bottom:0;
}
#toc3 .toc-group {
float:left;
width:195px;
font-size:0.9em;
}
#toc3 .post-title {
/*clear:both;*/
/*display:block;*/
width:100%;
}
#toc3 ul {
margin-top:0;
list-style:none;
padding:0 0 0 0.5em;
}
#toc3 ul li {
font-size:0.8em;
}