/* CSS for articles */

/* Articles index : */ 
#liste_articles {
 width:100%;
}

#liste_articles .cat_articles {
color:#388224;
font-weight:bold;
padding:0.2em;
background-color:#80FF5E;
border:1px solid gray;
text-align:center;
}

#liste_articles ul {
 list-style-type:none;
 margin-left:22.5%;
 font-size:0.8em;
 line-height:1.5em;
}

#liste_articles ul li a.articles_links, #liste_articles ul li {
color:#0D3B00;
}

#liste_articles ul li a.articles_links {
	/*display:inline-block;
	min-width:55%; */
	font-size:1.25em;
}


/* Read views */ 


/* Style spécifiques aux articles */
#page_index {
	background-color:#007227;
	padding:0.5em 0.5em 0.5em 0.5em;
	float:right;
	margin:10px;
	margin-left:1.5em;
}
#index_content {
	border:1px solid white;
	padding:10px;
}
#index_content a {
	display:block;
	padding:5px;
	background-color:white;
	color:#388224;
}

#index_content a:hover {
	background-color:#ade796;
	color:white;
}

#titre_index {
	color:#388224;
	background-color:white;
	display:inline;
	font-weight:bold;
	width:100%;
	display:block;
	font-size:1.1em;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
}
.tutoriaux #auteur {
	font-weight:bold;
	height:21px;
	color: #007227;
	padding:3px;
	}

.tutoriaux  #right_tuto_author {
	background-image:url('http://www.pcinfo-web.com/style/right_tuto_author.png');
	position:absolute;
	right:-23px;
}

.page_title {
 text-align:center;
color:#388224;
 font-weight:bold;
 padding-bottom:1px;
 border-bottom:1px dotted #007227;
 font-size:1.9em;
 line-height:1.5em;
}

#titre_tuto {
 color:#388224;
 border-bottom:2px solid #007227;
 margin-left:4px;
 margin-right:4px;
 margin-bottom:0px;
 overflow:hidden;
 font-size:180%;
 line-height:150%;
 font-weight:bold;
}
	
#commscount_title{
	color:white;
	background-color:#007227;
	display:inline;
	margin-left:1.5em;
	font-size:0.9em;
	font-weight:bold;
	padding-left:0.3em;
	padding-right:0.3em;
}

#commscount_title {
	margin-left:2em;
	line-height:2em;

	}
	
#commscount {
	display:inline;
}
	
#commscount {
	border:1px dotted #007227; /*#5685bd;*/
	overflow:hidden;
	padding:2px;
}

#commscount a.dotted {
color:#388224;
	border:none;
}
	
#text_tuto {
	padding:0.9em;
	/*font-size:1.1em;*/
	/*line-height:1.2em;*/
	text-align:justify;
}

.tutoriaux {
 margin: 2px;
 padding:3px;
 /*font-size:87%;
 line-height:90%;*/
 text-align: justify;
}

.quote { border:1px gray solid; background-color:#FAFAFA; padding:1px; }

#foot_article , .navigation_bp {
 text-align:center;
}
 .precedente, .suivante {
 text-transform:uppercase;
}
#foot_article .precedente {
 background-image:url('/style/page_prec.jpg');
}
#foot_article .suivante {
 background-image:url('/style/page_suiv.jpg');
}
/* ¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤ */