/* @override http://localhost:8888/rencontres-sociales/squelettes/habillage.css */

body {
	margin: 10px 0 10px 0;
	padding: 0;
	background-color: #CCC;
}

a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
ul, form {
	margin: 0;
	padding: 0;
}
div.aligner-droite {
	text-align: right;
}

/* structure de la page */
#principal {
	position: relative;
	padding: 5px;
	background-color: #FFF;
	margin-left: auto;
	margin-right: auto;
	width: 950px;
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
}
#entete {
	width: 950px;
	height: 180px;
	background-image: url(images/entete.png);
}
#entete-impression {
	display: none;
}
#colgauche {
	float: left;
	width: 257px;
}
#colcentrale-une {
	float: left;
	width: 452px;
	padding: 10px 0 0 20px;
}
#colcentrale {
	float: left;
	width: 704px;
	padding: 15px 10px 0 15px;
}
#coldroite {
	float: right;
	width: 192px;
	padding: 10px 10px 0 18px;
}
#pied-page {
	clear: both;
	text-align: center;
}

/* structure pages partenaires */
#articles_partenaire {
	float: left;
	width: 550px;
	padding: 15px 10px 0 15px;
}
#annonces_partenaire {
	float: right;
	width: 346px;
	padding: 10px 10px 0 18px;
}
#annonces_partenaire a {
	color: #F00;
}
#annonces_partenaire p.modifier_espace_partenaire {
	margin: 0 0 5px 0;
	font-size: 12px;
	text-align: right;
}
#annonces_partenaire p.modifier_espace_partenaire a {
	text-decoration: underline;
}

/* en-tete */

#entete a {
	display: block;
	height: 152px;
	text-indent: -9000px;
}

#entete #identification {
	position: absolute;
	top: 40px;
	left: 710px;
	width: 255px;
	height: 90px;
	color: #000;
	font-size: 12px;
}
#entete #identification a {
	display:inline;
	color: #F00;
	text-decoration: underline;
	text-indent: 0;
}
#entete #identification ul {
	list-style: none;
}
#entete #identification fieldset {
	border: none;
}
#entete #identification legend {
	display: none;
}

#entete #identification label {
	float: left;
	margin-right: 5px;
	width: 100px;
	text-align: right;
}
#entete #identification input {
	float: left;
	margin-bottom: 3px;
	width: 120px;
	font-size: 11px;
	border: 1px solid #000;
}

#entete #identification li.editer_session {
	display: none;
}
#entete #identification span.details, #entete #identification em#pass_securise img {
	display: none;
}
#entete #identification p.boutons {
	float: right;
	margin: 5px 7px 0 0;
}
#entete #identification > div.formulaire_spip > form#formulaire_login > p.boutons {
	margin: -3px 15px 0 0;
}
#entete #identification p.boutons input {
	width: 5em;
	background-color: #FFF;
}
#entete #identification p.session {
	display: none;
}
#entete #identification h3 {
	margin: 15px 18px -3px 0;
	text-align: right;
}
#entete #identification p.identifie, #entete #identification p.deconnecter, #entete #identification p.passer-annonce {
	margin: 10px 18px 0 0;
	text-align: right;
}
#entete #identification p.passer-annonce {
	clear: both;
}
#entete #identification p.sabonner {
	margin: 5px 0 0 25px;
}
#entete #identification > p.sabonner {
	margin: -2px 0 0 25px;
}
#entete #identification span.erreur_message {
	display: block;
	position: absolute;
	top: 60px;
	left: 5px;
	padding: 2px;
	color: #F00;
	background-color: #FFF;
	z-index: 10;
}

#menu-haut ul {
	position: absolute;
	top: 160px;
	left: 20px;
	margin: 0;
	padding: 0;
}
#menu-haut ul li {
	display: inline;
	margin: 0;
	padding: 0 10px 0 10px;
	font-size: 13px;
}
#menu-haut ul li a {
	color: #FFF;
}
#menu-haut #recherche {
	position: absolute;
	top: 161px;
	left: 690px;
	color: #FFF;
	font-size: 13px;
}
#menu-haut #recherche input.champ {
	width: 115px;
	border: 0;
	font-size: 10px;
}
#menu-haut #recherche input.bouton {
	padding: 1px;
	width: 2em;
	font-size: 10px;
	vertical-align: middle;
	border: 0;
	background-color: #FFF;
}
#menu-haut #rss {
	float: right;
	margin: -22px 10px 0 0;
}

