/* --------------------------------------------------------- */
/* Feuille de style des squelettes par defaut pour SPIP 2.0  */
/* --------------------------------------------------------- */

/* couleurs utilisees
 *
 * - #c59217 AMARILLO EUCIP
 * - #004165 AZUL EUCIP
 * - #ddd
 * - #f63
 */
/* RESET */



/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body { font-size: 12px; font-family: Arial, "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; color: #333; }

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; font-family: Arial; }
h1,.h1 { font-size: 1.70em;}
h2,.h2 { font-size: 1.40em; font-weight: normal; }
h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { color: #70617E; }
.h2, .h2 a, .h2 a:focus, .h2 a:hover, .h2 a:active { color: #70617E; }
h3,.h3 { font-size: 1.20em; font-weight: bold; }
h3.spip {} /* Cf.: spip_style.css */
hr.spip {} /* Cf.: spip_style.css */

/* Autres enrichissements typo */
strong { font-weight: bold; }
em { font-style: italic; }
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
small { font-size: 0.90em; color: #666; }
dfn { font-weight: bold; color: #666; }
del { text-decoration: line-through; }
ins { color: red !important; text-decoration: none; }
sup, sub { font-size: .8em; font-variant: normal; }

/* Listes */
ul.spip {} /* Cf.: spip_style.css */
ol.spip {} /* Cf.: spip_style.css */
dl {}
dt {}
dd {}

/* Citations, code et poesie */
cite {}
q {}
blockquote {}
blockquote.spip {} /* Cf.: spip_style.css */
blockquote.spip_poesie {} /* Cf.: spip_style.css */
/* Cf.: spip_style.css */
.spip_code {color:#8B2703;}
.spip_cadre {color:#444; background-color: #fff; border: 1px solid #ddd; font-size:1em; padding:0.5em;width:90%; }
address {}

/* Tableaux */
/* Cf.: spip_style.css */
table.spip { width: 99%; }
table.spip tr.row_first { background: #46839B; color:white;}
table.spip td, table.spip th {border:white 2px solid;}

/* Logos, documents et images */
img { margin: 0; padding: 0; border: 0; }
.spip_logos {} /* Cf.: spip_style.css */
.spip_documents {} /* Cf.: spip_style.css */
.spip_documents_center {} /* Cf.: spip_style.css */
.spip_documents_left {} /* Cf.: spip_style.css */
.spip_documents_right {} /* Cf.: spip_style.css */
.spip_doc_titre {} /* Cf.: spip_style.css */
.spip_doc_descriptif {} /* Cf.: spip_style.css */


/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */
body { background: #ffffff; margin: 0; padding: 0; text-align: center; }

#page { position: relative; background: #fff; width: 960px; margin: 1em auto; padding:0; text-align: left; border:0px solid #c59217; }

#entete { width: 100%; margin: 0; padding-top: 0; padding-bottom: 1em;}
#entete .accueil { display: block; width: 100%;  }
#entete .accueil .spip_logos { vertical-align: bottom; line-height: 1em; }
#entete .accueil #nom_site_spip { vertical-align: bottom; font-size: 2.2em; font-family: Georgia, Times, serif; font-weight: normal; }
#entete .formulaire_menu_lang { position: absolute; right: 0; top: 0.90em; display: block; width: 30%; } /*Cf.: spip_formulaires.css*/

#navsup {height: 92px; margin:0; padding: 0; background-image: url('img/barra_superior.jpg');}
#menunav {color: white;}
#menunav a {color:white; text-transform: uppercase; text-decoration: none;}
#menunav a:hover {color:#574009; text-decoration: none;}
#menunav_act a {color:#574009; text-decoration: none;}
#banner {height: 65px; text-align: right; margin-right: 10px;}


#conteneur { clear: both; overflow: hidden; margin-top: 0.5em; }
#contenu_portada { width: 100%; }
#contenu { padding-top: 0.30em; float:left; width:65%;}

.boxblau {background-color:#004165; color: white;  text-align: left;}
.boxblau a {color:white;}
.boxblau a:hover {color:#c59217;}

.boxgroc {background-color:#c59217; color: white; padding: 1.77em; margin-bottom: 0.5em; text-align: left; }
.boxgroc a{color: white;}
.boxgris {background-color:silver; color: #004165; padding: 1em; margin-bottom: 0.5em; text-align: left;}
.boxpunts {border: 1px dotted #c59217; color: #004165; padding: 1em; margin-bottom: 0.5em; text-align: left;}
.boxgris p {margin: 0; padding: 0;}
.boxpunts p {margin: 0; padding: 0;}
.boxpunts h1 a{ color: #004165;}
.boxpunts h1 a:hover{ color: #004165;}



#navigation { float: right; width: 30%; margin-top: 1em; overflow: hidden; }

#pied { clear: both; width: 100%; margin: 1em 0 0 0; padding: 0.60em 0; border: 1px dotted #c59217; background:#f9f9f9; text-align: center; font-size: 0.90em; }
#pied a { /*color:#666;*/ } /* ne pas utiliser de selecteur trop precis, et eviter de toucher aux liens */
#pied img { vertical-align: middle; }


.slogan{ color: #004165; text-align: center; font-size: 18px; text-transform: uppercase;}
.news {font-size: 12px;}

.liste-articles ul{margin:0; padding: 0;}
.liste-articles li{	padding-left: 20px;
	list-style-type: none;
	background-image:  url(img/arr.gif);
	background-repeat: no-repeat;
	background-position: top left;
	display: list-item;
	margin-bottom: 5px;}

#sidebar1 {
	float: left; /* dado que este elemento es flotante, debe asignarse un ancho */
	width: 250px; /* el ancho real de este div, en navegadores que cumplen los estándares, o el modo de estándares de Internet Explorer, incluirá el relleno y el borde además del ancho */
	background: #EBEBEB; /* el color de fondo se mostrará a lo largo de todo el contenido de la columna, pero no más allá */
	padding: 15px 10px 15px 20px;
}
#mainContent { 
	margin: 0 0 0 280px; /* el margen izquierdo de este elemento div crea la columna situada a lo largo del lado izquierdo de la página (con independencia de la cantidad de contenido que tenga el div sidebar1, se mantendrá el espacio de la columna). Puede quitar este margen si desea que el texto del div #mainContent llene el espacio de #sidebar1 cuando termine el contenido de #sidebar1. */
	padding: 0 20px 20px; /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
} 
.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
	clear:both;    height:0;    font-size: 1px;    line-height: 0px;}

/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */

#hierarchie { clear: both; margin-bottom: 2em; font-size: 0.84em; }
#hierarchie, #hierarchie a { color: #666; }

.cartouche { margin-bottom: 2em; }
.cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px; }
.cartouche .info-publi { margin: 0; padding: 0; clear: left; }

.chapo { margin-bottom: 1.50em; line-height: 1.40em; font-size:1.1em; }
.texte { line-height: 1.60em; }
.ps, .notes { margin-bottom: 2em; line-height: 1.40em; }
.notes { clear: both; font-size: 0.90em; }


/* Portfolio */
.documents_portfolio { clear: both; margin: 2em auto; text-align: center; }
.documents_portfolio .spip_logos { margin: 6px 3px 0 3px; border: 4px solid #DDD; }
.documents_portfolio a.on .spip_logos { border-color: #f63; }
.documents_portfolio a:focus .spip_logos,
.documents_portfolio a:hover .spip_logos,
.documents_portfolio a:active .spip_logos { border-color: #46839B; }


/* ------------------------------------------
/* Sous-navigation et autres menus
/* ------------------------------------------ */

/* Habillage general des menus de navigation */

.menu { clear: both; margin-bottom: 2em; text-align: left; color: gray;}
.menu a{color: #626365;}
.menu a.on {color:#c59217;}
.menu p { margin: 0.20em 0; padding: 0.20em 0.10em;  color: gray;}
.menu-liste { margin: 0; padding: 0; list-style: none;  color: gray;}
.menu-liste .menu-entree { margin: 0.20em 0; padding: 0.20em; padding-left: 20px; list-style-type: none;
	background-image:  url(img/arr.gif);
	background-repeat: no-repeat;
	background-position: top left;
	display: list-item;
}
.menu-liste .menu-entreeon { margin: 0.20em 0; padding: 0.20em; padding-left: 20px; list-style-type: none;
	background-image:  url(img/arr_on.gif);
	background-repeat: no-repeat;
	background-position: top left;
	display: list-item;
}

.menu-liste .menu-entree .menu-liste { margin-left: 1em; border: 0; }
.menu-liste .menu-entree .menu-entree { padding: 0; border: 0;padding-left: 20px; }
#nav .menu-liste .menu-entree {	display: inline;padding:0;margin:0 0 0 10px; }

#navigation .menu {background:#fcfcfc; padding:0.5em; border: 1px solid #ddd;}
#navigation .menu a {/*color:#666;*/} /* ne pas utiliser de selecteur trop precis, et eviter de toucher aux liens */
#navigation .menu-liste {border-bottom:0;}
#navigation .menu-liste .menu-entree {list-style:square; margin-left:15px; padding:0; color:#f63;}
#navigation .menu-liste .menu-entree .menu-liste {margin-left:0;}
#navigation .liste .h2 {margin-top:1em;}
#navigation .formulaire_recherche{margin-bottom:2em; }

/* Pagination */
.pagination { clear: both; text-align: right; font-size: 0.90em; color: #666; }
.pagination .on { font-weight: bold; color: #666; }

/* Rubriques */
/*
.rubriques ul { border: 0; }
.rubriques ul li { background: #EEE; border: 0; }
*/


/* Listes d'articles et extraits introductifs */
.liste-items {margin: 0; padding: 0; list-style: none; border-bottom:0;}
.liste-items .item {list-style:square; margin-left:0; padding:2px 0; clear:both; overflow:hidden;}
#contenu .liste-items .item {margin-bottom:2em;}
.liste-items .item .h3 { margin: 0.30em 0; border-bottom:1px solid #46839B;}
.liste-items .item .h3 a:hover { text-decoration:none;}
.liste-items .item .info-publi {  display:block; float:right; margin-top:0.6em; margin-left:.3em; padding:.3em; background:#ddd;}

.liste.articles .spip_logos { float: right; clear: right; margin: .8em 0 4px 16px; }
.liste .articles .item .introduction { margin-top: 0.30em; line-height: 1.40em; padding: 0.5em 0 1.5em 1em;}


/* Couleurs des liens
---------------------------------------------- */
a { color: #c59217; text-decoration: none; }
a:focus,a:hover,a:active { color: #004165; text-decoration: underline; }
a.spip_out, a.spip_glossaire {
	color: #46839B;
	background:transparent url(img/out.gif) no-repeat scroll right center;
	padding-right:12px;
}


/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */
input, select, textarea { font-size: 100%; font-family: inherit; }


/* Structure generale des formulaires
----------------------------------------------- */
.formulaire_spip { clear: both; margin-bottom: 2em; padding: 0; border: 0; text-align: left; font-size: 1em; }
.formulaire_spip form { margin: 0; padding: 0; } /* Bug IE/Win */

/* Fieldset */
.formulaire_spip fieldset { clear: both; margin: 0 0 1em 0; padding: 0; border: 0; }
.formulaire_spip fieldset legend { margin: 0; padding: 0; font-size: 1.05em; font-weight: bold; background-color: #fff; color: #333; } /* Preciser la couleur des legend et du fond pour IE/Win */
.formulaire_spip fieldset fieldset { margin-top: 1em; }
.formulaire_spip fieldset fieldset legend { font-size: 1em; font-weight: normal; }

/* Explications */
.formulaire_spip .explication { margin: 0.50em 0; color: #444; }

/* Lignes */
.formulaire_spip ul { margin: 0; padding: 0; list-style: none; }
.formulaire_spip ul li { clear: both; margin: 0; padding: 0.50em 0; }

/* Labels */
.formulaire_spip label { display: block; text-align: left; color: #444; font-weight: bold; /* pour IE/Win */ position: relative;  }
.formulaire_spip li p { margin-top: 0; margin-bottom: 0; }

.formulaire_spip .choix label{display:inline;font-weight:normal;}
.formulaire_spip .choix input.radio,
.formulaire_spip .choix input.checkbox {width:auto;}


/* Champs de saisie */
.formulaire_spip input.text { width: 15em; border: 1px inset; }
.formulaire_spip textarea { width: 99%; border: 1px inset; }
.formulaire_spip select { width: 99%; }

/* Boutons */
.formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align: right; }
.formulaire_spip .boutons input { margin-left: 1em; }
.formulaire_spip .boutons input, input.submit {}


/* Reponses, previsu et erreurs
----------------------------------------------- */

/* Champs obligatoires */
.formulaire_spip li.obligatoire {}
.formulaire_spip li.obligatoire label {}

/* Previsualisation du message */
.formulaire_spip fieldset.previsu { margin-bottom: 2em; padding: 1em; border: 2px dashed #F57900; }
.formulaire_spip fieldset.previsu legend { padding: 0 0.50em; font-weight: bold; color: #F57900; }
.formulaire_spip fieldset.previsu li { padding: 3px; border: none; }
.formulaire_spip fieldset.previsu p { margin: 1em 0; } 

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #e86519; font-size: 1.20em; }
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }
fieldset.reponse_formulaire.reponse_formulaire legend { color: #F57900; } /* Preciser la couleur des legend et du fond pour IE/Win */

/* * Erreurs */
.formulaire_spip li.erreur .erreur_message { display: block; color: #C30; font-weight: bold; }
.formulaire_spip li.erreur input.text, .formulaire_spip li.erreur textarea { background-color: #FCC; border-style: solid; border-color: #C30; }
.reponse_formulaire_erreur { margin: 0; color: #C30; font-weight: bold; }

/* * OK */
.reponse_formulaire_ok { margin: 0; color: #53AD20; font-weight: bold; }


/* Variantes et cas particuliers
----------------------------------------------- */

/* Barre de raccourcis typographiques */
table.spip_barre { width: 100%; }
table.spip_barre a img { background: #FDA; padding: 3px; border: 1px outset #CC9; }
table.spip_barre a:focus img,
table.spip_barre a:hover img,
table.spip_barre a:active img { background: #FFF; border: 1px solid #CC9; }
table.spip_barre input.barre { width: 99%; background: transparent; border: 0; }

/* Formulaire de forum */
.formulaire_forum .saisie_titre input.text, .formulaire_forum .saisie_titre textarea { width: 98%; }
.forum {margin:1em 0 0 0; padding:1em; border:#888 1px solid; background:#f6f6f6; list-style-type:none;}
.forum .forum-fil {margin-bottom:2em;}
.forum .forum-fil .forum-chapo {background:#666; padding:.5em; color:white;}
.forum .forum-fil .forum-chapo a {color:white;}
.forum .ancre {float:left; margin-right:0.5em;}
.forum .spip_logos {float:right; margin: 0 2px 4px 10px;}

/* Selection des langues */
.formulaire_menu_lang { padding: 0; background: none; }

/* Formulaires de recherche (site / petitions) */
.formulaire_recherche { margin: 0; padding: 0; background: none; font-size: 10px;color: #c59217; text-align: right;}
.formulaire_recherche * { display: inline; vertical-align: middle;color: #c59217; }
.formulaire_recherche label {color: #c59217;}
.formulaire_recherche input.text { width: 10em; color: #004165;}
.formulaire_recherche input.submit { font-size: 9px; width: 3em; color:#004165; }


/* Choix des mots-clefs */
ul.choix_mots { display: block; margin: 0; padding: 0; list-style: none; }
ul.choix_mots li { clear: none; float: left; display: block; width: 30%; padding: 1%; }
ul.choix_mots li label { display: inline; font-weight: normal; }

.formulaire_spip .bugajaxie { display: none; } /* Bug IE/Win */

/* Formulaire de login dans une page */
.formulaire_login ul li {clear:left;}
.formulaire_login ul li input.password { width: 15em; border: 1px inset; }
.formulaire_login .editer_password .details {display:block;}
.formulaire_login #spip_logo_auteur {float:right;}


/* EUCIP */
a.titulo_boxazul{font-size: 17px; font-weight: bold;}
/*p.boxazul{margin: 0;padding: 0; }*/
a.boxazul{font-size: 14px; color: white;}
p.boxgris{text-align: right;}
a.txtboxgris{size: 14px; color: #004165; text-align: right;}
a.txtboxgris:hover{color: #c59217; }


/*
 * - #c59217 AMARILLO EUCIP
 * - #004165 AZUL EUCIP
 * - #ddd
 * - #f63
 
 */