/* Contenant du site, division qui inclue toutes les autres. Marges 
prédéfinies pour assurer l'affichage dans tous les navigateurs et 
toutes les résolutions possibles */
/***************************************************************************/


/***************************************************************************/
/* Les classes pour l'habillage des menus et des textes                    */
/***************************************************************************/



/*espace entre le nom des associations*/
.asso
{

margin-top:10px;
}


/***************************************************************************/
/* Pour les titres des menus a la gauche du site */
/***************************************************************************/
.menu-titre
{
border-bottom: 1px solid #fff;/* Ligne en-dessous du titre de la rubrique */
font-size:140%;/* taille de la rubrique à la racine */
font-weight:bold;
margin-bottom:.5em; /* marge avec les sous-rubriques */
margin-top:1em; /* pour laisser l'espace entre les titres des menus */
}

/***************************************************************************/
/* Les titres des menus (breves, mots-cles et sites syndiques) se */ /* retrouvant à la droite du site  ) */
/***************************************************************************/
.menu-droite
{
font-size: 100%;
font-family: Verdana, Times; 
font-weight:bold;
border-bottom: 1px solid black;
margin-top:1em; /* pour laisser l'espace entre les titres des menus */
}

/***************************************************************************/
/* Pour les titres des sites syndiques */
/***************************************************************************/

/*
.menu-droite-b
{
font-weight:bold;
margin-top:1em; 
list-style-type:none;
}
*/

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



/***************************************************************************/

body
{

}


ul.menu-droite-b /* classe pour le menu liste des sites syndiques */
{
list-style:none;
margin-bottom:1em;  /*laisser l'espace entre le titre des sites syndiques et leurs articles */
margin-top:1em;


}

/***************************************************************************/
/* pour la barre de navigation du haut */
/***************************************************************************/


ul
{

list-style-type:none;
padding:0; /* pour firefox */
margin:0; /* pour IE */

}

li{



}

/***************************************************************************/
/* Division qui va contenir tout le reste des divisions */
/***************************************************************************/


#container
{
width: 90%;
margin: 10px auto; /* pour IE et Firefox (auto) voir floatutorial */
border: 1px solid gray; /*bordure qui fait le tour du site (extérieur)*/
line-height: 130%;
}

/***************************************************************************/
/*Division pour l'entête*/
/***************************************************************************/


#top
{

padding: .5em;
background-color: #ddd;
border: 1px solid gray;
/*background-image: url("villebg.jpg");*/
}

#lefttop
{

padding: .5em;


}

/*pour le titre dans le top*/
#righttop
{
padding: .5em;
background-color: #f4efc4;
border: 1px dotted gray;
width:200px;
float:right;
margin: 10px;
font-family:arial;
text-align:justify;
font-weight:bold;
font-size:75%;
}

/***************************************************************************/
/*Division pour la barre de navigation.*/
/***************************************************************************/

#navcontainer
{

float:left;
width:100%;
}

#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #036;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #036;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #369;
color: #fff;
}

/***************************************************************************/
/*Division pour le menu à gauche*/
/***************************************************************************/

#leftnav
{

float: left;
width: 17%;
margin: 0;
padding: .9em;
background-color:#036;
border-top: 1px solid #fff; 
}

/***************************************************************************/
/*Division pour le menu à droite */
/***************************************************************************/

#rightnav
{
float: right;
width: 17%;
margin: 0;
padding: .9em; 
background-color:#fff;
/*border:1px solid black;*/

}

/***************************************************************************/
/*Division pour le menu principal, le contenu des articles.*/
/***************************************************************************/

#content
{
float:left;
/*margin-left: 200px;*/
/*border-left: 1px solid gray;*/
/*margin-right: 200px;*/
border-right: 1px solid gray;
padding: 1em;
padding-top: 40px;/* pour firefox qui ne reconnait pas le padding-top en em*/
background-color:#fff;
/*max-width: 36em;*/
width:55%;

}



/*Division pour la section du bas de page */
/***************************************************************************/

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
text-align:center;
font-size:75%;
font-weight:bold;
font-family:arial;
line-height:.5em;
}

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

.contenu .forum-repondre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 90%;
	font-weight: bold;
	margin-top: 0.6em;
}

.forums 		{ background-color: white; }
.forums .menu-titre	{ background-color: #036; text-align:center; }

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: #036;
	font-size: 80%;
}
.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 #a4b8b8;
}
ul ul ul ul .forum {
	border: 1px solid #cccccc;
}
ul ul ul ul ul .forum {
	border: 1px solid #e0e9e0;
}
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 {
	border: 0px;
	border-bottom: 1px solid #b8b8b8;
	margin: 0px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
	padding-bottom: 2px;
	font-size: 90%;
	background: #c4e0e0;
}
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;
}
.liste-articles {
	margin-top: 1em;
	margin-bottom: 1em;
	
}