/* Habillage du site, partie 2/7 : contenu : articles et rubriques, brèves, documents, compléments, archives, texte, tableaux.
   Les 7 fichiers ufe-*.css se chargent dans l'ordre de leur numéro (voir inclure/head.html) ;
   ils reprennent, dans le même ordre, l'ancien spip_ufe.css. */

#texte-rubrique {
	margin-bottom:2em;
	border-bottom:1px solid #29438a;
}
#texte-article {
	overflow:hidden;
}
#texte-article > h1 {
	margin-top: 20px;
}
#texte-sommaire,
#texte-rubrique p,
#texte-article p {
	font-family: var(--texte);
	font-size: 100%;
	line-height: 140%;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	margin-bottom:0.5em;
}
#texte-article blockquote.spip {
	padding-left: 40px;
}
#texte-article blockquote.spip p {
	font-style: italic;
}
#texte-article table  {
	margin-left:2em;
	margin-bottom:2em;
}

#plan-rubrique .article img {
	float:left;	
}
#chapo-lettre p {
	font-weight:bold;
	color:#98938a;
	margin-top:1em;
}
/*--------------------------------------------
 * colonne des brèves
 *--------------------------------------------
*/

#colonne-breves .breves {
	text-align:center;
	color:#FFF;
}
#colonne-breves .contenu-breve {
	border: var(--cadre-breve);
	border-radius: 4px;
	margin:0.5em 0;
	padding:0.25em;
}
#colonne-breves h1 {
	font-family: var(--txt-condensed);
	font-size:3em;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
}
#colonne-breves h2 {
	font-family: var(--txt-normal);
	font-size: 1.2rem;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height:110%;
	width:100%;
	color: var(--titre-breve);
	text-align:center;
	/* margin-bottom:0.5em; */
}
#colonne-breves .liste-local h2 {
	color:inherit;
}
.contenu-breve {
	overflow:hidden;
}
.contenu-breve p, 
.contenu-breve li.spip
{
	font-size: 0.9rem;
	line-height: 120%;
	text-align:left;
	color: #333333;
	padding: 0.5rem;
}
.contenu-breve strong,
.contenu-breve b  {
	font-weight:normal;
	color: var(--titre-breve);
}
.contenu-breve a
{
	color: var(--lien-breve);
	text-decoration:underline;
}
.contenu-breve a:hover
{
	color: var(--lien-breve-hover);
}
.contenu-breve a:active
{
	color:var(--lien-breve-hover);
}
.contenu-breve img {
	max-width: 100%;
	margin:0.25rem;
	height:auto;
}

#colonne-breves .pub {
	text-align:center;
	width:210px;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
}
#local {
	color:#333;
	background-color:#FFF;
	padding:0.5em;
	border: var(--cadre-local);
	border-radius: 4px;
	padding:2px;
}
#local .entete {
	background-color: var(--local);
	border-radius: 4px;
}
#local .entete img {
	width:30%;
	height:auto;
	float:left;
	padding:5px;
}
#local .entete h1, 
#local div#titre,
#local div.titre {
	color: var(--txt-blanc);
	font-family: var(--txt-normal);
	font-size: 1.4em;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;	
	line-height:110%;
	padding:0.5em;
	position: relative;
    padding-bottom:1em;
    margin-bottom:1em;
    padding-left:40%;
}
#local .entete h1:after,
#local div#titre:after,
#local div.titre:after {
    position: absolute;
    bottom: 5px;
    margin-left:0%;
    margin-right:45%;
    content:"";
    display:block;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #FFF; 
} 
#local .resultats {
	padding:0.5rem;
	text-align:left;
}
#local .resultats h2 {text-align:left; margin-top:1rem;color: var(--local);}
#local form {
	text-align:center;
	overflow:hidden;
}
#local .resultats a.btn_modifier,
#local .resultats a.btn_ajouter {
	display:inline-block;
	font-family: var(--txt-condensed);
	color:#FFF;
	background-color: var(--vert-fonce);
	font-size:.95rem;
	text-decoration:none;
	padding:0.1rem 0.5em;
	margin-top:0.3rem;
	text-transform:uppercase;
	border-radius: 4px;
}
#local .resultats a.btn_modifier {
	border:var(--cadre-local);
	}
#local .resultats a.btn_ajouter::before {content: "> ";}
#local .resultats a.btn_modifier:hover,
#local .resultats a.btn_ajouter:hover, 
#local .resultats a.btn_modifier:active,
#local .resultats a.btn_ajouter:active,
#local .resultats a.btn_modifier:active {
	color:#FFF;http://esperanto-france.org/local/activite.php?departement=06
	background-color: var(--vert-moyen);
}


/*--------------------------------------------
 * liste des documents PDF de l'article
 *--------------------------------------------
*/
#documents_pdf {
	margin-top:20px;
	background-color:#EFEFEF;
	padding:10px;
}
div.document_pdf {
	overflow:hidden;
	margin-bottom:2em;
}
div.document_pdf .logo img {
	padding:0;
	margin-right:0.5em;
}

