/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */
 
 /* Import polices specifiques */
 
@font-face {
  font-family: "bp";
  src: url(polices/bp.ttf) format("truetype");
}

@font-face {
  font-family: "Palatino";
  src: url(polices/Palatino.ttf) format("truetype");
}


/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
	background: #fff;
	margin: 0;
	font-size: 1em;
	color: #000;
	font-family: Arial, Verdana, Helvetica, sans serif;
}

a	{	color: #069; text-decoration: none;}
a:hover { text-decoration: underline; }

blockquote	{	border: none;}
blockquote p	{	font-family: Times, "Times New Roman", Georgia, serif; font-style: italic; font-size: 1.1em;}

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

h1, h2, h3, h4, h5, h6, p, ul, li { margin: 0; padding: 0; font-size: 1em; font-weight: normal; font-family: Arial, Verdana, Helvetica, sans serif;}

h1	{	font-family: "Palatino", Times, "Times New Roman", Georgia, serif; font-size: 1.4em; font-weight: normal; margin-bottom: 0.2em; line-height: 1.2em;}

h1.title    {   width: 730px; margin-bottom: 0.4em; margin-left: 20px;}

h2, h3	{	font-family: "Palatino", Times, "Times New Roman", Georgia, serif; font-size: 1.17em; line-height: 1.1em; margin-bottom: 0.66em;}

ul, li	{	list-style: none;}

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  tels qu'ils apparaissent. L'ordre du code
/*  HTML differe.
/*  ------------------------------------------ */

#entete {	width: 100%; height: 111px; background: url(../IMG/commun/bg_entete.png) top left repeat-x #c03;}

#page {
	position: relative;
	width: 100%;
	background: url(../IMG/commun/bg_conteneur.gif) 0 27px repeat-x #fff;
}

/* Fil d'Ariane */
#hierarchie {
	position: relative;
	width: 100%;
	background: url(../IMG/commun/bg_hierarchie.png) top left repeat-y #f66;
	font-size: 1em;
	color: #fff;}

#conteneur { width: 990px; padding-top: 2em;}
	.coldroite	{	width: 795px; float: right;}
		#prompteur	{	margin-left: 20px; margin-bottom: 20px; /* height: 16px; */ display: none;}
		.principal	{	float: left; width: 495px; margin-left: 20px;}
			.interieur-gauche	{	float: left; width: 315px;}
			.interieur-droite	{	float: left; width: 160px; margin-left: 20px;}		
		.complement	{	float: right; width: 250px;}
	
	.colgauche	{	width: 195px; float: left;}

#pied {
	width: 100%; background: url(../IMG/commun/bg_footer.gif) top left repeat-x #069; color: #fff;
	margin-top: 4em;
	padding: 0; font-size: 0.88em;}
	.container_pied	{	width: 990px; padding-top: 1.5em; padding-bottom: 2em;}

	
	
/*  ------------------------------------------
/*  Disposition des différents contenus
/*  ------------------------------------------ */

/* Entete */

#entete DIV.spip_logos	{	width: 195px; height: 111px; float: left; background: url(../IMG/commun/bg_logo.gif) top left repeat-x #039; text-align: center;}

#entete #nom_site_spip	{
	display: block;
	float: left;
	font-weight: bold;
	font-size: 1.5em; }
	
#entete a { display: block; text-decoration: none; padding-top: 8px;}

#baseline	{	padding-top: 83px; margin-left: 215px;}

/* Hierarchie */

#hierarchie A	{	font-size: 0.88em; color: #fff;}
#hierarchie A.hiera	{	display: block; float: left; padding: 6px 20px; padding-bottom: 5px; padding-right: 25px; font-weight: bold;}

A.hiera.hiera_1	{	margin-left: 195px; background: url(../IMG/commun/bg_hiera1.png) top right no-repeat transparent;}

.intercalaire_hiera_2	{	display: block; float: left; width: 16px; height: 27px; margin-left: -15px; background: url(../IMG/commun/intercalaire_hieras.png) top left no-repeat transparent;}

A.hiera.hiera_2	{	background: url(../IMG/commun/bg_hiera2.png) top right no-repeat transparent; padding-left: 12px !important;}

#hierarchie .hiera_mots	{	display: block; float: left; width: auto; overflow: hidden; white-space: nowrap; padding-top: 5px; padding-left: 8px;}

#hierarchie .hiera_mots.dessus	{	z-index: 99 !important; overflow: visible;}

#hierarchie .ghost	{	margin-top: -1px;}

/* Prompteur */