#acteurs {
	margin: 0;
	padding: 5px;
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
	border: 1px solid #F00;
}
#acteurs li {
	display: inline;
	margin : 0;
	padding: 0 30px;
	font-weight: bold;
	border-left: 1px solid #F00;
}
#acteurs li.premier {
	border-left: none;
}
#acteurs li a {
	color: #F00;
}


/* logos partenaires */
#logos-partenaires {
	clear: both;
	padding-top: 20px;
	text-align: center;
}
#logos-partenaires li {
	display: inline;
}
/* pied de page */
#pied-page {
	padding-top: 20px;
	font-size: 9px;
}
#pied-page img {
	vertical-align: middle;
}
#pied-page a {
	color: #F00;
}

/* colonne gauche */
#colgauche #marche-social-une, #colgauche #evenements-rs {
	margin: 10px 0;
	padding: 20px 12px 20px 15px;
	background-color: #EFEFEF;
}
#colgauche #evenements-rs h2 {
	margin: 5px 0 15px 0;
	color: #F00;
	font-size: 22px;
	text-transform: uppercase;
}
#colgauche #marche-social-une h2 {
	margin: 10px 0 15px 0;
	color: #F00;
	font-size: 24px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
#colgauche #marche-social-une h2 a {
	color: #F00;
}
#colgauche #marche-social-une h3 {
	margin: 10px 0 3px 0;
	color: #C00;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
#colgauche #marche-social-une ul,
#colgauche #evenements-rs ul {
	list-style: none;
}
#colgauche #marche-social-une ul li,
#colgauche #evenements-rs ul li {
	padding: 3px 0 3px 0;
	list-style-type: disc;
	list-style-position: inside;
	color: #F00;
	font-size: 12px;
}
#colgauche #marche-social-une ul li a,
#colgauche #evenements-rs ul li a {
	color: #000;
}
#colgauche #marche-social-une ul li.toutes-annonces {
	list-style-type: none;
	list-style-position: outside;
}
#colgauche #marche-social-une ul li.toutes-annonces a {
	color: #F00;
}
#colgauche #bonnes-adresses {
	padding: 20px 12px 20px 15px;
}
#colgauche #bonnes-adresses h3 {
	margin: 0 0 5px 0;
	font-size: 14px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
#colgauche #bonnes-adresses h3 a {
	color: #C00;
}
#colgauche #bonnes-adresses div {
	font-size: 13px;
}
#colgauche #bonnes-adresses div p {
	margin: 0;
}
#colgauche #index-lettres {
	padding: 20px 12px 20px 15px;
}
#colgauche #index-lettres h3 {
	font-size: 14px;
}
#colgauche #index-lettres h3 a {
	color: #C00;
}

/* colonne droite */
#coldroite h3 {
	color: #C00;
	margin: 20px 0 5px 0;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
#coldroite h3 a {
	color: #C00;
}
#coldroite ul li {
	margin: 0;
	padding: 3px 0 3px 0;
	list-style-type: none;
	/*list-style-position: inside;*/
	color: #F00;
	font-size: 13px;
}
#coldroite ul li a {
	color: #000;
}
#coldroite p.plus-articles {
	margin-top: 3px;
	font-size: 12px;
}
#coldroite p.plus-articles a {
	color: #F00;
}

/* ariane */
#ariane {
	margin-bottom: 20px;
	color: #666;
	font-size: 13px;
}
#ariane a {
	color: #666;
}

