/**************************************************************************************
 * O. GALLAND, 29/11/2011 :
 * Gestion des modifications de style pour le plugin BIOS
 * (socle pour les plugins gérant les différents sites : BIOS_Group, GPCRNet...)
 * Une seule modif a nécessité de copier/modifier ici habillage.css : voir ce fichier
 **************************************************************************************/

/* A ne pas faire ;-) */
/* * { border: 0; }
/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
body { font: 70%/1.5em Verdana, Tahoma, arial, sans-serif; text-align: center; color: #000;}
/* Original : { font-size: 0.8125em; font-family: "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; color: #333; }*/

/* Titraille / Intertitres */
h1, h2, h3, .h1, .h2, .h3, h3.spip, h4, h5, h6 { font-family: 'Trebuchet MS', Tahoma, Sans-serif; line-height: 100%; }

/***
 * Gestion des couleur des titres de rubriques dans SPIP grâce à la modif de habillage.css,
 * d'ou la mise en commentaire de la couleur ici
***/
h1, .h1 { font-size: 1.5em; font-weight: normal;  margin: 0; padding: 0; /*color: #084e03;*/ }

h2, .h2 { font-size: 1.4em; font-weight: normal; }
h3, .h3, h3.spip { font-size: 1.2em; margin: 10px 0 0; }
h2, .h2, h3, .h3, p { padding: 5px 0; margin: 0; }
h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { color: #666; } /* Comme pour balise a plus bas */
.h2, .h2 a, .h2 a:focus, .h2 a:hover, .h2 a:active { color: #666; } /* Comme pour balise a plus bas */

/* Listes */
ul.spip, ol.spip {margin: 5px 20px; padding: 0 20px;} /* Cf.: spip_style.css */

/* Tableaux */
/* Cf.: spip_style.css */
table.spip { border-collapse: collapse; width: auto; }
table.spip caption { margin: 0; text-align: left; }
table.spip tr { height: 30px; }
table.spip th, table.spip td { padding-left: 6px; padding-right: 6px; border-width: 1px; vertical-align: middle; }
/* Utile ? *//*table.spip td.first,table.spip th.first { border-left: 0px; }*/
a.spip_in, a.spip_out { font-weight: bold; }
/* Liens redéfinis à la base pour la partie "Crédits et mentions légales" */
a.spip_out { padding: 0 ; background: 0; } /* Suppression de l'espace derrière les liens */
a.spip_out:hover { color: red; }

/* Logos, documents et images */
.spip_documents img, .spip_logos img { background: #fafafa; }
/*.spip_documents_right { margin: 5px 10px 10px; }*/
.spip_documents_left { margin: 5px 20px 10px 0; }
/* Descriptif des documents utilisés pour le copyright des images ! */
.spip_doc_descriptif {
	margin: 0;
	margin-top: -20px; /* Afin de l'incruster dans le bas de l'image au-dessus */
	margin-left: 10px;
	font-size: 0.8em;
	text-align: left;
}

/* Couleurs des liens */
a { color: #666; }
a:hover { color: red; text-decoration: none; }

/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */
#page { position: relative; background: none ; width: 1020px; margin: 10px auto 0; padding: 0; text-align: justify; border: 0; }
#entete, #pied { margin: 0; padding: 0; border: 0; }
#nav, #nav * {  margin: 0; padding: 0; border: 0; font: bold 12px/12px Verdana, Arial, Tahoma, Sans-serif; }
#conteneur { max-height: 600px; overflow: auto; padding: 10px; }
#contenu { padding: 0.2em; width: 70%; }
#navigation { margin: 0; width: 25%; padding: 5px; }
#pied { display: table; width: 100%; height: 40px; text-align: center; font-size: 0.9em; }

/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */
#hierarchie { margin-bottom: 2em; font-size: 0.9em; }
#hierarchie a:hover { color: red; } /* Obligatoire car habillage.css défini #hierarchie a {color: #666} ! */

.contenu-principal h1 { padding-bottom: 0.5em; }
.contenu-principal h2 { padding-left: 2em; }
.surtitre { font-size: 0.9em; padding: 0; }
.soustitre { font-size: 0.9em; padding: 0; }
.cartouche { margin-bottom: 1em; }
.cartouche .surtitre { margin-bottom: 0; padding-bottom: 5px; }
.cartouche .soustitre { margin-top: 0; margin-bottom: 0; padding-top: 5px; }
.cartouche .traductions { font-size: 0.9em }

#credits { margin: 20px 0; font-size: 1.5em; }
#texte_credits h3 strong { font-size: 1.2em; }
/*.hyperlien {display: block; background: #EEE; padding: 0.50em; font-weight: bold; color: #8b6f92;}*/

/* ------------------------------------------
/* Sous-navigation et autres menus
/* ------------------------------------------ */
/* Habillage general des menus (navigation et listes) */
/* Ce qui suit semble inutile...
.menu { margin-bottom: 1em; }
.menu p { margin: 0; padding: 0; }
.menu-liste { border: 1px solid red; }
.menu-liste .menu-entree { margin: 0 2px; padding: 4px 5px; list-style: none; }
.menu-liste .menu-entree .h2 a { font-weight: bold; }
... jusqu'ici !!?? */

/* Menu principal déroulant */
#nav .menu-entree:hover { cursor: pointer; }
#nav .menu-liste .menu-entree { display: block; position: relative; margin: 0; }
#nav .menu-liste .menu-entree .menu-liste { display: none; }
 /* Niveau 1 : le menu toujours visible */
#nav >.menu-liste { width: 100%; }
#nav >.menu-liste >.menu-entree {
/* Commun au deux méthodes */
	float: left; width: 16.667%;
/* Centrage vertical, méthode 2 (IE 8 et FF 18 OK, mais Chrome et Safari NON OK !!) */
	/*height: 35px; line-height: 33px; /* -2px pour améliorer le centrage */
	/*text-align: center; /* Centrage horizontal des éléments inline */
	
	/*width: 16%; border: 1px solid red; /* DEV */
}
#nav >.menu-liste >.menu-entree >a {
/* Centrage vertical, méthode 1 (FF, Chrome et Safari OK, mais IE 8 NON OK !) */
	display: table-cell; /* Nécessaire pour le vertical-align: middle; ! */
	width: 16.667%; /* De préférence la même valeur que pour le <li> contenant, mais d'autres valeurs fonctionnent (!?) */
	height: 35px;
/* Centrage vertical, méthode 2 (IE 8 et FF 18 OK, mais Chrome et Safari NON OK !!) */
	/*display: inline-block; /* Nécessaire pour le vertical-align: middle; (IE 8 et FF 18 OK)) */
	/*width: 90% !important; /* Inférieur à 100% obligatoirement */
	/*line-height: 1em; /* On peut rétablir ici les caractéristiques de texte voulues (+ communs ci-dessous) */
/* Commun au deux méthodes */
	text-align: center;
	vertical-align: middle; /* Si centrage vertical IE8/FF ci-dessus -> obligatoire pour FF quand même à cause de la rubrique sur 2 lignes !!?? */
	
	/*border: 1px solid white; /* DEV */
}
 /* Niveau 2 et suivants (sauf mention contraire) : déroulement vertical */
#nav .menu-entree:hover >.menu-liste {
	display: block; /* (Ré)apparition du sous-menu */
/* Centrage vertical, méthode 1 (FF, Chrome et Safari OK, mais IE 8 NON OK !) */
	position: absolute;
/* Centrage vertical, méthode 2 (IE 8 et FF 18 OK, mais Chrome et Safari NON OK !!) */
	/*margin-top: 2px; /* Récupération des 2px supprimés plus haut pour un meilleur rendu (pour centrage vertical IE8/FF plus haut) */
/* Commun au deux méthodes */
	text-align: left;
	border: 2px outset #aaa;
}
#nav >.menu-liste >.menu-entree:hover >.menu-liste { left: 0; min-width: 100%;} /* QUE POUR LE NIVEAU 2 */
#nav .menu-entree:hover >.menu-liste .menu-entree { padding: 3px 0; white-space: nowrap; /* Garde tout sur une ligne ! */ }
#nav .menu-entree:hover >.menu-liste .menu-entree a { display: block; padding: 1px 20px; }
/*#nav .menu-entree:hover >.menu-liste .menu-entree a:hover { background-color: #666; }
 /* Niveau 3 et suivants : verticaux, mais décalés */
#nav >.menu-liste >.menu-entree >.menu-liste .menu-entree:hover >.menu-liste {top: 0; right: -14.5em;}

#navigation .liste-items { margin-top: 5px; border: 1px solid white; }
#navigation .formulaire_recherche { margin: 5px 0; text-align: center; }
#navigation .formulaire_recherche input[type="submit"]:hover { cursor: pointer; }
/*#navigation .formulaire_recherche label { padding: 5px; font-weight: normal; }*/

#pied span { display: table-cell; width: 20%; padding: 0 10px; vertical-align: middle; }
#pied span:first-child { text-align: left; width: 40%; }
#pied span+span+span { text-align: right; width: 40%; }
#pied a { display: inline-block; font-weight: bold; }
#pied img { margin-bottom: 1px; }

/* Listes d'articles et extraits introductifs */
.liste-items .item { list-style: none; padding: 5px 10px; }
.liste-items .item .h3 { margin: 0; border: 0; }
/* ?? .liste-items + .pagination { margin-top: 0; padding-top: 0; }*/
#contenu .rubriques .h2 { border-bottom: 1px solid #bbb; } /* Filet sous l'année dans la liste des publications */
#contenu .liste-items .item { margin: 0; }

/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */
/* Labels */
.formulaire_spip label { font-size: 1.2em; }

/*  ------------------------------------------
/* Variantes et cas particuliers
/*  ------------------------------------------ */
body.page_401 .chapo { font-size: 1.5em; font-weight: bold; }