body
{
	padding:0 10%;
	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%;
	padding-bottom:55px;
}

#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;
}

.abstract:before
{
	content:'Abstract : ';
	display:block;
	font-weight:bold;
}

/* 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:0.7em;
}

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

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


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

#Box dl
{
	padding-left:5px;
	background:white;
	-moz-border-radius:10px;
}

#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;
	overflow:hidden;/*Ce qui dépasse (des 84% de l'écran) est CACHE en position repliée. */
}
#Sommaire:hover
{
	left:0;
	width:327px;
	border:2px dotted red;
	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);
	font-size:30pt;
	font-style:italic;
	text-align:center;
	line-height:2em;
	border-bottom:4px solid rgb(155,187,89);
	border-top:1px solid rgb(167,191,222);
	margin-bottom:1.4em;
	font-family:"Monotype Corsiva", "URW Chancery", "URW Chancery L", "Apple Chancery", Cursive;
}
h2
{
	color:rgb(54,95,145);
	font-size:12pt;
	border-bottom:2px solid rgb(54,95,145);
	margin-top:30px;
	margin-bottom:30px;
	font-weight:bold;
}
h3
{
	color:rgb(79,129,189);
	font-size:12pt;
	border-bottom:1px solid rgb(79,129,189);
	margin-top:30px;
}
h4
{
	color:rgb(149,179,215);
	font-size:11pt;
	border-bottom:1px solid rgb(79,129,189);
	margin-top:30px;
}

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

ul
{
	list-style-type:square;
}

ul li p:first-child:first-letter
{
	color:black;
	font-size:1em;
}
ul li p:first-child
{
	text-indent:0;
	margin-top:0;
	margin-bottom:0;
}

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

blockquote
{
	background:url('ImagesCSS/Guille.png') no-repeat;
	padding-left:25px;
}
blockquote p
{
 text-indent:0;
}
blockquote p:first-letter
{
 color:black;
}

blockquote p:after
{
	color:black;
	content:"»";
}

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

td
{
	border:1px solid black;
}

table.noborder td, td.noborder
{
	border:none;
}

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

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

a img
{
	border:none;
}

table img
{
	padding:3px;
}

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

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

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

legend
{
	background-color:white;
}

.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;
}

.grandTexte
{
	font-size:1.3em;
}

.erreur, .important
{
	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:auto;
	max-width:95%;
}

.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;
}

.labelimage
{
	float:right;
	clear:right;
	display:block;
	border:1px solid black;
	margin:5px;
	background-color:#F2F2F2;
	width:305px;
	font-size:.95em;
}

.labelimage span
{
	text-indent:0;
	text-align:center;
	color:#4F81BD;
	margin:2px;
	display:block;
}

.labelimage img
{
	float:none;
	padding:3px;
	max-width:300px;
}



.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:3px 0;
}

input:focus, textarea:focus
{
	color:#44007E;
}