/*
* ===========================================
* ============  ESTILOS PROPIOS  ============
* ===========================================
*/

/* bien regler les "margins"... (bugs IE) */

body {
	font-family: Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana, sans-serif;
	margin-top: 0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin:0px;
	padding:0px;
	background-color:  #FFCC80; /* #FAF0E6; color de fondo de toda la ventana */
	color:#3B3B4F;
	text-align:left;
}

a {
	text-decoration: none;
	color: #8B0000;
}

a:hover { 
	text-decoration: none; 
	color: white; 
	background-color: #6B8E23; 
}

a.spip_out { 
	text-decoration: none; 
}

a.spip_in, a.spip_url { 
	text-decoration: none; 	
}

a.spip_glossaire { 
	text-decoration: none; 
}

/* zona central (todo el contenido de la pagina) */

#pagina { 
	width: 770px; /* ancho de la zona central */
	border: 1px solid #696969; /* borde de la zona central */
	margin:  auto; /* centra el contenido verticalmente respecto a la ventana*/
	background-color: #FFF; /* color de fondo de la zona central de la pagina */
}



#cabecera {
	padding-right:.3em;
	background-color: #FFF5E6;
	color: #666666; 
	font-size: 170%;
	text-align: left;
	font-weight:bold;
	border-bottom: 1px solid silver;
}

#cabecera a {
	text-align: center;
}

#cabecera a:hover {

}

.cabecera_debajo {
	font-size: 50%; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #666666; 
	text-align: left; 
	padding-bottom: 1px; 
	padding-top: 1px; 	
	font-weight:normal;

}

.barra_menus{
	margin:auto;
	font-size:80%;
	border-bottom: 1px solid silver;
	background-color:#FFE6BF;
	color:silver;
}

.barra_menus a {
	text-decoration: none;
	color: #8B0000;
}

.barra_menus a:hover {
	text-decoration: none; 
	color: white; 
	background-color: #6B8E23; 
}



/* entre la cabecera y el pie */

#cuerpo {
	margin: 0px;
	background-color: #FFF; /* es el mismo color de fondo que el lado izquierdo para que llegue hasta abajo */

}



#lado_derecho {
	font-size:90%;
	float: right;
	right:0px;
	margin-right:0px;
	margin-top:0px;
	padding-top:0px;
	width: 25%;
	border-right: 0px solid #2F4F4F;
}

/* zona principal de contenido */

#contenido {
	margin-right:26.5%;
	background-color: #FFF;
	padding:1.7em;
	padding-right:.9em;
	padding-bottom:0px;
	border-right: 0px solid #2F4F4F;
	font-size:90%;
}



/* crea una zona bajo la de "contenido" */

#contenido_abajo {

	padding-top: 3%;

	border-top: 1px solid silver;

}





#mas_articulos {

	padding:0px;

}



#breves_sommaire {	

	padding-left: 0.4em;

	padding-right: 0.4em;

}



#foros_sommaire {
	padding-left: 0.4em;
}



#pie {	
	clear: both;
	color: #999999;
	background-color: #FFE6BF;
	font-size: 70%;
	padding: .3em;
	text-align: center;
	margin-top:1.8em;
	padding-left: .9em;
	padding-right: .9em;
	border-top: 1px solid silver;
}



.subsecciones {
	border-left: 1px solid silver;
	margin-bottom:10px;
	padding-left:.4em;
}



/* textos personalizados */

.texto {
padding-left:20px;
}



.chapo {
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: justify;
	font-size: 90%;
	margin-top:1.2em;
}



.titulo {
	font-size: 120%;
	font-weight: bold;
}



.modulo_titulo_iz {

	font-size: 95%;

	text-align: left;

	font-weight: bold;

	padding: 1px;

}



.modulo_titulo_center {

	font-size: 95%;

	text-align: center;

	font-weight: bold;

	padding: 1px;

}



.notas {

	font-size: 75%;

}

.menu_titulo {

	font-size: 95%;

	text-align: left;

}



.menu_item {

	font-size: 85%;

	padding-left: 0.6em;

	text-align: left;

}



.texto_70 {

	font-size: 75%;

}



.texto_80 {

	font-size: 85%;

}



.texto_90 {

	font-size: 95%;

}



.bio {

	font-size: 72%;

	text-align: center; 

	padding: 1px; 

	color:#999999;

}



/* crea los "recuadros" de las zonas peque–as: menu, enlaces,... */

.modulo {

	margin: 0px;

	margin-bottom:10px;

	padding: 0.4em;

	border-left: 1px solid silver;

}



/* crea el recuadro del menœ de navegaci—n (mapa del sitio, contactar,... */

.modulo_nav {

	margin: 0px;

	margin-bottom:10px;

	padding:0.4em;

	font-size: 85%;

	border-left: 1px solid silver;

	text-align: center;

}



