/*  ----------------------------------------------------------- */
/*  Hoja de estilos MKM V2.00  */
/*  ----------------------------------------------------------- */

/* tamaño tipo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Atención : Por debajo de 0.71em el texto se convierte en poco legible bajo MSIE
 */

/*  ------------------------------------------
/*  Corrección de estilos HTML predeterminados
/*  ------------------------------------------ */
body {
	margin: 0;
	padding: 0;
	background-color: silver;
	text-align: center;
	font-size: 96%;
	background-color: #757D88;
}

img, table { margin: 0; padding: 0; border: none; }
ul, ol, li { margin: 0; padding: 0; }
ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }

/*  ------------------------------------------
/*  Disposición en pantalla de los bloques principales
/*  ------------------------------------------ */
#page {
	width: 1024px; /*53em 51 */
	text-align: left;
	margin: 1.5em auto;
	padding-top: .5em;
	background-color: white;
}
#page_agenda {	text-align: left;}

#conteneur { width: 1008px; margin: 0 .5em; background-color: #9BCFA2;} /* 52em  9BCFA2*/

#conteneur #contenu {
	float: right;
	width:848px; /*1008px 838px 36em 38 580px; */
/* 2	display:inline; */
	margin: 0 0 0 0;
background-color: #9999CC;
}

#conteneur #navigation {
	float: left;
	width: 160px; /* 11em */
	margin: 0;
/* 2	display: inline; 
F3CF00*/
	background-color: #9BCFA2;
}

#centro {
margin-right: 0px;
width:712px;
float:left;
clear:right;
padding:4px;
background-color:#bfcae2;
}

/* Bloques de contenido (c-a-d. la columna principal) */
#contenu .contre-encart {
	float: left;
	width: 64%; /*64 59 */
}

#contenu .encart {
	float: right;
	width: 35%;
	margin: 0;
	/* 
	position: absolute;
	top: 0;
	right: 0;
	width: 9em;
	margin: 0 0 1em;
	padding:0;
	background-color: silver;
	overflow:hidden;
 	*/
 }

/* Cabecera */
#entete {
	position: relative;
	left: 0;
	width: auto;
	margin: 0 .5em;
	padding: 0 0 3px 0;
	background: url(images/bandasuperior.jpg) no-repeat top left ;
/*	background-color: #595D66;*/
	border: 0;
}
#entete a {
	display: block;
	font-weight: normal;
	color: white;
	font-size: 2.5em;
	margin: 0 ;
	background-repeat: repeat;
}
#entete a { text-decoration: none; }
/* #entete .formulaire_recherche { position:absolute; bottom:-2em; right:.3em;}  */
#entete .formulaire_recherche { 
	margin-top: 1em;
	margin-right: 1em;
	float: right; 
	background: #bfcae2 ;
}

#entete .formulaire_recherche .forml { width: 8em;}

/* Navegación - Hilo de Ariadna */
#hierarchie {
	clear: both;
	font-size: 0.75em;
	font-weight: bold;
	margin: 0 .7em 0 .6em;
	padding: .5em .4em;
	background-color: #FFCC80 ;
}

/* Pie de página */
#pied {
	clear: both;
	margin: .5em;
	padding: .5em 0;
	text-align: center;
	background-color: navy;
	color: white;
}
#pied small a { font-size: 0.9em; color: white }
#pied img { vertical-align: bottom; }

/* Espaciador de bloques */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

/* Invisible en pantalla */
.invisible { position: absolute; top: -3000em; height: 1%; }

/*  ------------------------------------------
/*  Tipografía general del sitio
/*  ------------------------------------------ */

/* Tipografía para el título del sitio */
#entete #nom_site_spip {
	font-family: Impact, "Trebuchet MS",Tahoma, "Arial Narrow", "Futura Condensed",  Helvetica, sans-serif; }

/* Tipografía para los menús y la navegación */
body, #navigation, .encart,.formulaire_spip {
	font-family: Verdana, "Bitstream Vera Sans", Tahoma, Arial, sans-serif; }

/* Tipografía para el contenido */
#contenu {
	font-family: "Trebuchet MS", Helvetica, sans-serif; }

/* Tipografía para las citacions y sumarios de introducción  */
q, blockquote, .liste-articles li .texte, h3.spip {
	font-family: "Bitstream Vera Serif", Georgia, Times, serif; }

/*  ------------------------------------------
/*  Estilos de menús y de la navegación
/*  ------------------------------------------ */

