/*

 * Mise en page des textes (bordures...)

 */



.chapo {
	margin-top: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #003300;
	border: 1px solid #999999;
	padding-left: 2px;
}

.texte {

	color: #000000;

	font-size: 9pt;

}



.ps {

	padding-top: 0.6em;

	margin-top: 0.6em;

	border-top: 1px dashed #48200A;

}

.notes {

	margin-top: 0.6em;

	margin-bottom: 0.6em;

	border-top: 1px solid #48200A;

	padding: 1.5em;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10pt;

	color: #000000;

}



/*

 * Habillage des menus et de la navigation

 */



.menu {

	padding: 0px;

	margin: 0px;

	margin-bottom: 2px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 90%;

	color: #FFFFFF;

	border-bottom-color: #FFFFFF;

	border-bottom-width: 2px;

	border-top-color: #FFFFFF;

	border-top-style: solid;

	border-bottom-style: solid;

}
.nomsit {
	color: #CC0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
}
.en-tete {
	height: 150px;
	background-image: url(images/bande_orange.png);
}


.menu ul {
	display: block;
	margin: 0px;
	padding: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	color: #FFFFFF;
	background-color: #FEE8A5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	border-top-height: 3px;
	list-style-image: url(puce.gif);
}

.menu ol {

	display: block;

	margin: 0px;

	padding: 0px;

	padding-bottom: 4px;

}

.menu-titre {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	height: 20px;
	font-style: normal;
	padding: 0px;
	line-height: 20px;
	background-image: url(images/fond_menu_titre.png);
	background-repeat: repeat;
}
.menu-titre a {
	font-size: 10px;
	padding-left: 4px;
}

.menu-item {

	font-size: 90%;

	background-color: #FEFAC0;

	border-bottom-color: #FFCC66;

	border-bottom-width: 1px;

	border-top-color: #FFCC66;

	list-style-image: url(puce.gif);

	list-style-position: inside;

}



/* Des couleurs specifiques selon les types de menus */



.general		{

	text-align:left;

	margin-left: 0px;

	color: #FFFFFF;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10pt;

	background-color: #CC0000;

}

.general .menu-titre 	{

	background-color: #FFCC99;

	text-align:left;

	margin-left: 0px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10pt;

}



.rubriques 		{

	text-align:left;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 90%;

	color: #333333;

	border-bottom-color: #FFFFFF;

	border-bottom-width: 1px;

	border-top-color: #FFFFFF;

	border-top-style: solid;

	border-bottom-style: solid;

}

.rubriques .menu-titre	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	border-bottom-color: #FFCC66;
	border-bottom-width: 2px;
	border-top-color: #FFCC66;
}



.breves 		{ background-color: #EEEEEE; }

.breves .menu-titre	{

	background-color: #669933;

	text-align:left;

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 12pt;

	color: #FFFFFF;

}



.divers 		{ background-color: #FFFFFF; }

.divers .menu-titre	{
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	padding-left: 4px;
}



.forums 		{ background-color: #EEEEEE; }

.forums .menu-titre	{ background-color: #FECB82; text-align:left; }





/*

 * Styles pour le contenu (c-a-d. la colonne principale)

 */



.contenu {

}

.contenu h2.titre-extrait {

	color: #333333;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11pt;

}

.contenu h2.titre-texte {

	border-bottom-color: #FFFFFF;

	border-bottom-width: 2px;

	border-top-color: #FFFFFF;

}

.contenu .surtitre {

	margin-top: 0em;

	margin-bottom: 0em;

	color: #333333;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10pt;

}

.contenu .detail {

	margin-left: 2em;

	color: #000000;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10pt;

}

.contenu .detail .important {

	color: #000000;

}

.extrait {

	margin: 0.1em;

	margin-top: 0.5em;

	margin-bottom: 0.5em;

	margin-left: 2em;

	margin-right: 0.1em;

	line-height: 1.4em;

}

.liste-articles {

	margin-top: 1em;

	margin-bottom: 1em;

	clear: left;

}

.contenu .forum-repondre {

	font-family: Verdana,sans-serif;

	text-align: left;

	font-size: 80%;

	font-weight: bold;

	margin-top: 0.6em;

}





/*

 * Disposition a l'ecran : colonnes, encarts, cartouches

 */

#principal {
	position: absolute;
	left: 235px;
	top: 173px;
	right: 10px;
	margin-left: 10px;
	width: 70%;
	height: 400;

}



#plan {

	position: absolute;

	left: 16px;

	top: 130px;

	margin: 10px;

	padding: 0px;

	margin-right: 2em;

	margin-top: 2em;

	width: 797px;

}



#navigation {
	position: absolute;
	padding: 0px;
	margin: 0px;
	margin-left: 0%;
	margin-top: 0em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	visibility: visible;
	left: 5px;
	top: 173px;
	width: 230px;



}



.encart {

	float: none;

	margin-left: 1%;

	margin-top: 1em;

	margin-bottom: 1em;

	margin-right: 0px;

	clear: left;

	font-family: Arial, Helvetica, sans-serif;

	color: #CC3300;

	font-size: 10pt;

}



.cartouche {

	padding-top: 1em;

	margin-bottom: 1em;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10pt;

}
.tableau_syndicat {
	background-image: url(images/bande_orange_120.png);
	background-repeat: repeat-x;
	height: 120px;
}




.cartouche .spip_logos {

	margin-left: 0px;

	padding-left: 0px;

	margin-right: 0.8em;

}





/*

 * Habillage du plan du site

 */



.plan-secteur {

	margin-top: 0em;

	margin-bottom: 3em;

	clear: right;

	border-left-color: #FFFFFF;

	border-top-color: #FFFFFF;

	border-right-color: #FFFFFF;

	border-bottom-color: #FFFFFF;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 95%;

}



.plan-secteur h1 {
	display: compact;
	margin: 0px;
	padding: 8px;
	font-size: 90%;
	font-weight: bold;
	background-color: #CCCCCC;
	text-align:center;
	border: 1px solid #999999;

}

.plan-rubriques {

	clear: left;

	display: block;

	font-family: Verdana,sans-serif;

	font-size: 90%;

	list-style: none;

}

.plan-rubrique {

	display: inline;

	padding: 3px;

	font-family: Verdana,sans-serif;

	font-size: 90%;

	font-weight: bold;

}

.plan-articles {

	clear: left;

	margin-top: 0.5em;

	margin-bottom: 1em;

	font-family: Verdana,sans-serif;

	font-size: 90%;

	list-style: square;

}



/* Eclaircissement progressif des rubriques en fonction de la profondeur */



ul .plan-rubrique {

	border-color: #FFFFFF;

}

ul ul .plan-rubrique {

	border-color: #FFFFFF;

}

ul ul ul .plan-rubrique {

	background-color: #EEEEEE;

	border-color: #FFFFFF;

}





/*

 * Habillage des forums

 */



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: 100%;

}

