/* CSS */

.spip-admin-float { position: fixed !important; top: 30px; }

/* RESET */

* {	margin: 0;	padding: 0;	outline: 0; }
p{ margin: 15px 0 15px 0; }
i{ font-style: italic; }
strong{ font-weight: bold; }
h1{ font-size: 18px; font-weight:normal; padding-bottom:20px; }
h2 { padding-bottom: 10px; font-size:16px; font-weight: bold; }
h3{ font-size:20px; color:#3d250d; padding-bottom: 20px; }
h3 a, h3 a:visited { color:#3d250d; }
ol li{ list-style: decimal; margin-left: 25px; }
ul li{ list-style: disc; margin-left: 25px; list-style-type:square; margin-bottom:6px; }
a, a:visited { color:#794614; text-decoration:none; }
a:hover { text-decoration:underline; }
a.spip_in, a.spip_in:visited { color:#794614; text-decoration:none; }
a.spip_in:hover { text-decoration:underline;}
a.spip_out { color:#794614; text-decoration:none; }
a.spip_out:visited { text-decoration:none; }
a.spip_out:hover { text-decoration:underline; }
a img { border: none; }
.spip_documents_left { padding: 20px 20px 20px 0; }

html { background-color:#8db7e7; }

body { width:100%; background:#eaf3fd url(images/bg_top.jpg) repeat-x top center; font-family:Tahoma, Geneva, sans-serif; font-size:12px; margin:0; color:#3d250d; }
#page { width: 954px; overflow:hidden; margin:0 auto; }
#hd { height:286px; position: relative; margin: 0 auto; width:955px; background:url(images/bg_hd_home.jpg) no-repeat center top; }
#home-new #hd { background: url(images/bg_hd_home.jpg) no-repeat center top; }
#rss { display: block; top: 70px; left: 220px; width: 108px; height: 114px; background: url(images/social.png) no-repeat top left; position: absolute; }
#rss:hover { background-position: bottom left; text-decoration: none; }
#twitter { display: block; top: 70px; left: 110px; width: 108px; height: 114px; background: url(images/social.png) no-repeat -108px top; position: absolute; }
#twitter:hover { background-position: -108px bottom; text-decoration: none; }
#delicious { display: block; top: 70px; left: 0px; width: 108px; height: 114px; background: url(images/social.png) no-repeat top right; position: absolute; }
#delicious:hover { background-position: bottom right; text-decoration: none; }
.social { text-indent: 120px; overflow: hidden; }

/****** Menu ******/

#home-new #nav { padding-top: 36px; width: 345px; padding-left: 414px; margin: 0; }
#home-new #nav li { float: none; background: none; margin: 0; padding-top: 0; padding-bottom: 1px; }

#nav li#menu5 { width: 221px; height: 53px; }
#nav li#menu5 a { width: 221px; height: 53px; display:block; background-position:0 0; }
#nav li#menu5 a:hover { background-position:-221px 0; }

#nav li#menu3 { width: 221px; height: 53px; }
#nav li#menu3 a { width: 221px; height: 53px; display:block; background-position: 0 -54px; }
#nav li#menu3 a:hover { background-position:-221px -54px; }

#nav li#menu6 { width: 221px; height: 53px; }
#nav li#menu6 a { width: 221px; height: 53px; display:block; background-position: 0 -108px; }
#nav li#menu6 a:hover { background-position:-221px -108px; }

#nav { overflow:auto; padding-top:207px; margin: 0 auto; width: 738px; }

#nav ul { position:relative; overflow:auto; }
#nav li { margin: 0; list-style: none; padding-bottom: 15px; padding-top: 10px; float:left; background:url(images/nav_bg.gif) no-repeat center top; margin-left:25px; }
#nav li a, #nav a:link, #nav a:visited { text-decoration: none; border:none; display:block; background:url(images/nav_sprite_home.jpg) no-repeat; width: 221px; height: 53px; }
#nav li a:hover { text-decoration: none; }

/****** End Menu ******/

/****** Home ******/

#home-new #content { background: url(images/bg_content_home.jpg) no-repeat left top; padding-top:0; height: 305px; width: 954px; margin: 0 auto; }

#home_projects { clear: both; overflow: auto; }
#home_projects .project { float: left; width: 168px; padding: 10px; background: url(images/home_project.gif) no-repeat 10px 10px; }
#home #con_inner h1 { color: #1f667b; padding: 30px 0 5px 20px; border-bottom: solid 1px #ccc; }

/****** End Home ******/

#content { position: relative; overflow: auto; background: url(images/bg_content.png) repeat-y center top; padding-top: 20px; }

#left_panel { float: left; overflow: visible; width: 205px; min-height: 200px; padding-bottom: 23px; padding-left: 68px; }
#left_panel_inner { padding: 0 20px; width: 165px; background: url(images/left_panel_middle_new.png) repeat-y top left; }
#con { overflow:auto; min-height:550px; color: #000; }
#con_inner { width: 628px; }
#con_inner.text { font-size: 14px; padding: 20px 40px; width: 565px; line-height: 1.5em; }

#ie6_clear { display: none; }
#ie6_clear2 { display: none; }

.rss_link { padding-bottom: 5px; }
.rss_link img { vertical-align: bottom; }
#page8 .header {  padding-bottom: 20px; }

#page3 .blog_left a { margin-left: 30px; background: url(images/link_project.gif) no-repeat left top; height: 128px; display: block; }
#page3 .blog_left .img { margin-left: 30px; background: url(images/link_project.gif) no-repeat left top; height: 128px; display: block; }
.project_text { padding-top: 30px; }


/**** Blog ****/

.blog, #con_inner.blog { overflow: auto; clear: both; padding-left: 4px; padding-bottom: 20px; }
.blog_top, .blog_bottom { line-height: 1px; }
.blog_middle { background: url(images/blog_bg_new.png) repeat-y left top; overflow: auto; }
#hierarchie { width: 625px; margin: 20px auto; color: #565c6e; }
#hierarchie a { color: #565c6e; font-style: italic; }
.blog_left { float: left; width: 181px; color: #3d250d; font-weight: bold; padding-bottom: 10px; }
.blog_date { overflow: auto; padding:10px 10px 20px 0; font-family: Arial, sans-serif; }
.blog_date_inner { float: right; width: 94px; }
.date_top { font-size: 14px; }
.date_bottom { overflow: visible; }
.date_left { text-shadow: -1px -1px white, 1px 1px #999; float: left; line-height: 40px; overflow: hidden; width: 54px; color: #794614; font-size: 48px; }
.date_right { float: left; width: 36px; }
.date_r_top { font-size: 18px; padding-top: 2px; }
.date_r_bottom { font-size: 16px; }
.blog_left_sep { text-align: right; padding-bottom: 40px; }
.blog_left_user, .blog_left_comments { text-align: right; font-size: 18px; padding-right: 10px; }
.blog_left_comments img, .blog_left_user img { padding-left: 10px; }
#digg { float: right; width: 64px; text-align: center; padding: 40px 10px 0 0; }
#digg a { color: #3d250d; }
.avatar { clear: both; text-align: center; }

.blog_right { float: left; width: 423px; padding: 10px; color: #403020; overflow: hidden; }
.blog_right a, .blog_right a:link, .blog_right a:visited { color:#794614; text-decoration:underline; }
.blog_right a:hover, .blog_right a:focus { text-decoration:none; }
h4.comments { font-size: 16px; padding-top: 15px; padding-bottom: 10px; }
.comment { padding: 10px; background-color: #f5f9fe; margin-bottom: 10px; border: solid 2px #d3e6fd; }
.comment img { padding-bottom: 5px; vertical-align: middle; }
.commenter { font-weight: bold; }
.formulaire_forum li { margin: 0; list-style: none; padding-bottom: 10px; }
.formulaire_forum legend { display: none; }
.formulaire_forum fieldset { border: none; }
.formulaire_forum input { width: 415px; margin-top:5px ; }
.formulaire_forum textarea { width: 415px; height: 140px; margin-top: 5px; }
.formulaire_forum .submit { width: auto; padding: 0; }
.introduction { line-height: 20px; }
.keywords { padding: 30px 0 10px; font-style: italic; }
.keywords a, .keywords a:hover { color: #794614; }
.keywords a.on { font-weight: bold; font-size: 13px; }
.coloration_code { font-size: 11px; border: solid 1px #c4ddfd; background-color: #e3effd; padding: 10px; }
a.demo { width: 99px; height: 40px; background: url(images/demo.gif) no-repeat top left; display: block; float: right; margin-right: 15px; text-indent: -9999px; overflow: hidden; }
a.demo:hover { text-decoration: none; background-position: left bottom; }

.articles .album_title { font-size: 14px; font-weight: bold; color:#1a4366; }

#pagination { font-size: 14px; padding: 0; }
.pagination_label { display: none; }
.pagination-left { padding-top: 8px; padding-right: 10px; text-align: right; font-size: 16px; font-weight: bold; }
.pagination-con { padding-left: 4px; }

/**** End Blog ****/

/**** Archive ****/

.header { padding-bottom: 5px; display: block; font-weight: bold; }
.hasJS .header { cursor: pointer; }
.links { padding-bottom: 10px; padding-left: 5px; overflow: auto; }
.links a { color: #794614; }
#blog_archive { width: 100px; padding-left: 20px; }
.hasJS #archive_header { cursor: pointer; }
.outer_content { padding-bottom: 15px; }
.outer_links { padding-bottom: 7px; }
.hasJS #con .outer_header { cursor: pointer; }
#latest_links { font-size: 10px; }
#popular_links { font-size: 10px; }
#popular_links .links { width: 260px; margin: 0 auto; }
#right_panel_inner .outer_links .links { padding-left: 0; }
.latest_date { font-style: italic; color: #daf3fe; }
.key_name { width: 130px; display: block; float: left; }
.key_link { overflow: auto; }

/**** End Archive ****/


/**** Forms ****/

.text form { overflow:auto; padding-top:20px; position:relative; }
.form-field { overflow:auto; padding-bottom:5px; }
.form-content { overflow:auto; float:left; }
.form_label { padding-right:10px; }
.form_object { overflow:auto; }
.form-field input { width:410px; border:solid 1px #ababac; padding:2px; }
.form-field textarea { width:410px; height:120px; border:solid 1px #ababac; padding:2px; }
input.checkbox { width:auto; }
.field-checkbox .check_div { width:135px; float:left; }
.field-file .form_object { overflow:hidden; }

.field-submit { clear: both; clear: both; width: 416px; }
.field-submit .form_button { float: right; width: 99px; }
.field-submit .form_button input { background:url(images/submit-sprite.jpg) no-repeat left top; width:99px; height:33px; display:block; border:none; cursor:pointer; color:#e975a8; font-size:1px; line-height: 1px; }
.field-submit .form_button input:hover { background-position: left bottom; }

/**** End Forms ****/


/**** Footer ****/

#ft { background:#8DB7E7 url(images/bg_bottom.jpg) repeat-x center top; width:100%; }
#ft_inner { background:url(images/bg_ft_new.jpg) no-repeat center top; padding-top:182px; padding-bottom: 20px; width:954px; overflow:auto; margin:0 auto; clear:both; text-align:center; font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#fff; }
#home-new #ft_inner { background: url(images/bg_ft_home.jpg) no-repeat left top; width: 954px; margin: 0 auto; }
#ft-posts { overflow: auto; clear: both; }
#ft .outer_content { float: left; width: 416px; }
#ft #latest_content { padding-left: 60px; }
#ft #popular_content { padding-right: 60px; }
#ft a, #ft a:visited { color:#fff; text-decoration:none; }
#ft a:hover { text-decoration: underline; }
#spip { vertical-align:middle; }
#links { padding-top: 10px; }

/**** End Footer ****/


/**** Simple Sprite ****/

#demo-nav { position:relative; overflow:auto; }
#demo-nav li { margin: 0; list-style: none; float:left; width: 100px; height: 30px; padding: 0 10px; }
#demo-nav a, #demo-nav a:link, #demo-nav a:visited { text-decoration: none; border:none; display:block; background:url(images/simple-sprite.png) no-repeat; width: 100px; height: 30px; line-height: 1px; font-size: 1px; overflow:hidden; text-indent:-999px; }
#demo-nav a:hover { text-decoration: none; }

#demo-nav #demo-nav1 a { background-position: left top; }
#demo-nav #demo-nav1 a:hover { background-position: left bottom; }

#demo-nav #demo-nav2 a { background-position: right top; }
#demo-nav #demo-nav2 a:hover { background-position: right bottom; }


/**** Semi Sprite ****/

#page5 .spip_documents_right { padding-left: 10px; }

#semi-nav { position:relative; overflow:hidden; background:url(images/semi-sprite.png) no-repeat; width: 150px; height: 134px; }
#semi-nav li { margin: 0; list-style: none; display: block; position: absolute; left: 0; top: 0; }
#semi-nav a, #semi-nav a:link, #semi-nav a:visited { text-decoration: none; border:none; display:block; background:url(images/semi-sprite.png) no-repeat left 500px; width: 100px; height: 30px; line-height: 1px; font-size: 1px; overflow:hidden; text-indent:-999px; }
#semi-nav a:hover { text-decoration: none; }

#semi-nav #semi-nav1 { z-index: 222; }
#semi-nav #semi-nav1 a { width: 150px; height: 34px; }
#semi-nav #semi-nav1 a:hover { background-position: left -134px; }

#semi-nav #semi-nav2 { top: 34px; z-index: 111; }
#semi-nav #semi-nav2 a { width: 134px; height: 35px; }
#semi-nav #semi-nav2 a:hover { background-position: left -302px; }

#semi-nav #semi-nav3 { top: 64px; z-index: 222; }
#semi-nav #semi-nav3 a { width: 145px; height: 37px; }
#semi-nav #semi-nav3 a:hover { background-position: left -198px; }

#semi-nav #semi-nav4 { top: 99px; z-index: 111; }
#semi-nav #semi-nav4 a { width: 138px; height: 36px; }
#semi-nav #semi-nav4 a:hover { background-position: left -367px; }

/**** End Sprite ****/