body { background:url(fondBody.jpg); } /* fond d'écran extérieur de page */

div.cadrePage { /* cadre extérieur de la page */
	background: url(fondPage.jpg);
	border: 4px solid rgb(180,180,180);
	margin-left: auto;
	margin-right: auto;
	width:1100px;
}

div#piedsommaire {
	margin-left: auto;
	margin-right: auto;
	margin-top:20px;
	width:1100px;
	text-align:center;
}

div.idx { height:0px; margin:0px; padding:0px; visibility:hidden; overflow:hidden; }

/* ==== LE BANDEAU D'ENTETE ==== */

div.leftHeader { margin-bottom:10px; width:150px;}  /* entête partie gauche: inscription au mail auto des nouveautées*/
div.rightHeader { margin-bottom:10px; width:150px;} /* entête partie droite: acces à la lettre*/

div.barreMenus { /* barre de menu grise */
	background:rgb(128,128,128);
	margin-top: 0px;
	margin-bottom:10px;
	padding:4px;
}

div.barreMenus div.formulaire_recherche {float:right;}

div.clearer { clear:left; } 

/* ==== PAGES ==== */

div.cadreColonne { /* une colonne contenant articles, brèves... */
	margin-left: 10px;
	margin-bottom:10px;
	float: left;
}
#colGauche { width:700px; } /* colonne de gauche */
#colDroite { width:350px; } /* colonne de droite */

.cadreInCol { /* cadre contenant un article... dans une colonne du sommaire */
	margin-left: 15px;
	margin-right:10px; 
	margin-bottom: 15px;
	padding-bottom: 5px;
	clear:left;
} 
.cadreGris {
	border:1px solid gray;
	padding: 5px;
}

#edito, #aLaUne, #breves, #liens, #textref, #derniersArticles, #articlesRecents, .heading, #campagnes, #petitions-appels, #agenda, #agendaOLDa, .header { /* Titre de classe d'élément */
	/*background:rgb(200,200,200);*/
	background:rgb(180,214,214);
	border:1px solid gray;
	margin:4px;
	margin-bottom:10px;
	padding:2px;
	text-align:center;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-size: 14pt;
	color:rgb(60,60,60);
}

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

.surtitre {
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 10px;
	text-align:justify;
	color:#666;
}

.titreGros {
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-size: 18pt;
	font-weight: bold;
	margin-bottom: 5px;
	text-align:justify;
}

.titre, .titreAgenda {
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 5px;
	text-align:justify;
}

.titrePetit, .titrePetitS {
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-align:justify;
	padding: 4px;
}
.titrePetitS {
	border-bottom: 1px solid gray;
}

.soustitre {
	font-size: 12pt;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 10px;
	text-align:justify;
	color:#888;
}

.chapeau {
	font-size: 10pt;
	margin-left:10px; 
	margin-bottom: 10px;
	text-align:justify;
	color:#666;
	padding: 5px;
	border: 1px dotted;
}

.descriptif {
	font-size: 10pt;
	font-style: italic;
	margin-bottom: 10px;
	text-align:justify;
	color:#666;
}

.DateEtAuteur {
	font-size: 10pt;
	margin-bottom: 10px;
}

.titrePetitS .DateEtAuteur, .titrePetit .DateEtAuteur  { font-size: 8pt; font-weight: normal; }


.runIn { display: run-in; }

.texteArticle {
	margin-left: 10px;
	margin-bottom: 15px;
	font-size: 14px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	line-height: 1.3em;
	text-align:justify;
	color:rgb(60,60,60);
}

.refArticle {
	font-size: 12px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	line-height: 1.1em;
	text-align:justify;
	color:rgb(60,60,60);
}

.lireLaSuite {
}

#article .surtitre { font-size:14pt; margin-left:10px; }
#article .titre, #rubrique .titre { font-size:18pt; }
#article .soustitre { font-size:14pt; margin-left:10px; }
#article .descriptif { margin-left:10px; }
#article .texteArticle { margin-top:40px; }

.postScriptum {
	margin:15px;
	font-size: 12pt;
	text-align:justify;
	padding: 4px;
	border: 1px dotted gray;
}

.RubriqueHeader {
	background-color:rgb(240,240,255);
	border:3px solid rgb(50,150,250);
	padding-right:6px;
}

div.forum-msg { border:1px solid black; padding:2px; margin:2px; }

/* ==== PIED DE PAGE ==== */

#pied_de_page {
	margin-left:10px;
	margin-right:10px;
	padding:2px;
	border-top: 1px dotted #CCC;
	text-align:center;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-size: 0.77em; 
}
#pied_de_page img { vertical-align: bottom; }

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