/* Feuille de style pour la mise en page */

/* MISE EN PAGE */

  @import url("tools.css");

/*COLOR

green: color:#a6de00;

END COLOR*/


/* Definition of base */

	html, body {

		height:100%;
	}

/*Images*/	

	img {
		margin:0;
		padding:0;
		border: none;
	}

/*End Images*/

/* Typography */		

	p {
		margin: 0 0 1.3em 0;
		padding: 0;
		line-height:1.5em;
	}

	h1 {
		font-size: 2em;
		line-height: 1.5em;
		margin: 0 0 0.5em 0;
		padding: 0;
       	
	}
	
	h2 {
		font-size: 1.5em;
       	line-height: 1.5em;
		margin: 0 0 0.5em 0;
		padding: 0;
       	
		
	}
	
	h3 {
		font-size:1.3em;
		line-height:1.4em;
		margin: 0 0 0.5em 0;
		padding: 0;
       
		
	}
	
	h4 {
		font-size:1.1em;
		line-height:1.4em;
		margin: 0 0 0.5em 0;
		padding: 0;
		
	}
	
	ul {
	
		padding:0px 0px 0px 0px;
		margin:0px;
		list-style:disc;
		
	}
	
	li {
		margin:0px;
		padding:0px;
		
	}


/* End Typography */		

/* Links */

	a,	a:link,	a:active {
		
		/*color:#adb998;*/
		color:#233e52;
		text-decoration:none;
     		
	}

	a:hover {
        color:#a1cf29;
        text-decoration: none;
	}
	
	a img {
	
		border:none;
		
	}

