/*  ------------------------------- */
/*  Feuilles de styles T-O-Mirail   */
/*  ------------------------------- */

body {
	margin-top: 0em;
	color: #000;
}

/*  ------------------------------------------
/*  Spécifités des secteurs
/*  ------------------------------------------ */
body {
	background: url(fond.jpg) center top no-repeat 	#FDF5E6;/* oldlace */
}

body.secteur1 {background-image:url(fond_mirail.jpg)}
body.secteur2 {background-image:url(fond_actualites.jpg)}
body.secteur3 {background-image:url(fond_habitants.jpg)}
body.secteur4 {background-image:url(fond_associations.jpg)}
body.secteur5 {background-image:url(fond_dossiers.jpg)}
body.secteur6 {background-image:url(fond_participer.jpg)}

.secteur1 #nav a.secteur1, #nav a.secteur1:hover {color: #C00; background: #eda;}/* rouge 0 */
#nav ul.secteur1 {border-color: #C00;}/* rouge */
.secteur2 #nav a.secteur2, #nav a.secteur2:hover {color: #00C; background: #eda;}/* bleu 160 */
#nav ul.secteur2 {border-color: #00C;}/* bleu */
.secteur3 #nav a.secteur3, #nav a.secteur3:hover {color: #734273; background: #eda;}/* pourpre 200 */
#nav ul.secteur3 {border-color: #734273;}/* violet */
.secteur4 #nav a.secteur4, #nav a.secteur4:hover {color: #FF4500; background: #eda;}/* rouge-orange 11 */
#nav ul.secteur4 {border-color: #FF4500;}/* rouge-orange */
.secteur5 #nav a.secteur5, #nav a.secteur5:hover {color: #0C0; background: #eda;}/* vert 80 */
#nav ul.secteur5 {border-color: #0C0;}/* vert */
.secteur6 #nav a.secteur6, #nav a.secteur6:hover {color: #8A2BE2; background: #eda;}/* bleu-violet 180 */
#nav ul.secteur6 {border-color: #8A2BE2;}/* bleu-violet */
.secteur7 #nav a.secteur7, #nav a.secteur7:hover {color: #0CC; background: #eda;}/* cyan 120 */
#nav ul.secteur7 {border-color: #0CC;}/* cyan */

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */

#page {
	width: 55em;
}

/* cas particulier d'une fenêtre blanche */
body.blanc {
	background-image: none;
	width: 100%;
}

#conteneur #contenu {
	width: 40em;
}

#contenu .contre-encart {
	width: 28em;
}

#entete {
	text-align: center; 
}

#entete a.accueil #nom_site_spip {
	display: block;
	float: none;
	padding-top: 150px;
	padding-right: 200px;
	font-size: 3em;
}

#entete a .spip_logos {
	display: inline;
	float: none;
	font-weight: inherit;
	font-size: inherit; 
}

#entete #nav_quartiers { display: block; width: 200px; position: absolute; top: 0px; right: 5px;}
#entete #menu_quartiers {
	margin : 0 0 0.8em 45em;
	font-size: 0.8em;
}

#entete .formulaire_recherche { float: none; }

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

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

/*  Habillage general des menus de navigation
---------------------------------------------- */

.galeries, .top10, .agenda {
	min-width: 10em;
	border: 1px solid #CCC;
	margin-bottom: 1em;
	font-size: 0.77em;
}

