@import "layout.css";
 
/* Les lments HTML en gnral
-------------------------------------------------------- */

#top h2 a{
color:#b7b7b7;
font-size:14px;
font-weight:bold;
}

#footer{
color:#d9dadb;
font-size:14px;
}
#footer span{
font-size:12px;
color:#87888a;
}
#footer a{
position:relative;
font-size:14px;
font-weight:bold;
color:#d2293e;
text-decoration:none;
}
#footer a:hover{
text-decoration:underline;
}
#footer span a{
color:#87888a;
font-size:12px;
font-weight:normal;
font-style:italic;
}
/**/
#sidebar div{
float:left;
padding:0 56px 0 10px;
}
#sidebar h2{
font-size:16px;
text-transform:uppercase;
padding:2px 5px 2px 5px;
}
/**/
#info{
margin-top:45px;
color:#4d0419;
}
#info h2{
background:#ad1a1c;
color:white;
float:left;
}
#info p{
clear:left;
padding-top:20px !important;
line-height:1.3em;
}
#info a{
color:#ad1a1c;
font-weight:bold;
}
/**/
#piliteam{
margin-top:112px;
}
#piliteam img{
border:0;
}
#piliteam h2{
background:#1579ba;
color:white;
padding:2px 5px;
float:left;
}
/**/
#categories{
margin-top:120px;
color:#4d0419;
}
#categories h2{
background:#e2007a;
color:white;
padding:2px 5px;
float:left;
}
#categories ul{
clear:left;
padding-top:18px;
height:120px !important;

}
.ie7 #categories ul{
height:88px !important;
}
#categories ul li{
/*width:100px;*/
float:left;
width:200px;
margin-bottom:8px;
}
#categories ul li a{
color:#e2007a;
font-weight:bold;
font-size:13px;
}
/**/
#archives{
margin-top:65px;
color:#0ea12f;
}
.mac.gecko #archives{
margin-top:80px;
color:#0ea12f;
}
.ie6 #archives{
margin-top:75px;
}
.ie7 #archives{
margin-top:75px;
}
#archives h2{
background:#0ea12f;
color:white;
padding:2px 5px;
float:left;
}

#archives ul{
clear:left;
padding-top:18px;
height:120px !important;

}
.ie7 #archives ul{
height:88px !important;
}
#archives ul li{
/*width:100px;*/
float:left;
width:200px;
margin-bottom:8px;
}
#archives ul li a{
color:#0ea12f;
font-weight:bold;
font-size:13px;
text-decoration:none;
}
#archives ul li a:hover{
text-decoration:underline;
}
/**/
/* SELECTION */
#selection{
margin-top:63px;
color:#0ea12f;
}
.ie7 #selection{
margin-top:93px;
}
.gecko #selection{
margin-top:63px;
}
#selection h2{
background:#2db9df;
color:white;
padding:2px 5px;
float:left;
}
#selection img{
border:0;
}
#selection ul{
	margin:0 !important;
	padding:0 !important;
}
#selection #galery_flickr,#selection #galery_flickr ul{
	margin:0 !important;
	padding:0 !important;
	padding-top:0 !important;
	clear:both !important;
}
#selection ul li{
	float:left;
	margin:0 !important;
	padding:0 !important;
	display:inline;
	margin-right:3px !important;
	margin-bottom:3px !important;
}

/**/

/* ALBUMS */
#albums{
margin-top:74px;
color:#2db9df;
}
.ie6 #albums{
margin-top:78px;
}
.ie7 #albums{
margin-top:78px;
}
#albums h2{
background:#2db9df;
color:white;
padding:2px 5px;
float:left;
}
#albums ul{
clear:left;
padding-top:8px;
height:90px !important;
}
#albums ul li{
float:left;
width:170px;
margin-bottom:4px;
}
#albums ul li a{
color:#2db9df;
font-weight:bold;
font-size:13px;
font-style:italic;
font-weight:bold;
text-decoration:none;
}
#albums ul li a:hover{
text-decoration:underline;
}
/**/
/* VISITEURS */
#visiteurs{
margin-top:105px;
color:#9aa28e;
height:115px;
}
.ie6 #visiteurs{
margin-top:96px;
}
.ie7 #visiteurs{
margin-top:103px;
}
#visiteurs h2{
background:#9aa28e;
color:white;
padding:2px 5px;
float:left;
}
/*#visiteurs img{
	border:none;
	float:left !important;
}*/

/*.mbl_img{
	background:transparent !important;
}*/
/**/

