/* Crée le 		04/01/2007 */
/* Mis à jour le 	24/06/2007 */

body {
	background-color:#ffff99;  /* Couleur du fond */
	margin: 1px;
	padding: 10px;
	font-family: tahoma, arial, helvetica;
	font-size: 12 pt;
	color: rgb(102,51,0);

	/* Caractéristiques du cadre de la page web */
	border-style: groove;
	border-color: #ffff99;
	border-width: thick;
	
	text-align: center; /* Centre tout ce qui est implémenté dans body sous IE et seulement le texte sous Opera et Firefox sauf kan justifie*/
	
	/* ================= -- Style (couleur) des ascenseurs sour IE -- ================= */
	
	scrollbar-base-color: rgb(102, 51, 0);		/* Couleur de base des barres de défilement */
	scrollbar-3dlight-color: #ffffff;			/* Couleur pour les effets de relief (3D) */
	scrollbar-arrow-color: rgb(102, 51, 0);		/* Couleur pour les pointeurs de défilement */
	scrollbar-darkshadow-color: rgb(102, 51, 0);	/* Couleur pour les ombres */
	scrollbar-face-color: #eacf6c;			/* Couleur pour les surfaces */
	scrollbar-highlight-color: #ffffff;			/* Couleur pour le bord haut et le bord gauche */
	scrollbar-shadow-color: #ffffff;			/* Couleur pour le bord droit et le bord du bas */
	scrollbar-track-color: #ffff99;			/* Couleur pour la barre ded éfilement non-cachée par le pointeur de défilement */
	}
	/* ------------------------------------------------------------------------- */
	
	
 	/* ================= - - - Style appliqué au logo de l'AESOR - - - ================= */
#logo_aesor img {
	position: absolute;
	left: 106px;	/* Centrage horizontal du logo par rapport à la largeur de la barre de navigation */
	top: 15px;
	}
	/* ------------------------------------------------------------------------- */

	
 	/* ================= - - - Style appliqué aux drapeaux dans le règlement de la compétition de l'AESOR - - - ================= */
#drapeau_reglement_competition_aesor {
	position: absolute;
	right: 75px;	/* = left du logo AESOR pour équilibrer */
	top: 60px;	/* Centrage vertical des drapeaux par rapport au logo de l'AESOR */
	}
	/* ------------------------------------------------------------------------- */

	
	/* ================= - - - Style appliqué aux tableaux implémentés dans le conteneur #contenu_page_web - - - ================= */
#contenu_page_web table {
	background: #eacf6c;
	margin-left: auto; 		/* Pour centrer les tableaux dans le conteneur "contenu_page_web" sous Opera et Firefox */
	margin-right: auto; 	/* Pour centrer les tableaux dans le conteneur "contenu_page_web" sous Opera et Firefox */
	margin-bottom: 20px;
	}	
	/* ------------------------------------------------------------------------- */

	
	/* ================= - - - Style appliqué à la barre de navigation des épreuves de la compétition - - - ================= */
#menu_img_epreuve_competition table {
	margin-top: 5pt;
	margin-bottom: 15pt;
	background: none;
	}

#menu_img_epreuve_competition a {
	border-style: outset;
	display: block;
	border-color: white;
	margin: 0 5pt;
	}
	
#menu_img_epreuve_competition a:hover, #menu_img_epreuve_competition a:focus, .lien_img_lecture {
	border-style: inset;
	border-color: white;
	}	
	/* ------------------------------------------------------------------------- */

		
	/* ================= - - - Style appliqué aux titres - - - ================= */
		
.titre_h1_page_accueil,.titre_h1 , .titre_h2, .titre_h3, .titre_h4, #form caption, #tableau caption { /* Caractéristiques commmunes des titres */
	font-family: Georgia;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding: 8pt 20pt;
	}

.titre_h1_page_accueil {
	line-height: 50px;
	}

.titre_h1,.titre_h1_page_accueil  { /* titre_h1 correspond au style de titre de niveau 1 dans la page web */
	font-size: 21pt;
	font-style: italic;
	}
	
