/* webkit : Safari, Google Chrome */
/* moz : Netscape, Firefox */

/* details et summary non supportés par Firefox */

.ecran { display : inline; }
.imp { display : none; }

.important {
background-color: #F9DFF9;
padding: 6px;
margin-left: auto;
margin-right: auto;
border-style: groove;
max-width: 80%;
}

.note2 {
background-color: #CCFFFF;
padding: 6px;
margin-left: auto;
margin-right: auto;
border-style: double;
max-width: 80%;
}

.avance {
background-color: #FFFFCC;
padding: 6px;
margin-left: auto;
margin-right: auto;
border-style: double;
}

.schema {
background-color: #CCFFCC;
margin-left: auto;
margin-right: auto;
border-style: double;
}

h1 { font-style: italic; font-size: x-large; font-weight: normal; 
font-family: Times New Roman, Times, serif; padding-top: 30px; padding-bottom: 30px; text-align: center; }

h2 {
font-family: Times New Roman, Times, serif;
font-size: 20px;
font-style: italic;
padding-top: 30px;
}

h3 {
font-family: Times New Roman, Times, serif;
font-size: medium;
font-style: normal;
padding-top: 10px;
color: #BB2222;
}

sup
{ vertical-align: super;
  font-size: small;
}

sub
{ vertical-align: sub;
  font-size: small;
}

p { text-align: justify; }

p.centre { text-align: center !important; }
p.gauche { text-align: left !important; }

caption.gros { font-size: x-large; }

figure { margin-left: auto; margin-right: auto; text-align: center; }

//    a.gaz { color: #009900; }


/************************************************************************/
/*				POUR FAIRE APPARAITRE DES DIV CACHEES					*/
/************************************************************************/
/* voir stat.php et cosmo.php */
/* showNote est une classe non définie dans style.css */
/* Elle est utilisée pour définir les notes à afficher en JS */
/* voir nucl.php */
.note {
position: fixed;
top: 30px;
left: 160px;
background: #ffc;
padding: 10px;
margin: 0px;
border: 1px solid #000;
z-index: 1;
visibility: hidden;
color: #000;
}

.imgTransp {
position: fixed;
background: none;
padding: 0px;
margin: 0px;
border: none;
z-index: 1;
visibility: hidden;
}

/************************************************************************/
/*						Fin des  DIV CACHEES							*/
/************************************************************************/

/************************************************************************/
/*						CARTES INTERACTIVES								*/
/************************************************************************/

.relative { position: relative; }

.absolue { position: absolute; margin-left: none; margin-top: none; }

/************************************************************************/
/*						Fin des CARTES INTERACTIVES						*/
/************************************************************************/

table.lgConst td { width: 25px; }


/********************************************************************/
/*						CE QUI SUIT EST UTILISE						*/
/********************************************************************/

body
{ margin-left: 30px;
  margin-right: 30px;
  margin-bottom: 40px;
  padding: 0;
  background-color: #E9FFFF;
}

table { empty-cells: show; }		/* à vérifier */

/************************************************************************/
/*							FAIRE UN ENCADRE							*/
/************************************************************************/
.cadre
{ border-style: ridge;
  border-width: 4px;
  border-color:#B9B;
  background: #FFEAFF;			/* FFEAFF */
  padding: 6px 10px 6px 10px;
  max-width: 80%;
  display: table;
  margin-left: auto;
  margin-right: auto;
  text-align: justify;
}

.cadreLeger
{ border-style: solid;
  border-width: 1px;
  border-color:#B9B;
  background: #FFEAFF;			/* FFEAFF */
  padding: 6px 10px 6px 10px;
  max-width: 80%;
  display: table;
  margin-left: auto;
  margin-right: auto;
}

/************************************************************************/
/*							  Fin encadré								*/
/************************************************************************/

/************************************************************************/
/*				POUR METTRE UNE CITATION ENTRE GUILLEMETS				*/
/************************************************************************/
/* pour encadrer la citation, la mettre dans <div class="cadre"> */
/* pour mettre la signature utiliser signatureCitation */
p.citation { text-indent: 40px; }
 
p.citation::before		/* voir Mécanique Quantique */
{ content: "« ";
}

p.citation::after
{ content: " »";
}

.signatureCitation
{ margin-right: 10px;
  padding: 3px;
  text-align: right;
  font-style: italic;
}
/************************************************************************/
/*							  Fin de citation							*/
/************************************************************************/

/************************************************************************/
/*					POUR METTRE UN MOT ENTRE GUILLEMETS					*/
/************************************************************************/
span.guillemets::before		/* voir masseLum.Texte.php */
{ content: "« "; }

span.guillemets::after		/* voir masseLum.Texte.php */
{ content: " »"; }
/************************************************************************/
/*							  Fin de guillemets							*/
/************************************************************************/

span.solaire::after
{ content: "⊙";
  vertical-align: sub; }

span.degre::after
{ content: " ℃"; }