/* FLUX */
#flux{
margin-top:123px;
color:#6e8b21;
}
.mac.gecko #flux{
margin-top:103px;
color:#6e8b21;
}
.ie6 #flux{
margin-top:97px;
}
.ie7 #flux{
margin-top:97px;
}
#flux h2{
background:#6e8b21;
color:white;
padding:2px 5px;
float:left;
}
#flux ul{
clear:left;
padding-top:8px;
height:90px !important;
padding-left:5px;
}
#flux ul li{
float:left;
width:170px;
margin-bottom:4px;
background:url(img/rss2.png) center left no-repeat;
padding-left:18px;
}
#flux ul li a{
color:#ef8f2c;
font-weight:bold;
font-size:10px;
text-transform:uppercase;
text-decoration:none;
}
#flux ul li a:hover{
text-decoration:underline;
}
#flux a.netvibes{
	padding-left:5px;
}
#flux img{
	border:none;
}
/**/

/* BLOGROLL */
#blogroll{
margin-top:68px;
color:#650086;
height:400px !important;
}
.ie7 #blogroll{
margin-top:65px;
}
#blogroll h2{
background:#650086;
color:white;
padding:2px 5px;
float:left;
margin-bottom:15px;
}
#blogroll h3{
	clear:left;
	font-size:13px;
	margin-top:5px;
}
#blogroll ul{
clear:left;
padding-top:8px;
padding-bottom:15px !important;
padding-left:15px;
list-style-position:inside !important;
}
#blogroll ul li{
float:left;
width:170px;
margin-bottom:4px;
background:url(img/b.png) center left no-repeat;
padding-left:10px;
}
#blogroll ul li a{
color:#650086;
font-size:12px;
text-decoration:none;
}
#blogroll ul li a:hover{
	text-decoration:underline;
}

/**/

/* TAGS */
#tags{
margin-top:67px;
color:#0ea12f;
}
.ie7 #tags{
margin-top:100px;
}
#tags h2{
background:#ff981f;
color:white;
padding:2px 5px;
float:left;
}
#tags ul{
	clear:left;
	padding-top:8px;
	height:130px !important;
	line-height:1.4em;
}
#tags ul li{
	display:inline;
	margin-right:5px;
}
#tags ul li a{
	color:#ff981f;
	text-decoration:none;
}
#tags ul li a:hover{
	text-decoration:underline;
}
#tags ul li.level-1 a{
	font-size:10px;
	color:#ff981f;
}
#tags ul li.level-2 a{
	font-size:12px;
	color:#ff981f;
}
#tags ul li.level-3 a{
	font-size:13px;
	font-weight:bold;
	color:#ff981f;
}
#tags ul li.level-4 a{
	font-size:14px;
	font-weight:bold;
	color:#ff981f;
}
#tags ul li.level-5 a{
	font-size:20px;
	font-weight:bold;
	color:#ad1a1c;
}
/**/
/* CALENDAR */

#calendar{
margin-top:100px;
color:#0ea12f;
text-align:left !important;
color:#b0b823;
}
.ie7 #calendar{
margin-top:102px;
text-align:left !important;
}
#calendar h2{
/*background:#ff981f;
color:white;
padding:2px 5px;
float:left !important;*/
}
#calendar table, #calendar table caption{
	clear:left !important;
	text-align:left !important;
	margin-bottom:5px !important;
	
}
#calendar table caption{
	color:#848a12;
}

#calendar table caption span{
	background:none;
	background:#cbd428;
	color:white;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	padding:2px 5px 2px 5px !important;
}
#calendar table caption a{
	color:#848a12;
	text-decoration:none;
	font-weight:bold;
}
#calendar table abbr,#calendar tbody abbr,#calendar table th{
	display:none;
}
#calendar table,#calendar tbody{
	float:left !important;
	border-collapse:collapse;
}
#calendar table{
	height:130px !important;
}
.gecko #calendar table{
	height:120px !important;
}
#calendar table td,#calendar tbody td{
	width:25px !important;
	height:22px !important;
	text-align:center;
}
#calendar table td a,#calendar tbody td a{
	background:url(img/cal.png) center center no-repeat;
	padding:7px 6px 7px 8px;
	text-decoration:none;
	color:#404e0d;
}
.ie6 #calendar table td a,#calendar tbody td a{
	padding:7px 11px 7px 6px;
}
/**/
.post{
clear:both;
display:block;
}
.gecko .post{
position:relative !important;
}
.ie6 .post{
position:fixed;
}
.ie7 .post{
position:relative;
}

.post .ancre{
float:left !important;
margin-right:10px;
margin-top:3px;
}

.post .wr{
float:right !important;
width:545px;
}

.post a{
font-weight:bold;
}

.post .red a{
color:#ad1a1c;
}
.post .pink a{
color:#e2007a;
}
.post .violet a{
color:#650086;
}
.post .blue a{
color:#1579ba;
}
.post .orange a{
color:#ff981f;
}
.post .green a{
color:#cbd428
}

.post .post-info-co{
	float:left;
	padding:5px 0 0 0;
	background:url(img/separe.png) top left repeat-x;
	font-size:11px;
	color:#b7b7b7;
	margin-bottom:5px;
}
.post .post-info-co b{
	font-size:12px;
}

