/* Main CSS  */

*, html, body, h1, h2, h3, h4, div, p, form {
margin:0;
padding:0;
}

img {border:none}

body {
background:#f3f3f1 url(../images/bg_body.png) top left repeat-x;
font-family:Arial, Helvetica, sans-serif;
padding-bottom:30px;
}

.clearer {height:0;clear:both}

#page {
background:url(../images/bg_page.png) top left repeat-y;
width:964px;
margin:0 auto;
}

#vingt-minutes {
padding:5px;
margin:0 2px;
height:25px;
}

#vingt-minutes img {
display:block;
float:left;
}

#vingt-minutes ul {
list-style-type:none;
float:right;
padding-top:9px;
width:430px;
}

#vingt-minutes li {
margin-right:6px;
float:left;
}

#vingt-minutes li a {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#000;
text-decoration:none;
padding-left:13px;
background:url(../images/bg_li_20min.png) bottom left no-repeat;
}

#vingt-minutes li a:hover {text-decoration:underline;}

#header {
clear:both;
margin:0 2px;
width:950px;
padding:5px;
height:109px;
background:url(../images/bg_top_content.png) bottom left repeat-x;
}

#header div {
background:url(../images/bg_header.png) top left repeat-x;
height:109px;
}

#header h1 {
float:left;
width:637px;
}

#header form {
float:right;
width:275px;
padding:22px 38px 22px 0;
}

#header form label {
display:block;
color:#fff;
font-family:Georgia, "Times New Roman", Times, serif;
letter-spacing:-0.5px;
font-size:14px;
margin:5px 0;
}

#header form select {width:200px;}

#content {
clear:both;
padding-top:20px;
}

#posts {
float:left;
width:627px;
border-right:1px solid #aaa8a3;
}


/* Mise en forme txt */



#posts .txt p {
font-size:14px;
line-height:20px;
margin:15px 0;
}

#posts .txt h2, #posts .txt h3, #posts .txt h4 {
margin-bottom:10px;
letter-spacing:-1px;
font-weight:normal;
}
#posts .txt .intro {margin-bottom:15px;}
#posts .txt .intro a {color:#383a45;}
#posts .txt .intro a:hover {text-decoration:none}
#posts .txt a.suite {text-decoration:none}

#posts a {color:#B02E62;}
#posts h2 a, #posts h3 a,#posts h4 a {
text-decoration:none;
font-weight:normal;
}

#posts p {color:#383a45;}

#posts .txt a.comm {font-size:12px}

#posts .txt .intro {margin-bottom:15px;}

span.dossier {
background:#B02E62;
color:#fff;
text-transform:uppercase;
}





/* SIDEBAR */


#sidebar {
float:left;
width:300px;
padding:0 16px 0 17px;
}


/* Postits */

#postit {
width:270px;
height:270px;
padding:10px 15px;
background:url(../images/bg_postit.png) top left no-repeat;
color:#666666;
}

#postit span.dossier {
font-size:18px;
padding:2px 7px;
letter-spacing:1px;
}

#postit .p-nav {width:30%;float:right;text-align:right}

#postit h2 {
clear:both;
border-top:1px solid #aaa8a3;
border-bottom:1px solid #aaa8a3;
margin:8px 0;
padding:5px 0;
}


#postit a {letter-spacing:-1px;color:#666666;text-decoration:none;}

#postit h2 a {
font-size:30px;
font-weight:normal;
}

#postit .corps {
height:130px;
font-size:16px;
}

#postit .link {
border-top:1px solid #aaa8a3;
border-bottom:1px solid #aaa8a3;
padding:5px 0;
font-size:15px;
}

#sidebar .pub {
height:251px;
}

/* Who, contacts */

#who, #contact, #ecole {
display:block;
letter-spacing:-1px;
color:#666666;
text-decoration:none;
font-size:20px;
}

#who {
margin-top:10px;
padding:13px 0 10px;
background:url(../images/bg_2line.png) top left no-repeat;
border-bottom:1px solid #aaa8a3;
}

#contact {
padding:10px 0 13px;
border-bottom:1px solid #aaa8a3;
}

#ecole {
margin-bottom:20px;
padding:10px 0 13px;
background:url(../images/bg_2line.png) bottom left no-repeat;
}


/* Rubriques, dossiers */

