/*_____________________________________________________________________________*/
/*                                                                             */
/*   		   FEUILLE DE STYLES - APPLICATIONs Examens en EPLE            */
/*                            V.1 Octobre 2004                                 */
/*                             Auteur : UNGI                                   */
/*                                                                             */
/*_____________________________________________________________________________*/


/*_____________________________________________________________________________*/
/*                                                                             */
/*                          Redéfinition des balises HTML                      */
/*_____________________________________________________________________________*/
/*
body {
	margin: 0px;
	background-image: url(../image/fond_body.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #D9E4FA;
}
*/
/* Une police générique */

body, p, td, th, input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
a {
	COLOR: #142687
}
a:hover {
	COLOR: #FF9900
}

/*_____________________________________________________________________________*/
/*                                                                             */
/*                    STRUCTURE GLOBALE DES PAGES			       */
/*_____________________________________________________________________________*/

/* Div qui contient l'ensemble de la page */

#container {
	width: 100%;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	height: auto;
	margin: 0px;
	padding: 0px;
}

/* Div qui contient les éléments du bandeau supérieur */

#bandeau {
	background-image: url(../image/bandeau.jpg);
	background-repeat: no-repeat;
	height: 129px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-position: left top;
	float: left;
	display: none;
}

/* Div qui positionne le contenu de la page incluant le menu de gauche et les tableaux  */

#centre {
	background-image: url(../image/filets_menug.gif);
	background-repeat: repeat-y;
	padding-top: 20px;
	padding-bottom: 20px;
	vertical-align: top;
	float: left;
	width: 100%;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
	height: 100%;
}

/* Menu gauche (rubriques et sous-rubriques)  */

#menuG {
	float: left;
	margin-right: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
//	width: 172px;
	padding-top: 0px;
	padding-bottom: 20px;
	padding-left: 13px;
	display: none;
}

/* Div du contenu proprement dit de la page */

#contenu {
	padding: 0px;
	margin-bottom: 30px;
	float: left;
	width: 100%;

}

/*_____________________________________________________________________________*/
/*                                                                             */
/*         BANDEAU TETIERE : Etablissement, bandeau et barre de boutons        */
/*_____________________________________________________________________________*/

/* Identification de l'établissement, au dessus du bandeau */

.etablissement, .etablissementlieu {
	color: #142687;
	padding-left: 28px;
}
.etablissement {
	font-weight: bold;
	font-size: 11px;
	width: 270px;
	padding-top: 9px;
}
.etablissementlieu {
	font-size: 10px;
}

/* Retour à l'accueil */

.accueil {
	font-weight: bold;
	text-transform: uppercase;
	color: #012B99;
	font-size: 11px;
	letter-spacing: 1px;
	padding-top: 16px;
	padding-left: 60px;
}
.accueil a {
	color: #012B99;
	text-decoration: none;
}
.accueil a:hover {
	color: #FF7900;
}

/* Nom de l'application */

.application {
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 4px;
	padding-top: 35px;
	font-size: 11px;
	padding-left: 430px;
}

/* Barre de boutons sous le bandeau (Guide, Aide, Editions, Quitter)  */

.menuH, .menuH a, .menuHM, .menuHM a, .menuHD, .menuHD a {
	color: #FFFFFF;
	font-size: 10px;
}
.menuH a, .menuHM a, .menuHD a {
	text-decoration: none;
}
.menuH a:hover, .menuHM a:hover, .menuHD a:hover {
	text-decoration: none;
	color: #FFCC33;
}
.menuH {
	text-align:center;
	width: 75px;
	float: left;
	padding-top: 3px;
}
.menuHM {
	float: left;
	padding-left: 250px;
	padding-top: 3px;
	padding-right: 100px;
}
.menuHD {
	text-align:right;
	padding-top: 3px;
	padding-right: 28px;
	padding-left: 40px;
	float: left;
}

/*_____________________________________________________________________________*/
/*                                                                             */
/*               PARTIE CENTRALE : Menu gauche				       */
/*_____________________________________________________________________________*/


/* Les rubriques sont les entrées de 1er niveau  */

