/*
general.css
---------

Fichier créé le 06/11/2010
*/
/*****************************************************
				Général
******************************************************/
h1.titre{
	color: #1BBBBB;
	font: 600% bold blink Arial;
	text-align: center;
	line-height: 200%;
	text-decoration: overline underline;
}
div.hautDePage{
	color: gray;
}
div.finDePage{
	font-size:200%;
}
/*---------------Représentation des liens-------------------*/
a{
	text-decoration: none; /* Les liens ne seront plus soulignés */
	color: rgb(103,255,97);
/*	background-color: rgb(177,104,172);*/
	font-weight: bold;
}
a:hover{
	text-decoration: underline;
	background-color: blue;
	font-size: 110%;
	margin-left: 1em;
}
a:active, a:focus{
	background-color: black;
	font-weight: normal;
}
a.liste:hover{
	margin-left: 0;
}
/*---------------Représentations particulières-------------------*/
.listetele{
	text-align:center;
}
.listetele a:focus,.listetele a:active{
	text-decoration:line-through;
	color: blue;
	
}
/*---------------Sommaire-------------------*/
.sommaire{
	text-align: left;
	font-weight: bold;
	color: red;
}
.sommaire:before{
	content: "Sommaire :";
	font: bold 200% Arial;
	text-decoration: underline;
	line-height: 200%;
}
.sommaire a{
	color: white;
}
/*---------------Titres présentation-------------------*/
h1, .sommaire .h1{
	font: bold italic 250% Arial;
	text-decoration: underline;
}
h2, .sommaire .h2{
	font: bold 200% Arial;
	text-decoration: underline;
	text-indent: 3%;
}
h3, .sommaire .h3{
	font: italic 160% Arial;
	/*text-decoration: underline;*/
	text-indent: 6%;
}
h4, .sommaire .h4{
	font: 130% Arial;
	text-decoration: underline;
	text-indent: 8%;
}
h5, .sommaire .h5{
	font-size: 110%;
	text-decoration: none;
	text-indent: 10%;
}
h6, .sommaire .h6{
	font-size: 100%;
	text-decoration: none;
	text-indent: 12%;
}
/*---------------Textes dans titre présentation-------------------*/
.h1, .h2, .h3, .h4, .h5, .h6{
	text-indent: 2%;
}
.h1{
	margin-left: 1%;
	font-size: 110%;
}
.h2{
	margin-left: 4%;
}
.h3{
	margin-left: 7%;
}
.h4{
	margin-left: 9%;
}
.h5{
	margin-left: 11%;
	font-size: 90%;
}
.h6{
	margin-left: 13%;
	font-size: 80%;
}
.h1:first-letter, .h2:first-letter, .h3:first-letter, .h4:first-letter{
	font-size: 130%;
	font-weight: bold;
	text-transform: capitalize;
}
.h5:first-letter, .h6:first-letter{
	font-size: 110%;
	font-weight: bold;
	text-transform: capitalize;
}
/*****************************************************
				thepicthworld.fr/(index.html)


******************************************************/
body#principale{
	background: yellow url("./img/hs.jpg") scroll top left;
	color:red;
}
ul{
color: orange;
}
/*****************************************************
				thepicthworld.fr/japon(index.html)
page de cours de Japonais

******************************************************/
body#cjapon{
	background-color: black;
	color: yellow;
}
body#cjapon p:first-letter{
	color:yellow;
	font: 200% bold Arial;
}
/*****************************************************
				thepicthworld.fr/japon(lesson.html)
page de cours de Japonais lecons

******************************************************/
body#inscription{
	background: white url("./img/hs.jpg") scroll top left;
	color:black;
}
caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.2em;
   color: #009900;
   margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}
th /* Les cellules d'en-tête */
{
   border: 1px solid black;
   background-color: yellow;
   color: red;
   font-size: 1.1em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}
table
{
   border-collapse: collapse;
}
td /* Les cellules normales */
{
   border: 1px solid black;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
   color: red;
}
.big
{
   color: green;
   font-weight: bold;
   font-size: 5.2em;
}