/*
Theme Name: Theme Abbott
Theme URI: <a href="http://www.i-e-on.com" target="_blank">http://www.i-e-on.com</a>
Description: Th&egrave;me d&eacute;velopp&eacute; pour le blog Maladies Chroniques & Travail.
Version: 1.0
Author: Micha&euml;l Goignan pour <a href="http://www.i-e-on.com" target="_blank">i&e ON</a>
Author URI: <a href="http://www.i-e-on.com">http://wwww.i-e-on.com</a>
Tags: 3 colonnes, Abbott, Maladies Chroniques & Travail
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/*STRUCTURE DE PAGE*/

body {	
	 font-family: 'Arial', Helvetica Neue, Helvetica, sans-serif; 
	 margin: 0 auto; background-color: #d9ebF7; //#cce5f3; 
	 background-image: url(images/background.jpg); 
	 background-repeat:repeat-x;
	 }

#pagewrap{width:1006px; margin: 0 auto;}
#container{width:1006px; height:auto; background-image:url(images/content.png);background-repeat:repeat-y;}
#header{width:1006px; height:140px; background-image:url(images/header.jpg); background-repeat:no-repeat;}
#menu{width:500px; padding:7px 0 10px 0;}
#col_gauche{float:left; display:block; width:465px; min-height:543px; margin-top:9px; margin-left:20px; *margin-top:9px; _margin-left:10px;}
#col_centre{float:left; width:210px; min-height:543px; margin-top:6px; margin-left:45px; *margin-left:5px; }
#zone_bleue{min-height:400px; padding-top:5px; margin-top:20px; margin-bottom:12px;background-color:#0066cc;}
#col_droite{float:left; width:210px; min-height:543px; margin-top:5px; margin-left:25px; *margin-top:11px; _margin-top:5px;}
#redirection{width:950px; height:300px;border-style:solid; border-width:1px; border-color:#e2e2e2; margin-bottom:12px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.clear {clear: both;}
#footer{clear:both; padding-top:25px; text-align:center; width:1006px; height:67px; background-image:url(images/footer.png); background-repeat:no-repeat;}
.homelink {display:block; margin: 0 0 0 20px;width:955px;height:140px;}


.sociable{margin:16px 0 16px 5px; font-size:12px;}
.sociable ul li{display:inline;}
.sociable_tagline{width:200px;height:16px;}

/*FONTS*/

H1,H3,H4,H5,H6 {margin:5px; color:#0066cc;}
H2 {margin:5px; color:#000000;}
a {color:#0066cc; text-decoration:none;}
a:hover {text-decoration:underline;}
#menu ul li{ display:inline; margin-left:6px;}
.post{border-style:solid; border-width:1px; border-color:#e2e2e2; margin-bottom:12px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.post p{ font-size:12px; margin:5px;}
.post a{color:#0066cc;}
.post_date{color:#666666;}
.post_redirection{margin-bottom:12px; font-size:21px;}
.post_redirection p{font-size:16px; margin-bottom:10px;}
.post_redirection a {display:block; font-size:16px; color:#0066cc; text-align:center;}
.rss{font-size:14px;color:#f16a10; padding-left:20px;}
.more-link:before {content:url(images/fleche.jpg); padding-right:3px;}
#col_gauche h1 a, #col_gauche h2 a {display:block; color:#000000;}
#col_centre h1, #col_centre h2, #col_centre h3 {font-size:14px; color:#0066cc; background-image:url(images/titleb_bg.gif);margin-top:23px; padding-top:12px; background-position:top left; background-repeat:no-repeat;}
#col_centre p{font-size:12px; margin-left:5px;}
#col_centre a{font-size:12px; margin-left:0; text-decoration:underline;}

// Dernieres sessions
.recent_comment_style{margin-left:0px;}
.recent_comment_style li{font-size:12px; margin-left:5px;}

#zone_bleue h1, #zone_bleue h2, #zone_bleue h3, #zone_bleue p, #zone_bleue a {color:#FFFFFF; background-image:none;margin-top:0; padding-top:0;}
#col_droite p{font-size:12px; margin-left:5px;}
#col_droite a{color:#919394;}
#searchzone{width:130px; height:28px; margin-left:5px; background-image:url(images/champrecherche.jpg); background-repeat:no-repeat;}
#searchform {display:block; width:205px;height:30px; margin-top:6px; *width:220px; *height:30px; *margin-top:4px;}
#searchform #s{margin:4px 2px 1px 5px;width:115px; border:thin 2px #eaeaea; *margin:0px 2px 0px 6px; *padding: 0px; }
#searchform #searchsubmit{font-size:12px;color:#0066cc; background-color:#FFFFFF; border:none; text-align:right; margin-left:0px; *margin: 0 0 0 8px; *padding:0px; *width:70px}
.widgettitle{width:206px; font-size:14px;color:#919394; background-image:url(images/title_bg.gif); margin-top:16px; padding-top:12px; background-position:top left; background-repeat:no-repeat;}
.textwidget{font-size:12px; margin-left:5px;margin-bottom: 20px;}
.textwidget li{list-style-image:url(images/fleche_g.jpg); list-style-type:square; list-style-position:inside; line-spacing:5px;}
#archives-3 li a{font-size:12px;color:#919394; margin-left:5px;}
#archive_post{font-size:12px;margin-bottom:5px;}
#archive_post p{margin-left:5px;}
#article_infos{ font-size:11px; color:#666666; }
.archive_title{font-size:16px; margin-bottom:6px;}
.date_archive{font-size:12px; color:#666666; margin-left:5px; margin-bottom:12px;}
.modif_archive{font-size:12px; margin-top:12px; margin-left:5px; margin-bottom:5px;}
#comments{font-size:16px;}
#respond h3{margin-left:5px;}
#respond p{font-size: 12px; margin-left:5px; }
.comment-body{font-size:12px;background-color:#b0b3b7;}
.comment-body p{margin:5px;}
ol.commentlist li.comment div.comment-author {color:#FFFFFF;background-color:#0066CC; margin-bottom:5px;}
ol.commentlist li.comment div.comment-meta {font-size:9px; margin:5px;}
ol.commentlist li.comment div.comment-meta p {font-size:10px;}
#footer p, #footer a {font-size:12px; color:#b0b3b7; text-align:center;}