/*--------------------------------------------
 * compléments de l'article
 *--------------------------------------------
*/
div.complements {
	margin-top:3em;
}
.complements p.titre {
	font-size:130%;
	margin-bottom:1em;
	width:100%;
}
.complements p.titre:before {
	content: "+";
	color:#FFF;
	font-size:100%;
	padding:0 0.25em;
	margin-right:0.5em;
}
.complements ul {
	list-style-type:disc;
	margin-left:2em;
}
.complements a {
	text-decoration: none;
}
/*--------------------------------------------
 * liste des articles archivés dans une rubrique
 *--------------------------------------------
*/
div.archives {
	margin-top:3em;
	background: url("img/bg.png") repeat;
	padding:1em;
	color:#333;
}
div.archives .rubrique {
	background-color:#FFF;
	padding:0.5em;
}
div.archives+div.archives {
	margin-top:0.5em;
}
.archives h2 {
	color:#999;
	font-size:150%;
	font-weight:400;
	padding:0.5em;
	width:100%;
}
.archives p.titre {
	color:#666;
	font-size:150%;
	font-weight:400;
	padding:0.5em;
	width:100%;
}
.archives p.titre:before {
	content: "+";
	font-size:100%;
	padding:0 0.25em;
	margin-right:0.5em;
}
.archives ul,
ul.archives {
	list-style-type:none;
	margin-left:1em;
}
.archives ul li,
ul.archives li {
	margin-bottom:0.5em;
}
.archives a {
	color:#333;
	text-decoration: none;
}
.archives a:hover {
	text-decoration:underline;
}

/* texte général
 *--------------------------------------------
*/
p.spip, p.texte {
	padding:0.5em 1.5em;
	margin-bottom:0.5em;
	line-height:1.3em;
	font-size:12px;
}
p.descriptif {
	padding:0.5em 1em;
	font-size:0.75em;
}
ul.spip {
	margin-bottom:1rem;
	margin-top:0.5rem;
	margin-left: 1rem;
}
ul.spip li { 
	margin-left:1em; 
	margin-bottom:0.3em;
	line-height:1.4em;
	list-style-position: outside; 
	list-style-type: square; 
	padding-left:0.5em;
}
ul.spip ul li {
	list-style-position: outside; 
	list-style-type:disc; 
	background-image:none;
	padding-left:5px;
}
.spip_poesie {
	margin: 1em 3em 1em 3em;
	border: none;
	color: #666;
	font-family: serif;
	font-size: 90%;
	border: 1px solid #CCC;
	padding: 2em;
}
.spip_poesie div {
    margin: 0;
	text-indent: 0; 
}
/*--------------------------------------------
 * tableaux
 *--------------------------------------------
*/
table.texte {
	margin:20px;
	border-collapse:separate;
	border:3px solid #fff;
}
table.texte td {
	background-color: #C9F76F;
	font-size:12px;
	padding:5px;
	vertical-align:top;
}
table.trombi {
	margin:20px;
	border-collapse:collapse;
	border:none;
}
table.trombi td {
	height:60px;
	vertical-align:middle;
	background-color:white;
	font-size:12px;
	padding:0 10px;
}
table.trombi td.photo {
	width:60px;
}
table.trombi img {
	padding:0.5em;
	margin-left:auto;
	margin-right:auto;
	vertical-align:middle;
}

table.spip {
	margin:0;
	border: 1px solid #CCC;
	border-collapse: collapse; 
	font-size:95%;
}
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 0.5em;
	font-weight: bold; 
}
tr.row_first { background: #CCC; }
tr.row_odd, tr.clair {background: #EEE; border:1px solid #CCC}
tr.row_even, tr.fonce {
	background: #FFF; 
	border:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	}
tr.row_even td, 
tr.fonce td, 
tr.row_odd td,
tr.clair td {
	border:1px solid #CCC;
}
table.spip th, table.spip td { 
	padding:0.5em;
	text-align: center; 
	vertical-align: top; 
	border:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
}

table.spip td {
	text-align:left;
	padding:0.5em;
}
table.spip p {
	margin-top:0.25em;
}
table.spip span {
	padding:0;
	margin:0;
}
td.prix,
td.nombre {
	text-align:right;
}

/*------  requête liste bureau / liste CA -------*/
#requete550311 table, 
#requete550302 table,
#requete550426 table {
    border-collapse: collapse;
    margin-left:1em;
}
#requete550311 table th,
#requete550302 table th,
#requete550426 table th {
	border: 1px solid #AAA;
	padding: 0.25em 0.5em;
}
#requete550311 table td,
#requete550302 table td,
#requete550426 table td {
	border: 1px solid #AAA;
	padding: 0.25em 0.5em;
	vertical-align: top;
}
#requete550426 table th {
	border: 1px solid #AAA;
	padding: 0.25em 0.5em;
	font-size: smaller;
}
#requete550426 table td:nth-child(3) {
	width: 2em;
	text-align: center;
}

#requete550426 table td:last-child {
	width: 4em;
	text-align: right;
}