.Rubrique_on a {
	background-color: #142687;
	padding-top: 4px;
	padding-bottom: 4px;
	background-image: url(../image/fleche_off.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 14px;
	display: block;
	width: 143px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 5px;
	margin-left: 1px;
}
.Rubrique_on a:hover, .Rubrique_off a:hover {
	background-color: #FF9933;
	background-image: url(../image/fleche_on.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	display: block;
}
.Rubrique_on a:hover {
	color: #FFFFFF;
}
.Rubrique_off a:hover {
	color: #142687;
}
.Rubrique_off a {
	background-color: #96C6FF;
	padding-top: 4px;
	padding-bottom: 4px;
	background-image: url(../image/fleche_on2.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 14px;
	display: block;
	width: 143px;
	text-decoration: none;
	color: #142687;
	margin-bottom: 5px;
	margin-top: 3px;
	margin-left: 1px;
}

/* Les titres au-dessus des rubriques  */
.menuGauche {
	font-weight: bold;
	color: #142687;
	font-size: 11px;
	width: auto;
	padding-top: 9px;
}

/* Les sous-rubriques sont les entrées de 2nd niveau,  */
/* qui apparaissent lorsqu'on clique sur une rubrique  */

.SousRubrique_off, .SousRubrique_on	{
	color: #142687;
	text-decoration: none;
	width: 145px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 9px;
}
.SousRubrique_on	{font-weight: bold;}

.SousRubrique_off a, .SousRubrique_on a {
	text-decoration: none;
	color: #142687;
}
.SousRubrique_off a:hover, .SousRubrique_on a:hover {
	text-decoration: none;
	color: #FF9900;
}

/*_____________________________________________________________________________*/
/*                                                                             */
/*               PARTIE CENTRALE : Contenu des tableaux	    		       */
/*_____________________________________________________________________________*/


/* Composition, positionnement, tailles des tableaux,  */

#cadrage {
	padding-top: 20px;
	padding-bottom: 20px;
	vertical-align: top;
	float: left;
	margin: 20px 0px 0px;
	padding-right: 0px;
	height: auto;
	width: 100%;
	text-align: center;
}

#tab500 {
	left: 130px;
	margin: 0px 0px 40px;
	padding: 0px;
	position: relative;
	clip:     rect(auto auto auto auto);
	width: 100%;
	background-color: #3960C7;
	background-image: url(../image/fond_tab.gif);
	background-repeat: repeat-x;
	text-align: center;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #20319B;
	border-left-color: #20319B;
	float: left;
}
#tab500 p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF6600;
	background-color: #EBF0FC;
	text-align: center;
	vertical-align: middle;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #17277C;
	border-left-color: #17277C;
	padding-top: 50px;
	padding-bottom: 50px;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0px 48px;
}
.tab100, .tab495 {
	background-color: #FFFFFF;
	border-right-width: 7px;
	border-left-width: 7px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

.tab495 {
	width: 100%;
}
.teth {
	float: left;
	height: 16px;
	width: 500px;
	background-image: url(../image/angle_fondh2.gif);
	background-repeat: repeat-x;
	text-align: center;
}

/* Filets horizontaux et verticaux + marge entre les colonnes */

.filetd {
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #8490D6;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #8490D6;
}
.filetgd {
	border-right-width: 4px;
	border-left-width: 4px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #142687;
	border-left-color: #142687;
	background-color: #FFFFFF;
	margin: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	text-align: center;
	left: auto;
	right: auto;
}
.filetfin, .filethaut {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	border-right-width: 4px;
	border-left-width: 4px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #142687;
	border-left-color: #142687;
}
.filetfin {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8490D6;
}
.filethaut {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #8490D6;
}
.filetvertical {
	background-color: #8490D6;
	width: 3px;
}
.filetgauche {
	background-color: #142687;
	width: 3px;
}
.filetdroit {
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #142687;
}
.margeg, .marged {
	width: 3px;
	background-color: #8490D6;
}
.filetbas, .filetbasgd {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #8490D6;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
.filetbasgd {
	border-right-width: 4px;
	border-left-width: 4px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #8490D6;
	border-left-color: #8490D6;
}

/* Fermeture des tableaux : bas de tableau */

.bastabg, .bastabm, .bastabd {
	height: 16px;
}
.bastabg, .bastabd {
	background-repeat: no-repeat;
	width: 21px;
	margin: 0px;
	padding: 0px;
}
.bastabg {
	background-image: url(../image/angle_bg.gif);
	float: left;
}
.bastabm {
	background-image: url(../image/angle_fondb.gif);
}
.bastabd {
	background-image: url(../image/angle_bd.gif);
	background-position: right top;
	float: right;
}
.bastableau {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 5px;
	text-align: center;
	border-right-width: 4px;
	border-left-width: 4px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #142687;
	border-left-color: #142687;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #8490D6;
}

/* Chemin d'accès */

.titre {
	background-image: url(../image/angle_hg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 26px;
	background-color: #142687;
	padding-left: 25px;
}
.titre h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 6px;
	background-image: url(../image/angle_hd.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 21px;
	margin: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
}

/* Titre sur toute la largeur des tableaux */

th {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8490D6;
	background-color: #4A83D7;
	margin: 0px;
	padding: 3px 0px;
	border-right-width: 4px;
	border-left-width: 4px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #142687;
	border-left-color: #142687;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}

/* Intitulés des colonnes de textes */

.entete {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8490D6;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #8490D6;
}
.texte {
	background-color: #325BCF;
	padding: 4px 10px;
	border: 1px solid #142687;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	margin: 4px;
	display: block;
}

/* Libellés des textes dans les colonnes de tableau + champs */

.libelle, .libellemessage, .libellegauche, .libelleneutre, .libellecentre, .libellelien {
	font-size: 10px;
	color: #142687;
	background-color: #D9E4FA;
}
.libelle {
	text-align: left;
	padding: 3px 10px 3px 5px;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #8490D6;
}
.libellemessage {
	text-align: left;
	padding: 3px 10px 3px 5px;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #8490D6;
      	font-weight : bold;
	font-style : italic;
}
.libellegauche {
	text-align: right;
	padding: 3px 3px 3px 10px;
      	font-weight : bold;
}
.libelleneutre {
	text-align: left;
	padding: 3px 10px 3px 5px;
}
.libellecentre {
	text-align: center;
	padding: 3px 5px;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #8490D6;
}
.libellelien {
	text-align: left;
	border-right-width: 4px;
	border-right-style: solid;
	border-right-color: #8490D6;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #8490D6;
}
.libellelien a, .libellecentre a {
	color: #142687;
	text-decoration: none;
	display: block;
}
.libellelien a {
	padding: 4px 30px;
}
.libellecentre a {
	padding: 3px;
}
.libellelien a:hover, .libellecentre a:hover {
	color: #FFFFFF;
	text-align: left;
	background-color: #FF9933;
	display: block;
}

/* Zone de tableaux sur fond jaune clair */

.entete2, .entete3, .entete4 {
	color: #2B4EB7;
	background-color: #FFE28A;
	text-align: center;
}
.entete2 {
	padding: 5px;
}
.entete3 {
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #8490D6;
}
.entete4 {
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #8490D6;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

/*_____________________________________________________________________________*/
/*                                                                             */
/*                          Composants de formulaires                          */
/*_____________________________________________________________________________*/

form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
input, select {
	vertical-align: middle;
}
.bouton, .boutonnb {
	color: #142687;
	vertical-align: middle;
	border: 1px solid #142687;
	text-align: center;
}
.bouton {
	background-color: #96C6FF;
	margin: 10px 8px 5px;
	padding: 2px 3px;
	cursor: hand;
	display: none;
}
.boutonnb {
	background-color: #FEAB2E;
	padding: 3px;
	cursor: hand;
	margin-bottom: 5px;
	margin-top: 5px;
}

/* indication des champs obligatoires - Généralement une étoile après le champ */

.obligatoire {
	color: #FF0000;
	font: bold;
}

/*_____________________________________________________________________________*/
/*                                                                             */
/*                          BAS DE PAGE                                        */
/*_____________________________________________________________________________*/

#piedpage, #piedpageg, #revenirtop {
	height: 18px;
	float: left;
}
#piedpage {
	background-image: url(../image/fond_pied_page.gif);
	background-repeat: repeat-x;
	width: 100%;
	vertical-align: bottom;
	position: relative;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	display: none;
}
#piedpageg {
	vertical-align: bottom;
}
#revenirtop {
	text-transform: uppercase;
	color: #142687;
	letter-spacing: 5px;
	vertical-align: top;
	font-size: 9px;
	padding: 0px;
	margin: 0px;
}
#revenirtop a {
	color: #142687;
	text-decoration: none;
}