/*  Des couleurs specifiques selon les types de menus
---------------------------------------------- */
.forums .impair { background: #DFDFFF;}

.top10 { background: #F8F8E8; } /* teinte 40 jaune-gris*/
.top10 .menu-titre { background: #FCFCF0; }
.top10 .impair { background: #F8F8D2; }

.agenda { background: #E8F8F8; } /* teinte 120 cyan-gris */
.agenda .menu-titre { background: #F0FCFC; }
.agenda .impair { background: #D2F8F8; }

.galeries { background: #E3F3FB;} /* teinte 135 bleu-ciel */
.galeries .menu-titre { background: #EDF8FC; }
.galeries td {
	padding: 1px;
	border-width: 0px 0px 1px 1px;
	text-align: left;
}
.galeries .impair {
	background-color: #C5E7F5;
}

.divers, fieldset {background: #FFF;}

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

/*  Mise en forme des textes du contenu
---------------------------------------------- */

.texte { background: #FFF; color: #000; font-size: 0.96em; }

/*  Portfolio
---------------------------------------------- */
.portfolio td {
	width: 25%;
	padding: 5px;
	vertical-align:top;
}

.descr-photo {/* pour le diaporama */
	margin: 0.5em 1em;
	text-align: left;
	font-size: 0.7em;
}

.detail .descr-photo {/* pour la page des vignettes */
	margin: 0;
	font-size: 1em;
}

/* Listes d'articles et extraits introductifs
----------------------------------------------- */
.article1 {
	border: 1px solid #CCC;
	background: #FFF;
 	font-size: 1em;
 	margin-bottom: 2em;
	padding: 5px;
}

.meme-rubrique {
	border: 1px solid #CCC;
	background: #FFF;
 	margin-bottom: 2em;
	padding: 5px;
}

.article2 {
	margin-bottom: 1em;
	font-size: 0.88em;
}

.from_rub {
	font-size: smaller;
	margin-bottom: 1em;
}

.meme-rubrique h2{
	border-bottom: 1px solid #CCC;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
}

.titre-extrait,  .titre-extrait a{
	margin: 0px;
	padding: 0px;
	color: black;
 	font-weight: bold;
 	text-decoration: none;
}

.titre-extrait a:hover
{
 	color: #069;
	text-decoration: underline;
}

.surtitre {
 	font-weight: bold;
 	font-size: smaller;
}

.detail {
	font-size: 80%;
}

.extrait {
	margin: 0.5em 0.1em 0.5em 0em;
	font-weight: normal;
}

.date {
}
.meme-rubrique .from_rub {display: none;}

.pagination .pages { font-size: 0.90em; }
.pages {
	display: block;
	margin: 0.2em auto;
	text-align: center;
}

.pages img {
	border: none;
	vertical-align: middle;
}

/*  ------------------------------------------
/*  Habillage specifique du plan du site
/*  ------------------------------------------ */
.deplier {
	font-size: smaller;
	color: #CCC;
}

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

/* Formulaire de recherche Google*/
#recherche { 
	text-align: left;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
input.formrecherche {
	width: 95%;
	background-color: #FFDDAA;
}

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

.forum-repondre, .forum-decompte {
	text-align: right;
}

ul.forum-total {
	display: block;
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.forum-fil {
	margin-top: 3em;
}
.forum-fil ul {
	display: block;
	margin: 0px;
	margin-left: 2em;
	padding: 0px;
	list-style: none;
}
.forum-titre {
	font-weight: bold;
	font-size: 120%;
}
.forum-item {
	margin: 0px;
	padding: 1em;
	padding-top: 0.5em;
	padding-bottom: 0em;
	text-align: justify;
	color: #303030;
	font-size: 80%;
}
.forum-item p {
	font-size: 100%;
}
.forum-repondre-message {
	font-size: 90%;
	text-align: right;
}
.forum-navig {
	font-size: 90%;
}

/* Boite d'un forum : eclaircissement progressif des bords */

ul .forum {
	border: 1px solid #909090;
	padding: 0px;
	margin: 0px;
	margin-bottom: 1em;
}
ul ul .forum {border: 1px solid #a4a4a4;}
ul ul ul .forum {border: 1px solid #b8b8b8;}
ul ul ul ul .forum {border: 1px solid #cccccc;}
ul ul ul ul ul .forum {border: 1px solid #e0e0e0;}
ul ul ul ul ul ul .forum {border: 1px dashed #e0e0e0;}

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */

ul .forum-chapo, ul .forum-chapo1 {
	border: 0px;
	border-bottom: 1px dashed #b8b8b8;
	margin: 0px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
	padding-bottom: 2px;
	font-size: 90%;
}
ul .forum-chapo {background: #0082CC;}
ul ul .forum-chapo {background: #00ACFF;}
ul ul ul .forum-chapo {background: #33BDFF;}
ul ul ul ul .forum-chapo {background: #66CDFF;}
ul ul ul ul ul .forum-chapo {background: #99DEFF;}

ul .forum-chapo1 {background: #F80;}
ul ul .forum-chapo1 {background: #FC0;}
ul ul ul .forum-chapo1 {background: #FF0;}
ul ul ul ul .forum-chapo1 {background: #FF8;}
ul ul ul ul ul .forum-chapo1 {background: #FFF;}

.forum-chapo img {
	border: 0px;
}

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

.signatures {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 1em;
	margin-bottom: 1em;
	width: 95%;
	border-collapse: collapse;
}
.signatures .pair {background: #d9ead9;}
.signatures .impair {background: #eff5ef;}
.signatures td {
	text-align: left;
	-moz-border-radius: 0.4em;
}
.signatures-titre {
	clear: right;
	font-weight: bold;
	font-size: 120%;
	text-align: center;
	padding: 0.5em;
	margin: 0px;
}
.signatures-titre .haut_bas {
	font-size: 70%;
	font-weight: normal;
}

.signature-date {
	width: 10%;
	white-space: nowrap;
}
.signature-nom {
	width: 40%;
	font-weight: bold;


	text-align: center;
}
.signature-nom a {
	font-size: smaller;
}
.signature-message {
	font-size: smaller;
	padding: 0.4em;
	text-align: justify;
}

.formulaire-signature {
	font-size: smaller;
}

.formulaire-signature span {
	line-height: 4em;
}

/*  ------------------------------------------
/*  Annonce importante
/*  ------------------------------------------ */


.annonce {
       text-align: center;
       border: solid red 2px;
	background-color: #FC8;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.important .article1 {
	background: #FC8;
}

.annonce span, span.important {
	font-weight: bold;
}

.annonce a, .annonce a:visited {
/*	background-color: yellow;*/
	color: red;
	text-decoration: none;
}

/*  ------------------------------------------
/* Adresses de l'annuaire
/*  ------------------------------------------ */


div.assoc {background: #FFF;}
h3.assoc { color: #C00 ; text-align: left; margin-left: 50px; margin-bottom: 0px; margin-top: 0px}
p.assoc { font-weight: bold; line-height: 16px ; text-align: left; margin-left: 50px; margin-bottom: 0px; margin-top: 0px}
.adresse {  font-size: smaller; font-style: normal; font-weight: normal; color: #000; margin-left: 50px; margin-top: 5px}
.tel {  font-style: normal; margin-top: 0px; margin-left: 50px}
.fax {  margin-top: 0px; margin-bottom: 0px; margin-left: 50px}
.mail {  margin-top: 0px; margin-bottom: 0px; margin-left: 50px}
.site {  margin-top: 0px; margin-bottom: 0px; margin-left: 50px}
hr { clear: right; margin-bottom: 0px; border-bottom-width: 0px}
.plan_form {float: right;  width: 20%; margin-top: 5px; margin-right: 5px;}



/*  ------------------------------------------
/* Agenda
/*  ------------------------------------------ */





.calendar_head {background-color: #069; color: #fff;}
.calendar_not_this_month { background-color: #eee; color: #000;}
.calendar_this_month {}
.calendar_this_day { background-color: #cef ; color: #000;}






div.calendar_this_month, div.calendar_this_day { border: thin solid #0082CC;}
div.calendar_head {padding-left: 1em;}
form.calendar {text-align: center; padding: 5px}





/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a { text-decoration: none; color: #004462; }
a:hover { text-decoration: underline; color:#FF9900; }

/*  ------------------------------------------
/*  style spip effacé par cette feuille et remis, ou modifié
/*  ------------------------------------------ */
table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid;
	border-collapse: collapse; }

table.spip td {
		border: solid 1px; 
}