/*************************************************/
/* Feuille de style site Initiation et Formation */
/*************************************************/

/**********/
/* Global */
/**********/
body
{
	background-color: #888888; /* Couleur de fond par défaut */
	min-width: 35em; /* Largeur minimale de la page */
	font-family: Arial, Helvetica, sans-serif ; /* Polices de caracteres dans ordre de preference */
	font-size-adjust: 0.58; /* Permet de conserver rapport aspect caracteres si premiere police remplacee */
	font-size: 1.0em; /* Taille des caracteres */
	color: #000000; /* Couleur des caratères par défaut */
}

/**************/
/* Zone titre */
/**************/

/* Element div de la zone */
#D-Titre
{
	height: 4.5em; /* Hauteur de la zone = hauteur logo */
	margin-bottom: 2em; /* Hauteur marge du bas */
	background-color: #66AA88; /* Couleur de fond VERT*/
	/*border:1px solid red; /* Encadre le titre */
}
/* Logo fédération */
#D-Titre img
{
	float: left ; /* Positionne l'image a gauche */
	height: 4.5em; /* Hauteur de l'image = hauteur div D-Titre */
	border: none; /* Pas de bordure */
	/*border:1px solid red; /* Encadre le titre */
}
	
/* Titre commun à toute les pages */

#D-Titre h1
{
	margin: 0; /* Dimensions des marges */
	padding-top: 0.5em; /* Hauteur espacement superieur pour centrer verticalement */
	text-align: center; /* Centre le titre */
	font-size: 2.0em;   /* Taille des caractères */
	font-style: normal; /* Style des caractères */
	font-family:Garamond; /* Polices de caracteres dans ordre de preference */
	color: #FFFFFF; /* Couleur des caractères BLANC*/
	}

/***********************/
/* Zone Menu principal */
/***********************/

/* Element div de la zone */
#D-Menu
{
	position: absolute; /* Position absolue definie par top ci-apres */
	top: 7em; /* Position % haut de la page > hauteur zone de titre */
	width: 12em; /* Largeur de la zone */
	padding-left:0;
	background-color: #66AA88; /* Couleur de fond VERT*/
	font-family:Garamond; /* Polices de caracteres dans ordre de preference */
	color: #FFFFFF; /* Couleur des caractères */
	/*border:1px solid red; /* Encadre le menu */
}
/* Liste definissant le menu */
#D-Menu ul
{
	margin-top: 0; /* Hauteur marge du haut */
	margin-bottom: 0; /* Hauteur marge du bas */
	margin-left: 1.0em; /* Largeur marge de gauche */
	padding: 0; /* Dimensions des espacement */
	/*border:1px solid red; /* Encadre la liste */
}
/* Elements de la liste définissant le menu */
#D-Menu li {padding-bottom: 0.2em;} /* Hauteur espacement inferieur pour espacer verticalement les differentes rubriques */
/* Liens du menu principal */ 
#D-Menu li a
{
	text-decoration:none; /* Liens non soulignés */
	font-size: 1.0em;   /* Taille des caracteres */
	font-style: normal; /* Style des caracteres */
}
#D-Menu li a:active{color: #FFFFFF;} /* Couleur des caractères du lien actif BLANC*/
#D-Menu li a:visited{color: #FFFFFF;} /* Couleur des caractères du lien visité BLANC*/
#D-Menu li a:hover{color: #FF0000;} /* Couleur des caractères du lien survolé ROUGE*/

/************************/
/* Zone Menu Secondaire */
/************************/

/* Element div de la zone */
#D-SousMenu
{
	position: relative; /* Position relative définie le left ci-apres */
	left: 12em;         /* Decalage vers la droite % à la zone Menu principal > largeur Menu principal 
	                       Doit être égale au décalage de la zone Contenu */
	margin-top: 2em; /* Dimension marge du haut */
	width: 77%; /* Largeur de la zone */
	/*border: 1px solid red; /* Encadre le menu */
}
/* Liste définissant le menu */
#D-SousMenu ul
{
	margin: 0 0 3em 0; /* Dimensions marges du haut, de droite, du bas, de gauche */
	padding: 0; /* Dimensions espacement */
	list-style-type: none; /* Pas liste sans puce */
	/*border: 1px solid red; /* Encadre le menu */
}
/* Elements de la liste définissant le menu */
#D-SousMenu li {
	float: left; /* Elements de liste affiches horizontalement */
	width: 11.0em;  /* Largeur des boutons */
	margin: 0.1em;  /* Dimensions des marges des boutons */
	padding: 0em; /* Dimensions espacement haut et bas, droite et gauche */
	text-align: center; /* Centre le texte des boutons */
	font-size: 1.0em;   /* Taille des caractères */
	font-style: normal; /* Style des caractères */
	font-family:Garamond; /* Polices de caracteres dans ordre de preference */
	color: #FFFFFF; /* Couleur des caractères */
} 
/* Liens du menu secondaire sous forme de bouton */ 
  #D-SousMenu li a
    {
         display: block; /* Pour que la largeur définie dans l'élément li précédent soit retenue */
         background-color: #227755; /* Couleur de fond des boutons */
         /*background: url("Images/button.gif");*/
         /*border: 2px solid #000000; /* Bordure des boutons */
         text-decoration: none; /* Liens non soulignés */
         color: #FFFFFF; /* Couleur des caractères du lien BLANC*/
    }