/*_____________________________________________________________________________*/
/*                                                                             */
/*       Pour les messages d'erreur, de confirmation ou d'information          */
/*_____________________________________________________________________________*/

.erreur {
	color: Red;
	font-size: 13px;
	font-weight: bold;
}

/*_____________________________________________________________________________*/
/*                                                                             */
/*                      PAGE D'ACCUEIL DE L'APPLICATION	                       */
/*_____________________________________________________________________________*/

.tabaccueil {
	WIDTH: 495px;
	text-align: center;
}
#cadragecenter {
	padding-right: 0px;
	padding-bottom: 20px;
	margin: 20px 0px 0px;
	width: 620px;
	height: auto;
	text-align: center;
	float: left;
	padding-left: 140px;
}
.libelleaccueil {
	text-align: left;
	background-color: #D9E4FA;
	border-right-width: 4px;
	border-right-style: solid;
	border-right-color: #8490D6;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #8490D6;
}
.libelleaccueil a {
	color: #142687;
	padding: 4px 30px 4px 20px;
	text-decoration: none;
	display: block;
	background-image: url(../image/B_puce.gif);
	background-repeat: no-repeat;
	background-color: #D9E4FA;
	background-position: 10px;
	text-indent: 10pt;
}
.libelleaccueil a:hover {
	color: #FFFFFF;
	text-align: left;
	background-color: #FF9933;
	display: block;
	background-image: url(../image/B_puce_on.gif);
	background-repeat: no-repeat;
	background-position: 10px;
}