/*page article */
.article {
	padding: 20px 0 20px 0;
}
.article #outils-article {
	float: left;
	width: 240px;
}
.article #outils-article ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.article #outils-article ul li {
	float: left;
	margin-right: 10px;
}
.article #outils-article ul img {
	cursor: pointer;
}
.article a {
	color: #F00;
}
.article h2.titre-rubrique {
	margin-bottom: 2em;
	color: #F00;
	font-size: 14px;
	font-weight: normal;
	text-align: right;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
.article.marche h2.titre-marche {
	margin-bottom: 0.5em;
}
.article h1 {
	margin: 0;
	color: #C00;
	font-size: 25px;
	font-weight: normal;
	letter-spacing: 0.1em;
}
.article h1.titre-article-12 {
	margin: -0.5em 0 0 0;
	color: #F00;
	font-size: 20px;
	font-weight: normal;
	text-align: right;
	text-transform: uppercase;
	letter-spacing: 0.1em;		
}
.article p.surtitre {
	margin: 0.4em 0;
	font-size: 18px;
	font-weight: bold;
}
.article p.soustitre {
	margin: 0.4em 0;
	color: #C00;
	font-size: 18px;
	font-weight: bold;
}
.article p.date-auteur {
	font-size: 13px;
}
.article div.descriptif-rapide {
	font-size: 14px;
	font-style: italic;
}
.article div.chapo {
	color: #666;
	font-size: 14px;
	font-weight: bold;;
	text-align: justify;
	line-height: 20px;
}
.article div.aligner-droite p img {
	display: none;
}
.article div.aligner-droite p a {
	font-weight: normal;
}
.article div.texte {
	font-size: 14px;
	text-align: justify;
	line-height: 18px;
}
.article div.texte a {
	color: #000;
	text-decoration: underline;
}
.article div.mots-cles {
	float: right;
	margin: 0 0 0.75em 1em;
	padding: 0.5em;
	width: 140px;
	font-size: 0.95em;
	border: 1px solid #F00;
}
.article div.mots-cles h4 {
	margin: 0;
	color: #C00;
	border-bottom: 1px solid #F00;
}
.article div.mots-cles ul {
	list-style: none;
}
.article div.mots-cles ul li {
	padding: 2px 0;
}
.article p.lien-externe {
	font-size: 14px;
}
.article p.ps {}
.article ul.documents-joints {
	list-style-position: inside;;
}
.article ul.documents-joints p {
	margin: 0;
}
.article div.notes h4 {
	margin-bottom: 0;
	font-size: 13px;
}
.article div.notes p {
	margin: 3px 0;
	font-size: 13px;
}
.article div.notes p a {
	color: #000;
	text-decoration: underline;
}

.article .formulaire_ecrire_auteur {
	margin-right: 20px;
	font-size: 13px;
}
.article .formulaire_ecrire_auteur legend {
	font-weight: bold;
}
.article .formulaire_ecrire_auteur ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.article .formulaire_ecrire_auteur ul li {
	margin: 0.5em 0;
	padding: 0;
}
.article .formulaire_ecrire_auteur textarea {
	width: 500px;
}

.article .formulaire_annonce, .article .formulaire_adherent {
	font-size: 12px;
}
.article .formulaire_annonce ul, .article .formulaire_adherent ul {
	list-style: none;
}
.article .formulaire_annonce li, .article .formulaire_adherent li {
	clear: both;
	margin: 1em 0;
}
.article .formulaire_annonce fieldset, .article .formulaire_adherent fieldset {
	margin: 1em 0;
	border: 1px solid #CCC;
}
.article .formulaire_annonce legend, .article .formulaire_adherent legend {
	font-size: 1.1em;
	font-weight: bold;
}
.article .formulaire_annonce li label, .article .formulaire_adherent li label {
	float: left;
	margin-right: 1em;
	width: 200px;
}
.article .formulaire_annonce p, .article .formulaire_adherent p {
	margin: 0.5em 0 0.5em 0;
	font-size: 13px;
}
.article .formulaire_adherent p.avertissement {
	color: #F00;
}
.article .formulaire_adherent ul ul#tarif-acteur li {
	margin: 0 0 0 2em;
}
.article .formulaire_adherent a#imprimer-abonnement {
	color: #F00;
}
.article .reponse_formulaire_erreur {
	color: #F00;
}
.article span.erreur_message {
	float: right;
	color: #F00;
}
.article p.consignes-formulaires {
	margin-top: 10px;
	font-size: 11px;
}
.article .formulaire_adherent #bloc-abonnement ul li {
	line-height: 2em;
}

/* commentaires articles */
p.repondre {
	font-size: 0.9em;
}
#reponses-forum h2 {
	font-size: 1em;
}
#reponses-forum ul {
	list-style: none;
}
#reponses-forum ul li.forum-fil div.forum-message {
	margin-bottom: 0.5em;
	border: 1px solid #999;
}
#reponses-forum ul li.forum-fil div.forum-chapo {
	padding: 8px;
	font-size: 0.85em;
	background-color: #E2E3E5;
}
#reponses-forum ul li.forum-fil div.forum-chapo small {
	display: block;
}
#reponses-forum ul li.forum-fil div.forum-texte {
	padding: 8px;
	font-size: 0.8em;
}
#reponses-forum ul li.forum-fil div.forum-texte p {
	margin: 0;
}
#reponses-forum ul li.forum-fil div.forum-texte p.repondre {
	margin-top: 0.5em;
	text-align: right;
}
#reponses-forum ul li.forum-fil ul {
	margin-left: 2em;
}

