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

body { 

background: #FFFFFF; 
margin: 5px;
font-family: Georgia,"Times New Roman",Times,serif; 
font-size: 0.9em;

background: white url(fondz.gif) repeat-y left top;

/* label {color: white} */

}

#page {

	width: 60em;
	text-align: left;
/*	margin-right: auto; */
/* border: 1px groove #AAAAAA; */

}

.page_rubrique {background: #eee url(fondz.gif) repeat-y left top;}

/*
.page_sommaire { background: #eee url(fondw.png) repeat-y left top; }
*/

/* Cadres principaux (id) */

#conteneur { width: 100%; margin-bottom : 1em;  padding-bottom: 1em; }

#entete { width: 100%; height: 10em; }

/*

#entete #nom_site_spip, #entete a .spip_logos {
	display: block;
	float: left;
	font-weight: bold;
	font-size: 1.5em; 

}

*/

/* Fil d'Ariane */

#hierarchie {
clear: both;
font-size: 0.9em;
font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;

border-bottom: 1px solid #aaa;

}


#naviga { 

width: 162px;
padding-top: 0.3em;
padding-bottom: 1em;
float: left;
font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;

}

#naviga ul { display: block; margin: 0 0 0.3em 0; padding: 0 0 0.3em 0; }
#naviga li { margin: 0 0 0.2em 0; padding: 0; }

#naviga h1 { font-size: 100%; font-weight:bold; color: #fff; 
text-decoration: underline; padding: 0 0 0.5em 0; margin: 0; }

#naviga a{color: #fff;}
#naviga hover{color: #F60;}
#naviga a:visited{color:#ccc; text-decoration: none;}
#naviga a:hover{color:#f60; text-decoration: none;}

.special { color: #f60 }

.special a{color: #f60;}
.special hover{color: #f60; text-decoration: underline;}
.special a:visited{color:#f60; text-decoration: none;}
.special a:hover{color:#f60; text-decoration: underline;}

h3.special,h4.special { 
font-weight: bold;
font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
margin: 0.5em 0 0 0.5em;

}

h4.special { border-top: 1px solid #669 }

#contenu { 

width: 66%;

margin-bottom : 1em;
margin-left: 0.4em;
padding-left: 1em;
padding-right: 1em;
padding-bottom: 1em;
float: left;

}

#contenu ul  {

margin: 0 0.5em 0.5em 0.5em; padding: 0 0.5em 0.5em 1em ; 
font-family: Georgia,"Times New Roman",Times,serif; 
text-align: left;
list-style-position: outside; list-style-image: url(puce.gif); 

} 

#contenu .encart {

float: right;
	/*width: 14em;*/
width:40%;

	margin: 0.5em 0 1em 1.5em ;
	padding: 0 0 0.5em 0;
font-size: 95%;
line-height: 1.2em;

}

#contenu .encart ul { 
font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; 
display: block; list-style: none; padding: 0; margin: 0 0 0.5em 0.5em }

#contenu .contre-encart {
	float: left;
width: 50%;

}

/*  ------------------------------------- */
/*  Listes, ul, li, à puces et sans puces */
/*  ------------------------------------- */ 

/* listes par défaut */

img, table { margin: 0; padding: 0; border: none; }
ul, ol, li { margin: 0; padding: 0; text-align: left}
ul { list-style: none; }

/* liste à puce pour les cadres : biblio, dicos, sites_synd... */

/* Encart... */

/* ---------------------------------------------------- */
/* Cadres pour le sommaire et autres pages (2 colonnes) */
/* ---------------------------------------------------- */

#gauchesom, #centresom, #droitesom { 

width: 25%; float: left; 
margin: 0 0.8em 0 0; 
padding: 0 0 1em 0; 

}

.centresynd, .droitesynd {

width: 45%;
font-size: 90%;
float: left;
padding-left: 0;
margin-bottom: 1em;
margin-right: 1em;
padding-bottom: 1em;

}

.gauchedico, .centredico, .droitedico { 

width: 32%; float: left; 
margin: 0.3em 0.2em 0 0.2em; 
padding: 0 0 1em 0 ; 

}

/* Pied de page */

#pied {
clear: both;
width: 100%;
margin-top: 4em;
padding: 2px;
text-align: left; 

}

#pied small { font-size: 0.77em; }
#pied img { vertical-align: bottom; }

#piedprint { margin-left: 180px; float: left; }

#logo {
float: left;
width: 167px;
height: 3em;
	margin-left: 0px;
	padding-top: 2px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2.3em;
	font-weight: bold;
	font-color: #00007A;
