/* SteelBlue 		= 	rgb(70,130,180)		=	#4682B4 */
/* LightSteelBlue	=	rgb(176,196,222)	=	#B0C4DE */
/* 						rgb(218,229,243)	=	#DAE5F3	*/
/* 						rgb(197,213,233)				*/



/* ----- SECTION ----- */
section
{
	margin-left:	210px;					/* Décalage du bord gauche pour laisser la place au menu */
	margin-right:	0px;
	margin-bottom:	10px;
	margin-top:		0px;
	border:			2px solid black;
	border-radius:	10px;
	background:		white;
	padding:		5px;					/* marge interne (entre le bord de l'élément et son contenu) */
	text-align:		justify;				/* Justifier le texte */
}



/* ----- GENERAL ----- */
a
{
	color:			rgb(18,83,138);		/* couleur des liens */
}
h1
{
	text-align:		center;
	font-size:		150%;
}
h2
{
	margin-left:	40px;
	margin-top:		35px;
	font-size:		125%;
}
h2:before {content:"| "}
h3
{
	margin-bottom:	1px;
	font-size:		100%;
}
h3:before {content:"→ "}		/* Ajouter un élément avant le titre */



/* ----- IMAGE ----- */
section img
{
/* Transformer la balise "inline" IMG en une balise "BLOCK" */
/* permet d'appliquer "margin" et donc de centrer l'image automatiquement */
	display:		block;
	margin-left:	auto;
	margin-right:	auto;
	/*Border:			1px solid black; /* perturbe leaflet ! */
}
section img.inline  /* image à afficher dans une ligne de texte */
{
	display:		inline;
}
section figcaption  /* Légende d'une image */
{
	text-align :	center;
}



/* ----- TABLEAU ----- */
table
{
	border-collapse:	collapse;				/* Les bordures du tableau seront collées */
	background-color:	rgb(219,229,243);
	margin-left:		auto;
	margin-right:		auto;
	margin-top:			10px;
	margin-bottom:		10px;
	font-family :		Arial, Helvetica, sans-serif;
	font-size:			85%;
}
th			/* Cellule "en-tête" */
{
	border:				2px solid black;		/* Bordure de la cellule */
	padding:			5px;					/* marge interne */
}
td			/* Cellule "classique" */
{
	border:				1px solid black;
	padding:			2px;
	padding-right:		5px;
	padding-left:		5px;
	text-align:			right;
}
th.rotate {
  height:		140px;
  white-space:	nowrap;
}
.rotate > div {
	transform:	translate(0px, 45px) rotate(270deg);  /* translation + rotation du texte pour le mettre vertical */
	width:		50px;
}



code
{
	font-family:	"Courier New", Courier, monospace;
	background:		#eee;
	font-size:		85%;		/* Taille de la police d'écriture */
}
/* Format BLOC DE CODE */
.BlocCode
{
	font-family:	"Courier New", Courier, monospace;
	background:		#eee;
	font-size:		85%;
	color:			blue;
	margin-left:	4em;
	margin-right:	4em;
	margin-bottom:	0px;
	text-align :	left;
}
/* Format COMMENTAIRE */
.Com
{
	font-family:	"Courier New", Courier, monospace;
	color:			green;
	font-size:		85%;		/* Taille de la police d'écriture */
}



/* ----- FORMULAIRE ----- */
fieldset
{
	font-family:	"Courier New", Courier, monospace;
	background:		#eee;
	border:			2px solid rgb(70,130,180);
	Margin:			25px;
	padding:		5px 15px;
}
label
{
	font-family:	"Courier New", Courier, monospace;
}
input[type=text], input[type=password], textarea
{
	padding:		5px 10px;
	border:			2px solid rgb(70,130,180);
	resize:			none;
	border-radius:	5px;
}
input[type=submit]
{
	margin:				10px;
	background-color:	LightSteelBlue;
	padding:			2px;
}



/* ----- CLASS : Texte centré */
.Centre
{
	text-align:		center;
	font-size:		110%;
}
/* ----- CLASS : Aligné à droite */
.AlignD
{
	text-align: 	right;
}
/* ----- CLASS : Encadrer un texte */
.Cadre
{
	border:			2px solid rgb(18,83,138);
	border-radius:	10px;
	padding:		5px;
}
/* ----- CLASS : Texte en rouge */
.Rouge
{
	color:			red;
}