.forum-item {

	margin: 0px;

	padding: 1em;

	padding-top: 0.5em;

	padding-bottom: 0em;

	text-align: left;

	color: #000000;

	font-size: 100%;

}

.forum-repondre-message {

	text-align: right;

}



/* 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 #e0e0e0;

}



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



ul .forum-chapo {

	border: 0px;

	border-bottom: 1px solid #FCE876;

	margin: 0px;

	padding-left: 6px;

	padding-right: 6px;

	padding-top: 3px;

	padding-bottom: 2px;

	font-size: 100%;

	background: #FFFFFF;

}

ul ul .forum-chapo {

	background: #d4e8e8;

}

ul ul ul .forum-chapo {

	background: #e4f0f0;

}

ul ul ul ul .forum-chapo {

	background: #f4f8f8;

}

ul ul ul ul ul .forum-chapo {

	background: #ffffff;

}





/*

 * Habillage des petitions

 */



.signatures {

	margin-left: 0px;

	margin-right: 0px;

	margin-top: 1em;

	margin-bottom: 1em;

	width: 100%;

}

.signatures td {

	-moz-border-radius: 0.4em;

}

.signatures-titre {

	clear: right;

	font-weight: bold;

	font-size: 100%;

	text-align: center;

	padding: 0.5em;

	margin: 0px;

}

.signature-date {

	white-space: nowrap;

	background: #FFFFFF;

	padding: 0.5em;

}

.signature-nom {

	font-weight: bold;

	background: #FFFFFF;

	padding: 0.2em;

	text-align: left;

}

.signature-message {

	font-size: 100%;

	background: #FFFFFF;

	padding: 0.4em;

	text-align: left;

}





/*

 * Formulaires

 */



.formrecherche {

	color: #000000;

	margin: 0px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 8pt;

	width: 150px;

	background-color: #F5510A;

}



.formulaire {

	background-color: #FFFFFF;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 8pt;

}

.forml {

}

.spip_bouton {

	border: 1px solid #000000;

	padding: 3px;

	background: #FFFFFF;

	font-family: Verdana,sans-serif;

}

.spip-admin {

	position: fixed;

	bottom: 0px;

	font-size: 100%;

	padding: 2px;

	line-height: 1.4em;

}

#principal2 {

	position: absolute;

	left: 250px;

	top: 480px;

	margin: 0px;

	padding: 0px;

	margin-right: 1%;

	margin-top: 0em;

	background-color: #FFFFFF;

	color: #000000;

	text-align: left;

	width: 70%;

}

.menu2 {

	padding: 0px;

	margin: 0px;

	margin-bottom: 8px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11pt;

	width: 550px;

	font-style: normal;

}

.menu-item2 {

	font-size: 90%;

	color: #CC3333;

	background-color: #FFEFCE;

}