/*_____________________________________________________________________________*/
/*                                                                             */
/*      			 AFFICHAGE DES POP UP   		       */
/*_____________________________________________________________________________*/

.fondpopup {
	background-image: url(../image/angle_fondb.gif);
	background-repeat: repeat-x;
	height: 16px;
	margin: 0px;
	padding: 0px;
	background-color: #D9E4FA;
	text-align: center;
}
.centrepop {
	padding-top: 45px;
	padding-bottom: 20px;
	width: 100%;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
	text-align: center;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
}
.contenupop {
	padding: 0px;
	margin-bottom: 30px;
	text-align: center;
}
.libellepopg, .libellepopd {
	color: #142687;
	text-align: left;
	background-color: #D9E4FA;
	border-right-width: 4px;
	border-right-style: solid;
	border-right-color: #8490D6;
	padding: 5px;
}
.libellepopg {
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #8490D6;
}
.libellepopg a, .libellepopd a {
	color: #142687;
	text-decoration: none;
}
.libellepopg a:hover, .libellepopd a:hover {
	color: #FFFFFF;
	text-align: left;
	background-color: #FF9933;
}
.piedpop {
	background-image: url(../image/angle_fondh2.gif);
	background-repeat: repeat-x;
	height: 16px;
	width: 100%;
	vertical-align: bottom;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-position: bottom;
	background-attachment: scroll;
}
#fermer, #fermer a, #fermer a:hover {
	color: #142687;
	font-size: 9px;
}
#fermer {
	text-transform: uppercase;
	letter-spacing: 5px;
	vertical-align: top;
	height: 18px;
	padding: 0px;
	margin: 30px 0px 0px;
	text-align: center;
	font-weight: bold;
}
#fermer a {
	text-decoration: none;
}
#fermer a:hover {
	text-decoration: underline;
}