.titre_h2 { /* titre_h2 correspond au style de titre de niveau 2 dans la page web */
	font-size: 18pt;
	margin-top: 10pt;
	}
	
.titre_h3 { /* titre_h3 correspond au style de titre de niveau 3 dans la page web */
	font-size: 16pt;
	text-align: left;
	text-indent: 0.5em;
	}
	
.titre_h4 { /* titre_h4 correspond au style de titre de niveau 4 dans la page web */
	font-size: 14pt;
	text-align: left;
	text-indent: 2em;
	font-style: italic;
	}

	/* Les titres de la tables des matières du règlement de la compétition de l'AESOR est dans la partie PUCES */
.titre_TM_niveau_1 { /* titre_TM_niveau_1 correspond au style de titre de niveau 1 dans le sommaire su règlement de la compétition */
	margin-left: 1em;
	padding-top: 0.5em;
	font-size: 1.1em;
	text-align: left;
	}
	
.titre_TM_niveau_2 { /* titre_TM_niveau_2 correspond au style de titre de niveau 2 dans le sommaire su règlement de la compétition */
	margin-left: 3em;
	font-size: 1em;
	text-align: left;
	line-height: 0.6em;
}

.titre_TM_niveau_3 { /* titre_TM_niveau_3 correspond au style de titre de niveau 3 dans le sommaire su règlement de la compétition */
	margin-left: 6em;
	font-size: 0.9em;
	text-align: left;
	line-height: 0.8em;
	font-variant: small-caps;
}	
	/* ------------------------------------------------------------------------- */

	
	/* ================= - - - Style appliqué au texte - - - ================= */
.paragraph_debut, .paragraph, .citation, .paragraph_centrer {
	padding-left: 10pt;
	padding-bottom: 10pt;
	padding-right: 10pt;
	text-align: justify;
	line-height: 1.4em;
	}

.paragraph_debut {
	padding-top: 15pt;
	}
		
.paragraph, .paragraph_fin, .paragraph_centrer {
	padding-top: 5pt;
	}
	
.paragraph_debut:first-letter { /* Je suis obligé de faire une redondance sinon IE n'affiche pas la 1ere lettre */
	font-size: 150%;
	display: inline;
	font-style: italic;
	padding-right: 2px;
	}

.paragraph:first-letter {  /* Je suis obligé de faire une redondance sinon IE n'affiche pas la 1ere lettre */
	font-size: 150%;
	display: inline;
	font-style: italic;
	padding-right: 2px;
	}
	
.paragraph_centrer:first-letter {  /* Je suis obligé de faire une redondance sinon IE n'affiche pas la 1ere lettre */
	font-size: 150%;
	display: inline;
	font-style: italic;
	padding-right: 2px;
	}

.citation {
	font-style: italic;
	}
	/* ------------------------------------------------------------------------- */
	
	
	/* ================= - - - Style appliqué aux puces - - - ================= */
.puce_niveau_1 , .puce_niveau_2, .puce_plan_site_niveau_1, .puce_plan_site_niveau_2, .puce_plan_site_niveau_3 {
	margin:0;
	padding:0;
	list-style-position: outside;
	}

.puce_niveau_1  {
	list-style-type: disc;
	}

.puce_niveau_1 li {
	margin-top: 0.4em;
	margin-left: 2em;
	}

.puce_niveau_2, .puce_plan_site_niveau_2 {
	margin-top: 0.4em;
	list-style-type: circle;
	}

.puce_niveau_2  li {
	margin-left: 3em;
	}
	
 .puce_plan_site_niveau_1 a , .puce_plan_site_niveau_2 a,  .lien_texte, .lien_texte_menu_haut_page_web, .lien_texte_sous_menu_haut_page_web , .lien_texte_lecture , .gotop, .impression, .close_popup, .telecharger_centre, .titre_TM_niveau_1 a, .titre_TM_niveau_2 a, .titre_TM_niveau_3 a, .details {
	font-weight: bold;
	text-decoration: none;
	color: rgb(102, 51, 0); /* Permet de forcer la couleur lorsque le texte est un lien "a href" */
	}
	