/*  Estilo general de menús de navegación
---------------------------------------------- */
.rubriques, .breves, .syndic, .forums, .divers {
	min-width: 9em;
	/* border: 1px solid #CCC; */
	margin-bottom: 1em;
	font-size: 0.77em;
	font-family: "Trebuchet MS", Arial, sans-serif;
}

.menu-titre {
	padding: 0.5em 0 0.1em 0 ;
	/* border-bottom: 1px dotted #CCC; */
	text-align: center;
	font-weight: normal;
	font-size: 1.2em;
	text-transform: uppercase;
	color:white;  
}

.menu-titre a, .menu-titre a:link, .menu-titre a:visited, .menu-titre a:hover { color: white; }

.rubriques p, .breves p, .syndic p, .forums p, .divers p { margin: 0; padding: 0.2em 0.7em;  }
.rubriques ul, .breves ul, .syndic ul, .forums ul, .divers ul { padding: 0.2em 0; }
.rubriques li, .breves li, .syndic li, .forums li, .divers li { padding: 0 0.7em; }
.rubriques ul li, .breves ul li, .divers ul li {margin: 2px 0px; list-style-type:square; list-style-position:inside ;padding: 0em 0.2em 0.1em 0.5em; }

/*  Colores específicos según los tipos de menús
---------------------------------------------- */
.rubriques { background: transparent;}
.rubriques .menu-titre {background: transparent; }

