/* feuille de style de l'application ater */

body {
	font-family: Verdana, Arial;
	font-size: 8pt;
	color: #454544 ;
	background-color: #ffffff; 
	text-align: center; /* pour IE qui implemente mal margin:auto; */
}

/* ******************************** */
/*   Affichage du lycée             */
/* ******************************** */
table.lycee {
	border: 1px solid gray ;
	margin: auto;
	margin-bottom: 20px;
	padding-bottom: 15px;
}

table.lycee td { border: none; }

table.lycee td.titre { background-color: #FFB004; text-align: center; height: 30px; }

table.lycee td.libelle { padding-left: 15px; text-align: right; }

table.lycee td.valeur { padding-right: 15px; text-align: left; font-weight: bold;  }

table.lycee td.ligneVide { height: 20px;  }

/* ******************************** */
/*   Affichage des statistiques     */
/* ******************************** */

ul.stats li {
	background-image: url('fleche.gif');
	background-repeat: no-repeat;
	background-position: 2px 3px;
	list-style-type: none;
  	padding-left: 25px;
  	padding-bottom: 15px;
}

/* *******************************************************
/* *******************************************************
/* *******************************************************
/* *******************************************************
/* *******************************************************
/* *******************************************************
/* ******************************************************* */

div.haut {
	width: 720px;
	margin-left: auto;
	margin-right: auto;	
	text-align: center;
}

div.milieu {
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
	border: 1px red;
	border-style: dotted;
	padding: 20px;
}

div.bas {
	width: 720px;
	margin-left: auto; 
	margin-right: auto;
	text-align: left;
}


h1 {
	font-size: 20pt;
	color: #0e1290;
	font-weight: normal;
/*	font-stretch: expanded; /*!!!*/
/*	text-align: center;
	margin-top: 2em;
*/	
}

h2 {
	font-size: 13pt;
	font-stretch: expanded; /*!!!*/
	text-align: center;
	margin-top: 2em;
}

h3 {
	font-size: 10pt;
	text-align: left;
}

a {
	color: #5F1D2E;
}

a:hover {
	color: #0033FF;
	text-decoration: underline;
}

em {
	background-color: #fff900;
}

strong {
	font-weight: bold;
}

imp {
	background-color: #ff0000;
}

hr {
	border: 2pt solid #FF0000 ;
}

p {
	font-size: 8pt;
	font-family: Verdana, Arial;
}
p.centre {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
p.erreur {
	font-size: 10pt;
	font-family: Verdana, Arial;
	color: #ff0000;
	text-align: left;
}
p.message {
	font-style: italic;
}

p.avertissement{
	font-size: 10pt;
	font-family:  Arial;
	color: #ff0000;
	text-align: left;
	padding-left: 15%;
	padding-right: 15%;
}

p.important{
	font-size: 11pt;
	font-family:  Arial;
	color: #0E1290;
	text-align: left;
	background-color: #FFF55C;
	padding: 5px;
}

table {
	width: auto;
	border-collapse: collapse; 
	border: 2px solid #5F1D2E ;
	font-size: 8pt;
	text-align: left;
}

td {
	border: 1px solid #5F1D2E; 
	padding: 2px ; 
}

th {
	border: 1px solid #5F1D2E;
	background-color: #0E1290;
	color: #FFFFFF;
	padding: 2px ; 
	text-align: center;
}

ul li {
	background-image: url('fleche.gif');
	background-repeat: no-repeat;
	background-position: 2px 3px;
	list-style-type: none;
  	padding-left: 25px;
}

ul li ul li {
	list-style-image: none;
	list-style-type: circle;
	background: none;
	padding-left: 0px;
}

/* *********************************** */
/*  LISTE DES FICHIERS DISPONIBLES     */
/* *********************************** */

div.titreFichierDispo {
	border: none;
	font-size: 12pt;
	color: #6F2A14 ;
	font-weight: bold;
	padding-bottom: 15px;
	padding-left: 50px;
}
	
div.listeFichierDispo {
	border: none;
	font-size: 10pt;
	color: #6F2A14;
	font-weight: normal;
	padding-left: 50px;
}

div.listeFichierDispo a {
	color: #993300; 
	font-weight: bolder;
	text-decoration: none;
}

div.listeFichierDispo a:hover {
	color: #45669F;
	text-decoration: underline;
}

span.explicationFichier {
	color: #000000;
}

div.listeMutuelle {
	margin-left: 20px;
	font-size: 10pt;
}

div.listeMutuelle a {
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	color: #993300 ;
}

div.listeMutuelle a:hover {
	color: #45669F;
	text-decoration: underline;
}

.pbCookie {
	color: gray;
	font-style: italic;
}