/* formulaire forum */
div.formulaire_forum fieldset {
	margin-bottom: 1em;
	padding-top: 0.5em;
	border: 1px solid #999;
}
div.formulaire_forum legend {
	font-size: 0.95em;
}
div.formulaire_forum p.explication {
	margin: 0;
	font-size: 0.8em;
}
div.formulaire_forum div.forum-message {
	font-size: 0.8em;
}
div.formulaire_forum ul {
	list-style: none;
}
div.formulaire_forum label {
	display: block;
	margin: 0.5em 0 0.25em 0;
	font-size: 0.8em;
	font-weight: bold;
}

/*page article annonces*/
p.date-annonce, p.auteur-annonce {
	margin: 0 0 3px 0;
	font-size: 15px;
}
p.contact-annonce {
	margin-top: 25px;
	font-size: 15px;
}
p.contact-annonce span {
	color: #F00;
}
p.presentation-structure {
	margin: 20px 0 10px 0;
	font-size: 15px;
	font-style: italic;
}
div.texte h3.spip {
	margin: 25px 0 -5px 0;
	font-style: italic;
	text-align: left;
}

/* page rubrique */
.rubrique ul {
	list-style-type: none;
}
.rubrique ul li {
	margin-top: 5px;
}
.rubrique ul li.premier {
	border-top: 1px dotted #F00;
}
.rubrique h1 {
	margin: 0;
	color: #F00;
	font-size: 20px;
	font-weight: normal;
	text-align: right;
	text-transform: uppercase;
	letter-spacing: 0.1em;	
}
.rubrique h2 {
	margin: 35px 0 0 0;
	font-size: 20px;
}
.rubrique div.texte-rubrique {
	margin-top: 1em;
}
.rubrique h3 {
	margin: 12px 0 0 0;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 0.1em;
}
.rubrique h3 a, .rubrique h2 a {
	color: #C00;
}
.rubrique h3 a img {
	margin-left: 3px;
	vertical-align: bottom;
}
.rubrique p.surtitre {
	margin: 0.4em 0;
	color: #000;
	font-weight: bold;
}
.rubrique p.date-auteur {
	margin: 0;
	color: #000;
}
.rubrique p, .rubrique div {
	margin-top: 0;
	color: #666;
	font-size: 13px;
}
.rubrique p a, .rubrique div a {
	color: #F00;
}
.rubrique p.pagination {
	margin-top: 1em;
	text-align: center;
}

.rubrique div.descriptif p {
	display: inline;
}
.rubrique p.archives {
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 0.3em;
}

.rubrique p.tri {
	letter-spacing: 0.3em;
}

/* page sommaire */
p.lire-archives a {
	font-style: normal;
}
#edito{
	padding: 20px 0 20px 0;
	border-bottom: 2px solid #C00;
}
#edito h2 {
	margin: 0;
	color: #C00;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 0.1em;
}
#edito h2 a {
	color: #C00;
}
#edito h3 {
	margin: 0;
	color: #F00;
	font-size: 24px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
#edito h3 a {
	color: #F00;
}
#edito p.soustitre {
	color: #000;
	font-size: 12px;
	font-weight: bold;
}
#edito p.auteur-edito {
	color: #000;
	font-size: 14px;
	font-style: normal;
}
#edito div, #edito p {
	margin: 5px 0 0 0;
	color: #333;
	font-size: 14px;
	font-style: italic;
	line-height: 18px;
}
#edito div a, #edito p a {
	color: #F00;
}

#bloc-rencontres-sociales {
	padding: 5px 0;
	border-bottom: 2px solid #C00;
}
#bloc-rencontres-sociales h3 {
	margin: 5px 0;
	color: #F00;
	font-size: 20px;
	letter-spacing: 0.1em;
}
#bloc-rencontres-sociales ul {
	list-style: none;
}
#bloc-rencontres-sociales ul li {
	padding: 4px 0;
	color: #F00;
	font-size: 14px;
}
#bloc-rencontres-sociales ul li a {
	color: #000;
}
#bloc-rencontres-sociales ul li a img {
}

#tribune {
	clear: both;
	padding: 15px 0 0 0;
	border-top: 2px solid #C00;
}
#portrait {
	padding: 15px 10px 15px 0;
	float: left;
	width: 216px;
}
#structure {
	padding: 15px 0 15px 10px;
	float: right;
	width: 216px;
}
#portrait h2, #structure h2, #tribune h2 {
	margin: 0;
	color: #C00;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 0.1em;
}
#portrait h3, #structure h3, #tribune h3 {
	margin: 0;
	color: #F00;
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
#portrait h3 a, #structure h3 a, #tribune h3 a {
	color: #F00;
}
#portrait p.soustitre, #structure p.soustitre, #tribune p.soustitre {
	color: #000;
	font-size: 12px;
	font-weight: bold;
}
#portrait p.date, #structure p.date, #tribune p.date-tribune {
	color: #000;
	font-size: 12px;
}
#portrait p, #portrait div, #structure p, #structure div, #tribune div, #tribune p {
	margin: 6px 0 0 0;
	color: #333;
	font-size: 13px;
	line-height: 15px;
}
#portrait p a, #portrait div a, #structure p a, #structure div a, #tribune div a, #tribune p a {
	color: #F00;
}