#navigation .breves { background: transparent; }
#navigation .breves .menu-titre { background: transparent; }
.encart .breves { background: #F3CF00; }
.encart .breves .menu-titre { background: #F3CF00; } /* E65714 */

.syndic { background: #369A3D; }
.syndic .menu-titre { background: #369A3D; }

.forums { background: #42B4AC; }
.forums .menu-titre { background-color: #42B4AC; }

.divers { background: transparent; }
.divers .menu-titre { background: transparent; }

/*  Estilos específico de los bloques de recuadro 
---------------------------------------------- */

/*
#contenu .encart div {
	width: 30%;
	margin: 0;
	text-align: left;
}
#contenu .encart div.breves { float: left; }
#contenu .encart div.forums { float: right; }
#contenu .encart div.syndic { margin: 0 auto; }
#contenu .encart div.formulaire_spip {width:auto; }
*/

/*  ------------------------------------------
/*  Estilos del bloque contenido
/*  ------------------------------------------ */

/*  Recuadros y fuentes
---------------------------------------------- */
.cartouche { margin-bottom: 2em; }

.cartouche .titre {
	font-size: 1.27em;
	font-weight: bold;
	color: #000; }
#contenu .surtitre, #contenu .soustitre { font-size: 0.82em; }

.cartouche .spip_logos {
	float: right;
	margin-left: 16px;
	margin-bottom: 16px; }

.cartouche p { margin: 0; padding: 0; clear: left; }
.cartouche small { font-size: 0.71em; }

.cartouche .traductions { font-size: 0.71em; }
.cartouche .traductions * { display: inline; }
.cartouche .traductions li { padding-left: 1em; }

/*  Presentación de los textos del contenido
---------------------------------------------- */
.empresa{
	align:center; 
	padding: 0px 1px 0px 0px;
	height:54px;
	color: rgb(242, 242, 242); 
}

.empresa img{
padding: 0px 2px 0px 4px;
}

.tecno{
	align:center; 
	padding: 2px 1px 0px 0px;
	height:17px;
	color: rgb(141, 141, 141); 
} 

.tecno a{
	align:center; 
	padding: 2px 1px 0px 0px;
}

.chapo {
	margin-bottom: 0.8em; /* 1.5 */
	font-weight: bold;
	line-height: 1.2em;
	background-color: #9BCFa2;
	padding: 0.5em;
}

.lien {
	background: #EEE;
	margin: 1em;
	margin-bottom: 1.5em;
	padding: 0.82em;
	border: 1px solid #CCC;
	font-size: 0.82em;
	font-weight: bold; }

.texte { color: #000; font-size: 0.96em; }

.ps, .notes {
	width: 80%; 
	margin-left: 10%;
	margin-top: 1.4em;
	padding-top: 2px;
	border: 2px solid #CCC; 
/*	border-top: 2px solid #CCC; 
	float:center;
	align:center;
*/
	background: #42B4AC;
	clear:both;
	font-size: 1.1em; 	
	}
.ps { font-size: 0.82em; padding: 0.0em 0.5em; }
.notes { clear: both; font-size: 0.77em; }
.ps h2, .ps h3, .notes h2, .notes h3 {text-align: center; font-size: 1.19em; font-weight: bold; background: #CCC;}

/*  Portafolio
---------------------------------------------- */
#documents_portfolio {
	clear: both;
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
#documents_portfolio h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }

#document_actif { margin-top: 1em; }

/*  Listas de documentos adjuntos (a un artículo o una sección)
---------------------------------------------- */
#documents_joints {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
#documents_joints h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }
#documents_joints li { margin-bottom: 0.4em; }
#documents_joints li .spip_doc_titre {}
#documents_joints li .spip_doc_titre small { font-weight: normal; }
#documents_joints li .spip_doc_descriptif {}

/* Listas de articles y resúmenes de introducción
----------------------------------------------- */
.liste-articles li { margin-bottom: 1em; clear: both; }

.liste-articles li .titre {
	font-size: 1.03em;
	font-weight: bold; }

.liste-articles li .spip_logos {
	float: right;
	margin-left: 16px;
	margin-bottom: 16px;
	clear: right; }

.liste-articles li p { margin: 0; padding: 0; }

.liste-articles li .enclosures {
	float: right;
	text-align: right;
	max-width: 60%;
	margin: 0; }

.liste-articles li small {
	display: block;
	font-size: 0.71em; }

.liste-articles li .texte {
	margin-top: 2px;
	margin-bottom: .5em;
	/*border: 1px solid #CCC; */
	padding: 0.9em;
	font-size: 0.82em;
	line-height: 1.4em;
	background-color: #EEE;
}

.liste-articles h2 {
font-size: 1.45em;
font-weight: bold;
color: #007f7f;
}

.contre-encart .liste-articles li {
	border-bottom: 1px solid white;
	margin-bottom: 0;
	padding: .5em;
}
.contre-encart {
	background-color: #e5f3dc; /* F3CF00; */
}

.pagination { font-size: 0.90em; text-align: center; background: #598F60; margin-top:1em;  }

/*  ------------------------------------------
/*  Estilos especifico del plan del sitio
/*  ------------------------------------------ */

.page_plan #contenu h2 {
	clear: both;
	background: #EEE;
	border: 1px solid #CCC;
	padding: 0.5em;
	margin-bottom: 1em;
	font-weight: bold;
	text-align: center; }

.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; }

/*  ------------------------------------------
/*  Estilos de los formularios
/*  ------------------------------------------ */

/* Correction des styles HTML predeterminados */
.formulaire_spip form, .formulaire_spip fieldset, .formulaire_spip legend, .formulaire_spip label, .formulaire_spip input, .formulaire_spip textarea, .formulaire_spip select, .formulaire_spip option { margin: 0; padding: 0; border: none; background: none; }

/* Estilos de los formularios de Spip */
.formulaire_spip {
	text-align: left;
	font-size: 0.77em;
}

.formulaire_spip p {
	margin: 0.5em 0;
	padding: 0; }

.formulaire_spip fieldset {
	display: block;
	margin: 0.77em 0;
	padding: 0.77em;
	border: 1px dotted;
}
.formulaire_spip legend {
	font-weight: bold;
	padding: 3px;
	background: #FFF;
	/* Si no, superposición en MSIE */
}

.formulaire_spip label {}
.formulaire_spip .forml {
	width: 99%;
	padding: 1px;
	border: 1px solid;
	font-family: inherit;
	font-size: inherit; }

.spip_bouton { text-align: right; }
.spip_bouton input {
	margin: 3px 0;
	padding: 1px 2px;
	border: 2px outset;
	font-weight: bold;
	float: right; }

/* Respuesta del formulario */
.reponse_formulaire { font-weight: bold; color: #F00; }
fieldset.reponse_formulaire { border: 1px dotted; font-weight: normal; }

/* Previsualisación de mensaje */
fieldset.previsu {
	padding: 1em;
	border: 1px solid; }

/* Formulario de login au forum */
.formulaire_login_forum .forml { width: 12em; }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }

/* Elección de palabras clave */
.choix_mots { width: 47%; float: left; } 
.choix_mots label { display: inline; }

/* Formulario de búsqueda */
.formulaire_recherche { text-align: left; }
.formulaire_recherche label { display: none; }

/* Formulario de inscripción */
.formulaire_inscription fieldset {
	font-family: Tahoma;
	margin: 0.77em 0;
	padding: 0.77em;
	border: none;
	display:block;
}

.formulaire_inscription legend {
	padding: 0;
	color: #757D88;
	background-color: transparent;
	white-space: normal;
	text-align:center;
	margin: 0 auto;
}

/*  ------------------------------------------
/*  Estilo de los foros
/*  ------------------------------------------ */

.forum-repondre, .forum-decompte {
	clear: both;
	margin-top: 2.5em;
	padding-top: 2px;
	border-top: 2px solid #CCC;
	font-size: 0.88em;
	font-weight: bold; }

/*  Estilo de los foros*/
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
.forum-fil { margin-top: 1.5em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: #333; }
.forum-chapo small {}
.forum-texte { margin: 0; padding: 0.5em 1em 0 1em; color: #333; font-size: 0.82em; }
.forum-texte .forum-lien {}
.forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right; }

/* Recuadro de un foro: aclaramiento progresivo de los bordes */
ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; }
ul ul .forum-message { border: 1px solid #A4A4A4; }
ul ul ul .forum-message { border: 1px solid #B8B8B8; }
ul ul ul ul .forum-message { border: 1px solid #CCC; }
ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; }
ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; }

/* Recuadro de título de un foro: resalte de color según la profundidad del foro */
ul .forum-chapo { border: none; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em; background: #C4E0E0; }
ul ul .forum-chapo { background: #D4E8E8; }
ul ul ul .forum-chapo { background: #E4F0F0; }
ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #FFF; }

/*  ------------------------------------------
/*  Estilo de las peticiones
/*  ------------------------------------------ */

#signatures { clear: both; font-size: 0.77em; }

#signatures h2 {
	padding: 0.5em;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold; }

#signatures table { width: 100%; margin: 1em 0; }
#signatures thead { display: none; } /* No se muestran los títulos de la tabla */

#signatures td.signature-date {
	background: #E4F0F0;
	padding: 0.5em;
	white-space: nowrap; }

#signatures td.signature-nom {
	background: #ECF4F4;
	padding: 0.2em;
	text-align: center;
	font-weight: bold; }

#signatures td.signature-message {
	background: #F4F8F8;
	padding: 0.4em;
	font-size: 0.96em; }

/*  ------------------------------------------
/*  Colores de los enlaces
/*  ------------------------------------------ */
a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; }
.texteencadre-spip {
	color: #000033;
	background: #EEF;
	border-bottom: 2px solid #0066CC;
	border-left: 1px solid #3399FF;
	border-right: 2px solid #0066CC;
	border-top: 1px solid #3399FF;
	margin: 1em 0;	
	padding: .25em;	
	position: relative;

	width: 80%;
	font-size:1.19em;
	font-weight: bold;
	text-align: center; 
	vertical-align: middle; 
	margin: auto;
}

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

.caractencadre2-spip {
	color: #009;
	font-weight: bold;
}

#header ul li {
	font-size: 0.95em;
	font-weight: bold;
}


#zonabanner1 {
float: right;
width: 122px;
margin: 0px;
background-color:#9999CC;
border:solid 1px #66C;
text-align: center;
}

#zonabanner1 ul li {
text-align: left;
}

.banner1{
	border: 1px solid #777;
float: right;
margin: 8px 2px 2px;
text-align: center;
width: 120px; 
	clear:both;
}

.mbanner0{
/* 	width:800px; 
	padding:2px 0px 0px 20px;
*/
	height;90px; 
	margin:0px;
	padding:4px 0px 0px 4px;
	float: center;
	clear:right;
	text-align:center;
}
.mbanner00{
/* 	width:728px;  
	border: 2px solid #000;
*/
	float: center;
	clear:left;
}
.banner0{
/* 	width:800px; 855  */
	height;60px; 
	margin:0px;
	padding:0px 0px 0px 0px;
	float: center;
	clear:right;
/*	border: 2px solid #000; */
	text-align:center;
}
.banner00{
	float: center;
	clear:right;
/*	width:750px;
	border: 2px solid #000;*/
}

.banner2{
 	width:300px; 
	height:250px;
	padding:2px; 
	float:right; 
	margin:0px;
	border:solid #66C;
	border-width:0px;
	color: rgb(242, 242, 242); 
	/*	width:300px; 
	height:250px;
	padding:15px 20px;*/
	/* 336x280, banner google*/
}

banner02{
	width:336px; 
	height:280px;
float:left; 
padding: 3px 1px 2px 0px;
	color: rgb(242, 242, 242); 
}

.banner3{
	width:580px;
	height:81px;
float:center; 
clear:right;
	text-align:center;
border: 0px solid #777;
	margin:0px;
/* bgcolor=#5645663; */
	border:solid #66C;
	border-width:1px;
	color: rgb(242, 242, 242); 
}


/************* #globalNav estilos menú superior (antiguo) **************/

#globalNav{
	padding: 2px 0px 5px 10px;
	margin: 0px 8px 0px 8px;
	border-bottom: 1px solid #CCC;
	color: #FFFFFF;
	background-color: #996633;
}

#globalNav img{
 display: block;
}

#globalNav a {
/*	 font-size: 105%; */
	padding: 2px 4px 0 0;
	color: #FFFFFF;
}

/************* lista-anteriores estilos lista inferior en secciones **************/

#contenu .muette {
	float: left;
	width: 30%;
	margin: 0;
 }