/* End Links */

	body {
		
		padding: 0;
		margin:0;
		
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-align: left;
		font-size: 14px;
		color:#233e52;
		
		line-height: 1em;
		background: #fff url(images/bodyback.gif) repeat-x top left;
		
		
		
	}
	
	
	
	#wrapper {
			
		position: relative;
		min-height: 100%;
		
		
		
		
		
	}
	
	* html #wrapper {
	
		height: 100%;
		
		
	}


	
	#container {

		
		
		padding-bottom:4em;
		width:880px;
		
		
		
		
		
		
	}
	
	* html #container {
		height: 100%;
	}
	
	#topbar {
	
		position:relative;
		height:30px;
		
	
	}
	
	#topbar a {
		
		position:absolute;
		top:0px;
		margin:0px;
		display:block;
		text-decoration:none;
		text-indent:-9999px;
		overflow:hidden;
	}
	
	a.rss-link {
	
		left:765px;	
		width:114px;
		height:28px;
		background: url(images/rss-link.gif) no-repeat top left;
	
	}
	
	a.resource-link {
			
		left:614px;		
		width:141px;
		height:28px;
		background: url(images/resource-link.gif) no-repeat top left;
	
	}
	
	#header {
		width:100%;
		height:144px;
		
		
		
	}
	
	#header h1 {
	
		padding:0px;
		margin:0px;
		display:block;
		float:left;
		text-decoration:none;
		text-indent:-9999px;
		overflow:hidden;
		background:none;
		background: url(images/header-back.gif) no-repeat top left;
		height:143px;
		width:630px;
	
	}
	
	#header h1 a {
		
		display:block;
		margin-left:40px;
		width:530px;
		height:143px;
	}
	
	#header img {
	
		float:left;
	
	}
			

	#content {
	
		padding-left:40px;
		background: url(images/contentback.jpg) no-repeat top left;
	
	}
	
	.main {
	
		float:left;
		display:inline;
		width:585px;
		padding-top:25px;
		
		
	
	}
	
	.post {
		
		float:left;
		display:inline;
		width:230px;
		margin-right:60px;
		margin-bottom:30px;
	}
	
	
	
	.post h2{
	
		float:left;
		font-size:1.0em;
		font-weight:bold;
		line-height:1.0em;
		text-transform:uppercase;
		margin:0px 0px 0px 0px;
		padding:3px 0 4px 0;
		
	
	}
	
	.post h2 a{
	
				
	
	}
	
	
	.post h2 a:hover{
	
		text-decoration:none;
		 color:#a1cf29;
		
	
	}
	
	.blogpost {
		
		
		clear:both;
		width:520px;
		margin-bottom:30px;
	}
	
	
	a.comment-bubble {
	
		float:right;
		display:inline;
		width:31px;
		height:22px;
		font-size:11px;
		font-weight:bold;
		text-align:center;
		padding:1px 0px 0px 0px;
		margin-bottom:0px;
		color:#fff;
		background:url(images/comment-bubble.png) no-repeat center left;
	
	}
	
	span.comment-bubble {
	
		
		padding-right:15px;
		color:#fff;
		font-size:11px;
		font-weight:bold;
		
			
	}
	
	a.comment-blog {
	
		clear:both;
		padding:0px 0px 7px 11px;
		
		margin-bottom:0px;
		
		background:url(images/comment-bubble.png) no-repeat center left;
	
	}
	
	
	
	
	
	.post p {
		margin: 0 0 0 0;
		padding: 0;
		line-height:1em;
	}
	
	
	
	img.thumbs  {
		
		float:left;
		display:inline;
		width:216px;
		height:144px;
		padding:8px;
		
		margin:5px 0px 0px 0px;
		
		background:#233E52;
		
	}
	
	img.fullpic {
		padding:6px;
		margin:0px 0px 0px 0px;
		background:#233E52;
		
	}
	
	#screenshot{
	position:absolute;
	z-index:100;
	background:#233E52;
	padding:8px;
	display:none;
	color:#A1CF29;
	}

	
	
	.border {
	
		border:1px solid #2b485d;
		float:left;
		margin:5px 0px 5px 0px;
	
	}
	
	.bordernofloat {
	
		border:1px solid #2b485d;
		
		margin:5px 0px 5px 0px;
	
	}
	
	.metadata {
		
		
		padding:6px;
		
		margin:0px 0px 0px 0px;
		width:506px;
		
		font-size:0.9em;
		border:1px solid #ddd;
		background:#fff;
		
		
	}
	
	.metadata a{
		
		
		color:#a1cf29;
		
	}
	
	.metadata a:hover{
		
		text-decoration:underline;
		
	}
	
	.metadata p{
		
		line-height:1.4em;
		
	}
	
	.rating {
	
	 clear:both;
	 padding:10px 0px 0px 0px;
	 font-size:12px;
	
	}
	
	.post-ratings {
	
		padding:0px;
		margin:0px;
		line-height:1.2em;
	
	}
	
	.post-ratings span{
	
		
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 5px;
		line-height:1.2em;
	
	}
	
	p.small {
	
		
		float:left;
		clear:both;
		font-size:12px;
		line-height:1em;
		margin:-12px 0px 15px 0px;
		padding:3px 5px 3px 5px;
		color:#F3F3F3;
		background-color:#A1CF29;
	
	}
	
	.entry {
	
		float:left;
		
	}
	
	.entryblog{
	
		clear:both;
		width:520px;
		
	}
	
	.entryblog a {
	
		color:#7b9e20;
        text-decoration: none;
	
	}
	
	.entryblog h3 a {
		color:#233e52;	
	}
	
	.entryblog a:hover {
	
		
        text-decoration: underline;
	
	}
	
	.page {
	
		width:520px;
	
	}
	
	.page ul, .blogpost ul {
	
		padding:0px 0px 10px 30px;
		line-height:1.3em;
	
	}
	
	.page li, .blogpost li {
	
		margin-bottom:10px;
	
	}
	
	.page a {
	
		color:#a1cf29;
	
	}
	
	.page a:hover {
	
		text-decoration:underline;
	
	}
	
	.navigation {
	 
	 	float:left;
		clear:both;
	
	}
	
	span.comment-big {
	
		float:left;
		display:inline;
		width:46px;
		height:33px;
		font-size:1.0em;
		font-weight:bold;
		text-align:center;
		padding:0px 0px 0px 0px;
		margin-right:10px;
		color:#fff;
		background:url(images/comment-big.gif) no-repeat center left;
	
	}
	
	ol.commentlist {
	
		padding:0px;
		margin:20px 0px 30px 0px;
		
			
	
	}
	
	ol.commentlist li {
	
		list-style:none;
		padding:7px;
		margin:0px 0px 15px 0px;
		width:506px;
		border:1px solid #dddddd;
		font-size:0.9em;		
		border:1px solid #ddd;
		
		background:#ffffff;
	
	}
	
	ol.commentlist a{
		
		
		color:#a1cf29;
		
	}
	
	ol.commentlist a:hover{
		
		text-decoration:underline;
		
	}
	
	small.commentmetadata {
	
		color:#ababab;
	
	}
	
	.commentcontent {
	
		
		margin-top:10px;	
	
	}
	
		
	.comment {
	
		clear:both;
		margin-left:30px;
		font-size:12px;
		color:#3b5159;
		
	}
	
	h3#respond {
		
		line-height:1.1em;
		margin-top:0px;
		padding:10px 0px 0px 53px;
		background:url(images/respond.gif) no-repeat bottom left;
	
	}
	
	form#commentform {
	
		
		float:left;
		clear:both;
		padding:0px;
		margin:0px;
	
	}
	
	form#commentform textarea{
	
		width:511px;
		height:125px;
		padding:3px;
		margin-bottom:15px;
		
		border:none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		background:#ffffff;
		border:#dddddd 1px solid;
	
	}
	
	form#commentform label{
	
		
	
	}
	
	form#commentform input {
	
		width:160px;
		padding:3px;
		
		border:none;
		background:#ffffff;
		border:#dddddd 1px solid;
		
	
	}
	
	input#submitcomment {
	
		padding:0px;
		margin:15px 0px 0px 0px;
		border:none;
		display:block;
		float:left;
		width:141px;
		height:34px;
		border:none;
		text-decoration:none;
		text-indent:-9999px;
		overflow:hidden;
		background:none;
		cursor:pointer;
		background: url(images/sendcomment.gif) no-repeat bottom left;
	
		
	
	}
		
	input#submitcomment:hover {
	
		background-position:bottom left;
	
	}
	
	p.entries{
	
		float:left;
		display:inline;
		width:160px;
		margin-right:16px;
	
	}
	
	
	
	ul.menu {
		
		float:left;
		margin:0px;
		padding:0px;
		list-style:none;
		
	}
	
	ul.menu li{
		
		margin:0px;
		padding:0px;
		float:left;
		display:inline;
		list-style:none;
		
	}
		
	ul.menu li a {
	
		margin:0 20px 20px 0;
		display:block;
		text-decoration:none;
		text-indent:-9999px;
		overflow:hidden;
		width:115px;
		height:45px;
		cursor:pointer;
	
	}
	
	a#home {	
		
		background: url(images/menu-home.png) no-repeat 0px 0px;
			
	}
	
	a#home:hover {
	
		background: url(images/menu-home.png) no-repeat 0px -45px;
	
	}
	
	a#submit {	
		
		background: url(images/menu-submit.png) no-repeat 0px 0px;
		margin-right:0px;
			
	}
	
	a#submit:hover {
	
		background: url(images/menu-submit.png) no-repeat 0px -45px;
	
	}
	
	a#blog {	
		
		background: url(images/menu-blog.png) no-repeat 0px 0px;
		margin-bottom:0px;
			
	}
	
	a#blog:hover {
	
		background: url(images/menu-blog.png) no-repeat 0px -45px;
	
	}
	
	a#about {	
		
		background: url(images/menu-about.png) no-repeat 0px 0px;
		margin-right:0px;
		margin-bottom:0px;
			
	}
	
	a#about:hover {
	
		background: url(images/menu-about.png) no-repeat 0px -45px;
	
	}
	
	.sidebar {
	
		float:right;
		display:inline;
		width:255px;
		padding-top:25px;
		
		
	
	}
	
	.sidebar h2 {
	
		font-weight:normal;
		letter-spacing:1px;
		margin:20px 0px 5px 0px;
	
	}
	
	
	

	
	.sideb {
	
		background:transparent url(images/ul-bottom.gif) no-repeat scroll left bottom;
		margin:20px 0 20px 0px;
		padding:0 0 25px;
		
		display:block;
		width:250px;
	
	}
	
	ul.ressources {
	
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		
		background:transparent url(images/ul-back.gif) repeat-y top left;
		width:250px;
		list-style:none;
		list-style-position:outside;
	
	}
	
	ul.ressources li {
		
		padding:0px;
		margin:0px;
		display:inline;
	
	}
	
	ul.ressources li a{
	
		margin:0px 0px 0px 0px;
		padding:8px 5px 8px 12px;
		display:block;
		font-size:10px;
		color:#9e9e9e;
		border: 1px solid #ededed;
		border-top:none;		
		
	
	}
	
	ul.ressources li a:hover{
	
		
		color:#8e8e8e;
		background:#f9f9f9;
		
		
	
	}
	
	a#more {
	
		margin:0px 0px 0px 0px;
		padding:8px 8px 8px 12px;
		text-align:right;
		
		font-size:10px;
		color:#9e9e9e;
		border: 1px solid #ededed;
		border-top:none;	
		border-bottom:none;	
	
	
	}
	
	a#more:hover {
        color:#a1cf29;
        text-decoration: none;
	}
	
	ol.top {
	
		padding:15px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		font-size:18px;
		font-weight:bold;
  		
  		color: #a1cf29;
		
		background:transparent url(images/ul-back.gif) repeat-y top left;
		width:250px;
		list-style-position:inside;
		
		
	
	}
	
	ol.top li{
	
		margin:0px 0px 0px 5px;
		padding:0px 0px 10px 10px;
		
	
	}
	
	ol.top a{
	
		padding:0px 0px 10px 10px;
		margin:0px;
		
		font-size:14px;
		font-weight:normal;
  		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-style:normal;
		
  		
	
	}
	

	
	h2.category {
	
		
		text-decoration:none;
		text-indent:-9999px;
		overflow:hidden;
		padding:0px;
		height:40px;
		width:250px;
		margin:0px;
		background:url(images/h2-category.gif) no-repeat center left;
		
	}	
	
	h2.search {
	
		
		
		padding:1px 0px 0px 38px;
		background:url(images/search-h2.gif) no-repeat center left;
		
	}	
	
	h2.ads {
	
		text-decoration:none;
		text-indent:-9999px;
		overflow:hidden;
		padding:0px;
		height:40px;
		width:250px;
		margin:0px;
		background:url(images/h2-ads.gif) no-repeat center left;
		
	}	
	