.modulo_derecha {

	left:0px;

	margin-right:0px;

	float: right;

	width: 38%;

	margin-left:.9em;

	margin-bottom:.9em;

}



.modulo_banner {
	margin: 0px;
	margin-bottom:10px;
	padding:0px;
	padding: 0.2em;
	border-left: 1px solid silver;
	text-align:center;
	font-size:75%;
	color:#999999;
}



/* soluciona un bug del explorer que a–ade un parrafo donde se coloca la baliza #SPIP_CRON */

.cron {

	position: absolute;

	bottom: 0;

	left: 0;

}



/* para subrayar zonas (div) */

.subrayado_entero {

	border-bottom: 1px solid silver;

}



.subrayado_puntos {

	border-bottom: 1px solid silver;

}



.subrayado_puntos_gris {

	border-bottom: 1px solid silver;

}



/*

* Determina los m‡rgenes y la posici—n de los logos

*/



.logo_izquierda {
	float: left; 
	padding-bottom:.1em;
	border-right:.6em solid #fff;
	}

	

.logo_derecha {
	float: right; 
	padding-bottom:.1em;
	border-left:.6em solid transparent;
	}



/*

* =======================================================

* ===  ESTILOS DE LA DISTRIBUCIîN DE SPIP MODIFICADOS ===

* =======================================================

*/



/* 

*personaliza los botones de admin (actualizar pagina, espacio privado, visitas,...) 

*/



.botones_admin {

	position: absolute;

	top: 2px;

	margin: 0px;

	right: 0px;

	padding:0px;

	font-size:0px;

	background-color: #fff;

}



*html .botones_admin {  /* para el explorer */

	padding: 0px;

}



a.spip-admin-botones {

	border-left: 1px solid silver;

	text-decoration: none;

	text-align: center;

	margin: 0px;

	padding: 1px .5em 1px .5em;

	font-family: arial,sans-serif;

	font-size: 10px;

	font-weight:normal;

	background-color: #dedede;

	color: #666666;

}



a:hover.spip-admin-botones {

	background-color: #fc3;

	border-left: 1px solid #36F;

	color:#2F4F4F;

}



a:active.spip-admin-botones {

	background-color: #CCC;

	border-left: 1px solid #f00;

}



/* botones tipo Validar */



.boton_validar {

	margin:auto;

	padding: 1px;

	border: 1px solid silver;

	background-color:#ececec;

	text-align:center;

	font-size: 100%;
	color:#2F4F4F;

}



.spip_bouton {

	margin:auto;

	padding: 1px;

	border: 1px solid silver;

	background-color:#ececec;

	text-align:center;

	font-size: 100%;
	color:#2F4F4F;

}



/* Formularios */



.modulo_form {

	padding: 0px;

	margin: 0px;

	border: 0px;

}



/* modulo personalizado de "inscripciýn" (lo ve el firefox)*/

.modulo_inscripcion {

	font-size: 75%;

	text-align: center;

	margin: auto;

	color: #2F4F4F;

	width: 95%;

}


/*

* Formulario de "buscar"

*/



.modulo_buscar {	

	border-left: 1px solid silver;

	margin:0px;

	padding-left: .4em;

	padding-top: .4em;

	padding-bottom: .4em;

	margin-right:.6em;

	margin-bottom:10px;

}



.formrecherche {

	background-color:#ececec;

}



form.formrecherche {

}



input.formrecherche { /* el campo para escribir */

	width: 100%;

	padding-left: 4px;

	font-size: 85%;

	color: #2F4F4F;

	border: 0px;

	border-bottom: 1px solid silver;

	background-color:#ececec;

}



.reponse_formulaire {

	font-weight: bold;

	font-size: 110%;

	color: red;
	background-color:#fff;

}



/* Formularios en general como los de inscripci—n */



.forml {/*lo ve el firefox */
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#2F4F4F;

	border:0px;

	border-bottom: 1px solid silver;

	font-size: 100%;

	font-weight: normal;

	width: 100%;

	padding:.2em;

	padding-left:.4em;

	background-color: #fff;

}



.formulaire {

	padding: 2px;

	border:0px;	

	background-color: #fff;

	border-bottom: 1px solid silver;

	font-size: 110%;

	font-weight: normal;

	width: 100%;

}

/* ============================================== */

/** PARA plan.html **/

/* ============================================== */



.plan-sector {

	margin-bottom: .9em;

}



.plan-seccion {

	font-size:90%;

	font-weight:bold;

	display:block;
  	margin:.3em;
  text-transform:uppercase;

}

.plan-seccion a {
	display:block;
	  padding: 0 0 0 .3em;
	border-left:5px solid #6B8E23;  
}

.plan-seccion a:hover {
}



.plan-articulo {

	font-size:75%;

	padding-left:.5em;

}