#contenu .contre-encart {
	float: left;
	width: 99%; /*64 59 */
}
.lista-anteriores 
{
	float: left;
	width: 25%;
	margin: 0;
	font-size: 0.87em;
	color: blue;
 }
.lista-anteriores li
{
/* font-weight: bold; */
margin-left: 20px;
padding: 0;
list-style-type: square;

border-bottom-width: 0px;
/* border-bottom-style: solid;
border-bottom-color: white; */
margin-bottom: 0pt;
padding-top: 0.0em;
padding-right: 0.25em;
padding-bottom: 0.00em;
padding-left: 0.0em;
 }
.lista-anteriores li a
{
	color: blue;
 }
.contre-encart h1
{
	text-align: center; 
	font-size: 1.19em; 
	font-weight: bold; 
	background: #CCC;
 }


/************* #navcontainer estilos inc-rubriques menú lateral **************/
#navcontainer { margin-left: 2px;  width: 154px; /* 155 border: 1px solid green;	*/
}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, sans-serif;
}

#navcontainer li { margin: 0; }

#navcontainer a
{
/*  margin-left: 1em;
display: block; */ 
width: 80%; 
color: #333;
background-color: transparent;
padding: 2px 4px;
text-decoration: none;
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
border-left: 1px solid #aaa;
font-size: 11px;
}

