body
{
	padding-left:10%;
	padding-right:10%;
	/*background: rgb(136,170,214) url("ImagesCSS/puce.gif") no-repeat fixed top left;*/
	background-image: url("images/fond_gris.png"); 
	margin-top:0;
	font-family: FreeSerif, Sylfaen, Optima, "Times New Roman", Arial, serif;
}

#Abstract
{
	float:left;
	width:30%;
	font-size:.8em;
	padding:8px;
	background-color:white;
	border:1px solid #A7BFDE;
	margin:6px;
	margin-top:2px;
	margin-left:-10%;
}

#Main
{
	padding:5%;
	/*background-color:white;*/
	background-color:#626262;
	color: white;
}

#Main dd
{
	border-left:1px solid rgb(136,170,214);
	margin-left:20px;
	padding-left:3px;
}
#Main dd:first-letter
{
	text-transform:uppercase;
}

#Main dt
{
	padding-top:12px;
	font-weight:bold;
	text-transform:lowercase;
	font-variant:small-caps;
}
#Main dt em
{
	padding-left:30px;
	font-weight:200;
	color:rgb(136,170,214);
}

#Main hr
{
	clear:both;
}

/* GESTION DES COMPTEURS DE TITRES */
 h1
{
	counter-reset: Section Subsection Subsubsection;/*Initialisation du compteur de section qui numérotera automatiquement les titres.*/
}
 h2
{
	counter-reset: Subsection;
}
 h3
{
	counter-reset: Subsubsection;
}

 h2:before
{
  counter-increment: Section;
  content: counter(Section) ". ";
  font-size:1em;
}

 h3:before
{
  counter-increment: Subsection;
  content: counter(Section) "." counter(Subsection) ". ";
  font-size:1em;
}

 h4:before
{
  counter-increment: Subsubsection;
  content: counter(Section) "." counter(Subsection) "." counter(Subsubsection) ". ";
  font-size:1em;
}


#Box
{
	position:absolute;
	top:15px;
	right:0;
	max-width:9%;
	overflow:auto;
}

#Box dl
{
	padding-left:5px;
	background:white;
}

#Box dt
{
	padding-top:5px;
	color:rgb(79,129,189);
	border-bottom:1px solid rgb(79,129,189);
}
#Box dd
{
	padding-top:3px;
	background:white;
	margin-left:7%;
}

#Box iframe
{
	float:right;
}

#Footer
{
	margin-top:25px;
}

#Sommaire
{/*Un peu compliqué...on va détailler. */
	position:fixed;
	top:8%;
	left:-500px;/*On le met à -500 de telle façon que si certains titres soient de grande taille, ils ne dépassent pas en position repliée.*/
	width:527px;/*Laisser dépasser le bout qui affiche Table des matières*/
	min-height:220px;/*Forcer l'affichage complet de l'image même quand le sommaire est court.*/
	max-height:84%;/*Eviter le sommaire qui sort de l'écran */
	border:1px solid white;
	/*background:rgb(57,97,140) url("ImagesCSS/puce.gif") no-repeat top right;*/
	background:#313131 url("Images/Arme_chanterac_20x20.gif") no-repeat top right;
	overflow:hidden;/*Ce qui dépasse (des 84% de l'écran) est CACHE en position repliée. */
}
#Sommaire:hover
{
	left:0;
	width:327px;
	background: #626262;/*Ne plus afficher "Table des matières" */
	border:2px dotted yellow;
	overflow:auto;/*Rajoute des ascenseurs verticaux si besoin est (i.e si on a dépassé le max-width */
}

.insideTOC
{
	margin-left:10px;
	padding:3px;
	border:1px solid black;
	background-color:white;
}

.TOC *
{
	padding:0;
	margin:0;
	font-size:70%;
	width:299px;
	cursor:pointer;
}
.TOC h3
{
	padding-left:6px;
	border:none;
}

.TOC h4
{
	padding-left:14px;
	font-size:68%;
	color:rgb(84,138,202);
	border:none;
}

.TOC h3:hover, .TOC h4:hover
{
	text-decoration:underline;
}