/************************************************************************/
/*						MISES EN FORME DIVERSES							*/
/************************************************************************/
.centre { text-align: center; }
.gras { font-weight: bold; }
.nonGras { font-weight: normal; }
.italique { font-style: italic; }
.GI { font-weight: bold; font-style: italic; }
.petitesMaj { font-variant: small-caps; }

.petitsCar { font-size: small; }
.tresPetitsCar { font-size: x-small; }
.normalCar { font-size: medium; }
.grosCar { font-size: large; }
.tresGrosCar { font-size: x-large; }

.texteRouge{ color: red; }
.texteVert { color: #00FF00; }
.texteMagenta { color: #FF00FF; }

.fond
{ background: #E9FFFF;
  background-color: #E9FFFF;
}

.txtNormal { font-size: medium; font-weight: normal; font-style: normal; }	/* scriptResume.php */

/* COLORATION DES ANCRES */
a { color: blue; }
a:hover { color: #FF00BB; }

/* Pour présenter un plan en indentant les sous-sections */
td.marge
{ position: relative;
  left: 20px;
}

/* Pour mettre une lettrine en rouge en début de paragraphe */
p.lettrine::first-letter
{ color: #ff0000;
  font-size:150%;
}

.justGauche { text-align: left; }

.espacement				/* pour mettre des blancs avant et après un texte */
{ margin-left: 20px;
  margin-right: 20px;
}


/****************************************************************************************/
/* 		remplacé par ZEBRE pour les tables simples		A AMELIORER						*/ 
/****************************************************************************************/
table.deco
{ border: 1px solid #338888; background: #88FFFF; margin-left: auto; margin-right: auto; }

table.deco th { padding: 4px; border: 1px solid #AAAAFF; background: #66FFFF; 
  font-style: italic; text-align: center; font-weight: bold; }

table.deco td { padding: 4px; border: 1px solid #AAAAFF; }

/* jaune */
tr.impair { background: #FFFF99; text-align: center; }

/* violet */
tr.pair { background: #FCE5F9; text-align: center; }	// FFCCFF

tr.verte { background: #C8FFC5; text-align: center; }

/* sous-ligne paire (en cas de rowspan) violet */
tr.SLpair { background: #FFBBFF; text-align: center; }

/* sous-ligne impaire (en cas de rowspan) jaune */
tr.SLimpair { background: #FFF095; text-align: center; }

/* th.deco { padding: 4px; border: 1px solid #AAAAFF; background: #66FFFF; font-style: italic; } */

/* td.deco { padding: 4px; border: 1px solid #AAAAFF; } */

td.decoG { padding: 4px; border: 1px solid #AAAAFF; font-weight: bold; }

td.decoI { padding: 4px; border: 1px solid #AAAAFF; font-style: italic; }

td.decoL { padding: 4px; border: 1px solid #BFBF7F; text-align: left; }

td.cachee { padding: 4px; border: 1px solid #88FFFF; background: #88FFFF; }

td.sansBord { padding: 4px; border: none !important; background: #88FFFF; }

td.mend { border: 1px solid #AAAAFF; }			/* BFBF7F */

caption { margin: 4px; text-align: center; font-style: italic; font-size: large; }

.grasIt { font-style: italic; font-weight: bold;}
/* Fin décoration d'une table */

/************************************************************************/
/*						  DEFINITION DES COULEURS						*/
/************************************************************************/
/* Pour les couleurs, voir le calendrier */
.jaune { background: #FFFF99; }
.coul1 { background: #FFFFBB; }		/* jaune paille */
.coul2 { background: #F1E2BE; }		/* ocre */
.coul3 { background: #FCD01F; }		/* terre de sienne */
.ocre2 { background: #FFC662; }
.ocre3 { background: #FFD240; }
.coul4 { background: #FEF86C; }		/* jaune clair  */
.coul5 { background: #C8FF32; }		/* vert brillant */
.coul6 { background: #C8FFC5; }		/* vert amande */
.coul7 { background: #E0D0FF; }		/* violine */
.gris  { background: #F5F5F5; }
.grisClair { background: #FAFAFA; }
.gris2 { background: #EEEEEE; }
.gris3 { background: #DDDDDD; }
.gris4 { background: #CCCCCC; }
.violet { background: #FFCCFF; }
.viol2 { background: #FCE5F9; }		/* cuisse de nymphe */
.viol3 { background: #FF99FF; }		/* cerise Hollywood */
.viol4 { background-color: #FFBBFF; }
.viol5 { background: #FFF4FF; }		/* violet très clair
.bleu1 { background: #CAFFFF; }
.bleu2 { background: #88FFFF; }		/* bleu du fond des tables */
.bleu3 { background: #00C1FF; }
.jaune1 { background: #FFDF20; }	/* bouton d'or */
.rouge { background: #FF4444; }		/* rouge */
.rouge2 { background: #FF4444; }	/* rouge */
/************************************************************************/
/*							  Fin de couleurs							*/
/************************************************************************/

hr.reduit { width: 75%; }

/************************************************************************/
/*							  PLAN D'UN CHAPITRE						*/
/************************************************************************/
.plan { margin-left: auto; margin-right: auto; margin-top: 20px; text-align: center; width: 80%; }

.colonnes { -webkit-column-width: 250px; -moz-column-width: 250px; column-width : 250px;
  -webkit-column-gap: 35px; -moz-column-gap: 35px; column-gap: 35px; margin-top: 15px;
  text-align: center; font-size: medium; line-height: 150%; }

.plan > summary { font-size: x-large; font-style: italic; color: red; text-shadow: 2px -2px 2px #880000 }

div.plan details { font-style: italic; font-size: x-large; }
/************************************************************************/
/*							  Fin du plan								*/
/************************************************************************/

/************************************************************************/
details.aide { margin-left: auto; margin-right: auto; margin-top: 20px; width: 80%;}

details.aide > * { font-style: italic; }

details.aide > summary { font-style: normal; text-align: center; color: red !important; }
/************************************************************************/


/************************************************************************/
/*							  METTRE EN EXERGUE							*/
/************************************************************************/
/* <div class="exergueG"><p>texte citation</p><p>nom auteur</p></div> */
/* <p class="clear"> </p> */

.exergueG { float: left; padding: 6px; margin-top: 25px; margin-bottom: 45px; text-align: left; color: #2222AA; }
.exergueG p { margin: 0px; }
.exergueG p:first-child:before { content: "« "; }
.exergueG p:first-child:after { content: " »"; }
.exergueG p:last-child { font-style: italic; padding-top: 5px; }

.exergueD { float: right; padding: 6px;  margin-top: 25px; margin-bottom: 45px; text-align: right; color: #2222AA; }
.exergueD p { margin: 0px; }
.exergueD p:first-child:before { content: "« "; }
.exergueD p:first-child:after { content: " »"; }
.exergueD p:last-child { font-style: italic; padding-top: 5px; text-align: right; }

/* mettre après l'exergue pour éviter l'habillage */
.clear { clear: both; }

/************************************************************************/
/*							  Fin exergue								*/
/************************************************************************/


/************************************************************************/
/*					  DECORATION DE TABLEAUX							*/
/************************************************************************/

table.zebre							/* table avec lignes de couleurs alternées */
{ border: 1px solid #338888;
  background: #88FFFF; 
  margin-left: auto;
  margin-right: auto;
  border-collapse: separate;
  empty-cells: show;
}

table.zebre th						/* th met en gras, inutile de l'ajouter ici */
{ padding: 4px;
  border: 1px solid #AAAAFF;
  background: #66FFFF;
  font-style: italic;
}

table.zebre tr:nth-child(2n+1)		/* lignes impaires Violet */
{ background: #FFCCFF;
  text-align: center;
}

table.zebre tr:nth-child(2n)		/* lignes paires Jaune */
{ background: #FFFF99;
  text-align: center;
}

table.zebre td						/* toutes les cellules de ces tables */
{ padding: 4px;
  border: 1px solid #AAAAFF;
}

table.def tr td:last-child			/* pour aligner à gauche la dernière colonne */
{ text-align: left;					/* ajouter la classe def à la balise <table> */
}

table.C1G tr td:first-child			/* pour mettre en gras la première colonne */
{ font-style: italic;				/* ajouter la classe C1G à la balise <table> */
}

table.deuxParDeux tr:nth-child(4n), table.deuxParDeux tr:nth-child(4n+1)
{ background: #FFCCFF;		/* violet */
  text-align: center;
}

table.deuxParDeux tr:nth-child(4n+2), table.deuxParDeux tr:nth-child(4n+3)
{ background: #FFFF99;		/* jaune */
  text-align: center;
}

table.deuxParDeux tr:nth-child(2n) td	/* lignes impaires => sous-titre */
{ padding: 4px;
  border: 1px solid #AAAAFF;
  font-size: large;
  text-align: center;
  color: #DD0022;
  font-weight: bold;
}

table.deuxParDeux tr:nth-child(2n+1) td	/* lignes paires => détails */
{ padding: 4px;
  border: 1px solid #AAAAFF;
  text-align: left;
}
/************************************************************************/
/*					  Fin décoration tableaux							*/
/************************************************************************/

table.neutre { background: #F5F5F5;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #338888;
 }

table.neutre th						/* th met en gras, inutile de l'ajouter ici */
{ padding: 4px;
  border: 1px solid #AAAAFF;
  font-style: italic;
  color: #FF00FF;
}

table.neutre td						/* toutes les cellules de ces tables */
{ padding: 4px;
  border: 1px solid #AAAAFF;
  text-align: center;
}

/****************************************************************/


.habitDroit img { float: left; margin-right: 15px;}

/****************************************************************/
/*  pour noter Z et A à gauche d'un symbole d'élément chimique  */
/****************************************************************/
span.atome
{ display: inline-block;
  margin-bottom: -0.3em;
  vertical-align: -0.4em;
  line-height: 1.2em;
  font-size: 63%;
  text-align: right;
}

span.symbole::before		/* voir nucl.php */
{ content: " "; }




/****************************************************************/