.plan-subsector {

	padding-left:.6em; 

	margin-bottom:0px;

	margin-top:.3em;

}



.plan-subseccion {

	font-size:85%;

	font-weight:bold;

	color:#666666;

	padding:0px; 

	padding-left:.9em;

	padding-right:.3em;

}



.plan-subarticulo {

	padding-left:2.7em; 

	font-size:75%;

}



.plan-sub-subseccion {

 	padding-left:3.6em;

}



.encuadrar {

	float:right;

	width: 35%;

	border-left:.6em solid #fff;

	background-color: #fff;

}





/*

 * Habillage des forums

 */



ul.forum-total {

	display: block;

	padding: 0px;

	margin: 0px;

	list-style: none;

	margin-top:1.2em;

}

.forum-hijo {

}

.forum-hijo ul {

	display: block;

	margin: 0px;

	margin-left: .6em;

	padding: 0px;

	list-style: none;

}

.forum-titre {

	font-weight: bold;

	font-size: 120%;

}

.forum-item {

	margin: 0px;

	padding: .6em;

	font-size: 85%;

}

.forum-repondre {

	text-align: left;

	border-left:1px solid gray

}



.forum-repondre a {

display:block;

	padding:.3em;

	text-decoration:none;

}



.forum-repondre a:hover {

display:block;

	padding:.3em;

	color:white;

	text-decoration:none;

}



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



ul .forum {

	border-left: 1px solid #909090;

	padding: 0px;

	margin: 0px;

	margin-bottom:0px;

}

ul ul .forum {

	border:0px;

}

ul ul ul .forum {

	border:0px;

}

ul ul ul ul .forum {

	border:0px;

}

ul ul ul ul ul .forum {

	border:0px;

}

ul ul ul ul ul ul .forum {

	border:0px;

}



ul .forum-hijo {

	border:0px;

	border-top: 1px solid silver;

}

ul ul .forum-hijo {

	border:0px;

	border-left: 1px solid silver;

	border-top: 1px solid silver;

}

ul ul ul .forum-hijo {

	border:0px;

	border-left: 1px solid silver;

	border-top: 1px solid silver;

}

ul ul ul ul .forum-hijo {

	border:0px;

	border-left: 1px solid silver;

	border-top: 1px solid silver;

}

ul ul ul ul ul .forum-hijo {

	border:0px;

	border-left: 1px solid silver;

	border-top: 1px solid silver;

}

ul ul ul ul ul ul .forum-hijo {

	border:0px;

	border-left: 1px solid silver;

	border-top: 1px solid silver;

}



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



ul .forum-chapo {

	border: 0px;

	margin: 0px;

	padding: .3em;

	font-size: 95%;

	background: #ccccff;

}

ul ul .forum-chapo {

	background: #eeeeff;

	font-size:95%;

}

ul ul ul .forum-chapo {

	background: #eeeeff;

}

ul ul ul ul .forum-chapo {

	background: #eeeeff;

}

ul ul ul ul ul .forum-chapo {

	background: #eeeeff;

}



ul ul ul ul ul ul .forum-chapo {

	background: #eeeeff;

}



/*

*** sólo los usa el desplegable para cambiar esqueleto ***

*/



.modulo_cambiar {

	width:100%; 

	text-align:center; 

	color: #2F4F4F;

	border: 0px;

}



.modulo_cambiar_item {

	border-bottom: 1px solid silver;

	text-align:center;

	color: #2F4F4F;

	font-weight:normal;

}



.modulo_cambiar_item_inicial {

	width:100%;

	font-size:85%; 

	text-align:center;

	color: #2F4F4F;

	font-weight:normal;

	border-left: 1px solid silver;

}



.modulo_cambiar_item_selec {

	color: #2F4F4F;

	background-color: gray;

	border-bottom: 1px solid silver;

	text-align: center;

	font-weight: bold;

}



/*

***

*/



/*

 * Barre de raccourcis

 */



a.spip_barre img {

	border-left: 1px solid #ffffff;

	border-top: 1px solid #ffffff;

	border-right: 1px solid #aa9966;

	border-bottom: 1px solid #aa9966;

	padding: 3px;

	background-color: #FFDDAA;

}



a.spip_barre:hover img {

	border-left: 1px solid #808080;

	padding: 3px;

	background-color: #f8f8f4;

}





/* 

* Tablas 

*/



table.spip {

	margin-left: auto;

	margin-right: auto;

	border-left: 1px solid silver;

	border-collapse:collapse;

}



table.spip caption{

	caption-side: top; /* bottom pas pris en compte par IE */

	text-align: center;

	vertical-align: middle;

	margin-left: auto;                                                       

	margin-right: auto;

	padding: .4em;

	font-weight: bold;

}



table.spip tr.row_first {

	background-color: #FCF4D0;

}