h1, h2, h3, h4
{
	clear:left;/*!!! H1 ne clear pas, il est redéfini après*/
	width:100%;
	font-weight:normal;
}
h1
{
	clear:none;
	/*color:rgb(36,63,96);*/
	/*color:rgb(0,0,254);*/
	color: #FFC400;
	font-size:30pt;
	font-style:italic;
	text-align:center;
	line-height:2em;
	/*border-bottom:4px solid rgb(155,187,89);*/
	
	border-bottom:4px solid #FFC400;
	/*border-top:1px solid rgb(167,191,222);*/
	border-top:1px solid #FFC400;
	margin-bottom:1.4em;
	font-family:"Monotype Corsiva", "URW Chancery", "URW Chancery L", "Apple Chancery", Cursive;
}
h2
{
	/*color:rgb(54,95,145);*/
	color:#FFC400;
	font-size:12pt;
	/*border-bottom:2px solid rgb(54,95,145);*/
	border-bottom:2px solid #FFC400;
	margin-top:30px;
	margin-bottom:30px;
	font-weight:bold;
}
h3
{
	
	/*color:rgb(79,129,189);*/
	color:#FFD800;
	font-size:12pt;
	/*border-bottom:1px solid rgb(79,129,189);*/
	border-bottom:1px solid #FFD800;
	margin-top:30px;
}
h4
{
	/*color:rgb(149,179,215);*/
	color:#FFe400;
	font-size:11pt;
	/*border-bottom:1px solid rgb(79,129,189);*/
	border-bottom:1px solid #FFe400;
	margin-top:30px;
}

p
{
	text-align:justify;
	text-indent:2em;
}
p:first-letter
{
	color:Black;
	font-size:1.1em;
}

ul
{
	list-style-type:square;
}

ul ul
{
	list-style-type:circle;
}

blockquote p:before
{
	content:"«";
}
blockquote p:after
{
	content:"»";
}
blockquote p:first-letter
{
	font-size:5em;
	float:left;
}

caption
{
	color:rgb(36,63,96);
	border:1px solid black;
}
table
{
	border-collapse:collapse;
}

td
{
	border:1px solid black;
}

table.noborder td
{
	border:none;
}

blockquote
{
	color:rgb(79,129,189);
	width:100%;
	border-bottom:1px solid;
/* 	background:url('ImagesCSS/Guille.png') no-repeat; */
}

img
{
	float:left;
	padding:2%;
	padding-bottom:0;
}

a:active, a:visited, a:hover
{
	text-decoration:overline underline
}

.lienDiscret
{
	text-decoration:none;
	color:black;
}

fieldset
{
	width:95%;
	max-width:95%;
	overflow:scroll;
	margin:auto;
}

.auteur
{
	text-align:right;
	font-style:italic;
	color:rgb(128,128,128);
}

.auteur:first-letter
{
	color:rgb(128,128,128);
	font-size:1em;
}

.CaseNoire
{
	border-top:2px solid black;
	border-left:1px dashed black;
	padding-left:15px;
}
.CaseRose
{
	border-top:2px solid pink;
	border-left:1px dashed pink;
	padding-left:15px;
}

.centre
{
	text-align:center;
}

.no_lettrine:first-letter
{
	color:inherit;
	font-size:1em;
}
.no_lettrine
{
	text-indent:0;
}

.separateur
{
	margin-top:200px;
}

.comment
{
	font-style:italic;
	color:rgb(128,128,128);
}

.nonflottant
{
	clear:both;
	float:none;
}

.barre
{
	text-decoration:line-through;
}
.souligne
{
	text-decoration:underline;
}

.petit
{
	width:50%;
}

.petitTexte
{
	font-size:0.7em;
}

.erreur
{
	padding-left:50px;
	padding-right:50px;
	color:#4d0000;
	font-variant:small-caps;
	border:1px dashed red;
}

.pre
{
	white-space:pre;
}

.floatL
{
	float:left;
}
.floatR
{
	float:right;
}

.cliquable
{
	cursor:pointer;
}

.miniatureFlash
{
	width:160px;
}
.miniatureFlash:hover
{
	width:640px;
}

.Reference
{
	border: 1px dashed #0d92c3;
	border-top:none;
	background-color:#b4e6f9;
	margin-left:3px;
	width:20%;
	padding:2px;
/*	right:20%;
	position:absolute;*/
}

.ReferenceParent
{
	border-bottom: 1px dashed #0d92c3;
	border-top: 1px dashed #0d92c3;
}

.clear
{
	clear:both;
}

.admin:before
{
	content:'[admin] ';
	color:gray;
	padding-right:4px;
	text-decoration:none;
	font-size:.8em;
}

/*Les mathématiques "inline"*/
.TexTexte
{
	white-space:nowrap;
	font-style:italic;
	font-size:0.9em;
	color:rgb(30,30,30);
}

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

.TexPic
{
	vertical-align:middle;
	float:none;
	padding:0;
	margin-top:3px;
	margin-bottom:3px;
}

*:focus
{
	color:green;
}