@import "layout.css";
 

body{
	background:url('img/background.gif') repeat-x #236986;
	color: #000000;
 	font-size: 80%;
	line-height: 1.4em;
	font-family:"Trebuchet MS";
}

::-moz-selection{
	background:#FF017D;
	color:#FFFFFF;
}



h1{font-size: 3em; font-weight: normal; font-family: "Trebuchet MS";}
h2{font-size: 1.4em;}
h3{font-size: 1.3em;}
h4{font-size: 1.2em;}
h5{font-size: 1.1em;}
h6{font-size: 1em;}

h1, h2, h3, h4, h5{ font-weight: normal;}
pre, code{
	font-size: 1.2em;
}

pre{
 	width: 100%;
	overflow: auto;
	border: 1px solid #CCC;
}

html>body pre {
	overflow: auto;
	width: auto;
}

fieldset{
	border: none;
}

label{
	cursor: pointer;
	cursor: hand;
}

.field {
	display: block;
}

.submit, .preview, .submit:hover, .preview:hover{ background: #F7F7F7; border: 1px outset #ccc; color: #666;}
.submit:active, .preview:active, .submit:focus, .preview:focus{
	border: 1px inset #ccc;
	color: #666;
}


textarea{
	width: 100%;
	font-size: 1em;
	font-family: "Trebuchet MS";
}

a, a:visited{
	color: #000000; 
	text-decoration: none;
}

a:hover, .post-title {
color: #F67B0C;
}

.left{
	float: left;
	margin-right: 1em;
}

.right{
	float: right;
	margin-left: 1em;
}

.post-content .smiley, .png {padding: 0px; background: transparent; border: none;}

#page{
 	background: #fff;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 20px;
	border-left: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
	color: inherit;
}

#top{
	height: 187px;
 	background:url('img/head.jpg') no-repeat center;
	text-align:center;
}

#top span {
display:none;
}

	#top h1{
		height: 80px;
		line-height: 80px;
		margin: 0 0 0 20px;
		padding-top: 10px;
		color: #FFFFFF;
	}
	
		#top h1 a{
			text-decoration: none;
			color: #F70D88;
		}
		
		#top p{
			font-size: 1em; 
			color: #7D7D7D;
			font-weight: normal; 
			font-family: "Trebuchet MS";
			margin-top: -20px;
			margin-left: 22px;
		}
		

#prelude{
 	display: none;
}

#content {
padding-left:20px;
}

	.post {
		position: relative;
		line-height: 1.5em;
		margin: 0 0 1.5em 40px;
		padding: 0 10px 0 0;
	}
	.post .day-date {
		position: absolute; top: -2px; left: -45px;
		background: transparent url(img/bgBotDate.png) no-repeat bottom center;
		width: 42px; color: #adbcc4;
		font-family:"Trebuchet MS";
		margin: 0; padding: 0;
		}
	.post .day-date span {
		display: block; text-align: center; font-weight: bold;
		}
	.post .day-date .day {
		background: transparent url(img/bgTopDate.png) no-repeat top center;
		font-size: 1em; padding:0;
		color:#FFFFFF;
		}
	.post .day-date .month { font-size: 2em; padding:5px; color:#FF017D; text-align:center; letter-spacing:-2px;}
	.post .post-info {
		font-size: 0.9em;
		color: #000;
		font-family:"Trebuchet MS";
		margin: 0 0 0 0; padding: 0 0 0 0;
		line-height: 1.3em;
		font-style:italic;
		}
.post-content { text-align:justify; margin-top:40px;}
	.post .post-info a {
		color: #a5a5be;
		border-bottom:1px dotted #a5a5be;
	   }
	   
	 	.post .post-info a:hover {
		color: #FF017D;
		border-bottom:1px dotted #a5a5be;
	   }
h2.post-title  {
	   font-size: 1.8em;
	   color: #6800B1;
	   margin: 20px 0 10px 0;
	   }
	.post .post-title a {
		text-decoration: none;
		color: #6800B1;
		}
	.post .post-info-co {
		padding: 0 0 0 25px; margin: 0;
		line-height: 1.5em; vertical-align: middle;
		color: #8C99A5;
		}
	.post .post-info-co a {
		color: #8C99A5;
		text-decoration: none;
		}
	.post .post-title a:hover {border-bottom:dotted 1px #6800B1;}
.post-content a{color: #F70D88; background: #fff;}
.post-content a:hover {color: #fff; background: #F70D88;}

.post-content blockquote{
	font-family:"Trebuchet MS";
	font-style: italic;
	font-size: 0.9em;
	padding-left: 10px;
	border-left:5px solid #000000;
}
.post-content blockquote:hover{
	border-left:5px solid #FF017D;
}

.post-info-co{
	text-align: right;
	color: #888;
	font-size: 12px;
	background: #F9F9F9;
	padding-top: 1px;
	padding-bottom: 2px;
}

.post-info-co a{ color: #888888; border-bottom: 1px dotted #888;	margin-bottom:30px;}
.post-info-co a:hover{ color: #FF7B00;}


#trackbacks blockquote, #comments blockquote{
	background:#F7F7F7;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 1em 0;
	padding: 1ex 1em;
}
#comments .me blockquote{
	background: #C8DEFD;
	border-top: 1px solid #086BF2;
	border-bottom: 1px solid #086BF2;
}

#comment-preview{
	background: #FBA1D0;
	color: #F70D88;
	border-top: 1px solid #F70D88;
	border-bottom: 1px solid #F70D88; 
}

.postit {
	background:#FF017D;
	color:#FFFFFF;
	padding:10px;
	border-bottom:#000000;
	border-top:#000000;
	text-align:justify;
}
	
.postit a{
	color:#FFFFFF;
	text-decoration:underline;
}
	
.postit a:hover{
	color:#FFFFFF;
	text-decoration:overline;
}	

#sidebar{
	font-family:"Trebuchet MS";
	font-size: 90%;
	line-height: 15px;
	color: #000000;
}

	#sidebar li{
		list-style-type: none;
		margin-left: -40px;
		padding-left:10px;
padding-right:10px;
	}
	
#sidebar h2{
	background: #77C300;
	color:#FFFFFF;
	padding:5px;
	font-size: 1.3em;
	border:1px solid #C5C7C8;
}

