/*
	$RCSfile: stephane-traineau.css,v $
	$Revision: 1.3 $
	$Date: 2004/06/16 12:50:58 $
	$State: Exp $
	$Name: v1_1_1 $
*/

/************************/
/* La galerie de photos */
/************************/
div.float
{
	float: left;
	width: 150px;
	padding: 10px;
	text-align: center;
}

div.spacer
{
	clear: both;
	display: block;
}

.galerie-gauche
{
}

.galerie-droite
{
	background-image: url("../images/ombre/ombre_2.gif");
	background-repeat: repeat-y;
	background-position: right;
	width: 6px;
	height: auto;
}

.galerie-haut { }

.galerie-coingh
{
}

.galerie-coindh
{
	float: right;
	background-image: url("../images/ombre/ombre_1.gif");
	background-repeat: repeat-y;
	background-position: right top;
}

.galerie-contenu { padding: 0 6px 8px 0; }
.galerie-bas
{
	background-image: url("../images/ombre/ombre_4.gif");
	background-repeat: repeat-x;
	background-position: bottom;
	width: auto;
	height: 8px;
}

.galerie-coingb
{
	float: left;
	background-image: url("../images/ombre/ombre_5.gif");
	background-repeat: repeat-y;
	background-position: right;
	width: 7px;
	height: 8px;
}

.galerie-coindb
{
	float: right;
	background-image: url("../images/ombre/ombre_3.gif");
	background-repeat: repeat-y;
	background-position: right;
	width: 6px;
	height: 8px;
}

/********************************/
/* La mise en page et le layout */
/********************************/
body
{
	margin: 0;
	padding: 0;
	background-color: #E6E6E6;
	width: auto;
	height: auto;
	font-size: 0.8em;
}

body.body
{
	background-image: url("../images/bckg_body.gif");
	background-repeat: repeat-y;
	background-position: left top;
}

#bandeau
{
	margin: 0 0 0 125px;
	padding: 0 175px 0 0;
	width: auto;
	height: 155px;
	background-color: #999999;
	/*background-image: #LOGO_RUBRIQUE_NORMAL defini localement*/
	background-repeat: no-repeat;
	background-position: right bottom;
	text-align: center;
}

#menu
{
	margin: 0 0 0 115px;
	padding: 3px 0 2px 5px;
	width: auto;
	height: 40px;
	background-color: #CCCCCC;
	/*background-image: #LOGO_RUBRIQUE_SURVOL defini localement*/
	background-repeat: no-repeat;
	background-position: right top;
	border-bottom: #666666;
	border-width: 0 0 2px 0;
	border-style: none none solid none;
}

#corps
{
	margin: 0;
	padding: 0 10px 0 150px;
	width: auto;
	height: auto;
}

#steph-bandeau
{
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 125px;
	height: 155px;
	background-color: #999999;
	background-image: url("../images/steph-bandeau.jpg");
	background-repeat: no-repeat;
	background-position: left top;
}

#steph-menu
{
	position: absolute;
	top: 155px;
	left: 0;
	margin: 0;
	padding: 0;
	width: 115px;
	height: 45px;
	background-color: #CCCCCC;
	background-image: url("../images/steph-menu.jpg");
	background-repeat: no-repeat;
	background-position: left top;
}