table.spip tr.row_odd {

	background-color: #d0d0d0;

}



table.spip tr.row_even {

	background-color: #F0F0F0;

}



table.spip td {

	padding: .3em;

	text-align: left;

	vertical-align: top;

	font-size: 85%;

	border-left: 1px solid silver;

}



table.spip th {

	padding: .4em;

	border-left: 1px solid silver;

	font-size : 95%;

}



/* 

*  Fin Tablas 

*/



/*

 * Habillage des menus et de la navigation

 */



.menu {

	border-left: 1px solid silver;

	border-top: 0px;

	padding: 0px;

	margin: 0px;

	margin-bottom: 16px;

}

.menu ul {

	display: block;

	margin: 0px;

	padding: 0px;

	padding-bottom: 4px;

	list-style: none;

}

.menu ol {

	display: block;

	margin: 0px;

	padding: 0px;

	padding-bottom: 4px;

	list-style: none;

}

.menu-titre {

	border-bottom: 1px solid silver;

	margin: 0px;

	padding-left: 4px;

	padding-right: 4px;

	padding-top: 3px;

	padding-bottom: 2px;

	font-size: 90%;

}

.menu-item {

	margin: 0px;

	padding-left: 4px;

	padding-right: 4px;

	padding-top: 1px;

	padding-bottom: 1px;

	font-size: 80%;

	text-align:left;

}





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



.breves		{ background-color: #eaeaff; text-align:center; }

.breves .menu-titre 	{ background-color: #f2f2ff; }



.rubriques 		{ background-color: #f8f8e8; text-align:right; }

.rubriques .menu-titre	{ background-color: #fcfcf0; }



.general		{ background-color: #eaffea; }

.general .menu-titre	{ background-color: #F2FFF2; text-align:center; }



.divers 		{ background-color: #E2E2E2; }

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



.forums 		{ background-color: #f8f8e8; }

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



/* Fil d'Ariane */

#hierarchie {
	padding-left:2.1em;
	padding-top:1px;
	padding-right:1.6em;
	font-size: 72%; 
	color:gray;
}





/*

* BARRA DE RACURCIS

*/



/* Línea bajo los botones de la barra */

.barre {

	display:none;

}



/* Images typographiques (via image_typo), URL a revoir... */

.format_png { 

	behavior: url(win_png.htc); 

	border:0px;

}



/* Barre de raccourcis typographiques */

table.spip_barre { 

}



table.spip_barre a img {

	background: white;

	padding: 2px;

	margin-right:1px;

	border: 1px outset #999; 

}

	

table.spip_barre a:hover img {

	background: #cecece;

	border: 1px solid #999; 

}



table.spip_barre input.barre { 

	background: #EEE; 

}



/*

* FIN BARRA DE RACURCIS

*/



.pagination { 

margin-top:.6em;

text-align:right;

font-size:90%; 

color: #7d838a;

border-top: 1px solid #d7dee7;

margin-bottom:0px;

padding-bottom:0px;

}



.pagination a { 

}



.pagination a:hover { 

	background-color: #397272; 

}

h1 a {
	font-size:95%;
  padding: 0 0 0 6px;
  border-left:5px solid #6B8E23;
  text-align: left;
  line-height: 1.2em; 
  text-transform:uppercase;
}

h1 a:hover {
  color: #fff;;
  border-left:5px solid #6B8E23;
  text-transform:uppercase;
}

h2 a {
display:block;
	font-size:85%;
  padding: 0 0 0 .3em;
  border-left:5px solid #6B8E23;  
  text-align: left;
  line-height: 1.2em; 
  text-transform:uppercase;
}

h2 a:hover {
  color: #fff;
  border-left:5px solid #6B8E23;
  text-transform:uppercase;
}

.surtitre {
	font-size:85%;
	font-weight:bold;
  }

.modulo_editorial {
}

.editorial {
	margin-bottom:1.6em;
	background-color: #FFE6BF;
	font-size:95%;
	border:2px dashed silver;
	padding:.6em;
}

.destacado {
	background-color: #fff;
	font-size:80%;	
  	text-align: left;
  	text-transform:uppercase;
  	font-weight:normal;
  	padding: 0.4em;
  		padding-bottom: 0.1em;
}

.destacado a {
	display:block;
	 	margin-bottom:.3em;
}

.destacado a:hover {
	display:block;
}

.fecha {
	font-size:75%;
	color:#999999;
}

.articulos {
	font-size:95%;
}

/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: none; }

.spip_documents { text-align: center; }
.spip_documents_center { width: 100%; margin: auto; margin-bottom: 8px; margin-top: 8px; }
span.spip_documents_center { display: block;}
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 8px; margin-top: 8px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 8px; margin-top: 8px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left:auto; margin-right:auto;}
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left:auto; margin-right:auto;
}