#D-SousMenu li a:active{color: #FFFFFF;} /* Couleur des caractères du lien actif BLANC*/
#D-SousMenu li a:visited{color: #FFFFFF;} /* Couleur des caractères du lien visité BLANC*/
#D-SousMenu li a:hover{color: #FF0000;} /* Couleur des caractères du lien survolé ROUGE*/

/* Titre du sous menu */
#D-SousMenu h2
{
	margin-bottom: 0.3em; /* Hauteur marge du bas */
	text-align: center; /* Centre le titre */
	font-size: 1.5em;   /* Taille des caractères */
	font-style: normal; /* Style des caractères */
	font-family:Garamond; /* Polices de caracteres dans ordre de preference */
	color: #FFFFFF; /* Couleur des caractères BLANC*/
}

/***************************/
/* Zone Contenu d'une page */
/***************************/

/* Element div de la zone */
#D-Contenu
{
	clear: both;  /* Place la zone sous les boîtes flottantes (menu secondaire) precedentes */  
	position: relative; /* positionnement de la zone */
	left: 12em; /* Decalage vers la droite % à la zone Menu principal > largeur Menu principal 
	                       Doit être égale au décalage de la zone Menu secondaire */
	width: 77%; /* Largeur de la zone */
	background-color: #FFFFFF; /* Couleur de fond par défaut */
	/*background-image: url(Images/Fond-bleu-1.jpg);*/
	text-align: left; /* Texte aligne à gauche */
	font-style: normal; /* Style des caractères */
	color: #000000; /* Couleur des caractères */
	/*border:1px solid red; /* Encadre la zone */
	
}
#D-Contenu a:active{color: #000000;} /* Couleur des caractères du lien actif NOIR*/
#D-Contenu a:visited{color: #000000;} /* Couleur des caractères du lien visité NOIR*/
#D-Contenu a:hover{color: #FF0000;} /* Couleur des caractères du lien survolé ROUGE*/

/* Titre d'un contenu */
#D-Contenu h2
{
	margin-bottom: 0.5em; /* Hauteur marge du bas */
	text-align: center; /* Centre le titre */
	font-size: 1.5em;   /* Taille des caractères */
	font-family : Garamond; /*police de caactere*/
	font-style: normal; /* Style des caractères */
	color: #FFFFFF; /* Couleur des caractères */
}
/* Sous-titre d'un contenu */
#D-Contenu h3
{
	margin-bottom: 0.5em; /* Hauteur marge du bas */
	padding: 0.5em; /* Dimension espacement */
	background-color: #DDDDDD;
	/*text-align: center; /* Centre le titre */
	font-size: 1.0em;   /* Taille des caractères */
	font-style: normal; /* Style des caractères */
	color: #000000; /* Couleur des caractères */
}
/* Sous-titre d'un contenu */
#D-Contenu h4
{
	margin-bottom: 0.5em; /* Hauteur marge du bas */
	font-size: 0.9em;   /* Taille des caractères */
	font-style: normal; /* Style des caractères */
	color: #000000; /* Couleur des caractères */
}
#D-Contenu h6
{
	margin-bottom: 0.5em; /* Hauteur marge du bas */
	text-align: right;	/* auteur en bas a droite */
	font-size: 0.6em;   /* Taille des caractères */
	font-style: normal; /* Style des caractères */
	color: #000000; /* Couleur des caractères */
}
/* de la zone */
#D-Contenu div
{
	clear: both;  /* Place la zone sous les boîtes flottantes (menu secondaire) precedentes */
	padding-top: 0.1em; 
}
/* Paragraphes de la zone */
#D-Contenu p
{
	margin: 0.4em 1em;
	text-align: justify;
	font-size: 1em; /* Taille des caractères */
	font-style: normal; /* Style des caractères */
	color: #000000; /* Couleur des caractères */
}
/* Images bandeaux */
#D-Contenu img.IBandeau {width:100%}
/* Table de la zone */
#D-Contenu table
{
	margin: auto;
	text-align: justify;
	font-size: 1em; /* Taille des caractères */
	font-style: normal; /* Style des caractères */
	color: #000000; /* Couleur des caractères */
}
/* Mise à jour */
#D-Contenu #DateMiseAJour
{
	margin-top: 0; /* Hauteur marge supérieur */
	padding-top: 2em; /* Hauteur espacement supérieur */
	text-align: center; /* Centre le texte */
	font-size: 0.6em; /* Taille des caractères */
	font-style: normal; /* Style des caractères */
	color: #000000; /* Couleur des caractères */
}
/* Liste de définition */
#D-Contenu dt
{
	font-weight:bold; /* Text en gras */
}