/*	h2.ressources {
	
		
		
		padding:1px 0px 3px 38px;
		background:url(images/ressource-h2.gif) no-repeat center left;
		
	}*/
	
	h2.ressources {
	
		
		text-decoration:none;
		text-indent:-9999px;
		overflow:hidden;
		
		padding:0px;
		height:40px;
		width:250px;
		margin:0px;
		
		background:url(images/h2-ressources.gif) no-repeat center left;
		
	}
	
	h2.blog {
	
		
		text-decoration:none;
		text-indent:-9999px;
		overflow:hidden;
		
		padding:0px;
		height:40px;
		width:250px;
		margin:0px;
		
		background:url(images/h2-blog.gif) no-repeat center left;
		
	}
	
	h2.top {
	
		
		text-decoration:none;
		text-indent:-9999px;
		overflow:hidden;
		
		padding:0px;
		height:40px;
		width:250px;
		margin:0px;
		
		background:url(images/h2-top.gif) no-repeat center left;
		
	}
	
	h2.pagetitle {
	
		
		
		padding:1px 0px 3px 0px;
		margin-right:70px;
		margin-bottom:10px;
		text-transform:uppercase;
		
		clear:both;
		
	}
	
	.sidebar form {
	
		padding:0px;
		margin:0px 0px 0px 0px;
	
	}
	
	input#searchsubmit {
	
		padding:0px;
		margin:0px 0px 0px 10px;
		display:block;
		float:left;
		width:45px;
		height:27px;
		border:none;
		text-decoration:none;
		text-indent:-9999px;
		overflow:hidden;
		background:none;
		cursor:pointer;
		background: url(images/go.gif) no-repeat top left;
	
	}
	
	input#searchsubmit:hover {
	
		background: url(images/go.gif) no-repeat bottom left;
	
	}
	
	input#s {
	
		float:left;
		padding:5px;
		margin:1px 0px 0px 0px;
		width:182px;
		
		border:1px solid #dddddd;
		background:#ffffff;
	
	}
	
	
	
	
	ul.wp-cat-cloud {
	
		padding:15px 5px 0px 12px;
		list-style:none;
		clear:both;
		line-height:1.4em;
		background:transparent url(images/ul-back.gif) repeat-y top left;
		
	
	}
	
	ul.wp-cat-cloud li {
	
		list-style:none;
		display:inline;
		margin:0px;
		
	
	}
	
	ul.wp-cat-cloud li a{
	
		padding:0 0.5em 0 0;		
	
	}
	
	
	.side-content {
	
		margin:40px 0 0 5px;
		
		
	
	}
	
	.side-content h2 {
	
		
		color:#445f67;
		
		font-size:1.4em;
		font-weight:bold;
		text-transform:none;
		line-height:1.1em;
		margin:20px 0px 5px 0px;
		padding:3px 0px 3px 38px;
		background:url(images/sidebar-h2.gif) no-repeat center left;
		
	}	
	
	.side-content ul {
	
		
		
		list-style:none;
		margin:0 0 0 35px;
		padding:10px 0 0 0px;
		
	}
	
	* html .side-content ul {
	
		
		
		list-style:none;
		margin:0 0 0 20px;
		padding:10px 0 0 0px;
		
	}
	
	.side-content ul li {
	
		
		margin:0px 0px 10px 0px;
		padding:0px 0px 2px 5px;
		list-style:none;
		
	}	
	
	.side-content ul li a{
	
		margin:0px;
		padding:0px;
		display:block;
		
	}
	
	
	
	.random-pic {
		
		height:200px;
	
	}
	
	
