/***************************************/
/* Spip Info - Janvier 2009	           */
/***************************************/
/* Mises en formes des méthodes de     */
/* publication (objets Spip            */
/***************************************/


/* 
	Elements communs à (presque) toutes les formes de publications 
	--------------------------------------------------------------	
*/


/* CARTOUCHES */
	.cartouche {
		background: none transparent;
		margin:0px 0px 5px 0px;
		padding: 0px;
		overflow:hidden;
	}
	
	.cartouche h1 {
		margin:0px 22px;
	}
	
	.cartouche p {
		font-weight:bold;
		display:block;
	}
	.cartouche p.soustitre {
		margin: 0px 0px 0px 24px;
		color:#777;
	}
	.cartouche .date_article {
		padding: 0px 25px;
		text-align:right;
		font-style:italic;
	}
	
/* CHAPOS */

	.chapo p {
		font-weight:bold;
		color: #0B7599;
	}
	.chapo a:link,
	.chapo a:visited,
	.chapo a:active {
		color:#0B7599;
	}


/* NOTES DE BAS DE PAGE */
	.notes {
		border-left:1px solid #CCC;
		padding: 0px 5px 0px 15px;
		margin: 25px 0px;
	}
	.notes h2 {
		display:none;
	}
	.notes p {
		color: #999;
		font-style:italic;
		margin:4px 0px;
	}


/* 
   INCLURE LISTE ARTICLE pour zone de contenu principal
   ----------------------------------------------------
*/
								
#articles_list{
	overflow:hidden;
}
	
	#articles_list .chapo{
		background:transparent;
		margin:10px 5px;
		padding:0px;
		overflow:hidden;
	}
	#articles_list .chapo .pict {
		float:left;
		margin:9px 10px 10px 0px;
		padding: 0px;
		width: 70px;
		height: 70px;
		overflow:hidden;
		text-align: center;
		border:0px none;
		background: #ededed;
	}
	#articles_list .chapo .no_pict {
		float:left;
		margin:3px;
		padding:0px 5px;
		width: 300px;
	}
	#articles_list .chapo h3{
		margin:0 0 5px 0px;
		padding:2px 0px 0px 20px;
		width:auto;
      	font-size: 1.2em;
      	font-weight: bold;
	}
	#articles_list .chapo p{
		margin: 5px 5px 5px 10px;
    	line-height:normal;
	}
	#articles_list .linksmore{
		border-top:1px solid #d2d2d2;
		clear:left;
		list-style:none;
		margin:0 0 10px 0;
		padding:0px 0 0 10px;
		text-align:right;
		font-size:0.9em;
		background: transparent url(#CHEMIN{images/lire.gif}) scroll no-repeat left 6px; 
	}
	#articles_list .linksmore a { 

	}
	#articles_list .linksmore a span { 
		display:block; 
	}





/* 
	PAGE ARTICLES
	--------------
*/
								
.page_article {}

	/* Présentation de l'article */
		
		#main .chapo{
			background: transparent;
			font-weight:bold;
			padding: 0px;
			margin:0px;
			font-size:1.1em;
		}
		.page_article .texte{
			margin: 0px;
			padding: 0px;
		}
		

	/* en savoir plus */
		#view_more {
			overflow:hidden;
			margin: 15px auto;
		}
		#links,#infos {
			background:#EDEDED;
			border:1px solid #CCC;
			border-bottom: 2px solid #CCC;
			border-right: 2px solid #CCC;
			margin:5px 2% 5px 0px;
			padding:5px;
			width:45%;
			float:left;
		}
		#links p, #infos p {
			margin: 5px;
			font-size:0.9em;
		}
		#links h2,#infos h2{
			background: none transparent;
			font-size:1.2em;
			margin:0px;
			padding:3px;
		}
	
	
/* 
	PAGE BREVES
	------------
*/
								
	.page_breve{
	
	}
	.page_breve #links {
		width:97%;
	}
	
	.page_breve #main p.pagination { 
		display:block;
		margin: 15px auto;
		padding:0px 0px 25px 0px;
		float:none;
		text-align: center;
		clear:both;
	}
	.page_breve #main p.pagination a {
		display:block;
		width: auto;
		line-height: 28px;
	}
		.page_breve #main p.pagination a:hover {
			text-decoration:underline;
		}
	.page_breve #main p.pagination a span {
		display:block;
		padding: 0px;
	}
	.page_breve #main p.pagination a.precedent {
		background: transparent url(#CHEMIN{images/pagin_precedent.png}) scroll no-repeat left 4px;
		padding: 0px 45px 0px 35px;
		float:left;
		width: 35%; 
		text-align: left;
	}
	.page_breve #main p.pagination a.suivant {
		background: transparent url(#CHEMIN{images/pagin_suivant.png}) scroll no-repeat right 4px;
		padding: 0px 35px 0px 45px;
		float: right;
		width: 35%; 
		text-align: right;
	}


/*
	ACTIONS D'ARTICLES et BREVES
	-----------------------------
*/

	.socialtags {
		margin: 0px 0 0px 20px !important;
		padding: 0;
	}
	
	.socialtags ul {
		display: inline;
		margin: 0 !important;
		padding: 0 !important;
	}
	.socialtags ul li {
		background: none;
		display: inline;
		list-style-type: none;
		margin: 0;
		padding: 2px;
	}
	.socialtags ul li:before { content: ""; }
	.socialtags img {
		float: none;
		width: 16px;
		height: 16px;
		border: 0px none;
		margin: 0;
		padding: 0;
	}
	
	.socialtags-hovers {
		opacity: .4;
		-moz-opacity: .4;
		filter: alpha(opacity=40);
	}
	.socialtags-hovers:hover {
		opacity: 1;
		-moz-opacity: 1;
		filter: alpha(opacity=100);
	}
	
	





/*
	PAGER
	-----
*/

/* zone Principale */
.pagination{
	margin:20px 0;
	text-align:center;
	background:none transparent;
}
	.pagination a, 
	.pagination a:visited, 
	.pagination a:hover {
		background:transparent;
		border:0px none;
		margin:0px;
		padding:0px;
		display:block;
		width: 50%;
		float:left;
		text-decoration:none;
	}
	
	.pagination a span {
		border:0px none;
		margin:0px;
		padding:0px;
		display:block;
		line-height:30px;
	}
	
	.pagination a span.precedent {
		background: transparent url(#CHEMIN{images/pagin_preced.png}) scroll no-repeat left top;
		padding: 0px 0px 0px 50px;
		color: #FFF;
		font-weight: bold;
		text-align:left;
	}
		.pagination a:hover span.precedent {
			background: transparent url(#CHEMIN{images/pagin_preced_hover.png}) scroll no-repeat left top;
			color: #CCC;
			text-decoration:none;
		}
	.pagination a span.suivant {
		background: transparent url(#CHEMIN{images/pagin_suivant.png}) scroll no-repeat right top;	
		padding: 0px 50px 0px 0px;
		color: #FFF;
		font-weight: bold;
		text-align:right;
	}
		.pagination a:hover span.suivant {
			background: transparent url(#CHEMIN{images/pagin_suivant_hover.png}) scroll no-repeat right top;
			color: #CCC;
			text-decoration:none;
		}
	


/*
	PAGE RECHERCHE
	--------------
*/

	.page_recherche #main { padding-left: 25px; }
	

/*
	PAGE PLAN
	--------------
*/

	.page_plan #main .texte {
		padding-top:20px;
	}
	.page_plan #main .plan_rubrique {
		margin:0px;
		padding: 0px 0px 0px 25px;
	}
	.page_plan #main .plan_rubrique ul {
		padding-left: 25px;
	}