.post .post-info-co p{
	float:left;
	text-transform:uppercase;
	font-size:10px;
	font-weight:bold;
}

.post .post-info-co p.twtags{
	float:right;
}
.post .post-info-co p.twtags b{
	float:left;
	background:url(img/tags.png) center left no-repeat;
	font-size:9px;
	color:#a1a1a1;
	text-transform:uppercase;
	width:36px;
	height:15px;
	padding-left:13px;
	padding-top:3px;
}	

.post .post-info-co p.twtags a{
	text-transform:uppercase;
	text-decoration:none;
	font-size:10px;
	margin-top:5px;
}
.post .post-info-co p.twtags a:hover{
	text-decoration:underline;
}

.post .buzz{
	text-align:right;
}

.post .post-info{
font-size:12px;
font-weight:bold;
color:#87888a;
margin-bottom:10px;
}

.post-content img{
border:none;
margin-top:5px;
margin-bottom:5px;
}

.post .post-title a{
font-size:35px;
font-weight:normal;
text-decoration:none;
letter-spacing:-0.05em;
margin-bottom:5px;

}
.post .post-title{
font-size:35px;
font-weight:normal;
text-decoration:none;
letter-spacing:-0.05em;
color:#ad1a1c;
line-height:0.85em;
margin-bottom:5px;
}

.post .post-content{
padding-top:20px;
color:#4d0419;
}

.post img{
max-width:545px;
}

.post .post-content ul{
padding:15px 30px;
}

.post .post-content ul li{
list-style:disc;
list-style-position:inside;
/*padding-left:30px;*/
margin:5px 0 5px 0;
font-weight:bold;
font-style:italic;
color:#87888a;

}

.post .post-content p{
clear:left;
margin:15px 0 15px 0;
}

.post blockquote{
font-weight:bold;
font-style:italic;
color:#87888a;
background:url(img/rainbow.png) bottom left no-repeat;
margin:5px 0 5px 0;
padding:15px 27px;
}

.post a{
color:#ad1a1c;
}

/*todo demain matin
.post .post-content{
padding-top:20px;
color:#4d0419;
}*/

.separe{
clear:both;
background:url(img/separe.png) center center repeat-x;
height:64px;
}
.separe2{
clear:both;
height:64px;
}
.separe3{
clear:both;
height:32px;
}


#trackbacks #tb, #comments #co,#comments h3{
font-size:35px;
font-weight:normal;
text-decoration:none;
letter-spacing:-0.05em;
color:#ad1a1c;
}

#comments img{
float:left;
border:none;
}
#comments .wrc{
float:right;
width:550px;
}
#comments .wrc blockquote{
font-weight:bold;
font-style:italic;
color:#87888a;
margin:5px 0 5px 0;
padding-left:27px;
padding-top:27px;
}
#comments .comment-info a, blockquote p a{
color:#ad1a1c;
font-size:14px;
font-weight:bold;
text-decoration:none;
}
#comments .comment-info{
color:#4d0419;
}


.ie6 #comments{
clear:left;
}
.ie6 #comments a{
position:relative;
}
.ie6 #comments .wrc{
float:right;
width:550px;
}

fieldset{
border:0;
}

label{
clear:left;
color:#ad1a1c;
font-weight:bold;
cursor:pointer;
margin-bottom:5px;;
}

#c_nom{
clear:left !important;
border:1px solid #cbd528;
padding:2px 5px;
}

#c_mail{
clear:left !important;
border:1px solid #cbd528;
padding:2px 5px;
}

#c_site{
clear:left !important;
border:1px solid #cbd528;
padding:2px 5px;
}

#c_content{
clear:left !important;
overflow:hidden;
border:1px solid #cbd528;
padding:2px 5px;
}

/*pagination*/
#pagination{
text-align:center !important;
}
#pagination b{
/*float:left;
width:32px !important;
height:24px !important;*/
border:1px solid #ff981f;
background:#ad1a1c;
margin-right:5px;
/*padding-top:8px;*/
padding:7px 10px !important;
color:white;
font-weight:bold;
}
.ie #pagination b{
position:relative;
height:32px !important;
}
#pagination a{
/*float:left;
width:32px !important;
height:24px !important;*/
border:1px solid #ad1a1c;
background:#fff;
margin-right:5px;
/*padding-top:8px;*/
padding:7px 10px;
color:#87888a;
font-weight:bold;
text-decoration:none;
}
.ie #pagination a{
position:relative;
height:32px !important;
}
#pagination a:hover{
border:1px solid #ff981f;
background:#ad1a1c;
color:white;
}
#pagination #prev{
margin-right:15px;
}
#pagination #next{
margin-left:15px;
}

.form{
position:relative;
}
