/* CSS Document */
* {margin:0; padding:0;border:none;}
body{ font-family: Verdana, Arial, Helvetica, sans-serif; background:#e5e5e5;}

/*structure du site dans l'ordre du flux XHTML*/
#page{position:absolute; width:740px; left:50%; margin-left:-370px;}

#top{background:#e5e5e5;}


#contenu{width:731px;font-size:0.9em;line-height:1.6em; background:url(img/bg-page.jpg) repeat-y;}
#contenu-top{ background: url(img/bg-page-top.jpg) no-repeat;}
#contenu-bot{clear:both;background:url(img/bg-page-bot.jpg) no-repeat; height:26px;}

#main { float:right; width:470px; padding-top:20px; background:url(img/bg-right-contenu.png) top right repeat-y; margin-right:1px;}

#menu { float:left; width:210px;margin-top:20px; padding-left:25px;}
#menu ul li {list-style:none;}
#menu ul li a{ display:block; width:180px;font-size:0.8em; font-weight:bold; border-bottom:1px dashed #000; color:#000; text-decoration:none; padding-bottom:10px; padding-top:5px; }
#menu ul li a:hover{color:#626466;}

#footer{}


.post-title{}
h1.post-title{color:#f7be44; font-size:1.3em;}
h2{font-size:1.3em;}
h2.post-title a{color:#f7be44; text-decoration:none; }
h2.post-title a:hover{color:#f7be44; text-decoration:underline; }


.post-title a:hover {text-decoration:underline;}
.post img{margin-top:20px;}
.post{/*border-bottom:#999999 2px solid*/ margin-bottom:30px; padding-bottom:20px; margin-right:30px;}
.post a {color:#666;}


.date {color:#999; font-size:0.9em; margin-bottom:10px;}
.read-it {font-size:0.9em; color:#999;}
.read-it a { color:#999;}
.pagination p{text-align:right; margin-right:30px; }
.pagination p strong{color:#f7be44;}
.pagination p a {color:#666;}

/*blog des commentaires dans les pages post*/
#comments { margin-top:20px;}
#comments h3{ color:#999; font-size:0.9em;}


/* Formulaires de commentaires*/
fieldset{border: none;}
label{cursor: pointer;cursor: hand;}
.field label{display: block;}
input,textarea{border: 1px solid #ccc;}
textarea{width: 80%;font-size: 1em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}