/* propri�t�s g�n�rales de la page */
body {
	background-color: #DDE3EF;
	
	
}

/* propri�t�s du menu horizontal */
#menu_horizontal {
	text-align: center;
	font-size: 4mm;
	
}

/* propri�t�s du chemin de fer */
#chemin_fer {
	
}

/* bloc central uniquement cr�e pour uniformiser les hauteurs des deux blocs contenus (menu_vertical et contenu) */
#bloc_central {
	
}

/* propri�t�s du menu vertical */
#menu_vertical {
	float: left;
	width: 20%;
	height: 300px;
}

/* propri�t�s du contenu */
#contenu {
	float: left;
	width: 80%;
	height: 300px;
	font-size: 28px;
	text-align: center;
}

/* propri�t�s du pied de page */
#pied_page {
	font-size: 3mm;
	clear: both;
	text-align: center;
}

/* comportement de la liste dans le bloc menu_horizontal */
#menu_horizontal li {
	margin-right: 40px;
	font-size: 4mm;
	list-style-type: none;
	display: inline;
}

/* propri�t�s des liens (de base et d�j� visit�s) contenus dans le bloc menu_horizontal */
#menu_horizontal a:link,#menu_horizontal a:visited {
	color: #339999;
	font-size: 4mm;
	font-weight: bold;
	text-decoration: none;
}

/* propri�t�s des liens (au dessus et actifs) contenus dans le bloc menu_horizontal */
#menu_horizontal a:hover,#menu_horizontal a:active {
	text-decoration: underline overline;
}

/* propri�t�s des liens (de base et d�j� visit�s) contenus dans le bloc chemin_fer */
#chemin_fer a:link,#chemin_fer a:visited {
	color: #FF9933;
	font-weight: bold;
	text-decoration: none;
}

/* propri�t�s des liens (au dessus et actifs) contenus dans le bloc chemin_fer */
#chemin_fer a:hover,#chemin_fer a:active {
	text-decoration: underline overline;
}

/* propri�t�s des liens (de base et d�j� visit�s) contenus dans le bloc menu_vertical */
#menu_vertical a:link,#menu_vertical a:visited {
	color: #CC66CC;
	font-size: 16px;
	text-decoration: none;
}

/* propri�t�s des liens (au dessus et actifs) contenus dans le bloc menu_gauche */
#menu_vertical a:hover,#menu_vertical a:active {
	text-decoration: underline;
}

/* ----- mise en forme Balise HTML ------------------------------ */
TH {
	text-align: center;
	font-weight: bold;
	font-size: 4mm;
}

/* -------------------------------------------------------------------------------- */
	/* titre principal des pages */
#Titre01 {
	color: #30c;
	font-size: 12mm;
	font-weight: bold;
	text-decoration: underline;
	text-align: center;
	text-transform: uppercase
}

#Titre01Marge {
	color: #30c;
	font-size: 12mm;
	font-weight: bold;
	text-decoration: underline;
	text-align: center;
	text-transform: uppercase;
	margin: 0 0 0 7cm
}

#Titre02 {
	color: #30f;
	font-size: 12mm;
	font-family: "Monotype Corsiva";
	font-style: normal;
	font-weight: bold;
	font-stretch: normal;
	text-decoration: underline;
	text-align: left;
	margin-top: 1cm
}

#Titre02Marge {
	color: #30f;
	font-size: 12mm;
	font-family: "Monotype Corsiva";
	font-style: normal;
	font-weight: bold;
	font-stretch: normal;
	text-decoration: underline;
	text-align: left;
	margin-top: 1cm;
	margin: 0 0 0 7cm
}

#Titre03 {
	color: #333;
	font-size: 8mm;
	font-family: "Monotype Corsiva";
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	text-indent: 10mm
}

#Titre03Marge {
	color: #333;
	font-size: 8mm;
	font-family: "Monotype Corsiva";
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	text-indent: 10mm;
	margin: 0 0 0 8cm
}

#TitreDecale01 {
	color: #30c;
	font-size: 12mm;
	font-weight: bold;
	text-decoration: underline;
	text-align: center;
	text-transform: uppercase;
	text-indent: 5cm
}

#paragr01 {
	color: #000;
	font-size: 6mm;
	font-family: "Monotype Corsiva";
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-align: left
}

#paragr02 {
	color: #000;
	font-size: 6mm;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-align: justify;
	margin: 0 0 0 7cm
}

#paragr03 {
	color: #000;
	font-size: 6mm;
	font-family: "Times New Roman";
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-align: justify;
	margin: 0 0
}

#paragrCentrer01 {
	color: #000;
	font-size: 6mm;
	font-family: "Times New Roman";
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	margin: 0
}

#TexteRouge01 {
	color: #f63;
	font-weight: bold
}

#TexteBleu01 {
	color: #03f;
	font-weight: bold
}

#TexteBleu01Ita {
	font-size: 4mm;
	color: #03f;
	font-weight: lighter;
	font-style: italic
}

#TexteRougeIta {
	color: red;
	font-weight: bold;
	font-size: 6mm;
	font-style: italic
}
#TextePetitRougeIta {
	color: red;
	font-family: "Times New Roman";
	font-weight: bold;
	font-size: 4mm;
	font-style: italic
}
#TextePetitRouge {
	color: red;
	font-weight: normal;
	font-size: 4mm;
	font-style: normal
}
#TextePetitVert {
	color: #32CD32;
	font-weight: normal;
	font-size: 4mm;
	font-style: normal
}
#TexteAideIta {
	color: #03f;
	font-family: "Times New Roman";
	font-weight: lighter;
	font-size: 4mm;
	text-align: left;
	font-style: italic
}

#minuscule {
	color: #000;
	font-size: 6mm;
	font-family: "Monotype Corsiva";
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-align: left
}

#TexteNormal {
	font-size: 4mm;
	text-align: left
}
#ligne1
{
background-color: green;
	font-size: 4mm;
	text-align: left

}
#ligne2
{
background-color: blue;
	font-size: 4mm;
	text-align: left

}
table{
	width : 100%;
	border : 1px solide #000000; /* juste pour voir le tableau*/
	}
thead{
	height: 50px; /* hauteur des entêtes */
}
tbody{
	height: 150px; /* hauteur du reste des données */
	overflow-y:auto; /* ton scroll vertical */
	overflow-x:hidden; /* scrool horizontal caché */
	
}
td{
	padding-right:10px; /* permet à tes infos de ne pas être caché par le scroll 
	                      verticale, étant donné que l'horizontal es masqué */
	
}