@charset "UTF-8";
*, html {margin: 0px;padding: 0px;}
body {height: 100%;font: 12px Arial, Helvetica, sans-serif;color: #333333;}
h1 {font-size: 18px;color: #666666;font-weight: normal;}
h2 {font-size: 15px;font-weight: bold;color: #003366;margin-bottom: 10px;}
h3 {font-size: 12px;font-weight: bold;color: #003366;float: left;padding-top: 8px;}
h4 {font-size: 12px;font-weight: bold;color: #003366;margin-top: 40px;margin-bottom: 20px;padding-bottom: 10px;background: url(../images/bg/resume.gif) no-repeat left bottom;}
p {line-height: 1.5em;}
a {text-decoration: none;color: #333333;}
img {display: block;}
ul {list-style: disc inside;}
#page {min-height: 729px;width: 965px;margin: 0 auto;position: relative;}
#header {height: 163px;background: url(../images/bg/header_blog.jpg);}
#header .logo {display: block;float: left;margin-top: 17px;margin-left: 23px;}
#menu {height: 30px;clear: both;margin-left: 5px;}
#menu .blog {float: right;margin-right: 10px;}
#content {padding-bottom: 90px;overflow: auto;margin-right: 10px;margin-left: 5px;clear: both;margin-top: 10px;background: url(../images/bg/conten_blog.png) no-repeat;}
#sidebar {float: left;width: 284px;}
#sidebar #edito, #sidebar #recents, #sidebar #archives, #sidebar #tagsCloud, #sidebar #search {background: url(../images/bg/sb_blog.gif) repeat-y;padding-right: 27px;padding-left: 13px;}
#sidebar #spacer {background: url(../images/bg/sb_blog.gif) repeat-y;height: 500px;}
#sidebar h1 {color: #99FF00;font-weight: normal;margin-bottom: 10px;}
#sidebar p {color: #FFFFFF;padding-bottom: 10px;}
#sidebar a {color: #FFFFFF;}
#sidebar a.rss {background: url(../images/bg/puce_blog_rss.gif) no-repeat;padding-left: 18px;}
#sidebar a.twitter {background: url(../images/bg/puce-blog-twitter.gif) no-repeat;padding-left: 18px;}
#sidebar #recents li {color: #FFFFFF;line-height: 2em;border-bottom: 1px solid #FFFFFF;list-style: url(../images/bg/puce_blog_recents.gif) inside;}
#sidebar #archives li {color: #FFFFFF;list-style: none;line-height: 1.5em;}
#sidebar #tagsCloud .n1{color: #FFFFFF;font: normal 12px Arial, Helvetica, sans-serif;}
#sidebar #tagsCloud .n2{font-size: 14px;color: #99CC66;}
#sidebar #tagsCloud .n3{font-size: 16px;color: #99FF66;}
#sidebar #tagsCloud .n4{font-size: 18px;color: #FFFFFF;}
#sidebar #tagsCloud .n5{font-size: 27px;color: #99FF00;}
#sidebar #search .input{width: 120px;margin-right: 10px;height: 18px;line-height: 18px;}
#sidebar #search .go{border: 1px solid #FFFFFF;color: #FFFFFF;background: #616D73;font-size: 12px;width: 100px;line-height: 18px;vertical-align: middle;padding-top: 1px;padding-bottom: 1px;}
#main {float: right;width: 656px;background: url(../images/bg/resume.gif) no-repeat 25px bottom;}
#main .resume, #main .article {padding-left: 25px;background: url(../images/bg/resume.gif) no-repeat 25px bottom;overflow: auto;}
#main h1 {padding-top: 20px;}
#main h1 .h1 {color: #73B40C;font-size: 18px;background: url(../images/bg/puce_blog_h1.gif) no-repeat left bottom;padding-left: 25px;}
#main p {margin-bottom: 10px;}
#main form {margin-top: 20px;padding-left: 20px;}
#main form p {float: left;width: 100px;line-height: 18px;}
#main form label {display: block;margin-bottom: 10px;clear: left;}
#main form .saisie, #main form .saisie2 {border: 1px solid #003366;width: 480px;line-height: 18px;height: 18px;}
#main form .saisie2 {height: 150px;}
#main .suite {float: right;margin-right: 20px;margin-bottom: 1px;padding-top:10px;}
#main #comments {padding-left: 25px;margin-top: 10px;padding-right: 10px;}
#main .comment {border: 1px dotted #C4C4C4;padding: 10px; margin-bottom: 10px;}
#main .auteur {background: #BDE0FF;}
#main .article h1 {margin-bottom: 10px;}
#main .article h3 {float: none;padding-top: 0px;margin-bottom: 10px;}
#main .article h4, #main .resume h4 {padding-top: 10px;padding-bottom: 0px;margin-top: 0px;margin-bottom: 0px; background: #FFFFFF;}
#main .article hr {height: 10px;margin-bottom: 10px;border-top: 1px dotted #CCCCCC;color: #FFFFFF;background: #FFFFFF;border-right-style: none;border-bottom-style: none;border-left-style: none;}
#main .article p a{border-bottom: 1px dotted #333333;}
#main .article a.external {border-style: none;background: url(../images/lk_external.gif) no-repeat left center;padding-left: 12px;}
#main .article pre {font: 14px "Courier New", Courier, monospace;background: #E6E6E6;display: block;margin-bottom: 10px;padding: 10px;}
#main .article .fld {float:right;margin-left:10px;margin-bottom:10px;}
#main .article .flg {float:left;margin-right:10px;margin-bottom:10px;}
#main .article hr{margin-bottom:10px;}
#main .article .clear{clear:both;}
#main .article .postit {background: #FFFFCC;border: 1px dashed #666666;padding: 10px;width: 200px;margin-right: 10px;margin-bottom: 10px;}
#main .article .scroll{overflow:scroll;height:200px;}
#footer {background: url(../images/bg/footer.gif) no-repeat;height: 43px;width: 965px;position: absolute;bottom: 0px;}
#footer #links {position: absolute;height: 40px;width: 300px;left: 15px;bottom: 0px;line-height: 40px;font-size: 14px;}
#footer #links a {font-size: 14px;}
#footer #newsletter {position: absolute;height: 37px;left: 390px;bottom: 0px;}
#footer #mentions {position: absolute;height: 35px;right: 0px;bottom: 0px;font-size: 10px;line-height: 14px;}
#footer #newsletter input {display: block;float: left;margin: 0px 5px 0px 0px;padding: 0px;}
#footer #mentions a {font-size: 10px;}
.jquerycssmenu{}
.jquerycssmenu ul{margin: 0;padding: 0;list-style-type: none;z-index:100;}
.jquerycssmenu ul li{position: relative;display: inline;float: left;}
.jquerycssmenu ul li a{display: block;background: #88989E url(../images/bg/menu_of.gif) no-repeat right top;line-height: 30px;height: 30px;padding-right: 18px;padding-left: 18px;font-size: 15px;}
.jquerycssmenu ul li a:hover{background: #C3CBCE url(../images/bg/menu_on.gif) no-repeat right top;}
.jquerycssmenu ul li p{background: #88989E url(../images/bg/menu_of.gif) no-repeat right top;line-height: 30px;height: 30px;padding-right: 18px;padding-left: 18px;font-size: 15px;}
.jquerycssmenu ul li p.on{background: #C3CBCE url(../images/bg/menu_on.gif) no-repeat right top;}
.jquerycssmenu ul li ul{position: absolute;left: 0;display: block;visibility: hidden;}
.jquerycssmenu ul li ul li{
display: list-item;
float: none;}
.jquerycssmenu ul li ul li a{background: #88989E;margin: 0;border-bottom: 1px solid #FFFFFF;font-size: 13px;height: 24px;line-height: 24px;padding-right: 5px;padding-left: 5px;}
.jquerycssmenu ul li ul li a:hover{background: #C3CBCE url(../images/bg/menu_on.gif) no-repeat right center;}
.youare{width: 220px;}
.real{width: 120px;}
#loader {padding: 5px;width: 100px;text-align: center;border: 1px solid #DDD;margin: 10px auto;}
.thanku {text-align:center;margin-top: 10px;color: #003366;font-size: 14px;}
#nav {font-size: 11px;text-align: center;margin-top: 10px;}
#nav table {margin: 10px auto;}
.illus {float:left;margin-top: 0;margin-right: 5px;margin-bottom: 5px;}
.grey {color: #AAA ;font-weight: normal;}