#rubriques, #dossiers {
float:left;
margin:20px 0;
}

#rubriques {
width:142px;
margin-right:8px;
}

#dossiers {
width:134px;
padding:0 8px 13px;
background:url(../images/bg_dossiers.png) top left no-repeat;
}

#rubriques ul, #dossiers ul {
list-style-type:none;
}

#rubriques li, #dossiers li {
padding:2px 5px 4px;
border-bottom:1px solid #eeeeed;
}

#dossiers li.noline {
padding:2px 5px 5px;
border-bottom:none;
}

#rubriques li a, #dossiers li a {
color:#383a45;
font-size:12px;
text-decoration:none;
}

#dossiers li a.tous {
background:url(../images/puce_tous_dossiers.png) top left no-repeat;
padding-left:20px;
font-size:10px;
line-height:16px;
text-decoration:underline;
color:#B02E62;
}

#rubriques li a {
padding-left:17px;
background:url(../images/puce_rubriques.png) 2px 4px no-repeat;
}

#rubriques li a:hover {
background:url(../images/puce_rubriques_on.png) 2px 4px no-repeat;
}

#rubriques li a:hover, #dossiers li a:hover {text-decoration:underline;}

#rubriques h3 {
font-size:21px;
color:#B02E62;
letter-spacing:-1px;
font-weight:normal;
padding:2px 0 3px;
border-bottom:1px solid #eeeeed;
}

#dossiers h3 {
text-transform:uppercase;
color:#fff;
font-weight:bold;
font-size:14px;
margin:7px 0;
}

/* Last comments */

.bloc1 {
clear:both;
padding-top:3px;
background:url(../images/bg_2line.png) top left no-repeat;
font-size:12px;
margin-bottom:25px;
}

.bloc1 h3 {
margin:15px 0;
color:#B02E62;
font-size:26px;
letter-spacing:-1px;
font-weight:normal;
line-height:26px;
}


#last_comments .col {
width:294px;
float:left;
}

#last_comments .lcomment {margin-bottom:20px;}

#last_comments a.red {
color:#B02E62;
}

#last_comments a.num {
display:block;
text-decoration:none;
float:left;
width:30px;
height:40px;
background:url(../images/bg_num_com.png) top left no-repeat;
color:#fff;
font-size:11px;
padding:5px 3px;
text-align:center;
margin-right:7px;
}

/* rehcerche */

#recherche .tf {
width:200px;
margin-right:5px;
padding:2px 0 1px;
}

#recherche form {padding:0 24px;}

#recherche .submit {
vertical-align:top;
}

#recherche select {
margin-top:10px;
color:#666666;
width:250px;
}


/* Bloggueurs */

#bloggueurs div {
clear:both;
height:40px;
border-top:1px solid #eeeeed;
padding:5px 0;
width:300px;
}

#bloggueurs .bloggueur {
float:left;
width:50%;
}

#bloggueurs .bloggueur a {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#383a45;
line-height:18px;
text-decoration:none;
}

#bloggueurs .bloggueur img {
float:left;
margin-right:10px;
}

/* Fil 20 minutes */

#fil {width:300px;}

#fil .rss {
display:block;
float:right;
width:22px;
height:22px;
}
#fil img {vertical-align:top;}

#fil h4 {
border-bottom:1px solid #eeeeed;
border-top:1px solid #eeeeed;
padding:4px 0;
margin:20px 0 10px;
font-size:16px;
line-height:24px;
height:22px;
}

#fil ul {padding-left:15px;}
#fil li strong {font-size:12px;}
#fil li {
font-size:11px;
line-height:16px;
border-bottom:1px dotted #a8a8a6;
padding:10px 0;
}

#fil li a {text-decoration:none;color:#000;}

#fil li a.suite {color:#3366cc;}
#fil li a:hover {text-decoration:underline;}


#footer {
margin:0 2px;
height:127px;
background:url(../images/bg_footer.png) left top repeat-x;
clear:both;
padding:0 25px;
}


#footer .syndication {
float:right;
width:315px;
text-align:right;
padding-top:35px;
}

#footer .syndication a {
color:#fff;
font-size:19px;
line-height:28px;
text-transform:uppercase;
text-decoration:none;
letter-spacing:-1px;
}

#footer .syndication img {float:right;margin-left:8px;}