/* Page Number */

	#wp_page_numbers {
		
		
		width:525px;
		clear:both;
	
	}
	
	#wp_page_numbers ul {
		
		list-style:none;
		float:right;
		font-weight:bold;
		margin:0px;
		padding:0px;
	
	}
	
	#wp_page_numbers ul li {
		
		list-style:none;
		display:inline;
		float:left;
		
	
	}
	
	li.space {
	
		margin:0px 0px 0px 5px;
		padding:8px 12px 8px 12px;
		
		font-size:12px;
		color:#a1cf29;		
		
	
	}
	
	#wp_page_numbers ul li a{
		
		margin:0px 0px 0px 5px;
		
		line-height:30px;
		height:30px;
		width:30px;
		text-align:center;
		display:block;
		font-size:12px;
		color:#9e9e9e;		
		background:url(images/paging.gif) no-repeat top left;
	
	}
	
	
	
	#wp_page_numbers ul li a:hover, #wp_page_numbers ul li.active_page a{
	
		
		color:#f3f3f3;
		
		background:url(images/paging-hover.gif) no-repeat top left;
	
	}

/* End Page Number */	

/* Printing ads */

	.adfull {
	
		clear:both;
		width:500px;
		height:45px;
	
	}
	
	#footer {
	
		
		
		padding-left:40px;
		height:5em;
		/*border-top:#17242d 1px solid;*/
		background:#13222c url(images/footback.gif) repeat-x top left;
		min-width:950px;
	
	}
	
	
	
	.footer-block {
	
		float:left;
		margin-top:25px;
		font-size:12px;
		color:#dddddd;
		width:880px;
		line-height:1.2em;
	
	}
	
	.footer-block a{
	
		color:#a1cf29;
	
	}
	
	.footer-block a:hover{
	
		text-decoration:underline;
		
	
	}
	
	.footer-block p{
		float:left;
		padding:0px;
		margin:0px;
		line-height:1.2em;
		
			
	}
	
	.footer-block ul{
		padding:0px;
		float:right;
		margin:0px;
		list-style:none;
	}
	
	.footer-block ul li{
		float:left;
		list-style:none;
		padding-left:15px;
		margin:0;
		line-height:1.2em;
		margin-left:1.5em;
		background: url(images/dot.png) no-repeat left 65%;		
	}
	

	

/* END PAGE FORMAT */