/*
Theme Name: KartOOTheme
Theme URI: http://www.blog-kartoo.com/
Description: test d'intégration .
Version: 0.1
Author: F.Yermia
 
Creation Theme by François yermia || http://www.blog-kartoo.com
 
*/

body {
	background: #12284a;
	margin: 0;
	font-family: Trebuchet MS, Lucida Grande, Arial, Helvetica, Georgia, Sans-serif;
	font-size: 0.8em;
	text-align: left;
	color: #006699;
}

#page {
	background: #ffffff;
	position:absolute;
	left: 25%;
	margin-top:20px;
	width:750px;
}

#header {

	background-color:#12284a;
	background-image: url(images/banniere.jpg);
	background-repeat:no-repeat;
	width:100% ;
	height:170px;
}


	#menupages {
		margin: 0;
		padding: 170px 0 0 0;
		text-align:left;
		line-height: 30px;
	}
 
	#menupages ul {
		background-color:#12284a;
		margin: 0;
    		padding: 0;

	}
 
	#menupages ul li {
		background-color: #ffffff;
  	   	margin: 0 ;
   		padding: 5px 20px;
  		display: inline;

	}
	
		#menupages .page_item,#menupages .first {
			background-color: #12284a;
		}
 
 		#menupages .page_item:hover, #menupages .first:hover, #menupages .page_item a:hover{
			background-color: #071832;
		}
 
		#menupages .current_page_item{
			color:#12284;
			background-color: #fff;
			padding-bottom: 6px;
		}
		
		#menupages .page_item a ,#menupages .first a{
    		color: #ffffff;
			text-decoration:none;
    	}
		#menupages .current_page_item a{
    		color: #12284a;
    		font-weight: bold;
			text-decoration:none;
    	}
		
	
	#recherche{
		float:right;

	}
	.search{

		display: inline;
		
	}



#content {
	background:#ffffff;
	float: left;
	width: 69%;
	padding: 15px 5px 0 10px;
	margin: 35px 0px 0 0;
	text-align:justify;
}

.post-date{
	float:left;
	display: inline;
	margin: 10px 10px 0 0 ;
	background-image:url(images/date.jpg);
	background-repeat:no-repeat;
	width:50px;
	color: #fff;
	
}

	.month{
		color:#fff;
		font-size: 13px;
		text-align: center;
		font-weight: bold;


	}
	.day{
		text-align: center;
		font-size: 25px;
		font-weight: bold;

	}



		/*cliker*/
		#content h2 a:active{
			font-size: 18px;
			color: #216b80;
			text-decoration: none;
			}
		/*normal*/
		#content h2 a{
			font-size: 18px;
			color: #236679;
			text-decoration: none;


			}
		/*rollover*/
		#content h2 a:hover{
			font-size: 18px;
			color: #378399;
			text-decoration: none;
			}
		/*visited*/
		#content h2 a:visited{
			font-size: 18px;
			color: #378399 ;
			text-decoration: none;
			}



	.postmetadata {
		font-size: 12px;
		color: #999;
		padding:0px 0px 15px 0;
		margin:-15px 0 0 0 ;
	
			}
	.detail {
		font-size:13px;
		color: #999;
		padding: 10px 0 30px 0px;
		margin: 0 50px 0 50px;
		text-align: center;
		border-top: 3px #bee7e9 solid;
		width: 400px;

	}
	
	.detail a{
		color:#336666;
		text-decoration:none;
	}
		.detail a:hover, .sidebar a:hover{
		color:#6699ff;
		text-decoration:underline;
	}
	
/* contenu du message*/ 
	.post_content {
		font-size: 13px;
		color: #252525;
		}

.sidebar {

	float: right;
	width: 27%;
	margin: 5px 0px 20px 0px;
	
}
	.sidebar ul{
		list-style-type: none;			
		margin:0 ;
		padding: 0 ;
	}

	.sidebar h2 {
		background-image:url(images/side.jpg);
		background-repeat: no-repeat;
		height:32px;
		font-size: 15px;
		color: #ffffff;
		padding-left: 40px;
		padding-top: 5px
	}

						
			.sidebar a:visited{
			color:#6699ff;
			text-decoration:none;
			}
	

			.sidebar a{
				padding:0 13px ;
				color:#336666;
				text-decoration:none;

			}
			.abonnement{
				background-image:url(images/rss.jpg);
				background-repeat:no-repeat;
				height:60px;
				padding:0px 60px;
			
			}
/*commentaire*/
.comments-template{
margin: 10px 0 0 0;
}

.comments-template ol{
margin: 10px;
padding: 0 0 0 15px;
list-style: none;
}

.comments-template ol p{
font-family: Trebuchet MS, Arial, Hevletica, Sans-serif;
font-size: 0.9em;
}

.comments-template ol li{
margin: 10px 0 0 0;
line-height: 15px;
padding: 0 0 10px;
}

.comments-template h2, .comments-template h3{
font-size: 16px;
color:#99cccc;
}

.commentmetadata a, #content a {
color:#336666;
font-size: 0.9em;
text-decoration:none;
}

.commentmetadata a:hover, #content a:hover{
color:#6699ff;
font-size: 0.9em;
text-decoration:underline;
}

.comments-template p.nocomments{
padding: 0;
}

.comments-template a{
color:#336666;
}
.comments-template textarea{
font-family: Trebuchet MS, Arial, Hevletica, Sans-serif;
font-size: 0.9em;
}

.cadre_commentaires {
margin:0 25px 0 25px;
border-bottom: 3px #bee7e9 solid;
border-top: 3px #bee7e9 solid;
}	

img{
border: none;
}

		.suivant a, .navigation a{
			color:#336666;

			}

		.suivant, .navigation{
			padding: 0 0 30px 0;
			float: right;
			}		

#footer {
background-color:#12284a;
background-image:url(images/footer.jpg);
background-repeat:no-repeat;
font-size: 1em;
padding: 10px 10px 10px 0;
clear: both;
width: 750px;

}

	#footer p{
	text-align:center;
	color: #fff;
	font-size: 1em;
	padding: 0 10px 20px 0;
	}
	
	#footer p a{
	color:#fff;
	}