/* Crée le 23/03/2007 */

/* Je fixe les caractéristiques du média (autrement la page format A4) */
 @page { /* Ne fonctionne que sous Opéra */
 	size: 21cm 29.7cm;
	margin: 5%;
	} 

body {
	background-color:none;  /* Couleur du fond */
	margin: 0; /* Suppression des parges */
	padding: 0;
	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 appliqué au logo de l'AESOR - - - ================= */
#logo_aesor img, #logo_aesor_popup img {
	position: absolute;
	left: 0.7cm;
	top: 0.4cm;
	width: 65px;
	border-style: groove;
	border-color: #ffff99;
	border-width: thick;
	} 
	/* ------------------------------------------------------------------------- */

	
	/* ================= - - - Objets n'étant pas affichés lors de l'impression - - - ================= */
#barre_navigation, .noprint ,.gotop,#preload, .impression, .close_popup, .menu_page_acceuil, #drapeau_reglement_competition_aesor, .telecharger_centre, .details, .list_sous_menu_haut_page_web {
	display: none ;
	}
	/* ------------------------------------------------------------------------- */
	

	/* ================= -- Style appliqué au contenu de la page web -- ================= */
#contenu_page_web table {
	margin-left: auto;  /* Pour center les tableaux dans le conteneur "contenu_page_web" sous Opera et Firefox */
	margin-right: auto;  /* Pour center les tableaux dans le conteneur "contenu_page_web" sous Opera et Firefox */
	background: none;
	}	
	/* ------------------------------------------------------------------------- */
	

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

#menu_img_epreuve_competition a {
	border-style: outset;
	display: block;
	border-color: white;
	margin: 0 5pt;
	}
	
.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;
	margin-top: 0.9cm; /* Pour éviter que le texte ne passe sous le logo de l'AESOR */
	padding-bottom: 1.4cm; /* Pour éviter que le texte ne passe sous le logo de l'AESOR */
	}
	
.titre_h2 { /* titre_h2 correspond au style de titre de niveau 2 dans la page web */
	font-size: 18pt;
	}
	
.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: 15px;
	}
		
.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;
	line-height: 1.4em;
	}
	/* ------------------------------------------------------------------------- */
	
	
	/* ================= - - - 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 {
	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_lecture , .gotop, .titre_TM_niveau_1 a, .titre_TM_niveau_2 a, .titre_TM_niveau_3 a {
	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_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_1_lecture{
	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 {
	/* 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.7em;
	}
	
.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_menu_haut_page_web, .lien_texte_lecture {
	margin: 10pt;
	}
	
 .lien_texte_lecture {	
	border-bottom-style: dashed;
	border-width: thin;
	}
		
	/* ------------------------------------------------------------------------- */
	

	/* ================= - - - 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-left: 15px;
	}

.img_gauche {
	float: left;
	margin-right:  15px;
	}
	
.img_gauche,  .img_droite, .img_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 - - - ================= */
#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: 95%;
	text-align: left; /* Pour forcer le texte à droite sous Opéra et Mozilla */
	}
	
#form table, #tableau_sans_bordure table  {
	line-height: 0.8cm; /* 25pt*/
	}
	
#tableau table {
	line-height: 0.5cm; /* 15pt*/
	}

#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);
	padding-left: 2px;
	padding-right: 2px;
	}

#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;
	}
	/* ------------------------------------------------------------------------- */