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

/* bien regler les "margins"... (bugs IE) */
body {
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	margin-top: .9em;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: white; /* color de fondo de toda la ventana */
	color:#535555;
	font-size:97%;
	text-align:left;
}

a { 
	text-decoration: none; 
	color: #397272; 
}

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

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: 100%; /* ancho de la zona central */
	min-width: 500px; /* ancho minimo de la zona central */
	border: 0px solid #2F4F4F; /* borde de la zona central */
	margin:  auto; /* centra el contenido verticalmente respecto a la ventana*/
	background-color: white; /* color de fondo de la zona central de la pagina */
}

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

#oksana {float:left;margin-right: 10px;}
#cabecera a {
	text-align: center;
}

#cabecera a:hover {
}

#separa {
         border-bottom:1px solid #ccc;
         margin-top: 10px;
         margin-bottom: 10px;
}
.cabecera_debajo {
        margin-top: 5px;
	font-size: 50%; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #666666; 
	text-align: left; 
	padding-bottom: 1px; 
	padding-top: 1px; 	
	font-weight:normal;
}

/* entre la cabecera y el pie */
#cuerpo {
	margin: 0px;
	background-color: white; /* es el mismo color de fondo que el lado izquierdo para que llegue hasta abajo */
}

#lado_derecho {
	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 {
	right:26.5%;
	margin-right:26.5%;
	background-color: white;
	padding:1.7em;
	padding-bottom:0px;
	border-right: 0px solid #2F4F4F;
}

/* 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: white;
	font-size: 75%;
	padding: .3em;
	text-align: center;
	padding-left: .9em;
	padding-right: .9em;
	border-top: 1px solid #2F4F4F;
}

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

/* textos personalizados */

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

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

.modulo_titulo_iz {
	font-size: 85%;
	text-align: left;
	font-weight: bold;
	padding: 1px;
}

.modulo_titulo_center {
	font-size: 85%;
	text-align: center;
	font-weight: bold;
	padding: 1px;
}

.notas {
	font-size: 70%;
}

.destacado {
	font-size: 130%;
	font-weight:bolder;
}

.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;
	background-color: white;
}

/* crea el recuadro del menż de navegaciżn (mapa del sitio, contactar,... */
.modulo_nav {
	margin: 0px;
	margin-bottom:10px;
	padding:0.4em;
	font-size: 150%;
	border-left: 1px solid silver;
	background-color: white;
	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;
	background-color: white;
	text-align:center;
}

/* 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 white;
	}
	
.logo_derecha {
	float: right; 
	padding-bottom:.1em;
	border-left:.6em solid white;
	}

/*
* =======================================================
* ===  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%;
}

.spip_bouton {
	margin:auto;
	padding: 1px;
	border: 1px solid silver;
	background-color:#ececec;
	text-align:center;
	font-size: 100%;
}

/* 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%;
}

*html .modulo_inscripcion {
}

/*
* 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-left: 1px solid silver;
	background-color:#ececec;
}

.reponse_formulaire {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 110%;
	color: red;
}

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

.forml {
	/*lo ve el firefox */
	border:0px;
	border-left: 1px solid silver;
	font-size: 100%;
	font-weight: normal;
	width: 100%;
	
	padding:.2em;
	padding-left:.4em;
background-color: #ececec;
}

*html .forml {
	/* lo ve el explorer */
}

.formulaire { /* lo ve el firefox */
	padding: 2px;
	
	border:0px;	
	
	background-color: #ececec;
	border-left: 1px solid silver;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: normal;
	width: 100%;
}

/*
 * PARA logos y archivos
 */

.spip_documents{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size : 75%;
}

.spip_documents_center{
	margin: auto; 
	text-align: center;
	font-size : 85%;
	font-weight: normal;
}

.spip_documents_left{
	float: left;
	margin-right: 15px; 
	margin-bottom: 5px;
	text-align: center;
		font-size : 85%;
	font-weight: normal;
}

.spip_documents_right{
	float: right;
	margin-left: 15px; 
	margin-bottom: 5px;
	text-align: center;
		font-size : 85%;
	font-weight: normal;
}

/* ============================================== */
/** PARA plan.html **/
/* ============================================== */

.plan-sector {
	margin-bottom: .9em;
}

.plan-seccion {
	font-size:95%;
	font-weight:bold;
	border-left: 1px solid silver; 
	padding:.2em;
	padding-left:.4em; 
	padding-right:.4em; 
	margin-bottom:.4em; 
	background-color:#ececec;
}

.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 white;
	background:white;
}


/*
 * 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;
	background-color:#ccccff;
	border-left:1px solid gray
}

.forum-repondre a {
display:block;
	padding:.3em;
	text-decoration:none;
}

.forum-repondre a:hover {
display:block;
	background-color:#397272;
	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;
	font-family: Verdana,Arial,Sans,sans-serif;
}

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: 0.74em; 
	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; 
}
.art_port {border:1px solid #eee;
margin-bottom: 20px;
padding: 10px;
;
}