.puce_plan_site_niveau_1 { /* Les effets du lien sont dans la parties liens */
	list-style-type: none;
	margin-left: 1em;
	line-height: 2.3em;
	font-size: 1.1em;
	}
	
.puce_plan_site_niveau_2 {
	margin-left: 7em;
	line-height: 2em;
	font-size: 1em;
	}

.puce_plan_site_niveau_2 a:hover, .puce_plan_site_niveau_2 a:focus, .titre_TM_niveau_2 a:focus, .titre_TM_niveau_2 a:hover, .lien_texte_sous_menu_haut_page_web:focus, .lien_texte_sous_menu_haut_page_web:hover {
	text-decoration: overline underline;
	}

.puce_plan_site_niveau_3 {
	list-style-type: none;
	margin-left: 11em;
	padding-right: 10pt;
	line-height: 2em;
	}
	
.puce_plan_site_niveau_3 li {
	padding-left: 0.5em;
	border-left-style: solid;
	border-width: thin;
	padding-right: 10pt;
	}
	
.puce_plan_site_niveau_3 a { /* je le laisse seul car il n'est pas en BOLD */
	text-decoration: none;
	color: rgb(102, 51, 0); /* Permet de forcer la couleur lorsque le texte est un lien "a href" */
	}
	
.puce_plan_site_niveau_3 a:hover, .puce_plan_site_niveau_3 a:focus , .puce_plan_site_niveau_1_lecture, .titre_TM_niveau_3 a:focus, .titre_TM_niveau_3 a:hover{
	text-decoration: underline;
	font-style: italic;
	text-indent: 6pt;
	}
	/* ------------------------------------------------------------------------- */


	/* ================= - - - Style appliqué au menu implémentés sous forme de liste dans le contenu de la page web - - - ================= */	
.list_menu_haut_page_web li, .list_sous_menu_haut_page_web li {
	/* Aucun type de puce n'est appliqué à cette liste */
	list-style-type: none;
	display: inline; /* si je passe en block, le soulignement du lien a lieu sur toute la largeur de la page, il faut alors faire un <div class> */
	font-weight: bold;
	line-height: 1.6em;
	}
	
.list_sous_menu_haut_page_web li {
	font-size: 11pt;
	}
	
.list_menu_epreuve_competition li {
	/* Aucun type de puce n'est appliqué à cette liste */
	list-style-type: none;
	display: inline;
	margin-right: 10pt;
	}
	
	/* ------------------------------------------------------------------------- */
	
	
	/* ================= - - - Style appliqué aux liens sous forme de texte - - - ================= */

	/* Les autres caractéristiques des liens sont dans la partie PUCE */
	
.lien_texte:hover, .lien_texte:focus, .lien_texte_menu_haut_page_web:hover, .lien_texte_menu_haut_page_web:focus, .puce_plan_site_niveau_1 a:hover, .puce_plan_site_niveau_1 a:focus, .gotop:hover, .gotop:focus, .impression:hover, .impression:focus, .close_popup:hover, .close_popup:focus, .telecharger_centre:hover, .telecharger_centre:focus, .titre_TM_niveau_1 a:focus, .titre_TM_niveau_1 a:hover, .details:focus, .details:hover  {	
	text-decoration: overline;
	border-bottom-style: double;
	border-width: medium;
	}

.lien_texte_menu_haut_page_web, .lien_texte_lecture, .lien_texte_lecture_sous_menu_haut_page_web { /* .lien_texte_sous_menu_haut_page_web:focus et hover sont présentés dans .puce_plan_site_niveau_2 a:hover */
	margin: 10pt;
	}
	
 .lien_texte_lecture, .lien_texte_lecture_sous_menu_haut_page_web {	
	border-bottom-style: dashed;
	border-width: thin;
	}
	
.lien_texte_lecture_sous_menu_haut_page_web {
	font-style: italic;
	font-weight: bold;
	}
	/* ------------------------------------------------------------------------- */
	
	
	/* ================= - - - Style appliqué aux images - - - ================= */