#marge-gauche
{
	position: absolute;
	top: 200px;
	left: 0;
	margin: 0;
	padding: 120px 5px 5px 5px;
	width: 130px;
	height: auto;
	background-image: url("../images/steph-marge.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 90%;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
}

/* Les encarts pour les news et les logos */
#encart-news, #encart-logo
{
	float: right;
	height: auto;
	text-align: center;
}

/* L'encart des logos */
#encart-logo
{
	margin: 20px 0 10px 10px;
	/* decalage haut = marge div.titre ; decalage gauche et bas pour reprendre visuellement mes marges de bord de page ; margin, sinon les padding se superposent */
}

/* Le calque des boutons d'admin */
.spip-admin
{
	margin: 0;
	padding: 15px 0 5px 0;
	display: block;
	clear: both;
	text-align: center;
}

/*****************/
/* Le menu DHTML */
/*****************/
div { font-family: Tahoma, Helvetica, Arial, "Trebuchet MS", sans-serif; }

.rubTopIndex, .rubTopIndexOver, .rubTopOn, .rubTopOver, .rubSubOn, .rubSubOver, .artTopOn, .artTopOver, .artSubOn, .artSubOver, .sitTopOn, .sitTopOver, .sitSubOn, .sitSubOver
{
	font-size: 11px;
	text-decoration: none;
	text-align: center;
}

.rubTopOn, .artTopOn, .sitTopOn { color: black; }
.rubTopOver, .rubSubOn, .rubSubOver { color: #333333; }
.rubTopIndex, .rubTopIndexOver, .rubTopOver { font-weight: bolder; }
.artSubOn, .sitSubOn { color: #660000; }
.rubTopIndexOver, .artSubOver, .artTopOver, .sitSubOver, .sitTopOver { color: #CC0000; }

/*.sitSubOver, .sitTopOver { text-decoration: underline; }*/
.rubTopOver, .rubSubOn, .rubSubOver { color: #333333; }

/******************/
/* Les liens HTML */
/******************/
a
{
	color: #660000;
	text-decoration: none;
}

a:visited { color: #660000; }
a:hover { color: #CC0000; }
a:active { color: #330000; }

/* Liens internes a SPIP */
a.spip_in { }
a.spip_out { text-decoration: underline; }
a.spip_url { }

/* Appel de note de bas de page */
a.spip_note { }
a.spip_note:visited { }
a.spip_note:hover { }
a.spip_note:active { }

/* Les liens pour atteindre les forum dans dd de la marge */
a.forum
{
	color: #333333;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
}

a:visited.forum { color: #666666; }
a:hover.forum { color: #CC0000; }
a:active.forum { color: #330000; }

/****************************/
/* Les styles dans la marge */
/****************************/
/* Criteres herites de marge gauche (notamment margin 0) */
/* BUG #NOTES : le style p.spip_note n'est pas applique a la premiere note. Le style doit du div palier a ce probleme et recopier celui de p.spip_note */
.notes, .notes p.spip_note
{
	text-align: justify;
	font-family: Georgia, Garamond, "Times New Roman", Times, serif;
	text-indent: -1em;
}

p.spip_note
{
	font-size: 100%;
	/* ne pas repercuter la reduction du bloc */
	/*	background-color: blue;
	 debug */
}

/* Le calque des notes */
.notes
{
	margin: 0 0 0 1em;
	/* retrait de § */
	padding: 1em 0 1em 0;
	/* padding haut et bas du bloc */
	font-size: 85%;
	/*	background-color: red;
	 debug */
}

/* Le renvoi vers le texte "style lettrine" */
.notes a.spip_note { font-size: 140%; }

/* Appel du plan du site */
.plan
{
	padding: 0.8em 0 0.8em 0;
	font-weight: bold;
	/*	background-color: yellow;
	 debug */
}

/* Date de maj */
.update
{
	padding: 1em 0 1em 0;
	font-size: 90%;
	/*	background-color: green;
	 debug */
}

/* Credits */
.credits
{
	padding: 0 0 1em 0;
	font-size: 85%;
	text-align: center;
	/*display: block;*/
	/*	background-color: gray;
	 debug */
}

/**********/
/* Divers */
/**********/
/* Ligne de separation horizontale */
/* la balise brute n'est pas utilisee */
hr
{
	margin: 0;
	padding: 0;
	/*	background-color: purple;
	 debug */
}

/* Dans la marge */
hr.marge
{
	margin: 0;
	padding: 0;
}

/* Le raccourcis de SPIP */
hr.spip { margin: 1em 20% 1em 20%; }

/* Dans l'encart de breves */
hr.actu
{
	margin: 10px 10% 10px 10%;
	clear: both;
	display: block;
}

/* Safari n'interprete pas le padding en elargissant le trait, Explorer fait une marge autour?*/
/* separateur de breves */
hr.spacer
{
	padding: 13px 0 10px 0;
	/* margin: 10px 0 10px 0; */
	/*padding-top: 3px;*/
	clear: both;
	display: block;
}

/* rien de commun entre a.spip_note et p.spip_note */
.spip_note { }
.spip_code { font-family: Courier, Monaco; }
.spip_cadre { }

/**************/
/* Les titres */
/**************/
/* Calque de .titre (regroupe titre et sous/sur-titres) */
.titre
{
	margin: 0;
	padding: 20px 0 20px 0;
	text-align: center;
	/*	background-color: navy;
	 debug */
}

h1
{
	margin: 0;
	padding: 0;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 160%;
	/*	background-color: lime;
	 debug */
}

.surtitre, .soustitre
{
	margin: 0;
	padding: 0.5em 0 0.5em 0;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: 500;
	color: #333333;
	/*	background-color: teal;
	 debug */
}

h2
{
	padding: 0.3em 0 0.3em 0;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 125%;
	text-align: center;
	/*	background-color: maroon;
	 debug */
}

/***************/
/* Les balises */
/***************/
.chapo, .chapo p.spip
{
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align: justify;
	text-indent: 2em;
}

.chapo
{
	margin: 0;
	padding: 0;
	display: inline;
}

/* #TEXTE > s'il n'y a pas de §, c'est ce style qui est applique, sinon c'est celui de p.spip / Le style recopie celui de p.spip */
.texte, .texte p.spip
{
	font-family: Georgia, Garamond, "Times New Roman", Times, serif;
	font-size: 100%;
	color: black;
	text-align: justify;
	text-indent: 2em;
}

/* padding de zone */
.texte
{
	margin: 0;
	padding: 0 0 1em 0;
	display: inline;
	/*	background-color: lime;
	 debug */
}

.ps
{
	margin: 0.5em 0em 0.5em 0em;
	padding: 0.5em 1em 0.5em 1em;
	font-size: 90%;
	border-color: #999999;
	border-width: 1px;
	border-style: dashed;
	width: auto;
	text-align: justify;
	clear: both;
	/* sinon le fond s'elargit au max et passe sous le logo > cree un petit bug dans Safari b60 */
	display: block;
	background-color: #CCCCCC;
	color: #333333;
}

/*****************/
/* Listes a puces */
/*****************/
ul, ol
{
	margin: 0;
	padding: 0;
	text-align: left;
}

ul ul { margin: 0 0 0 2em; }

li
{
	margin: 0;
	padding: 0 0 0 2em;
}

dl.marge
{
	margin: 0;
	padding: 10px 0 20px 0;
}

dt.marge
{
	margin: 8px 0 0 0;
	padding: 0;
	font-size: 95%;
	list-style-image: url("../images/tit_fleche_grise.gif");
	list-style-position: inside;
	display: list-item;
	text-align: justify;
}

dl.marge > dt.marge:first-child { margin: 0; }

dd.marge
{
	margin: 0 0 0 13px;
	padding: 0;
	text-align: justify;
	font-family: Georgia, Garamond, "Times New Roman", Times, serif;
	font-size: 90%;
	color: #333333;
	text-indent: 1em;
}

/****************/
/* Les tableaux */
/****************/
table
{
	text-align: center;
	text-indent: 0;
}

table.spip { }
table.spip tr.row_first { }
table.spip tr.row_odd { }
table.spip tr.row_even { }
table.spip td { }

/*************************/
/* Les styles generiques */
/*************************/
p
{
	margin: 0.5em 0 0.5em 0;
	padding: 0;
}

p.spip { }

p.centre
{
	text-align: center;
	text-indent: 0;
}

b.spip { }
i.spip { }

/*************************/
/* Formulaires de saisie */
/*************************/
.forml
{
	background-color: #fff;
	font-family: Courier, Monaco;
	padding: 3px;
	width: 95%;
	display: block;
}

.spip_encadrer
{
	width: 90%;
	background-color: #e6e6e6;
	padding: 10;
	margin: 25px;
	border: 1px #666666 solid;
	display: block;
}

.spip_bouton
{
	color: black;
	background-color: #999999;
	padding: 2px 5px 2px 5px;
	margin: 5px;
	text-align: center;
}

/* Exemple Écrire auteur, mauvais pass dans login mais est-ce utilise dans forum ?*/
.reponse_formulaire
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 110%;
	color: red;
}

/* echapper les logos pour les articles/breves courts */
.formulaire-forum
{
	clear: both;
	display: block;
}

.appel-forum-marge
{
	font-size: 95%;
	text-align: justify;
	margin: 1em 0 1em 0;
}

/*** Habillage des forums ***/
/* presentation globale*/
ul.forum
{
	margin: 0;
	padding: 1em 0 1em 0;
	display: block;
	list-style: none;
	/*	border-color: red;
	border-width: 2px;
	border-style: solid;
	 debug */
}

li.thread
{
	margin: 2em 0 0 0;
	padding: 0;
	display: block;
	/*	background-color: yellow;
	 debug */
}

/*marge nulle pour le premier thread */
ul.forum > li.thread:first-child { margin: 0; }

/* le fil des reponses*/
ul.reponses
{
	margin: 0 0 0 2em;
	padding: 0 0 0 0;
	display: block;
	list-style: none;
	/*	border-color: blue;
	border-width: 2px;
	border-style: solid;
	 debug */
}

li.reponses
{
	margin: 1em 0 0 0;
	padding: 0 0 0 0;
	display: block;
	list-style: none;
}

/* Boite d'un forum */
.boite-forum
{
	margin: 0;
	padding: 0;
	border: 1px solid #333333;
}

/* Boite de titre d'un forum */
.chapo-forum
{
	margin: 0;
	padding: 3px 6px 6px 6px;
	font-size: 85%;
	background: #CCCCCC;
	text-align: right;
	border-bottom: #666;
	border-width: 0 0 1px 0;
	border-style: none none dashed none;
}

/* le titre du forum */
.titre-forum
{
	font-weight: bold;
	font-size: 110%;
	text-align: left;
}

/* le corps du message*/
.corps-forum
{
	margin: 0;
	padding: 0.5em 1em 0em 1em;
	text-align: justify;
	color: black;
	font-size: 95%;
	background-color: white;
	font-family: Georgia, Garamond, "Times New Roman", Times, serif;
}

/* Voir aussi sur le web */
.site-forum
{
	font-size: 100%;
	text-align: left;
}

/*Boîte repondre au message*/
.repondre-forum { text-align: right; }

/****************************/
/* Hierarchie des rubriques */
/****************************/
/* Le calque de chemin des articles */
#hierarchie
{
	margin: 0;
	padding: 0.2em 20px 0.2em 0;
	width: auto;
	height: auto;
	font-family: Tahoma, Helvetica, Arial, "Trebuchet MS", sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}

/* L'article ou le site en cours */
.encours { color: #330000; }

/******************************/
/* L'encart des news (breves) pour accueil et plan */
/******************************/
/* L'encart */
#encart-news
{
	margin: 20px 0 20px 20px;
	padding: 5px;
	width: 250px;
	background-color: white;
	border: solid 2px #999999;
}

/* Titre de l'encart */
.news
{
	margin: 5px 0 15px 0;
	padding: 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #333333;
	font-weight: bold;
}

/* Date & Titre des breves */
.titre-news
{
	margin: 5px 0 5px 0;
	padding: 0;
	font-size: 90%;
	color: black;
}

/* L'intro des breves */
.introduction
{
	margin: 5px 0 5px 0;
	padding: 0;
	font-family: Georgia, Garamond, "Times New Roman", Times, serif;
	font-size: 80%;
	text-align: justify;
	color: #333333;
}

/* ARTICLE */
.info-doc { font-size: 85%; }
.descriptif-doc { }
.descriptif-doc, p.spip { }

/* BREVE */
.appel-forum
{
	font-size: 80%;
	text-align: center;
	margin: 1em 0 1em 0;
}

ul.forum { margin: 0 2em 0 2em; }

/* les images inserees dans le texte */
.spip_documents
{
	margin: 0;
	padding: 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 70%;
	text-align: center;
	color: #333333;
}