/* 
FEUILLE DE STYLE DU SQUELETTE HDB

La feuille de style propre à SPIP, utilisée pour afficher essentiellement les #TEXTE des articles 
est /dist/spip_style.css. 

Les styles servant à positionner des "div" sont tous préfixés par ".div". A priori aucune indication de  
couleur/police/etc. ne doit être donnée pour ces styles (sauf si c'est plus pratique) 

Les styles sont classés ci-dessous en fonction de la page où ils apparaissent. La première section 
concerne toutes les pages 
*/

/* SECTION COMMUNE A PLUSIEURS PAGES 
*/
body {
	margin:0;
	font-family: Georgia, Times, Arial, Helvetica, sans-serif;
	background: url("img/fond.jpg");
}

h1{
	font-size:2em;
}

h2 {
  text-align: left;
	color: #BB862B;
	font-size:1.5em;
}
#navigation h2
{
	font-size:1em;
}

h3, h3.spip {
  text-align: left;
	color: black;
}

a.spip_in, a.spip_out, a.spip_url, a.spip_note {
	font-family: Georgia, Times New Roman, Times, serif;
	color: #7F0301;
	font-weight : bold;
	text-decoration: none;
}
a.spip_in:hover, a.spip_out:hover, a.spip_note:hover, a.spip_url:hover {
	text-decoration: underline;	
	color: #7F0301;
}
a.spip_in:visited, a.spip_out:visited, a.spip_note:visited, a.spip_url:visited {
	color: #7F0301;
}

a.thumbnailLink {
	font-family: Georgia, Times New Roman, Times, serif;
	color: #7F0301;
	font-weight : bold;
	text-decoration: none;
}
#navigation ul {
list-style-image:url(img/kasoleil.gif);
list-style-position:inside;
}
.rubriques ul li {
	background:transparent;
}

/* pour les avertissements quand une opération ne peut être menée à bien  
   ex : un champ n'a pas été renseigné dans un formulaire 
*/	 
.warning {
	color: red;
	font-weight: bold;
}

/*  idem en cas d'erreur de traitement 
*/
.erreur {
	color: red;
	font-weight: bold;
}

/* Div qui englobe tout contenu qui ne soit pas le titre du site ou un des menus 
*/
#page {
	text-align: justify;
	background:#D4CC9E;
	padding:1em;
}


/* PAGE comTitre.html 
   Cette page est inclue dans toutes les autres pour afficher le titre du site 
   tel qu'il est saisi dans le backoffice de SPIP 
*/

/*  le style du titre du site (à la fois le div et la police) 
*/
#entete a.accueil {
	width: 100%;
}
#entete a.accueil img.spip_logos {
	display: none;
}

#nom_site_spip {
	width: 100%;
	height: 173px;
	float: left;
	background: url("img/hideur800.jpg") no-repeat;
	color:transparent;
}

/* PAGE comMenuPrincipal.html 
   Cette page affiche le menu principal (Acceuil, Tables de Saphir, etc.). 
*/

/* Ce div positionne le menu principal 
   le menu est actuellement horizontal. Pour le rendre vertical, ajouter les <p> ou <br> qui vont 
   bien dans la boucle de comMenuPrincipal.html 
*/	 
.divMenuPrincipal {
	position: absolute;
	left: 160px;
	top: 100px;
	width: 600px;
}

/*  le menu présente deux sortes de lien. Le style "lienMenuPrincipal" est donné par défaut, 
alors que le style "lienMenuPrincipalSelectionne" indique qu'on se trouve dans la section 
que représente ce lien. 
*/
a.on {
	font-size: 12px;
	color: #7F0301;
	font-weight : bold;
	text-decoration: none;
}
a.on:hover {
	text-decoration: underline;	
}
a.on:visited {
	color: #7F0301;
}

a {
	font-weight : normal;
	color: #7F0301;
	text-decoration: none;
}
a {
	text-decoration: underline;
}
a:visited {
	color: #7F0301;
}