p.liens-internes {
	margin: 6px 0 0 0;
	text-align: right;
}


/* Gestion des evenements */
/*Une*/
p.date-evenement-une {
	margin: 0;
	color: #000;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
}
p.titre-evenement-une {
	margin: 0;
	color: #000;
}

/*Agenda*/
p.affiche-annee-agenda {
	margin-bottom: 0.5em;
	color: #000;
	font-size: 1.1em;
	font-weight: bold;
}
p.affiche-mois-agenda {
	clear: both;
	margin: 0.8em 0 0.4em 0;
	color: #000;
	font-size: 1em;
	font-weight: bold;
}

hr.changement-annee {
	height: 2px;
	margin: 10px 0 5px 0;
	padding: 0;
	color: #333;
	background-color: #333;
	border: 0;
}

ul.liste-evenements-agenda {
	margin-left: 0.5em;
}
ul.liste-evenements-agenda li {
	padding: 3px 0;
	border-bottom: 1px dotted #F00;
}

p.mois-a-venir {
	margin-top: 12px;
	font-size: 1.1em;
	font-weight: bold;
}

ul#sommaire-agenda {
	margin: 0.5em 0 0.3em 0;
	padding: 2px 0;
	font-size: 13px;
	text-align: center;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
ul#sommaire-agenda li {
	display: inline;
	padding: 0 0 0 10px;
	background: url(images/separateur.png) no-repeat 0 6px;
}
ul#sommaire-agenda li.premier-sommaire-agenda {
	background: none;
}
ul#sommaire-agenda li a {
	color: #F00;
}

p.mois-evenement-agenda {
	color: #000;
	font-size: 15px;
	font-weight: bold;
}
p.date-evenement-agenda {
	margin: 0;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
h3.titre-evenement-agenda {
	margin: 0.1em 0;
	color: #C00;
	font-size: 16px;
}
h3.titre-evenement-agenda p {
	display: inline;
	color: #000;
}
div.descriptif-evenement-agenda p {
	margin: 0;
}
/*Evenement*/
p.date-evenement {
	font-style: italic;
	font-weight: bold;
}
div.lieu-evenement p {
	margin-bottom: 0.5em;
	font-weight: bold;
}
div.adresse-evenement {
	font-size: 12px;
}
p.lien-article-evenement {
	
}

/*page site*/
#sources-rss {
	float: left;
	margin: 50px 10px 0 20px;
	width: 225px;
}
#sources-rss h3 {
	color: #C00;
	margin: 30px 0 10px 0;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
#sources-rss ul li {
	margin: 0;
	padding: 4px 0 4px 0;
	list-style-type: none;
	/*list-style-position: inside;*/
	color: #F00;
	font-size: 14px;
}
#sources-rss ul li a {
	color: #000;
}

/* plan du site */
.plan h2 {
	margin-top: 1em;
	font-size: 16px;
}
ul.plan-articles-rubriques {
	margin-left: 2em;
	font-size: 12px;
}
ul.plan-sous-rubriques {
	margin-left: 2em;
	font-size: 13px;
}
ul.plan-articles-sous-rubriques {
	margin-left: 2em;
	font-size: 12px;
}
ul.plan-articles-rubriques a, ul.plan-sous-rubriques a, ul.plan-articles-sous-rubriques a {
	color: #000;
}


/* Pages partenaires */
#annonces_partenaire #contact div {
	float: left;
	width: 266px;
	font-size: 12px;
}
#annonces_partenaire #contact img {
	float: right;
}
#annonces_partenaire h2 {
	clear: both;
}
#annonces_partenaire ul {
	font-size: 13px;
	list-style: none;
}
#annonces_partenaire ul li {
	margin: 10px 0;
}
#annonces_partenaire ul li p {
	margin: 2px 0;
}

/* Pages archives lettres */
ul#archives-lettres {
	margin: 1em 0 0 10em;
	padding: 0;
	font-size: 13px;
}
ul#archives-lettres li a {
	color: #000;
}