border-bottom: 2px groove #CCCCCC;

 }

h1.sitetitle {

float: left;
	font-size: 1.0em;
	font-weight: bold; 
color: #447;
	padding-bottom: 5px;
	padding-top: 1px;
	padding-left: 0.5em;
font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
font-size: 110%; 

}

#sitetitle h2 { font-size: 1.10em;  font-weight: normal; color: #999; }

/* Autres cadres (id) à trier */

#plan {
	position: absolute;
	left: 2em;
	top: 0px;
	margin: 0px;
	padding: 0px;
	margin-right: 2em;
	margin-top: 2em;
}

#abon {
clear: both;
width: 50%;
margin-left: 340px;
margin-top: 2em;
/* border-top: 1px dotted #CCC; */
padding: 2px 2px 2px 4em;
text-align: left; 

}

/* blocs dépliables du couteau suisse */


div.cs_blocs>div {
background-color: #eee;
margin: 0.5em; padding: 1em;

}

h4.blocs_titre, h4.blocs_replie .important {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;

}


/* ------------------------------------------------------ */
/* Mise en page des textes (bordures...) : class courants */
/* ------------------------------------------------------ */

.texte, .texte p.spip {  text-align: justify;  

font-size: 95%;
	line-height: 1.5em;
	padding: 0;
	margin: 0.5em 0.1em 0.5em 0;
font-family: Georgia,"Times New Roman",Times,serif;

}