/* Tableau */

table
{
	width: 90%;
	border: 1px solid #000000;
	border-collapse: collapse; /* Modèle bordure fusionnées */
	text-align: left; /* Texte aligne à gauche */
	padding: 0.3em; /* Dimension espacement */
}
th
{
	border: 1px solid #000000;
	text-align: center; /* Centre le texte */
	padding: 0.3em; /* Dimension espacement */
}

td
{
	border: 1px solid #000000;
	text-align: left; /* Texte aligne à gauche */
	padding: 0.5em;
}
dt
{
		text-align: left; /* Texte aligne à gauche */
	padding: 0.5em;
}

.OFlashVideo
{
	width: 320px;
	height: 260px;
}


/*****************************************/
/* Zone spécifiques aux pages des stages */
/*****************************************/

/* Liste définissant le menu des stages */
#U-MenuStage
{
	margin: 0em;  /* Dimensions des marges de la liste */
	padding: 0em; /* Dimensions espacement de la liste */
	list-style-type: none; /* Pas liste sans puce */
}
/* Entrée liste du menu des stages = onglets utilisés pour les pages des stages */
#U-MenuStage li 
{
	float: left; /* Elements de liste affiches horizontalement */
	margin: 0em;  /* Dimensions des marges */
	padding: 0em; /* Dimensions espacement */
	font-size: 0.8em;   /* Taille des caractères */
	font-style: normal; /* Style des caractères */
	color: #336600; /* Couleur des caractères = couleur définie dans stages.js*/
	cursor: pointer; /* Modifie le curseur de la souris lors du survol */
}
/* Défini la profondeur par défaut des onglets */
#U-MenuStage li span
{
	position: relative; /* Nécessaire pour utilisé z-index */
	z-index: 0; /* Par défaut : onglets en arrière plan % à la zone d'id TextStage */
}

/* Span contenant la partie gauche de l'onglet */
#U-MenuStage .TabLeft
{
	margin: 0em; /* Dimensions des marges */
	padding: 0em; /* Dimensions des espacements */
	display: block; /* Permet de définir une dimension à l'élément */
	float: left; /* Permet d'afficher les spans de longlet sur une ligne */
	width: 27px; /* Largeur de l'élément = largeur image */
	background-image: url(Images/onglet-left.gif); /* Image à afficher en fond */
	background-repeat: no-repeat; /* Affichage sans répétition */
}
/* Span contenant le milieu de l'onglet */
#U-MenuStage .TabMid
{
	margin: 0em; /* Dimensions des marges */
	padding: 0em; /* Dimensions des espacements */
	display: block; /* Permet de définir une dimension à l'élément */
	float: left; /* Permet d'afficher les spans de longlet sur une ligne */
	background-image: url(Images/onglet-mid.gif); /* Image à afficher en fond */
}
/* Span contenant la partie gauche de l'onglet */
#U-MenuStage .TabRight
{
	margin: 0em; /* Dimensions des marges */
	padding: 0em; /* Dimensions des espacements */
	display: block; /* Permet de définir une dimension à l'élément */
	float: left; /* Permet d'afficher les spans de longlet sur une ligne */
	width: 27px; /* Largeur de l'élément = largeur image */
	background-image: url(Images/onglet-right.gif); /* Image à afficher en fond */
	background-repeat: no-repeat; /* Affichage sans répétition */
}

/* Span survolé */
#U-MenuStage li:hover span
{
	position: relative; /* Nécessaire pour utilisé z-index */
	color: #FF0000;  /* Couleur des caractères du lien survolé */
	background-position: 0px -73px; /* Modifie position de l'image de fond :73px = hauteur image/2 */
	z-index: 2; /* L'onglet survolé passe devant la zone d'id TextStage */
}

/* Onglet actif */
#L-Actif .TabLeft, #L-Actif .TabMid, #L-Actif .TabRight
{
	background-position: 0px -73px; /* Modifie position de l'image de fond :73px = hauteur image/2 */
	z-index: 2; /* L'onglet passe devant la zone d'id TextStage */
}

/* Zone texte correspodant aux onglets */
#D-TextStage
{
	position:relative; /* Nécessaire pour utilisé z-index, et pour recouvrir la zone des onlgets */
	top:-1px; /* Recouvre la zone des onglets de 1 pixels */
	border-top: 1px solid #000000; /* Bord supérieur de la zone */
	z-index:1; /* Par défaut la zone est devant les onglets */
}

/*********************************/
/* Zones spécifiques à l'editeur */
/*********************************/
#D-Editeur
{
	margin: auto;
	width: 80%;
}