/* Le corps principal du document. */

body
{
	background:transparent url("images_encyclopedia_lachalis/fond.jpg") repeat scroll;
	counter-reset: numero section;
}

#Main
{
	position:absolute;
	font-family: "helvetica";
	text-align: justify;
	top:65px;
	margin-left: 30px;
	margin-right: 30px;
}

#Main ul ol
{
	list-style-type:decimal;
	list-style-image:url("");
}

#Main ol ol
{
	list-style-type:upper-roman;
	list-style-image:url("");
}

#Main ol ol ol
{
	list-style-type:lower-alpha;
	list-style-image:url("");
}

#Main dt
{
	padding:5px;
	font-weight:bold;
	line-height:20px;
	margin-bottom:-1px;
	text-transform:capitalize;
	border:1px solid black;
}

#Main dt:nth-child(4n+1)    /*alternance automatique des couleurs d'encadrés (bleu-blanc)*/
{
	background-color:white;
}

#Main dt:nth-child(4n+3)    /*alternance automatique des couleurs d'encadrés (bleu-blanc)*/
{
	background-color:rgb(211,223,238);  /*bleu-gris*/
}

#Main dt:nth-child(2n+1):hover
{
	background-color:rgb(111,245,71);
}

#Main dt:before
{
	counter-increment:numero;        /* Incrémente le compteur de section */
	content:counter(numero) " | ";   /* Affiche le compteur */
	color:gray;
}

#Main dt.bleu:before
{
	counter-increment:numero;        /* Incrémente le compteur de section */
	content:counter(numero) " | ";   /* Affiche le compteur */
	color:gray;
}

#Main dt.blanc:before
{
	counter-increment:numero;        /* Incrémente le compteur de section */
	content:counter(numero) " | ";   /* Affiche le compteur */
	color:gray;
}

#Main dd
{
	padding:5px;
	text-indent:25px;
	border:1px solid black;
	margin-bottom:25px;
}

#Main dd ul 
{
	text-indent:0px;
	margin-left:25px;
}

#Main dd:first-letter, dd li:first-letter
{
	text-transform:uppercase;
}


/* Pour les catégories */

#Main dt em
{
	color:gray;
	text-align:right;
	display:block;
}

#Main dt.alone em
{
	cursor:auto;
	font-size:66%; 
	color:gray;
	text-align:right;
	display:block;
}

#Main fieldset
{
	background-color:white;
	border:1px solid black;
	text-indent:25px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:15px;
	padding-top:0px;
}

#Main fieldset li
{
	text-indent:0px;
}

#Main legend
{
	font-size:1.3em;
	font-weight:bold;
	background-color:white;
	text-indent:0px;
	border-top:1px solid black;
	padding:10px;
}

#Flotteur
{
	float:right;
	border:1px solid black;
	padding-top:5px;
	padding-left:10px;
	width:200px;
}

#Flotteurlong
{
	float:right;
	border:1px solid black;
	padding-top:5px;
	padding-left:10px;
	width:250px;
}

*/ 100 %=1em /*

h1
{
	font-size:200%; 
	margin: auto;
	font-weight:bold;
	margin-top:20px;
}

h2
{
	font-size:180%;
	margin: auto;
	font-weight:bold;
	margin-top:20px;
}

h3
{
	font-size:150%;
	margin: auto;
	font-variant:small-caps;
	margin-top:50px;
}

a
{
	text-decoration: none;
	color: #851e1e;
}


a:hover
{
	color:blue;
	text-decoration: underline;
}

a img
{
	border:none;
}

table
{
	margin: auto;
	border: 0px inset black;
	border-collapse: collapse;
}

table a
{
	color:red;
	font-variant:small-caps;
}

table li
{
	text-align:left;
}

th
{
	background-color:rgb(255,202,149);
	background-image:url("encyclopedia_lachalis_fichiers/images_encyclopedia_lachalis/bandeau.jpg");
	color: white;
	font-size: 1.1em;
}

td /* Les cellules normales */
{
	font-family: helvetica;
	text-align: justify;
	padding: 5px;
}

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 */
}


hr.court
{
	width:40%;
}

hr.footnote + ul
{
/*La barre de séparation des notes de bas de page.*/
/*Le contenu des notes est légérement plus petit que le reste du texte.*/
	margin-left:-20px;
	margin-bottom:0;
	font-size:85%;
	text-indent:0px;
	margin-top:1px;
	list-style-type:none;
	line-height:1em;
}


/* Pour la liste des expressions */

.alone
{
	font-size:150%; 
	text-indent:20px;
	background:white;
}

.Liste
{
	margin-top:50px;
}

.Liste legend
{
	margin-top:-25px;
	text-transform:uppercase;
}

.Liste legend:before
{
	counter-increment: section;
	content:counter(section) " | ";
	color:gray;
}

.listetruculent
{
	margin-bottom: 20px;
}

.Lettre
{
	margin:50px;
	font-variant:small-caps;
	font-size:4em;
	text-align:center;
}

.petitTexte
{
	color:gray;
	font-style:italic;
	font-size:0.7em;
}

.flottant
{
	float:left;
}

.Ancre
{
	color:rgb(0,0,150);
	font-variant:normal;
	text-decoration: none;
}

.Ancre:hover
{
	color:blue;
	text-decoration: underline overline;
}


/*/////////////////////////////
Les couleurs des tableaux
////////////////////////////*/

.blanc
{
	background-color:white;
	color:black;
}

.bleu
{
	background-color:rgb(211,223,238);
	color:black;
}

.or
{
	background-color:yellow;
	color:black;
}

.rouge
{
	background-color:red;
	color:black;
}

.blanc:hover
{
	background-color:rgb(111,245,71);
}

.bleu:hover
{
	background-color:rgb(111,245,71);
}

.or:hover
{
	background-color:rgb(111,245,71);
}

.Icone
{
	width:75px;
}

.infos
{
	color:rgb(128,128,128);
	font-weight:lighter;
	font-size:75%;
}

/*Les mathématiques "inline"*/


.TexTexte
{
	white-space:nowrap;
	font-style:italic;
	font-size:0.95em;
	color:rgb(30,30,30);
}

.TexTexte sub
{
	font-size:.75em;
}

.TexPic
{
	vertical-align:middle;
}

.petitTexte
{
	font-size:.7em;
}

/* Pourles infobulles : */

a.infobulle
{
   position: relative;
   color: black;
   text-decoration: none;
   border-bottom: 1px gray dashed; /* on souligne le texte */
}

a.infobulle span
{
   display: none; /* on masque l'infobulle */
}

a.infobulle:hover
{
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}

a.infobulle:hover span
{
   display: inline; /* on affiche l'infobulle */
   background-image:url('https://neamar.fr/Pics/infobulle.png');
   width:266px;
   padding-top:43px;
   padding-left:5px;
   height:64px;
   position: absolute;
   top: 5px; /* on positionne notre infobulle */
   left: -20px;
}

a.IMG_Interactive img
{
	margin:16px;
	width:64px;
}

a.IMG_Interactive img:hover
{
	margin:0px;
	width:80px;
}

.Legal:before
{
	content:"Encyclopædia Lachalis créée en 2007. Exemples, expressions, histoires par M. Lachal. Les noms du prof. et des élèves cités le sont avec l'autorisation expresse de leurs propriétaires. Les définitions, fournies sans garantie, peuvent être réutilisées sans condition.";
/*	font-size:0.8em;
	font-style:italic;*/
}

.Legal
{
	text-align:justify;
	margin-top:50px;
	font-size:0.8em;
	font-style:italic;
	margin-bottom:30px;
}