img { /* Code à améliorer */
	border: none; /* Permet de retirer la bordures quand l'image est dans un "a href" (ex: drapeaux bas de page) */
	}
		
.img_droite {
	float: right;
	margin-right:  5px;
	margin-left: 15px;
	}

.img_gauche {
	float: left;
	margin-right:  15px;
	margin-left: 5px;
	}
	
.img_gauche, .img_droite , .img_centre, .close_popup, .telecharger_centre, .img_reglement_competition { /* A supprimer des obtention d'images de meilleure qualité */
	/* Marge */
	margin-top: 15px;
	margin-bottom: 5px;

	/* Texte sous l'image */
	font-size: 10pt;
	font-weight: bold;
	}

.img_competition { /* Valider la bordure ou non avec Régis */
	/*border-color: rgb(102,51,0);
	border-style: solid;
	border-width: medium;*/
	margin-top: 10pt;
	margin-bottom: 5pt;
	margin-left: 20pt;
	margin-right: 20pt;
	}
	
.img_bordure { /* A supprimer des obtention d'images de meilleure qualité */
	border-color: rgb(102,51,0);
	border-style: solid;
	border-width: medium;
	}

	/* ------------------------------------------------------------------------- */


	/* ================= - - - Style du formulaire de contact AESOR et aux tableaux de données  - - - ================= */
#form, #tableau, #tableau_sans_bordure { /* Conteneur de la largeur de la page web qui contient la tabelau du formulaire de contact */
	width: 100%;
	text-align: center;  /* Pour centrer le tableau du formulaire de contact dans le conteneur "form" sous IE */
	}
	
#form table, #tableau table, #tableau_sans_bordure table {
	width: 92%;
	text-align: left; /* Pour forcer le texte à droite sous Opéra et Mozilla */
	}
	
#form table, #tableau_sans_bordure table  {
	line-height: 25pt;
	}
	
#tableau table  {
	line-height: 15pt;
	border-style: outset;
	border-width: 2px;
	border-color: rgb(102,51,0);
	}

#tableau table td {
	border-style: inset;
	border-width: 1px;
	border-color: rgb(102,51,0);
	}

#tableau_sans_bordure table td {
	text-align: justify;
	}
	
#form caption, #tableau caption  { /* Les autres caractéristiques de CAPTION sont dans la partie TITRES */
	caption-side: top;
	font-size: 14pt;
	}

.th, .th_centrer, .th_tableau { /* fixe le style des 1ere cellule de chaque ligne */
	vertical-align: top;	
	font-weight: bold;
	font-size: 11pt;
	}

.th_tableau {
	padding-right: 5pt;
	}
		
.centrer, .th_centrer, .paragraph_centrer, #tableau td {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	}
		
.bouton {
	background-color: rgb(183,91,0);
	font-weight: bold;
	color: #ffff99;
	cursor: pointer;
	}
	
.bouton:hover, .bouton:focus {
	background-color: #ffff99;
	color: brown;
	}
	/* ------------------------------------------------------------------------- */

	
	/* ================= - - - Style appliqué au GOTOP, IMPRESSON et DETAILS - - - ================= */
.gotop, .impression, .details { /* Les autres caractéristiques sont dans la partie PUCE */
	float: right;
	font-size: 0.7em;
	margin-right: 10pt;
	}
	/* ------------------------------------------------------------------------- */

	
	/* ================= - - - Style appliqué à la MISE A JOUR - - - ================= */
.mise_jour {
	font-size: 0.7em;
	}
	/* ------------------------------------------------------------------------- */

		
	/* ================= - - - Style du préchargement des images - - - ================= */
#preload, #logo_aesor_popup img, .noscreen  {
	display: none;
	}
	/* ------------------------------------------------------------------------- */
	
	
	/* ================= - - - Remarque - - - =================
	
	impression et gotop ont exactement les mêmes caractéristiques
	close_popup et telecharger_centre ont exactement les mêmes caractéristiques
	Supprimer .img_reglement_competition dés réception des images de mailleures qualités