body
{
	width: 1024px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #73c3ff;
}

/*==========================================================*/
/*En Tete*/
#en_tete
{
	width:1024px;
	height:140px;
	background-image: url("images/logo_taek_Sgms.jpg");
	background-repeat: repeat-x;
	margin-bottom: 5px; /* normal: 10px   mais change le 20160912 pour stage hapkido  */

}

#en_tete h1
{
	text-align: center;/*right;*/
	font-size: 2.3em;
	color:red;
	font-style: italic;
	font-weight: bold;
	margin-top: -2px;
	margin-bottom: 0px;
	/*text-decoration: blink;*/
}

#en_tete h2
{
	text-align: center;
	font-size: 1.3em;  /* normal: 1.3em    mais change le 20160912 pour stage hapkido  */
	color:blue;
	font-style: italic;
	font-weight: bold;
	margin-top: 00px;
	margin-bottom: 0px;
	/*text-decoration: blink;*/
}

#en_tete h3
{
	text-align: center;
	font-size: 1.1em;/* normal: 1.0em    mais change le 20160912 pour stage hapkido  */
	color:blue;
	font-style: italic;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	/*Line-Height: 4pt;/*  mis  le 20160912 pour stage hapkido  */
	height: 7px;
	
	/*text-decoration: blink;*/
}
/*FIN Entete */
/*==========================================================*/


/*==========================================================*/
/*Menu Horizontal*/
#MenuHorizontal
{
	margin-left: 153px;/* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
	margin-bottom: 20px;/* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
	margin-top: 0px;
	padding: 8px;/* 8  Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
	height:30px; /* 20 */
	background-color: #73a9ff;
	color: blue;
	font-family:Arial, "Arial Black", "Times New Roman", Times, serif;
	text-align: center;
	border: 1px outset blue;
	font-weight: bold;
	
}

.element_MH_DetailOption
{
	/*background-color: #73a9ff;
	background-repeat: repeat-x;*/
	border: 2px outset blue;	
	padding: 3px;	
	text-decoration: none; /* Pour ne pas souligner le lien */
	font-size: 0.9em;
	line-height: 2.0em;
}

/* pour modifier le lien lorsqu'on pointe dessus*/
#MenuHorizontal a:hover
{
	background-color: blue;
	color: white;
	font-weight:bold;
}

/* pour quand on clic sur le lien*/
#MenuHorizontal a:focus
{
	color: red;
}

/* pour quand on clic sur le lien*/
#MenuHorizontal a:visited
{
	color: black;
	font-style:italic;
}

/* pour la mise en forme des liens se trouvant dans le menu*/
#MenuHorizontal a
{
	color: blue;
}
/*FIN Menu Horizontal*/
/*==========================================================*/


/*==========================================================*/
/*Menu Verticalt*/
#menu
{
	float: left; /*pour faire flotter le menu à gauche*/
	width: 150px; /*largeur du menu*/
}

.element_menu
{
	background-color: #73a9ff;
	/*background-image:url("images/Coucher de soleil.jpg");*/
	background-repeat: repeat-x;
	border: 1px outset blue;
	margin-bottom: 5px;
}

/*pour mise en forme des titres du menus*/
.element_menu h3
{
	color: blue;
	font-family:Arial, "Arial Black", "Times New Roman", Times, serif;
	text-align: center;
}

/* pour mise en forme des puces dans les menus*/
.element_menu ul
{
	/*list-style-image:url ("images/...");*/ /* On change l'apparence des puces */
	padding: 0px;			/* Tous les côtés ont une marge intérieure de 0 pixels */
	padding-left: 20px;		/* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
	margin: 0px;			/* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
	margin-bottom:5px;		/* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */	
}

/* pour la mise en forme des liens se trouvant dans le menu*/
.element_menu a
{
	color: blue;
}

/* pour modifier le lien lorsqu'on pointe dessus*/
.element_menu a:hover
{
	background-color: blue;
	color: white;
	font-weight:bold;
}

/* quans on clic sur le lien*/
.element_menu a:focus
{
	color: red;
}