#sidebar h3{
	font-size: 1em;
	margin: 0;
	color:#FF017D;
}

#lastnews h2 {
background:#303538;
color:#FFFFFF;
text-align:left;
}

#lastnews li {
padding:5px 10px 5px 10px;
border-bottom:1px solid #C5C7C8;
}

#lastnews li:hover{
background:#C5C7C8;
color:#000000;
display:block;
}


#lastnews a:hover{
background:#C5C7C8;
color:#000000;
display:block;
}


#commentaires h2 {
background:#303538;
color:#FFFFFF;
text-align:left;
}

#commentaires li {
padding:5px 10px 5px 10px;
border-bottom:1px solid #C5C7C8;
}

#commentaires li:hover{
background:#C5C7C8;
color:#000000;
display:block;
}

#commentaires a:hover{
background:#C5C7C8;
color:#000000;
display:block;
}

#search{
	float: left;
	color: inherit;
	line-height: 2.3em;
}
	
	
	#search fieldset, #search p{
		margin-right: 15px;
		margin-top: 10px;
		padding: 0;
	}
	
	#q{	
		width: 50px;
		background: #fff url(img/search.PNG) no-repeat 2% 50%;
		padding: 2px 20px;
	}
	
#sidebar div#calendar{
	display: none;
}

#sidebar div#categories h2 {
background:#FF017D;
color:#FFFFFF;
border:1px solid #C5C7C8;
}
#sidebar div#categories a:hover {
background:#FF017D;
color:#FFFFFF;
display:block;
}


#sidebar div#archives a:hover {
background:#0162A6;
color:#FFFFFF;
display:block;
}
#sidebar div#archives h2 {
background:#0162A6;
color:#FFFFFF;
border:1px solid #C5C7C8;
}

#sidebar div#syndication a:hover {
background:#FF7C00;
color:#FFFFFF;
}
#sidebar div#syndication h2 {
background:#FF7C00;
color:#FFFFFF;
border:1px solid #C5C7C8;
}

#sidebar div#links a:hover {
background:#6800B1;
color:#FFFFFF;
display:block;
}
#sidebar div#links h2 {
background:#6800B1;
color:#FFFFFF;
border:1px solid #C5C7C8;
}

#search .submit{ color: #033868; border: 1px outset #0E88F7;}

#search .submit:hover{color: #fff; border: 1px outset #cccccc; background: #77C300;}

#search .submit:active, #search .submit:focus{
border: 1px inset #cccccc;
}

input, textarea{
	border: 1px dotted #ccc;
	background: #F7F7F7;
	color: #666;
}

#search #q, #search #q:hover, #search #q:focus, #search #q:active{
	background: #fff url(img/search.PNG) no-repeat 2% 50%; border: 1px inset #0E88F7; color: #033868;
	padding: 2px 20px;
}

#search #q:hover, #search #q:active, #search #q:focus{
border: 1px inset #0E88F7; 
color: #033868;
}

input:hover, textarea:hover{
	border: 1px solid #ccc;
	}
	
input:active, textarea:active, input:focus, textarea:focus{
border: 1px inset #ccc;
}

	
#footer{
background:url(img/lgoo.jpg) #FFFFFF left no-repeat;
	padding-top: 10px;
	padding-left:70px;
	height:48px;
	font-size: 1em;
	color: #252525;
	text-align:left;
}

#footer a{
	color: #999;
}

#footer a:hover {
text-decoration:underline;
color:#FF7B00;
}