/* ATTENTION CECI EST LA FEUILLE BLOG */

/* ********** body ********** */

body {
margin: 10px 20px 10px 20px; 
padding: 0px 0px 0px 0px; 
background: #fff; 
text-align: center; 
font: 12px Arial, helvetica, sans-serif; 
color: #79767C;
background: url(../images/g/background2008-2.png) no-repeat  center top;
}

/* ********** general rules ********** */

A { color: #0E7FB0; text-decoration: none; }
A:hover { text-decoration: underline; }
A.external, A.delicious-link, #weblog .bodyPost A { background: url(../images/g/icon-external.png) no-repeat right; padding-right: 15px; text-decoration: underline;}
A.url { background: url(../images/g/icon-external.png) no-repeat right; padding-right: 15px; text-decoration: underline; color: #79767C;}
A.valid { background: url(../images/g/icon-valid.png) no-repeat 1px; padding-left: 12px;}
A IMG {border:0;}
A#caseOn { font-weight: bold; color: #79767C; }
.strapBox A {color: #1E9FEF;}

P { line-height: 150%; color: #49464C; }
P EM {font-style:normal; color: #49464C; background:#FFD9D9; }

.error {color:#ff0000; font-size:14px;}
.hide {	display: none;}
.rightBox {float:right;}

/*
UL, OL {
margin: 0;
padding: 0;
list-style: none;
line-height: 150%;
}
*/

.bodyPost ul{list-style: square; margin: 0 0 0 15px; padding: 0 0 0.5em 0; list-style-position: inside; line-height: 150%;}

.rightBlock ul {
list-style-image:url(../images/g/bullet.gif);
list-style-position:outside;
list-style-type:none;
line-height: 150%;
margin:0;
padding: 0 0 0.5em 1em;
}


H2 { font-size:36px; }
H3 { font-size:26px; line-height:25px; margin:0; margin-bottom:8px; letter-spacing:0px;}
H3#tagTitle {font-size:24px; margin-bottom:20px; color:#bbb; font-weight:normal;}
H4 {font-size:16px; line-height: 70%; margin-bottom:12px;}
.rightBlock H4 {margin-top:15px; }

blockquote {border-left:7px solid #ccc; padding-left:10px; }

/* ********** structural rules ********** */

#wrap {
width: 784px;
margin: 0 auto;
}

#content #leftcol {
width:535px;
background: #F1F1F2;
border-top: 1px solid #D0D5DA;
/* border-top: 2px solid #222; */
float:left;
}

#content #rightcolblog {
float:right;
width:234px;

}

#rightcolblog .rightBlock { 
padding: 10px 10px 20px 10px; 
border-bottom:1px dotted #D0D5DA;
margin-bottom:0px;
/*background: url(../images/g/shadow-rightblock.png) no-repeat  center top;*/
}

#rightcolblog .rightBlock#portraitBlock {  }


#rightcolblog .rightBlock.last { 
border-bottom:none;
}

#rightcolblog .rightBlock P{ 
font-size:12px; color:#888;
margin-bottom:0;
}

/* ********** header ********** */

#header { 
padding-bottom:6px;
width: 784px;
text-align:left;
}

#header A#logo {	
display: block;
height:17px;
width:94px;
background: url(../images/g/logo.png) no-repeat;
position: relative;
left:686px;
margin-top:10px;
}

#header A#banner {
display: block;	
height:72px;
width:580px;
background: url(../images/g/banner-blog2008.png) no-repeat;
}

#header #headernav { text-align: right; }


/* ********** search ********** */

#search {text-align:right; border-bottom:1px solid #D0D5DA; height:74px}

#search INPUT {font-size:12px; margin-left:5px; background:#F3F3F4; color: #1EAFF0;}

/* #search INPUT:focus {background:#FFF; color: #333;} */

#search INPUT {
	border: 0;
	width: 125px;
	padding: 6px 10px 5px 20px;
	color: #666;
	font-size: 11px;
	background: transparent url(../images/g/bg_search.png) top right no-repeat;
}
* > #search INPUT {
	background: url(../images/g/bg_search.png) top right no-repeat;
}

/* ********** content ********** */

#content {
text-align: left;

}
.contentBox {padding:20px 28px 20px 28px;}
.contentBox.inside {padding-top:10px;}

.strapBox {
background: #E4E4E7;  
border-top: 1px solid #D0D5DA;
padding:0px 28px 5px 28px;
color: #59565C;
}

.downloadBox {
background: #FFF; 
border-top: 1px solid #D0D5DA;
padding:20px 28px 28px 28px;
}

.downloadList {
margin-top:5px;
}

#baseline {
border-top: 1px solid #D0D5DA;
font-size: 11px;
}