/* quand le lien a ete visité*/
.element_menu a:visited
{
	color: black;
	font-style:italic;
}
/*FIN Menu Vertical*/
/*==========================================================*/

/*==========================================================*/
/*Le CORPS de la page*/
#corps
{
	margin-left: 153px;/* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
	margin-bottom: 20px;/* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
	padding: 8px;/* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
	color: black;
	background-color: #73c3ff; /* Une couleur de fond pour le corps */
	text-align: justify;	
	/*border: 2px solid black;/* Une bordure pour bien marquer les limites du corps et pour faire joli */
}

/*mise en forme de tous les titres h1 du corps:*/
#corps h1
{
	color: blue;
	text-align: center;
	font-family: Arial,"Arial Black","Times New Roman",Times, serif;
}

/* mise en forme de tous les titres h2 du corps*/
#corps h2
{
	height: 30px;
	padding-left:30px;
	color: blue;
	text-align: center;
	font-family: Arial,"Arial Black","Times New Roman",Times, serif;
}

/* mise en forme de tous les titres h2 du corps*/
#corps h3
{
	height: 20px;
	padding-left:10px;
	margin-top:30px;
	color: blue;
	text-align: left; 
	font-family: Arial,"Arial Black","Times New Roman",Times, serif;
	background-color:#73b8ff;
	font-size:1em;
}

#corps p:first-letter /* La première lettre de chaque paragraphe */
{
   font-weight: bold; /* En gras */
   font-size: 1.2em; /* Ecrit légèrement plus gros que la normale */
   color: blue; /* En bleu */
}

#corps p
{
   text-indent: 20px;
}

/* pour modifier le lien lorsqu'on pointe dessus*/
#corps a:hover
{
	background-color: blue;
	color: white;
	font-weight:bold;
}

/* pour quand on clic sur le lien*/
#corps a:focus
{
	color: red;
}

/* pour quand on clic sur le lien*/
#corps a:visited
{
	color: black;
	font-style:italic;
}

/* pour la mise en forme des liens se trouvant dans le menu*/
#corps a
{
	color: blue;
}

.ImageAcceuil
{
	text-align:center;
}

/*FIN CORPS de la page*/
/*==========================================================*/

/*==========================================================*/
/*Le pied de page*/
#pied_de_page
{
	padding: 5px;
	text-align: center;
	background-color: #73a9ff;
	border: 1px outset blue;
	margin-top: 20%;
	margin-bottom: 5px;
}
/*==========================================================*/


/*==========================================================*/
/*LES TABLEAUX*/
/* Le titre du tableau*/
caption
{
	caption-side:top;
	margin: auto; /* pour le centrer*/
	font-family:Arial, Times, "Times New Roman", serif;
	font-weight:bold;
	font-size:1.2em;
	color: blue;
	margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}

/*  Le tableau */
table  
{
	margin:auto; /* centre le tableau*/
	border:4px outset #d1d1d1;/* Bordure du tableau avec effet 3D (outset) */
	border-collapse:collapse; /*  les bordures du tableau sont collés, separate pour les dissocier*/ 
}

/* les cellules d'en tete*/
th
{
	background-color: #808080;/*fond gris;*/
	color: white;
	font-size:1.1em;
	font-family:Arial, "Arial Black", Times, "Times New Roman", serif;
	padding:5px;
}

/* mise en forme des cellules*/
td
{
	height:50px; /* on modifie la hauteur des cellules*/
	vertical-align:middle; /*alignement vertical:centre */
	border: 1px solid black; /* les cellules ont une bordure de un pixel*/ 
	font-family:Arial,"Arial Black", Times, serif;	
	text-align: center; /* pour centrer tous les textes des cellules*/
	padding: 5px; /* marge interieur pour eviter que le texte ne colle au bordures*/
	width: 50px; /*largeur*/
}
.TableauMinus
{
	font-size:0.8em;
}
/*Pour les  images flottantes à  coté du tableau*/
.imageflottante_Gauche
{
   float: left;
}
.imageflottante_Droite
{
   float: right;
}
/*==========================================================*/