a{text-decoration: none; color: #225}
hover{color: #f60}
a:visited {color: #669}
a:hover {color:#f60;text-decoration: none}

.fondcouleur { background-color: #AAAAAA; }

.extrait { 

	padding: 2px 4px 2px 0.5em; 
	margin: 0; 
	text-align: left; 
	font-size: 90%; 
	font-family: Georgia,"Times New Roman",Times,serif;
	color: #225; 

}

.chapo {

	padding-bottom: 0.5em;
	padding-left: 0;
	margin: 0.5em 0 1em 0;
	line-height: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
 	color: #225;
	text-align: justify;
}

.ps {
	padding-top: 0.6em;
	margin-top: 0.6em;
	border-top: 1px dashed #404040;
	text-align: justify;
	font-size: 85%;
}

.notes {
	margin-top: 0.6em;
	margin-bottom: 0.6em;
	border-top: 1px solid #a0a0a0;
	padding: 1.5em;
	text-align: left;
	font-size: 80%;

}

#citation {

float: left;
margin: 0px 0 1em 0.5em;
padding: 0.3em 0.5em 0.3em 0.3em;
width: 75%;
min-height: 4em;
border-top: 2px solid #aaa;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
font-family: Georgia,"Times New Roman",Times,serif; 
font-size: 85%;
text-align: left;
color: #447;

}

.souligner { font-weight: bold; color: #0080FF; }

/*  ------------------------------------------
/*  Styles pour les contenus 
/*  ------------------------------------------ */

/*
 * Ici les styles pour le contenu
 */

#contenu h1,h2 { font-size: 120%; font-weight: bold; }

#contenu h1.titre { 
	font-size: 220%;
	font-weight: normal;
	letter-spacing: -2px; 
	word-spacing: -2px;
	color: #447;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

#contenu h2.titre {

	margin-top: 0;
	margin-bottom: 0;
	font-size: 120%;
	font-weight: normal;
	color: #447;
	font-family: Verdana, Arial, Helvetica, sans-serif;

letter-spacing: -1px; 
word-spacing: -1px;

}

#contenu h3.titre {

	font-size: 130%;
	font-weight: bold;
	color: #447;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

#contenu .detail { margin-left: 1em; padding: 0; font-size: 85%; line-height: 1.2em}

#contenu .detail .important {
	color: #003399;
font-weight: bold;

}

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

.liste-articles { margin: 0.5em 0 0.5em 0; clear: left; padding: 3px; }

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


.droite { 

font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; 
font-weight: bold;
color: #447; 

}

.droite a{text-decoration: none; color: #447;}
.droite hover{color: #F60}
.droite a:visited { color: #88b;}
.droite a:hover { color:#F60; text-decoration: none; }


h1.droite { 

padding: 0.2em 0 0.2em 0; 
margin: 0 0 0 0;

}

h2.droite { 

font-size: 110%; 
padding: 0.2em 0 0.2em 0.3em; 
margin: 0 0 0 0;
background: white url(gris3.png) ;
border-top: 1px solid #eee;

}

h3.droite { 
font-size: 100%; 
padding: 0.3em 0 0.3em 0.5em; 

}

h4.droite { 
font-size: 100%; 
padding: 0;
margin: 0.5em 0 0 0.5em;
border-top: 1px solid #669;

}

.visu { color: #F60; }

.menu-item {
	margin: 0;
padding: 1px;
	font-weight:normal;
	font-size: 95%;
}

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

.menu-titre {

border-top: 1px solid #eee;
font-weight:bold;
margin: 0 0 0.5em 0; 
padding: 0.2em 0 0.2em 0; 
background: white url(gris3.png) ;
font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color: #447;

}

.general		{ background-color: #ffffff; text-align:left; }
.general .menu-titre 	{ background-color: #ffffff; }

.rubriques		{text-align:left; color:#ffffff}
.rubriques .menu-titre	{ color: #ffffff; text-align:center; }

.rubriques a{ color: white; text-decoration: none; }
.rubriques a:visited{ color:#DDDDDD; text-decoration: none; }
.rubriques a:hover{ color:#F60; text-decoration: none; }

.articles { }
.articles .menu-titre { text-align:center; padding-bottom: 4px;}

.breves 		{  }
.breves .menu-titre	{ text-align:center; padding-bottom: 4px; }

.syndic 		{  }
.syndic .menu-titre	{ text-align:center; padding-bottom: 4px; }

.actu 		{ background-color: #0099ff; }
.actu .menu-titre	{ background-color: #0099cc; text-align:center; }

.recent 		{ background-color: #0099ff; }
.recent .menu-titre	{ background-color: #0099cc; text-align:center; }

.divers 		{ background-color: #eaeaff; }
.divers .menu-titre	{ background-color: #f2f2ff; text-align:center; }

.forums 		{ background-color: #e8f8f8; }
.forums .menu-titre	{ background-color: #f0fcfc; text-align:center; }


/*  ------------------------------------------------------ */
/*  Disposition a l'ecran : colonnes, encarts, cartouche...*/
/*  ------------------------------------------------------ */


/*  Cartouche et titraille
---------------------------------------------- */

.cartouche { margin-bottom: 1em; }

.cartouche .spip_logos {
	margin: 0;
	padding-left: 0;
	margin-right: 0.8em;
}

/*  ------------------------------------------
/*  Divers .spip_xxx : voir spip_style
/*  ------------------------------------------ */

/*
 * Correction des styles HTML par defaut
 */

.structure {
	display: none;
}

h1,h2,h3,h4 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1em;
	font-weight: normal;
}

/* Formulaire de recherche */

#recherche { width: 75% }

#rechx { float: left; width: 14em; padding: 0 0 0 0.5em; }

#rechg { float: left; width: 26em; padding: 0 0 0 0.3em; font-size: 90%; }

.formulaire_recherche { text-align: left; width: 12em; }
.formulaire_recherche label { display: none; }

input.formrecherche {
	width: 95%;

	margin: 0;
	padding: 2px;
	border: solid 1px #AAAAAA;
font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 90%;
}

/* Class (v. aussi id recherche) de la boîte pour l'input recherche SPIP */

/* boutons OK de SPIP et Google */

.formbouton {
	background-color: #DDDDDD;

	margin: 0;
	padding: 2px;
	border: solid 1px #AAAAAA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 80%;
}

/* Taille de police dans la boîte de recherche google */

.google { font-size: 100%; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;}

/* Autre formulaires */

.formulaire {
	color: black;
	margin: 0;
	margin-bottom: 16px;
	padding: 4px;
	border: 1px solid #a0a0a0;
	background-color: #f6f6f6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: normal;
}

.forml {
	background-color: #ececec;
	margin: 4px;
	padding: 1px;
	border: dashed 1px #909090;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
}

.forml { width: 95% ; background-color: #ddf;}

.spip-admin {
	position: absolute;
	bottom: 0;
	padding: 4px;
}

/*  -------------------------- */
/*  Tableaux : voir spip_style */
/*  -------------------------- */

/*  ------------------- */
/*  Bouton de fermeture */
/*  ------------------- */

.haut {

float: right;
padding: 1px;
margin: 10px 20px 0 0;

}

.haut a {
  display: block;
  width: 6em;
	height: 1.5em;
font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
  font-size: 90%;
  font-weight: bold;
	background-color: #eee;
	text-align: center;
	color: #000;
  text-decoration: none;
	margin: 2px 0;

}

.haut a:link, .haut a:visited {
  border-top: 1px solid #cecece;
  border-bottom: 2px solid #4a4a4a;
  border-left: 1px solid #cecece;
  border-right: 2px solid #4a4a4a;

}

.haut a:hover {
  border-bottom: 1px solid #cecece;
  border-top: 2px solid #4a4a4a;
  border-right: 1px solid #cecece;
  border-left: 2px solid #4a4a4a;
}


/* ------------------------------------- */
/* Barre de raccourcis : voir spip_style */
/* ------------------------------------- */

/* tiré de spip admin css in paulsoriano */

table.spip_barre { width: 100%; }

table.spip_barre a img {
	background: #FDA;
	padding: 3px;
	border: 1px outset #999; }
table.spip_barre a:hover img {
	background: #FFF;
	border: 1px solid #999; }

table.spip_barre input.barre { width: 100%; background: #EEE; }

/* ------------- */
/* DIVERS ATRIER */
/* ------------- */

/* Espaceur de blocs */

.nettoyeur { 

clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; 

}

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }

.caractencadre-spip { color: #F60; font-weight: bold; }

h2.puces {   

display: list-item;   list-style-image: url(puceon.gif);   list-style-position: inside; 

}

h1.spip {
font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 120%;
color: #555;
	text-align: center;
	margin-top : 40px;
	margin-bottom : 40px;
	padding: 0;
}

h2.spip {
font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 110%;
color: #555;
	text-align: left;
	margin-top : 10px;
	margin-bottom : 10px;
	padding: 0;
}

h3.spip {
font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 110%;
color: #447;
text-align: left;
	margin-top : 10px;
	margin-bottom : 10px;
	padding: 0;
}

hr.spip { }
b.spip { }
i.spip { }

blockquote.spip {
	margin-left : 40px;
	margin-top : 10px;
	margin-bottom : 10px;
	margin-right: 0;
	border : solid 1px #aaaaaa;
	background-color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
}

/*
 *  Images typographiques (via image_typo)
 */

.image_typo {
	behavior: url("win_png.htc");
}


/* DIVERS... */

/* Info, infod et infog pour les popups sans ouverture de fenêtre */

a.infod {position: relative;}

a.infod span { display: none; }

a.infod:hover {background: none; /* bogue d'IE */ z-index: 500; }

a.infod:hover span {
display: inline;
position: absolute;
z-index: 500;
top: 2em;
left: 1em;
width: 200px;
font-weight: normal;
background-color: #ddf;
color: #447;
padding: 0.2em;
border: 1px solid #447;

}

a.infog {position: relative;}

a.infog span { display: none; }

a.infog:hover {background: none; /* bogue d'IE */ z-index: 500; }

a.infog:hover span {
display: inline;
position: absolute;
z-index: 500;
top: 3em;
left: -12em;
width: 300px;
font-weight: normal;
background-color: #eee;
color: #447;
padding: 0.5em;
font-family: Georgia,"Times New Roman",Times,serif; 
-moz-border-radius: 5px;
}

/* Couleurs et design des boutons d'admin */
/* Les boutons d'admin survolent la page (sauf #FORMULAIRE_ADMIN) */

.spip_bouton { background-color: #fff }


.spip-admin-boutons {
	font-size: 10px;

}


a.spip-admin-boutons {
	border: 1px solid #AAAAAA;
	text-decoration: none;
	text-align: center;
	margin: 0;
	padding: 1px .5em;
	font-family: verdana,helvetica,arial,sans-serif;
	font-size: 10px;

	background-color: #fff;
	color: #fff;
-moz-border-radius: 10px;

}

a:hover.spip-admin-boutons {
	background-color: #fc3;
	border-bottom: 2px solid #36f;
}

a:active.spip-admin-boutons {
	background-color: #ccc;
	border-bottom: 2px solid #f00;
}

/*  ------------------------------------ */
/*  Habillage specifique du plan du site */
/*  ------------------------------------ */

.page_plan #contenu h2 {
	clear: both;
	background: white url(gris3.png) ;
	font-size: 110%; font-weight: bold; 
	border-top: 1px solid #eee;
	padding: 0.2em 0 0.2em 0; 
	margin-bottom: 1em;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	color: #555;

 }

.page_plan #contenu .contre-encart ul {
	display: block;
	clear: left;
	margin-left: 1em;
	margin-bottom: 1em;
	list-style: square; }
.page_plan #contenu .contre-encart li { list-style: inherit; }


/*  ---------------- */
/*  Popup (mots-clés */
/*  ---------------- */

.page_popup { background: #fff; }
.page_popup #page { width: 100%; }
.page_popup #contenu {width: 90%; margin: 1em; padding: 0.5em; text-align: left; }
.page_popup .haut { width: 60px; font-family: Verdana, Arial, Helvetica, sans-serif; }