/* Reset des balises pour firefox et IE */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0;} h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;} body {background: url(images/bg.jpg) no-repeat top left #dad8d1; width: 100%; text-align: center; font-family: Trebuchet MS, Sans-Serif; font-size: 11px; color: #1f1d19; margin-top: 221px;} .clear {clear: both;} #header {background: url(images/header.jpg) top center no-repeat #1f1d19; height: 221px; margin-top: -229px; width: 100%;} #header #header_width {width: 960px; margin: 0 auto;} #header #header_width h1, #header #header_width h1 a {width: 350px; height: 221px; display: block; text-indent: -9999px; color: #fff; font-family: Trebuchet MS, Sans-Serif; font-size: 13px; font-weight: bold; margin: 0; padding: 0;} #header_shadow {background: url(images/header_shadow.png) repeat-x top left; width: 100%; height: 10px; margin: 0 auto;} #main {width: 990px; margin: 0 auto; text-align: left; position: relative;} #main #menu {position: absolute; top: -98px; left: 536px; color: #fff; font-size: 13px;} #main #menu ul {} #main #menu ul li {width: 70px; list-style: none; float: left; text-decoration: none; font-weight: bold;} #main #menu ul li a {text-decoration: none; color: #FFFFFF;} #main #menu ul li a:hover {text-decoration: none; color: #ff8a00;} /* colonne principale */ #col1_top {background: url(images/top_col1.png) no-repeat top left; float: left; height: 38px; width: 660px; margin-left: 26px;} #col1 {background: url(images/bg_col1.png) repeat-y top left; width: 660px; padding-top: 20px; float: left; line-height: 16px; margin-left: 26px; } #col1_bottom {background: url(images/bottom_col1.png) no-repeat top left; height: 38px; width: 660px; margin-bottom: -38px;} #col1 .post-top {} #col1 .post-top h1 {text-align: left; font-size: 20px; font-weight: bold; width: 490px;} #col1 .post-top h1 a {color: #ff8a00; text-decoration: none; padding-left: 18px;} #col1 .post-top .post-date {font-size: 11px; color: #1f1d19; font-weight: bold; text-align: center; width: 70px; margin-top: -32px; padding-left: 14px;} #col1 .post-content {color: #1f1d19; padding-left: 18px; padding-top: 30px; width: 624px; } #col1 .post-content img {border:none;} #col1 .post-content h2 {font-size: 16px; padding-bottom: 5px;} #col1 .post-content a {color: #1f1d19; text-decoration: none;} #col1 .post-content a:hover {color: #ff8a00; text-decoration: none;} /* stylisation du lien la suite... */ #col1 .post-content a.more-link {background: url(images/plus.png) no-repeat center left; padding-left: 12px; color: #000; text-decoration: none; font-weight: bold; line-height: 40px;} #col1 .post-content a.more-link:hover {color: #ff8a00; text-decoration: underline;} #col1 .post-content .conteneur {text-align: right; background: url(images/bg_comments_cat.jpg) no-repeat center; margin-top: 30px; height: 63px; margin-bottom: 50px; color: #8d8c89;} #col1 .post-content .conteneur .comments-cat span {background: url(images/puce.png) center left no-repeat; padding-left: 8px; padding-right: 14px; margin-top: 25px; float: right;} #col1 .post-content .conteneur .comments-cat p {background: url(images/puce.png) center left no-repeat; padding-left: 8px; padding-right: 14px; margin-top: 25px; float: right;} #col1 .post-content .conteneur .comments-cat .sociable {float: left; margin-top: 8px; padding: 0;} #col1 .post-content .conteneur .comments-cat a {color: #a5a39d; text-decoration: none; font-weight: bold;} #col1 .post-content .conteneur .comments-cat a:hover {color: #ff8a00; text-decoration: none; font-weight: bold;} /* colonne de droite */ #col2 {float: right; width: 300px;} #col2 a {color: #1f1d19; text-decoration: none; font-weight: bold; font-size: 12px;} #col2 a:hover {color: #ff8a00; text-decoration: none; font-weight: bold;} /* config à propos */ #col2 .widget_text {height: 200px; line-height: 16px; background: url(images/infos.png) no-repeat top left; margin-bottom: 22px; clear: left; } #col2 .widget_text p {padding: 0 10px 8px 20px; } #col2 .widget_text ul {padding-bottom: 40px; padding-left: 24px; padding-top: 16px; line-height: 20px;} #col2 .widget_text ul li {list-style-type: none; background: url(images/puce.png) no-repeat center left; padding-left: 10px;} /* config recents posts */ #col2 .widget_wp_carousel_widget {background: url(images/recent_posts.png) no-repeat top left; padding-top: 40px; } /* config catégories */ #col2 .widget_categories {background: url(images/categories.png) no-repeat top left; float: left; margin-bottom: 22px; width:49%;} #col2 .widget_categories ul {padding-bottom: 40px; padding-left: 20px; padding-top: 34px; line-height: 20px;} #col2 .widget_categories ul li {list-style-type: none; background: url(images/puce.png) no-repeat center left; padding-left: 10px; } /* config archives */ #col2 .widget_archive {background: url(images/archives.png) no-repeat top left; float: right; margin-bottom: 22px; width:49%; color: #ff8a00; } #col2 .widget_archive ul {padding-bottom: 40px; padding-left: 20px; padding-top: 34px; line-height: 20px; width: 90%;} #col2 .widget_archive ul li {list-style-type: none; background: url(images/puce.png) no-repeat center left; padding-left: 10px; } /* footer */ #footer {background: url(images/footer.png) no-repeat top left; width: 967px; height: 160px; margin-left: 26px; margin-top: 10px;} #footer p {text-align: left; padding: 56px 25px 0 0; color: #94918a; width: 520px; float: right;} #footer a {color: #fff; text-decoration: none; } #footer a:hover { text-decoration: underline;} /* post */ #col1 .comments {line-height: 16px; padding-left: 18px; color: #1f1d19; } #col1 .comments ul {padding-bottom: 15px; } #col1 .comments li {font-size: 14px; font-weight: bold; list-style-type: none; display: inline;} #col1 .comments span {font-size: 12px;} #col1 .comments a {text-decoration: none; color: #ff8a00; } #col1 .comments a:hover {text-decoration: underline; color: #ff8a00; } #col1 .comments-bottom {background: url(images/bottom_col1.png) no-repeat top left; width: 660px; height: 38px; float: left; margin-bottom: -38px} #col1 .commentlist { padding: 0 18px 16px 18px;} #col1 .commentlist span { font-size: 12px; font-weight: bold; margin-top: 10px; margin-bottom: 10px; } #col1 .commentlist a {color: #ff8a00; text-decoration: none; } #col1 .commentlist a:hover {color: #ff8a00; text-decoration: underline; } #col1 .commentlist .space {width: 300px; height: 28px; margin: 0 auto;} #col1 .commentlist .text {background-color: #f9f7f3; width: 614px; padding: 8px 5px 8px 5px; } #respond ul li {list-style-type: none; display: inline;} #respond ul li span {padding-left: 18px; font-size: 14px; font-weight: bold;} #respond .alignleft {float: left; width: 300px;} #respond .alignright {float: right; width: 350px; padding-right: 10px;} #respond p {margin-top: 5px; margin-bottom: 10px; padding-left: 18px;} /* formulaire recherche */ #searchlabel { width: 150px;} #searchinput {width: 350px; padding-left: 50px; margin-left: 20px; margin-top: -20px; } #searchinput span { position: absolute; top: -2px; padding-left: 3px;} #search h2 {font-size: 16px; font-weight: bold; padding-left: 18px; padding-bottom: 30px; } /* archives */ #archives h2 {font-size: 16px; font-weight: bold; padding-left: 18px; padding-bottom: 30px; } /* pagination */ .navigation a {padding-left: 18px; color: #ff8a00; text-decoration: none;} .navigation a:hover {color: #ff8a00; text-decoration: underline;}