#navcontainer a:hover
{
background-color: #ddd;
color: #333;
border-right: 2px solid #aaa;
padding: 2px 1px 2px 2px;
}

#navcontainer ul ul
{
margin-left: 10px;
padding: 0;
list-style-type: none;
/* border: 1px solid red;	 */
}

#navcontainer li li 
{
/* border-left: 1px solid #aaa;	*/ 
display: block;
color: #333;
background-color: transparent;
padding: 2px 2px;
margin: 0;
border-top: none;
border-bottom: none;
text-decoration: none;
font-size: 11px;
/* border: 1px solid yellow; 	*/
}


#navcontainer ul li ul li  {
list-style-type: disc; 
/*  list-style-position: inside ;*/
margin: 0px 2px; 
padding: 0.4em -1em;  
}

#navcontainer li ul img
{
padding: 3px 15px; /* 18 22	*/
}

#navcontainer ul li img
{
padding: 3px 15px; 	 /* 18 */
	float: center;
	clear:right;
	text-align:center;
}

/*
#navlist a.lienon1 {
  font-weight: bold;
}

#navlist a.lienoff {
  display:none;
  visibility:collapse;
  visibility:hidden;
}

#navlist a.mostrar{
visibility:visible;
}

*/

#navlist a.ocultar{
  visibility:hidden;
   position:absolute; /* para que no ocupe espacio físico */
display:block; /* para poder modificar las propiedades de caja del elemento */
width:0; /* para que no ocupe espacio */
overflow:hidden; /* para que todo el texto que salga fuera del tamaño del contenedor esté oculto */
display:none;
}

#subactive .on{
visibility:visible;
}

#subnavlist .off{
display:none;
  visibility:hidden;
}

.resaltado{
  font-weight: bold;
}

.contre-encart ul h2
{
text-align: center;
font-size: 1.19em;
font-weight: bold;
background-color: #cccccc;
}

.contre-encart .tema0
{
padding: 0.6em 0em 0.00em 2em; 
background-color: transparent; 
	border: 1px solid black;
}

.contre-encart .tema1
{
text-align: left;
font-size: 1.02em;
font-weight: bold;
padding: 0.6em 0em 0.00em 2em; 
/* background-color: #d6d6d6; 
	border: 1px solid black; */
}



.inscripci {
	width:340px;
	border: 2px solid black;
 /* 	float:left;
	clear:right; */
	padding:2px 12px;
	margin:14px 25%;
	background: #C0C0C0; 
}

#logo {
position: absolute;
top: 6px;
left: 28px;
background-color: transparent;
}