#baseline SPAN {
padding-right:8px;
}




/* **********  delicious links **********  */



.delicious-posts H2 {display:none;}



/* **********  BLOG **********  */

#blog .articleBox {
background: #FFF; 
border-top: 1px solid #D0D5DA;
padding:20px 28px 40px 28px;
color:#333;
}

#blog .articleBox P {
font-size: 13px;
}

#blog H3 A{color:#59565C; font-weight:normal;}
#blog .postBox { margin-bottom:40px;}
#blog .postBox P { margin-bottom:4px;}
#blog .excerpt P {margin-bottom:5px; margin-top:2px; }
#blog .articleExcerpt {font-weight:bold;}
#blog .postdate {font-style:normal; font-size:11px; color: #49464C; background:#FFD9D9; }

#blog .bodyPost IMG {float:left; border:2px solid #fff; padding:2px; margin-right:10px;}
#blog .bodyPost .imgArticle IMG {float:left; border:2px solid #e1e1e2; padding:2px; margin-right:10px;}
#blog .bodyPost A {border-bottom:1px dotted;}
#blog .bodyPost A:hover {text-decoration:none; border-bottom:1px solid;}
#blog .bodyPost .suite {margin-bottom:10px; font-size:14px;}

#blog .navArticle {height:30px; padding:20px 28px 0px 28px;}
#blog .navArticle #prev {float:left;}
#blog .navArticle #prev A {padding-left:12px; background:url(../images/g/icon-prev.png) no-repeat left;}
#blog .navArticle #next {float:right;}
#blog .navArticle #next A {
padding-right:12px; background:url(../images/g/icon-next.png) no-repeat right;}

#blog .headarticleBox {padding:0px 28px 20px 28px;}

#blog .commentForm {padding:20px 28px 20px 28px;}
#blog .commentForm INPUT {padding:2px 2px 2px 2px;}
INPUT.comment_name_input {font-size:11px; color:#1EAFF0;}
INPUT.comment_email_input {font-size:11px; color:#1EAFF0;}
INPUT.comment_web_input {font-size:11px; color:#1EAFF0;}
TEXTAREA.txpCommentInputMessage {color:#49464C; font: 12px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; padding:2px 2px 2px 2px; width:100%; background: #F7F7F7;}

#blog STRONG.flux {display: none; background:url(../images/g/rss_icon_large.png) no-repeat left; padding-left:45px; height:40px; line-height:30px;}

#blog .comments_invite {background:url(../images/g/icon-comment.gif) no-repeat left; padding-left:15px;}

#blog .articleLink A {background:url(../images/g/icon-article.gif) no-repeat left; padding-left:15px;}

#blog #addComment {background:url(../images/g/icon-addcomment.png) no-repeat left; padding-left:20px;}

#blog .commentDisplay {padding:0px 0px 20px 0px;}

#blog .comments LI P {font-size:11px;}

#blog .commentAuthor {
background:#E4E4E7 url(../images/g/icon-user.png) no-repeat 20px 10px;  
border-top: 1px solid #D0D5DA; padding:10px 28px 10px 40px;}

#blog .commentMessage { padding:10px 28px 10px 28px; background:url(../images/g/icon-speech.png) no-repeat 20px top;}

#blog #commentClosed {padding:10px 28px 10px 50px; background:url(../images/g/icon-closedcomment.png) no-repeat 28px 10px;}

#blog ul.rsx-page-num-list{
display:inline;
list-style:none;
margin:0px;
padding:0px;
}
#blog #twitter_update_list li{list-style-image: url(../images/g/icon-valid.png); }

#blog ul.rsx-page-num-list li {
display: inline;
}
#blog #pageNumber {font-size:18px;}

#blog #quote {float:right; width:180px; padding:20px; background-color:#ddd; font-size:18px;   margin:10px, 0px, 10px, 30px; border-left:10px solid #F1F1F2;}




/* **********  delicious **********  */

.delicious-posts { margin: 0;  font-size:12px; }
.delicious-posts ul, .delicious-posts li, .delicious-banner { margin: 0; padding: 0;  list-style-image:none;}
.delicious-post { border-top: 1px solid #eee; padding: 0.25em; }
.delicious-odd { background-color: #f8f8f8; }
.delicious-banner a {  }
.delicious-posts a:hover { text-decoration: underline }
.delicious-posts a { text-decoration: none; color: #0E7FB0; display: block; padding: 0.3em; background:none; }
.delicious-post a { color: #0E7FB0 }
.delicious-extended { font-size:10px !important; margin-left:3px !important;}

/* **********  footer **********  */
#footer {
text-align: right; 
color:#aaa;
}