/*  PAGE comSousMenu.html 
Ce menu de deuxième niveau fonctionne de la même façon que le menu de premier niveau. 
*/
.divSousMenu {
	position: absolute;
	left: 300px;
	top: 125px;
	width: 400px;
}

a.lienSousMenuSelectionne {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	color: #F8F6E4;
	font-weight : bold;
	text-decoration: none;
}
a.lienSousMenuSelectionne:hover {
	text-decoration: underline;	
	color: #F8F6E4;	
}
a.lienSousMenuSelectionne:visited {
	color: #F8F6E4;
}

a.lienSousMenu {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	color: #F8F6E4;
	font-weight : normal;
	text-decoration: none;
}
a.lienSousMenu:hover {
	color: #F8F6E4;
	text-decoration: underline;
}
a.lienSousMenu:visited {
	color: #F8F6E4;
}

/* PAGE article.html 
   Cette page affiche par défaut tous les articles. 
*/

/*  La position d'un menu de "troisième niveau" qui affiche tous les articles qui 
se trouvent dans la même rubrique que l'article courant 
*/
.divMenuArticle{
	position: absolute;
	left: 10px;
	top: 170px;
	width: 155px;
}

/*  le style de lien dans le "menu article" 
*/
a.lienMenuArticle {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	color: #77778F;
	font-weight : bold;
	text-decoration: none;
}
a.lienMenuArticle:hover {
	text-decoration: underline;	
	color: #77778F;
}
a.lienMenuArticle:visited {
	color: #77778F;
}

/* Où afficher le lien "laisser un commentaire" */
.divLaisserCommentaire {
	text-align: left;
}

/* Où afficher les commentaires des visiteurs */
.divCommentairesArticle {
}

/* PAGE sommaire.html 
   C'est la page d'accueil. Ce n'est pas un article, elle ne fait partie d'aucune rubrique. 
*/	 
/*  Plusieurs div pour contrôler l'affichage des différents paragraphes */
.divBienvenue {
}

.divNewsHdB {
	width: 250px;
}

.divNewsWeb {
	width: 250px;
}

.divConcoursLive {
	position: absolute;
	left: 270px;
	top: 262px;
	width: 340px;
}

.divWebring {
	position: absolute;
	left: 200px;
}

/*	PAGE rubrique.html */

/* Où afficher la liste de tous les articles de la rubrique */
.divTousLesArticles {
}

/* le sous-titre des rubriques */
h3.descriptif {
	color : #F8F6E4;
}
/* PAGE rubrique=1.html 
   C'est la page d'accueil des Tables de Saphir 
*/
.divEnvoiNewsWeb {
}

.divRechercheLien {
}

.divLienRererences {
}

.divStatistiquesLiens {
}

.divDerniersLiensAjoutes {
}

/* PAGE rubrique-1.html 
   C'est la page qui présente une sous-rubrique des Tables de Saphir */

.divTSRubriques {
}

.divTSRechercheLien {
}

.divProposerLienRubriqueTS {
}

.divLiensRubiqueTS {
}

/* PAGE rechercheLiens.html 
   C'est la page qui affiche le résultat d'une recherche de lien dans les Tables de Saphir */

.divRubriquesRecherche {
}

.divResultatRechercheLiens {
}

.divResultatRechercheMotCle {
}

/* STYLES SPIP */
.spip_documents{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size : 70%;
}

table.spip td {
	padding: 1px;
	text-align: left;
	vertical-align: center;
}

.form, .forml { background-color: #EEECD5;}

.spip_encadrer {
	width : 100%;
	background-color: #D5CA9D;
	padding: 5px;
	border: 1px #666666 solid;
}

.spip-admin {
	position: absolute;
	top : 10px;
	left : 10px;
	z-index: 15;
}

.spip_cadre {
	width : 100%;
	background-color: #D5CA9D;
	padding: 5px;
}

.spip_bouton { color: white; background-color: #7F0301;}

.formrecherche { width: 95% ; background-color: #D3CB9D;}

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

.spip_surligne { background-color: #FFFF66; }