/***********************************************/
/* Feuille de style pour le thème "tourniaire" */
/*   Ce fichier est dans le domaine public.    */
/***********************************************/

#theme { 
 background: #288741;
 color: #333;
 font-family: Verdana, Charcoal, Geneva, "Luxi Sans", sans-serif;
 font-size: 100%;
 margin: 0;
 padding: 0;
 border: 0;
 position: absolute;
 left: 0;
 z-index: 0;
}

/*
 * Barre de navigation 
 */

#navigation { 
 left: 0;
 position: absolute;
 top: 4ex;
 width: 13em;
 margin: 0;
 z-index: 5;
 font-weight: bold;
 background: #7fd77f; 
 border-bottom: solid 2px #00b029; 
 border-top: solid 2px #00b029;
 font-family: "Trebuchet MS", Verdana, sans-serif;
}

#navigation ul {
 list-style-type: none;
 margin: 0;
 padding: 0 0 0 0.5em; 
}

#navigation li { 
 border-color: #00b029;
 border-style: solid;
 border-width: 0;
 margin: 0;
 padding: 0;
 width: 100%;
}

#navigation ul.active {
	background: #FFFF55;
	width: 145px;
	padding: 10px 0px 5px 10px;
	margin: 5px;
	margin-bottom: 20px;
	list-style: none;
}

#navigation li.active {
	color: #BD0000;
	text-transform: UPPERCASE;
	font-family: fantasy;
	font-weight: bold;
}


#navigation ul.liens {
	background: none;
	width: 140px;
	padding: 10px 0px 5px 10px;
	margin: 5px;
	margin-top: 50px;
	list-style: none;
}


#navigation a { 
 color: #ac1414;
 display: block;
 margin: 0;
 padding: 0 ;
 text-decoration: none;
}

/* Liens de la barre de navigation */

#navigation a:link:hover { 
 background-color: #1b5314;
 color: #ffefd5;
}

#navigation a:visited:hover {
 background-color: #1b5314;
 color: #ffefd5;
}


#navigation a.linkOn { 
 font-weight: bold;
}

#navigation a.linkOn:hover { 
 color: white; 
}

/*
 * Corps du texte 
 */

#corps { 
 background-color: #EEFFEE;
 border-left: groove 5px #288741;
 margin: -1px 0 -1px 13em;
 min-height: 40ex;
 padding: 2ex 1em 2ex 2ex;
}

#title {
 border: 0;
 margin: 1ex 13em 0ex;
 padding: 0;
 background-color: #00b029;
 color: white;
}


/*
 * Généralités
 */

P.titre {
	text-align: center;
	float: right;
	margin-right: 50px;
}


blockquote.nota {
	/* background: #EEFFEE; */
	background-color: #BDFFA1;
	margin-top: 2em;
	padding: 1em;
	border: groove 3px #288741;
}

blockquote.nota h2 {
	background-color: #BDFFA1;
}

blockquote.citation {
	background: #FFFFCC;
	margin-top: 2em;
	padding: 1em;
	border: ridge #BD0000;
}


p.centre {
	text-align: center;
	font-weight: bold;
	font-size: 110%;
	}

UL.point { 
	padding: 0 0 0 0;
	list-style-position: inside;
	list-style-image: url(pics/bullet-vert.gif);
}

P.annonce {
	font-size: 120%;
	text-align: center;
	float: left;
	margin-left: 100px;
}


/* Liens */

a { text-decoration: none; }

a:link { color: blue; }   /* lien non encore visité */

a:visited { color: #2727a3; } /* lien visité */

a:link:hover, a:visited:hover { text-decoration: underline; } /* lien survolé par le curseur de la souris */

/* Hiérarchisation : titres, sous-titres */

h1 { 
  font-family: "Trebuchet MS", Verdana, sans-serif;
  font-size: 250%;
  font-weight: bold;
  margin: 0 0 1px ;
/*  padding-left: 10px; */
  text-align: center; 
} 

h2 { 
  background-color: white;
  font-family: "Trebuchet MS", Verdana, sans-serif;
  font-size: 160%;
  font-weight: normal;
  margin-left: 0;
  padding-left: 10px;
} 

h3 { 
  font-family: "Trebuchet MS", Verdana, sans-serif;
  font-size: 140%;
  font-weight: bold;
  padding-left: 10px;
}

h4 { 
  font-family: "Trebuchet MS", Verdana, sans-serif;
  font-size: 120%;
  font-weight: bold;
  padding-left: 10px;
}

h5 { 
  font-family: "Trebuchet MS", Verdana, sans-serif;
  font-size: 110%;
  font-style: italic;
  padding-left: 10px;
}

h6 { 
  font-variant: small-caps;
  padding-left: 10px;
}

/* Texte */

p { 
 margin-right: 0;
 padding-left: 10px;
 text-align: justify;
}

blockquote p { 
 color: #cd853f;
 font-size: 90%;
}

code {
 font-family: monospace; /* code informatique */
}

/* Images */

img { 
 border-width: 0; /* pas de bordure sur les images */
}

/* Tableaux */

/* Un petit truc pour faire des encadrés sympatiques... */
div.attention {
  background: #FFC0C0 url(attention.gif) top right no-repeat;
  border: solid 2px #FF0000;
  margin: 3ex 0%;
  padding: 0ex 1em;
  color: black;
}
div.attention h1 {
  color: #000000;
  text-align: center;
  font: bold 240% sans-serif;
  padding: 0.1ex;
  margin: 0;
}

div.rant {
  background: #FFFFC5;
  border: solid 2px #FFB080;
  margin: 3ex 0%;
  padding: 0ex 1em;
  color: #101010;
  font-size: 95%;
}
div.rant h1 {
  background: inherit;
  color: #151515;
  text-align: center;
  font: bold 125% sans-serif;
  padding: 0.5ex;
  margin: 0;
}

/* Une précision pour le lexique : si on est déjadans une énumération,
 * on raccourcit encore un coup les marges, et on diminue la police. Je
 * ne sais pas si c'est très utile ici.
ul dt {
   font-weight: bold;
   padding-bottom: .2em;
}

ul dd {
   padding-bottom: 0.2em;
}
*/

#end {
 background: #9ef6af;
 margin: 0; 
 padding-left: 2em; 
}

#end p {
 margin: 0;
 padding: 0.3ex 0.2em;
 
}