#prompteur	{	border-top: 1px solid #7FB2CC; border-bottom: 1px solid #7FB2CC; padding: 2px; font-size: 0.88em;}
#prompteur STRONG	{	color: #8B001F;}

/* Le contenu utile */

.page_forum .principal H1	{	background: url(../IMG/icones/reagir-24.png) top left no-repeat #fff; padding-left: 29px;}
.chapo {	margin-bottom: 1em; font-size: 0.88em; line-height: 1.4em; color: #333;}
.page_article .chapo, .page_breve .chapo {   text-align: justify; margin-bottom: 2em;}
	
.about	{	padding: 5px 0; border-top: 1px solid #ccc; font-size: 0.82em; color: #666; margin-bottom: 1.5em; margin-left: 20px; font-family: Arial, Verdana, Helvetica, sans serif; line-height: 1.4em; min-height: 17px;}

.page_forum .about  {   margin-left: 0;}


h2.about    {   margin-left: 0;}

.about#aboutbas {   margin-bottom: 0; margin-top: 3em; margin-left: 0; padding: 0.5em; font-size: 0.9em; text-align: center; background-color: #f5f5f5; border: 1px solid #ddd; -moz-border-radius: 10px; -webkit-border-radius: 10px; color: #666; opacity: 0.5;}

.about#aboutbas span.spip_surligne  {   background-color: none !important; display: inline; float: none;}

.about#aboutbas:hover   {   opacity: 1;}

.about a	{	font-weight: bold;}

.about span	{	display: block; float: right; margin-top: -0.25em;}

.logo_article	{	float: left;}
.logo_article IMG	{	display: block;}

.texte { color: #000; font-size: 0.85em; }
.texte P	{	line-height: 1.4em; margin-bottom: 1em;}
.texte H3.spip	{	text-align: left; font-size: 1.3em; margin: 1.3em 0;}

.texte ul   {   margin-bottom: 1.4em;}
.texte ul li    {   margin-left: 30px; list-style-type: disc; line-height: 1.4em;}

/* Documents (override spip_style.css) */

.spip_documents {   font-size: 1em; margin-top: 0.2em; margin-bottom: 0.5em; color: #666; text-align: left;}

.spip_documents.spip_player {   background-color: transparent; border: none; text-align: center;}

.spip_documents.spip_documents_right.spip_player, .spip_documents.spip_documents_left.spip_player {   background-color: #E5EFF5; border: 1px solid #ccc;}

.spip_documents_center { clear: both; width: 200px; margin: auto; }

span.spip_documents_center { display: block; margin-top: 1em; }

.spip_documents_left { float: left;}
.spip_documents_right { float: right;}

.spip_documents IMG	{	margin-bottom: -2px; border: 1px solid #ccc;}

.spip_doc_titre { font-weight: bold; font-size: 1em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 1em; padding-top: 0.5em;}
.spip_doc_descriptif p  {   margin: 0; line-height: 1.2em; font-style: italic;}

.ps, .notes {
	margin-top: 2em;
	padding-top: 0.5em;
	border-top: 1px solid #999; color: #000;}
.ps { font-size: 1em; }

.notes { clear: both;}

.ps h2, .notes h2 { font-size: 1em; margin-bottom: 0.3em;}
.ps p, .notes p {   font-size: 0.82em;}
p.spip_note	{	margin-bottom: 0.4em; font-size: 0.77em;}

.bloc-droite P.petit	{	color: #666; font-size: 0.77em;}
.bloc-droite #form_abomail p.petit  {   margin-top: 1em;}


/* Complement */

.complement .about IMG	{	vertical-align: middle;}
.about span a	{	font-weight: normal;}
.complement .about a abbr	{	text-decoration: none; border: none !important;}
.complement .about .txt_about	{	display: block; height: 16px;}

.complement .logo_article a img   {   border: 1px solid #ccc;}

.bloc-droite	{	display: block; padding-bottom: 0.5em;}
.bloc-droite h3	{	font-size: 1em; margin-bottom: 0.3em; color: #666;}
.bloc-droite UL, .bloc-droite P	{	font-size: 0.82em;}

.bloc-droite#fafblogs P a	{	color: #069;}
.bloc-droite UL LI, .bloc-droite P	{	margin-bottom: 0.4em;}

.bloc-droite FORM	{	margin-top: 1.5em;}

.bloc-droite#bloc-reco, .bloc-droite#bloc-geo	{	display: none;}
#bloc-rss LI A	{	background: url(../IMG/icones/rss.png) top left no-repeat #fff; padding-left: 18px;}

.bloc-droite#commentaires p	{	padding-left: 22px; padding-right: 22px; background: url(../IMG/commun/guillemets_ouvrants.gif) top left no-repeat #fff;}
.bloc-droite#commentaires p.more	{	padding: 0; padding-top: 25px; margin-top: -20px; background: url(../IMG/commun/guillemets_fermants.gif) top right no-repeat #fff;}


.bloc-droite#commentaires p.petit	{	background-image: none; padding-left: 0; margin-top: 0.5em;}

/* Pied de page */

#pied a	{	color: #fff;}
#pied img { vertical-align: bottom; }
#pied ul	{	padding: 0 10px; font-size: 0.88em;}
#pied ul li	{	padding-bottom: 0.4em;}

#pied .colgauche, #pied .coldroite	{	color: #fff;}

#pied .coldroite UL	{	float: left; width: 140px;}

#pied .coldroite UL.ul_gauche	{	 border-left: 1px solid #fff; border-right: 1px solid #fff; width: 310px;}

#pied .coldroite UL LI UL	{	float: none; width: auto; margin-left: 10px; font-size: 1em;}



/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

/* Magic box */
.invisible { position: absolute; top: -3000em; height: 1%; }
.obfusque	{	display: none;}
.ghost	{	display: block; clear: both;}
.raye	{	text-decoration: line-through;}
.raye A:link, .raye A:visited, .raye A:hover, .raye A:active	{	text-decoration: line-through !important;}
.more	{	display: block; float: right;}
.resume .more   {   padding-top: 0.3em;}
.less	{	display: none;}
.amorce {   display: none;}


/*  ------------------------------------------
/*  Habillage des menus et de la navigation
/*  ------------------------------------------ */

#menu A:hover	{	text-decoration: none;}

#menu UL LI	{	width: 100%; margin-bottom: 5px;}

#menu UL LI A	{	display: block; background-color: #E5EFF5; padding: 2px 10px; font-size: 0.88em; color: #069; border-top: 1px solid #7FB2CC; border-bottom: 1px solid #7FB2CC;}
#menu UL LI A:hover	{	background-color: #CCE0EB;}
#menu UL LI A.on	{	background-color: #7FB2CC; color: #fff; border-left: 5px solid #f66; padding-left: 5px;}
#menu UL LI A.on:hover	{	background-color: #7FB2CC;}

#menu UL LI UL	{	margin-top: 4px;}

#menu UL LI LI A	{	padding-left: 20px; background-color: #CCE0EB; color: #069;}
#menu UL LI A.demi	{	background-color: #CCE0EB;}
#menu UL LI LI A.on	{	background-color: #7FB2CC; color: #fff; border-left: 5px solid #f66; padding-left: 15px;}
#menu UL LI LI A.on:hover	{	background-color: #7FB2CC;}

#menu UL LI.home A	{	color: #666;}

#menu UL LI IMG	{	display: block; float: left;}

#menu UL LI.boutique, #menu UL LI.abo, #menu UL LI.contact, #menu UL LI.twitter	{	margin: 10px 0;}

#menu UL LI.twitter	{	margin-top: 25px;}

#menu UL LI.boutique IMG	{	margin-left: -5px; margin-top: -5px; margin-right: 5px;}
#menu UL LI.abo IMG	{	margin-left: -1px; margin-top: -1px; margin-right: 10px;}
#menu UL LI.twitter IMG	{	margin-left: -1px; margin-right: 10px;}
#menu UL LI.contact IMG	{	margin-left: 1px; margin-top: -4px; margin-right: 11px;}

/* Même rubrique */

.bloc-gauche	{	margin: 2em 0;}

.bloc-gauche H3	{	font-size: 0.88em; padding: 2px 10px; padding-bottom: 3px; color: #069; margin-bottom: 4px; font-family: Arial, Verdana, Helvetica, sans serif; background-color: #CCE0EB; border-top: 1px solid #7FB2CC; border-bottom: 1px solid #7FB2CC;}

.bloc-gauche#popu H3	{	padding-bottom: 0;}

.bloc-gauche H3 a	{	display: block; float: left; padding: 1px 10px; padding-bottom: 4px; width: auto; background-color: #fff; border: 1px solid #7FB2CC; margin-bottom: -1px; border-bottom: 1px solid #fff;}

.bloc-gauche h3 a.clair	{	color: #069; border: none; padding-top: 2px; background-color: #CCE0EB;}

.bloc-gauche OL	{	margin-left: 10px; padding-top: 0 !important; padding-left: 20px; margin-bottom: 0;}
.bloc-gauche #plusenvoyes	{	display: none;}

.bloc-gauche OL LI	{	font-size: 0.77em; margin-bottom: 4px; line-height: 1.3em; list-style-type: decimal;}


.bloc-gauche IMG	{	display: block; margin-right: auto; margin-left: auto; margin-top: 10px; border: 1px solid #ddd;}

.bloc-gauche .texte-gauche  {   padding-left: 10px;}
.bloc-gauche .texte-gauche img  {   border: none;}
.bloc-gauche .texte-gauche p    {   font-size: 0.82em; margin-top: 10px;}
.bloc-gauche .texte-gauche p a  {   font-weight: bold;}



/*  ------------------------------------------
/*  Habillage du contenu
/*  ------------------------------------------ */


/*  ICJ
---------------------------------------------- */

#icj	{	width: auto; margin-left: auto; margin-right: auto; text-align: center;}

.legende	{	font-size: 0.82em; padding-top: 0.5em; max-width: 495px; margin-left: auto; margin-right: auto; text-align: left;}


/*  Une
---------------------------------------------- */


.une    {   margin-left: 20px; font-size: 1.1em; position: relative; text-align: justify;}
.principal .une {   margin-left: 0;}

.une .logo_article  {   margin-right: 10px;}

.une h1	{	margin-top: 0;}
.une h1 a   {   color: #069;}
.une h2	{	margin-bottom: 0;}
.une h3	{	font-size: 1em; margin: 0; color: #666;}
.une .petit	{	font-size: 0.77em; margin-top: 0; margin-bottom: 1em; color: #666;}
.une .chapo	{	font-size: 0.8em;}
.une .more	{	font-size: 0.77em;}

.rappel {   margin: 20px; margin-right: 0; margin-bottom: 0; padding: 3px; font-size: 0.77em; text-align: center; background-color: #f5f5f5; border: 1px solid #ddd; -moz-border-radius: 10px; -webkit-border-radius: 10px;}


/*  Home
---------------------------------------------- */

.page_sommaire .chapo	{	margin-bottom: 0.35em; color: #000 !important;}

.page_sommaire .bloc-droite	{	margin-bottom: 0.5em;}
.page_sommaire .bloc-droite a	{	color: #8B001F;}

.page_sommaire .logo_article IMG	{	padding-right: 0.5em; padding-bottom: 0.5em; padding-top: 0.25em;}

.page_sommaire .une .logo_article IMG	{	padding: 0;}

.page_sommaire .une .petit	{	margin-bottom: 0.33em;}

.page_sommaire #decoupage-interieur LI P.petit	{	margin-bottom: 0.35em;}
.page_sommaire #decoupage-interieur .chapo	{	margin-bottom: 1em;}

.complement H1, #edithroat h1	{	padding: 5px 0; border-top: 1px solid #ccc; font-size: 1em; font-weight: bold; color: #666; font-family: Arial, Verdana, Helvetica, sans serif; line-height: 1.4em; margin-top: 1em;}

.page_sommaire .complement h1   {   border-color: #9a002d;}

.complement H1 A	{	color: #666;}

.page_sommaire .complement h2	{	font-size: 1em; color: #666; margin-top: 0.35em;}

.page_sommaire .bloc-droite#commentaires p, .page_sommaire .bloc-droite#courrier p, .page_sommaire .bloc-droite#requete p	{	padding-left: 22px; padding-right: 22px; background: url(../IMG/commun/guillemets_ouvrants.gif) top left no-repeat transparent; text-align: left;}
.page_sommaire .bloc-droite#commentaires p.more, .page_sommaire .bloc-droite#courrier p.more, .page_sommaire .bloc-droite#requete p.more	{	padding: 0; padding-top: 25px; margin-top: -20px; background: url(../IMG/commun/guillemets_fermants.gif) top right no-repeat transparent; color: #666;}

.page_sommaire .bloc-droite#commentaires p.petit	{	background-image: none; padding-left: 22px; font-size: 0.77em; margin-bottom: 1em;}

/* Deep Edithroat */

#edithroat  {    margin-top: 1em;}

#edithroat div  {   width: 240px; float: left; margin-right: 15px; color: #666;}

#edithroat div.ghost, #edithroat div.wrap-throat    {   float: none; clear: both; margin: 0;}

#edithroat div.wrap-throat  {   margin-bottom: 1em; width: 495px; height: 237px;}

#edithroat div div.deepimg  {   width: 238px; height: 143px; float: none; border: 1px solid #E5EFF5; margin-bottom: 5px;  margin-right: 0 !important; background-color: #fff;}

#edithroat div#requete, #edithroat div#phrase  {   margin-right: 0;}

#edithroat a    {   color: #9A002D;}

#edithroat h1   {   margin-top: 0; border-color: #9A002D;}

#edithroat h3   {   text-transform: uppercase; font-size: 0.82em; font-weight: bold; color: #666; font-family: Arial,Verdana,Helvetica,sans serif; text-align: center;}

#edithroat div p    {   font-size: 0.82em;}


/* ICJ */

.panel-overlay  {   padding: 5px 0 !important;}
.panel-overlay p a  {   font-weight: normal !important; text-decoration: none !important;}
.panel-overlay p a.addlegend   {   color: #9A002D !important;}

.overlay    {   z-index: 58 !important;}

.panel  {   overflow: visible !important;}
.nav-overlay, .panel-overlay  {   z-index: 60 !important;}
.nav-prev, .nav-next    {   z-index: 61 !important;}
.panel-overlay p  {   z-index: 62 !important;}


/* Fafblogs */

#fafblogs li    {   color: #666;}


/* Abonnements */
#form_abomail   {   margin: 0 20px; margin-right: 10px; padding-top: 10px;  display: none;}
#form_abomail form  {   margin: 0;}
#form_abomail P.spip_bouton, #invitation P.spip_bouton	{	font-size: 1em;}
#form_abomail P.spip_bouton input.bouton, #invitation P.spip_bouton input.bouton    {   font-weight: normal;}

/* Twitter */

.twtr-widget .twtr-tweet-wrap   {   padding: 6px 0 !important;}
.twtr-hd, .twtr-ft    {   display: none !important;}

a.twtr-user {   display: none !important;}

.twtr-widget p  {   font-size: 1.1em !important;}

/* Twitter ICJ */
.ps .twtr-hd, .ps .twtr-ft, .ps a.twtr-user {   display: block !important;}
body.rub16 .ps	{	border-top: none;}
body.rub16 .ps h2	{	display: none;}


/*  Articles
---------------------------------------------- */

p.surtitre, h2.soustitre    {   margin-left: 20px;}
.principal h1.title, .principal p.surtitre, .principal h2.soustitre    {    margin-left: 0px;}


/*  Auteurs
---------------------------------------------- */

.page_auteur .chapo	{	margin-bottom: 0.35em; color: #000 !important;}

.page_auteur #decoupage-interieur LI P.petit	{	margin-bottom: 0.35em;}
.page_auteur #decoupage-interieur .chapo	{	margin-bottom: 1em;}

.page_auteur #decoupage-interieur LI	{	margin-bottom: 0.5em;}




/*  Rubriques
---------------------------------------------- */

.page_rubrique .logo_article IMG, .page_auteur .logo_article IMG	{	padding-top: 0.25em; padding-right: 0.5em; padding-bottom: 0.5em;}
.page_rubrique li .logo_article IMG	{	padding-top: 0.7em;}
.page_rubrique li h3	{	margin-bottom: 0;}
.page_rubrique .interieur-gauche.full	{	width: 495px;}



/*  Recherche
---------------------------------------------- */

.page_recherche .logo_article IMG	{	padding-top: 0.77em; padding-right: 0.5em; padding-bottom: 0.5em;}


/*  Bravepédie
---------------------------------------------- */

.page_mot h2, .page_groupe h2    {   border-top: 1px solid #069; margin-top: 1.5em; padding-top: 0.3em;}

#decoupage-interieur	{	margin-top: 1em;}

#decoupage-interieur LI	{	padding-top: 1em; margin-bottom: 1em; border-top: 1px solid #069;}

.page_mot #decoupage-interieur LI   {   padding-top: 0.5em; margin-bottom: 0.5em; border-color: #ccc;}

#decoupage-interieur LI H3	{	font-size: 1.1em; margin-bottom: 0.2em;}

.page_mot #decoupage-interieur LI H3	{	font-size: 1em; margin-bottom: 0.2em;}

#decoupage-interieur .interieur-droite LI H3	{	font-size: 0.82em;}

#decoupage-interieur LI P	{	font-size: 0.82em; margin-bottom: 0; color: #666;}
#decoupage-interieur LI P.resume	{	margin: 0.77em 0;  margin-bottom: 2em; display: none; line-height: 1.4em;}
#decoupage-interieur LI P.resume.visible	{	display: block;}


#decoupage-interieur LI P A	{	color: #666;}
#decoupage-interieur LI P .more a	{	color: #069;}

.bloc-droite LI.item-liste	{	border-bottom: 1px solid #ccc;}
.bloc-droite LI.item-liste h4	{	color: #666; font-family: Times, "Times New Roman", Georgia, serif; font-size: 1.2em; padding-bottom: 0.2em; margin-top: 1em;}

.bloc-droite LI.liste-groupe	{	padding-left: 1em;}

.page_groupe .bloc-droite P.petit	{	margin-top: 1em;}
.page_groupe .interieur-gauche	{	width: 495px;}
.page_groupe .interieur-gauche UL LI	{	display: block; width: 235px; float: left; margin-bottom: 0 !important;}
.page_groupe .interieur-gauche UL LI.droite	{	margin-left: 25px;}
.page_groupe .interieur-gauche UL LI.ghost	{	margin: 0; padding: 0; width: 100%; border: none !important;}



/*  Portfolio
---------------------------------------------- */
#documents_portfolio {
	clear: both;
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
#documents_portfolio h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }

#document_actif { margin-top: 1em; }

/*  Listes de documents joints (a un article ou une rubrique)
---------------------------------------------- */
#documents_joints {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
#documents_joints h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }
#documents_joints ul { margin: 0; padding: 0; list-style: none; }
#documents_joints li { margin-bottom: 0.4em; }
#documents_joints li .spip_doc_titre {}
#documents_joints li .spip_doc_titre small { font-weight: normal; }
#documents_joints li .spip_doc_descriptif {}

/* Listes d'articles et extraits introductifs
----------------------------------------------- */
.liste-articles ul { margin: 0; padding: 0; list-style: none; }
.liste-articles li { margin-bottom: 1em; clear: both; }

.liste-articles li .titre {
	font-size: 1.03em;
	font-weight: bold; }

.liste-articles li .spip_logos {
	float: right;
	margin-left: 16px;
	margin-bottom: 16px;
	clear: right; }

.liste-articles li p { margin: 0; padding: 0; }

.liste-articles li .enclosures {
	float: right;
	text-align: right;
	max-width: 60%;
	margin: 0; }

.liste-articles li small {
	display: block;
	font-size: 0.71em; }

.liste-articles li .texte {
	margin-top: 5px;
	margin-bottom: 2em;
	border: 1px solid #CCC;
	padding: 0.9em;
	font-size: 0.82em;
	line-height: 1.4em; }

.pagination { font-size: 0.82em; }

/*  ------------------------------------------
/*  Habillage specifique du plan du site
/*  ------------------------------------------ */

.page_plan .cartouche { display: none; }

.page_plan #contenu h2 {
	clear: both;
	background: #EEE;
	border: 1px solid #CCC;
	padding: 0.5em;
	margin-bottom: 1em;
	font-weight: bold;
	text-align: center; }

.page_plan #contenu .contre-encart ul {
	display: block;
	clear: left;
	margin-top: 0;
	margin-bottom: 1em;
	padding-top: 0; }
.page_plan #contenu .contre-encart li {}


/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

.formulaire_spip { text-align: left; font-size: 0.77em; }
.formulaire_spip p { margin: 0.5em 0; padding: 0; }
.formulaire_spip p.forml{   margin: 0;}

.formulaire_spip fieldset {}
.formulaire_spip legend {}

.formulaire_spip label {}
.formulaire_spip .forml { font-family: inherit; font-size: inherit; }
p.forml {   float: right; width: 67%;}


/* Boutons */
.spip_bouton { text-align: right; }
.spip_bouton input { float: right; }

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #f66; }
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }

/* Formulaire de login au forum */
.formulaire_login_forum .forml { width: 12em; }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }

/* Choix des mots-clefs */
ul.choix_mots { float: left; width: 47%; margin: 0; padding: 0; list-style: none; } 
ul.choix_mots label { display: inline; }

/*  ------------------------------------------
/*  Formulaires
/*  ------------------------------------------ */


FORM	{	color: #000; padding: 0; margin: 0; font-size: 0.77em;}

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

FIELDSET.previsu	{	margin-bottom: 5em;}
FIELDSET.previsu+FIELDSET	{	opacity: 0.6;}
FIELDSET.previsu+FIELDSET:hover	{	opacity: 1;}

LEGEND	{	display: none;}
.previsu LEGEND	{	display: block; font-weight: bold;}

.formulaire_ecrire_auteur	{	margin-top: 1em;}

.formulaire_ecrire_auteur form   {   font-size: 1em;}
.formulaire_ecrire_auteur textarea  {   width: 55.5%; border: 2px solid #CCE0EB;}


.spip_form_champ	{	position: relative; clear: both; margin-bottom: 0.66em; padding-bottom: 0.56em; border-bottom: 1px dotted #CCE0EB;}

.spip_form_champ.champ_textarea	{	}

.spip_form_label	{	display: block; float: left; width: 40%; z-index: 1; color: #666; margin-top: 0; padding: 0;}

.obligatoire	{	font-weight: bold; color: #ff6666;}

.erreur	{	clear: both; display: block; padding-top: 0.66em; color: red;}

.spip_form_champ INPUT	{	display: block; float: right; margin-top: -0.2em; margin-bottom: 0.3em; border: 2px solid #CCE0EB; width: 55%; z-index: 99; background-color: #fff; font-size: 1em; padding: 1px;}



.spip_form_champ .petit	{	font-size: 1em; width: 67%; color: #666; float: right; margin-bottom: 0;}

.forum-repondre .petit	{	font-size: 0.82em; color: #666; margin-left: 42px; margin-top: 10px; margin-bottom: 15px;}


INPUT.check	{	display: inline; position: relative; width: 12px; height: 12px; border: none; margin: 0; margin-top: 10px;}

.spip_form_champ SELECT	{	display: block; position: absolute; right: 0; top: -2px; border: 1px solid #f5b4a1; width: 55%; z-index: 99; background-color: #fff; font-size: 1em;}

TEXTAREA	{	display: block; float: right; border: 1px solid #f5b4a1; width: 65%; background-color: #fff; height: 8em;}

.spip_bouton	{	text-align: right; border-bottom: none;}
INPUT.bouton	{	position: relative; z-index: 1; border: 0; background-color: #E5EFF5; color: #006699; font-weight: bold; width: 55% !important; font-size: 0.95em;}

.spip_form_ok	{	font-weight: bold;}


/* Formulaire forum */
.formulaire_forum	{	font-size: 1em;}
.formulaire_forum .spip_form_label	{	float: left; width: 30%; color: #000;}
.formulaire_forum .spip_form_champ INPUT, .formulaire_forum .spip_form_champ TEXTAREA	{	padding: 4px; width: 65%; border: 2px solid #CCE0EB;}

.formulaire_forum .spip_form_champ INPUT#session_nom.avecrss	{	width: 60%;}

.formulaire_forum .spip_form_champ .flux_forum	{	display: none; float: right; width: 13px; padding: 6px; margin-top: -0.2em;}

table.spip_barre	{	width: 65%; float: right; margin-right: 10px /* compense pour padding + border de INPUT et TEXTAREA */;}
table.spip_barre a img	{	background-color: #E5EFF5; padding: 1px !important; margin-right: 4px; border: 1px solid #CCE0EB;}

.barre	{	display: none !important; width: 65% !important; float: right; background-color: #fff !important; border: none !important;}

.spip_form_champ ul.choix_mots	{	float: right; width: 67%;}
.spip_form_champ INPUT.check	{	border: 2px solid #CCE0EB; display: block; float: left; width: 12px; margin-top: 2px; margin-right: 5px;}

.spip_form_champ ul.choix_mots label	{	float: none; width: auto; padding-top: 2px;}

IMG#imgCaptcha	{	display: block; float: left; margin-top: -2px; margin-left: 5%;}
.spip_form_champ INPUT#captcha2	{	width: 40%; padding: 2px; border: 1px solid #000; margin-top: -0.3em;}

.formulaire_forum INPUT.bouton, FIELDSET.previsu INPUT.bouton	{	width: auto !important; padding: 4px !important; border: 1px solid #069 !important; font-size: 1em !important;}
FIELDSET.previsu INPUT.bouton	{	font-size: 0.77em !important;}

FIELDSET.previsu P, .txt_previsu	{	font-size: 1em;}
FIELDSET.previsu P.spip_bouton  {   font-size: 1.2em;}
.txt_previsu    {   margin-bottom: 2em;}

/* Formulaire de recherche */
#hierarchie .formulaire_recherche { position: absolute; left: 720px; width: 240px; text-align: left; padding: 0; padding-left: 20px; background: url(../IMG/commun/bg_recherche.png) top left no-repeat transparent; z-index: 80 !important; font-size: 1em;}

.formulaire_recherche INPUT.forml	{	float: left; width: 11em; margin-top: 4px; background-color: #fcc; border: 1px solid #c33; color: #c33; padding: 2px;}

.formulaire_recherche INPUT.submit	{	float: right; margin-top: 4px; background-color: #c33; color: #fff; border: 1px solid #fcc; font-weight: normal !important; font-size: 0.95em; padding: 2px; padding-top: 1px;}

.formulaire_recherche label { display: none; }

/*  ------------------------------------------
/*  Habillage des forums
/*  ------------------------------------------ */

.forum-repondre {
	clear: both;
	margin-top: 1em;
	border-top: 1px solid #999;
	padding-top: 0.5em;
	}
.forum-repondre .logo_article IMG	{	padding-right: 10px;}

.forum-repondre H2, H3.forum-decompte	{	font-size: 1em; margin: 0;}

.forum-repondre A	{	font-weight: normal;}

h3.forum-decompte	{	margin-top: 1em; margin-left: 32px; padding-left: 10px;}

/* * Habillage des forums */

/* #forum-complet	{	display: none;} */

ul.forum { display: block; clear: both; margin: 0; margin-top: 2em; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }
ul.forum ul	{	margin-top: 1em !important;}

.forum-fil { margin-top: 1.5em; }

.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 42px; }

.forum-chapo h4.forum-titre { margin-top: 0.3em; padding: 0; font-weight: bold; color: #333; font-family: Arial, Verdana, Helvetica, sans serif;}
.forum-chapo H4 a	{	text-decoration: none;}
.forum-chapo H4 a:hover	{	text-decoration: underline;}

.forum-auteur	{	font-size: 0.95em; padding: 0; color: #666;}

.forum-texte { display: none; margin-left: 32px; padding: 10px; padding-right: 0; color: #333; font-size: 0.82em; }

.forum-texte P	{	margin-bottom: 1em;}


.forum-texte .forum-repondre-message {	margin: 0; margin-top: 1em; padding: 0; padding-left: 18px; background: url(../IMG/icones/reagir-gris.png) 0 1px no-repeat transparent; text-align: left; width: auto; font-size: 0.95em;}
.forum-texte .forum-repondre-message:hover	{	background: url(../IMG/icones/reagir.png) 0 1px no-repeat transparent;}


/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { border-top: 1px solid #ccc; margin: 0; padding: 0; padding-top: 0.5em; margin-bottom: 1em; }

.forum-message .logo_article IMG	{	padding-right: 0.8em;}


/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { border: none; margin: 0; padding: 0; font-size: 0.82em;}


/*  ------------------------------------------
/*  Habillage des petitions
/*  ------------------------------------------ */

#signatures { clear: both; font-size: 0.77em; }

#signatures h2 {
	padding: 0.5em;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold; }

#signatures table { width: 100%; margin: 1em 0; }
#signatures thead { display: none; } /* On n'affiche pas les titres du tableau */

#signatures td.signature-date {
	background: #E4F0F0;
	padding: 0.5em;
	white-space: nowrap; }

#signatures td.signature-nom {
	background: #ECF4F4;
	padding: 0.2em;
	text-align: center;
	font-weight: bold; }

#signatures td.signature-message {
	background: #F4F8F8;
	padding: 0.4em;
	font-size: 0.96em; }

/*  ------------------------------------------
/*  Décoration
/*  ------------------------------------------ */

a.permalink	{	color: #666; background: url(../IMG/icones/bookmark.gif) 0 1px no-repeat #fff; padding-left: 17px;}

/*  ------------------------------------------
/*  Override thickbox
/*  ------------------------------------------ */

.bp_illu	{	float: left; padding: 10px; padding-left: 0; font-size: 0.77em; text-align: center;}

.page_rubrique .bp_illu	{	width: 153px;}

/*  ------------------------------------------
/*  Widget
/*  ------------------------------------------ */

div.bloc-droite#bloc-widget	{	padding-bottom: 0;}
div.bloc-droite#bloc-widget h1		{	}


/*  ------------------------------------------
/*  Spécifique
/*  ------------------------------------------ */

.spip_document_1471  {   width: 200px !important;}

#img_outrage	{	text-align: center;}
#img_outrage h3.spip	{	margin-top: 0; text-align: center;}
.outrageotron	{	margin: 0; padding: 0;}
.texte ul.outrageotron li	{	margin: 0; padding: 0; padding-bottom: 2px; list-style-type: none;}
.outrageotron li a	{	color: #069;}
.drapeau_ptt	{	float: left; padding-top: 0px; margin-right: 5px; width: 15px; overflow: hidden;}


/*  ------------------------------------------
/*  Inclusion Twitter dans texte
/*  ------------------------------------------ */

iframe.twitter-timeline {
    height: 350px;
}

.twtr-avatar    {
    float: left;
    margin-right: 10px;
}

.twtr-tweet-text    {
    font-size: 12px;
}

.texte #twtr-widget-1 .twtr-doc	{	background-color: #fff !important;}
.texte .twtr-bd {   padding: 0 !important; margin-bottom: 25px;}