/* CSS Document */
body{
font-family: Verdana,Arial;
font-size: 12px;
background: #013B5D;
}

a{
  font-size: 12px;
  color: #5C6C8F;
  font-weight: bold;
}

a:hover
{
  font-size: 12px;
  color: white;
  font-weight: bold;
  background: #5C6C8F;
}

/** Bulles d'aide **/

a.info_bulle span{
	display: none;
}

a.info_bulle:hover{
	background: none;
	z-index: 500;
}

a.info_bulle:hover span{
	width: 150px;
	display:inline;
	position: absolute;
	z-index: 500;
	top: 2em;
	left: 60%;
	background: #FFFFE1;
	border: 1px dotted black;
	text-align: center;
	color: grey;
	padding: 0.5em;
	text-decoration: none;
}

/** Fin Bulles  d'aide **/

#page{
	display:block;
	width: 100%;
	background-color: white;
	border: 1px solid #121E39;
	margin: auto;
}


/** Header **/
#header{
display: block;
width: 100%;
height: 50px;
margin: 10px 0px 20px 0px;
}

#header h1{
	text-align: left;
	margin: 0;
	padding: 0;
}

#header h1 a{
display: block;
background: url(../images/logo_header.gif) no-repeat;
width: 150px;
height: 50px;
font-size: 8px;
color: #B63F3F;
text-decoration: none;
padding-left:100px;
margin: 0;
}

/** Fin Header **/

.division3colonnes
{
	width: 33.3%;
	float: left;
	margin: 0;
	padding-left: 0;
	padding-right: 0;
  	font-weight: bold;
  	color: #494960;
	font-size: 14px;
}

.elementGauche{
	text-align: left;
}

.elementCentre{
	text-align: center;
}

.elementDroite{
	text-align: right;
}

/** Menu **/

#zone_menu
{
	background: #336699;
	margin: 10px 0px 0px 0px;
	padding: 0;
}

ul#menu
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#menu li
{
	float: left;
	padding-left: 10px;
}

ul#menu li ul
{
	position: absolute;
	border: solid 1px #474767;
	margin: 0;
	width: 12em;
	left: -999em;
}


ul#menu li a.rubrique_principale
{
	display: block;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	padding-left: 10px;
	line-height: 1.5em;
	text-align:left;
	color: #FFFFFF;
}

ul#menu li a.rubrique_principale:hover
{
	display: block;
	text-decoration: none;
	font-weight: bold;
	line-height: 1.5em;
	text-align:left;
}

ul#menu li ul { /* listes de deuxième niveau */
	position: absolute;
	width: 12em;
	left: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
	margin: 0;
	padding: 2px;
	list-style-type: none;
	background-color: #336699;
}


ul#menu li ul li
{
	display: block;
	border: none;
	padding: 0;
	width: 12em;
}

ul#menu li ul li a
{
	display: block;
	text-align: left;
	width: 12em;
	color: #FFFFFF; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	width: 100%;
	text-decoration: none;
}
ul#menu li ul li a:hover
{
	display: block;
	text-align: left;
	color: #FFFFFF; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	width: 100%;
}


ul#menu li:hover ul, #menu li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
	left: auto;
}
/** Fin menu Lettres **/

/** Liste **/
#liste
{
	width: 80%;
	border: 0px;
	margin: auto;
	font-size: 12px;
	font-weight: bold;
	background: #E8E8F7;
	text-align: center;
	padding: 10px 0px 10px 0px;
}
/** fin liste **/

/** table data **/

table#data{
	width: 95%;
	margin: auto;
	padding: 2px;
	border: 1px solid #5C6C8F;
}

table#data tr{

}

table#data td{
	height: 30px;
	text-align: center;
	font-size: 12px;
	color: #5C6C8F;
	font-weight: bold;
}

table#data th{
	height: 20px;
 	background: #123456 url(../images/fond_titre.gif);
	color: white;
	font-weight: bold;
	font-size: 12px;
 }

/** fin table data **/

/** Menu Onglets **/
#menuOnglets{
	display: block;
	width: 80%;
	margin: auto;
	border-bottom: 1px solid #5C6C8F;
	text-align: center;
}

#menuOnglets table
{
	margin: auto;
}

#menuOnglets td{
	text-align: center;
}


#menuOnglets td a{
	background: url(../images/fond_titre.gif) ;
	color:white;
}

#menuOnglets td#select a{
	background: #FFA257;
	color: white;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
}


#menuOnglets  a{
	display: block;
	width: 150px;
	height: 23px;
	line-height: 1.7em;
	text-decoration: none;
	color: #5C6C8F;
	margin-left: 2px;
}

#menuOnglets a:hover{
	background: url(../images/fond_th.gif) ;
	color: white;
}

/** Fin Menu Onglets **/

ul#formulaire{
	width: 50%;
	margin: auto;
	text-align: left;
	list-style-type: none;
	border-left: 2px solid #5C6C8F;
	padding-left: 5px;
	color: #5C6C8F;
}

ul#formulaire li{
	padding: 5px;
	margin-top: 5px;
}

ul#formulaire li h1{
	display: inline;
	color: black;
	font-weight: bold;
	font-size: 14px;
}

/** erreurs **/
#erreur{
	display: block;
	width: 70%;
	background: white url(../images/erreur.gif) no-repeat left;
	color: red;
	font-weight: bold;
	padding-left: 40px;
	line-height: 5em;
	margin: auto;
	border: 1px dotted red;
}
/** fin erreurs **/

div#info{
	display: block;
	background-image: url(../images/light_mini.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	width: 50%;
	color: #404040;
	margin: 0px auto;
	padding: 20px 0px 10px 60px;
	font-size: 12px;
	text-align: left;
}

/** identifiant **/
div#identifiant
{
	display: block;
	background: url(../images/fondidentifiant.png);
	height: 15px;
	margin: 0px 0px 10px 0px;
	padding: 0;
}

#login
{
	display: block;
	height: 20px;
	background: url(../images/profilh.gif) no-repeat;
	padding-left: 20px;
	color: #404040;
	font-weight: bold;
}

span#deconnexion
{
	display: block;
	height: 20px;
	float: right;
	background: url(../images/puce_deco.gif) no-repeat left;
	padding-left: 19px;
	margin-right: 5px;
}
/** fin identifiant **/

/** contenu Onglet **/

#formulaireElements{
	width: 50%;
	margin: auto;
}

#formulaireElements .span_gauche
{
	width: 60%;
	float:left;
	text-align: left;
	font-weight: bold;

}

#formulaireElements .span_droite
{
	width: auto;
	float: left;
}

/** fin contenu Onglet **/

input[type=button]
{
	background: white;
	color: #5C6C8F;
	border: 1px solid #5C6C8F;
}
input[type="button"]:hover
{
	background-color: #5C6C8F;
	color: white;
	border: 1px solid white;
}

#titrePage
{
	display: block;
	background: url(../images/fondidentifiant.png);
	height: 22px;
	text-align: left;
	font-size: 14px;
	line-height: 1.6em;
	color: #5C6C8F;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 10px;
	margin: 10px 0px 20px 0px;
}

#table_login{
	border: 1px solid #5C6C8F;
	font-size: 11px;
}

#table_login th{
	background: #5C6C8F;
	color: white;
	font-weight: bold;
}

#table_login td.champSaisie{
	text-align:left;
}


#menuRadios{
	display: block;
	width: 80%;
	background: url(../images/fond_th.gif);
	color: White;
	font-weight: bold;
	margin : 10px auto 10px auto;
	padding: 2px;
}

#infosEtablissement{
	display: block;
	width: 80%;
	margin : auto;
	color: #5C6C8F;
	text-align: left;
	font-weight: bold;
	padding: 5px 0px 5px 5px;
}

#conteneurInfosArrivant{
	width:80%;
	/*border: 1px solid black;*/
}

#numeroArrivant{
	width: 5%;
	float:left;
	text-align: right;
	font-size: 18px;
	color: #aec0fb;
	padding: 5px;
}

#infosArrivant{
	width: 90%;
	float: left;
	text-align: left;
	background: #E8E8F7;
	/*margin: 5px 0px 5px 0px;*/
	padding: 5px 0px 5px 0px;
	border-left: 5px solid #5C6C8F;
	font-size: 12px;
}

#infosArrivant p{
	padding-left: 5px;
}

#infosArrivant h1{
	background: #fff0c1;
	padding-left : 5px;
	font-size: 14px;
}

.span_gauche
{
	width: 40%;
	float:left;
	text-align: left;
	font-weight: bold;
	/*border: 1px solid black;*/
}

.span_droite
{
	width: auto;
	float: left;
}

.texte_rouge
{
	text-align:left;
	color: red;
	font-size: 12px;
} 

#commentaire
{
	display: block;
	background: url(../images/fond_th.gif);
	width: 80%;
	height: 20px;
}

#footer
{
	/*background: url(../images/logo_educ.gif) no-repeat 98% 98%;*/
	display:block;
	height: 480px;
}

#entete_etablissement
{
	width:100%;
	color:#5C6C8F;
	font-weight:bold;
	border-bottom:5px solid #5C6C8F;
	text-align:left;
}

div#fond_clair
{
	display: block;
	width: 60%;
	background: #FFFFE1;
	padding: 5px;
	margin: auto;
}

div#texte_footer
{
	text-align:right;
	color: white;
	font-size: 9px;
	background: url(../images/back_bleu.gif);
}

#table_authentification
{
	width: 50%;
	margin: auto;
	font-size: 11px;
	font-weight: bold;
}

#table_authentification td
{
	
	text-align: left;
}

dl{
	margin: 0;
	width: 100%
}

dd
{
	margin: 0;
}

dt
{
	font-weight: bold;
}

.liste_reponses
{
	width: 100%;
	margin: 0;
	border: 0px;
	list-style-image: url(../images/puce_liste1.gif);
	list-style-position: inside;
	text-align: left;
}

.liste_reponses h1
{
	font-size: 11px;
}

.liste_reponses li
{
	padding-left: 5px;
}

#liste_resultats
{
	display: block;
	width: 80%;
	margin: auto;
}

#liste_saisie_guidee
{
	width: 80%;
	margin: auto;
	text-align: center;
}

#formulaireAdressePerso{
	width: 40%;
	margin: auto;
}

p.ligneFormulaire{
	clear:both;
	height: 20px;
}

#formulaireAdressePerso p.ligneFormulaireModif{
	clear:both;
}

.titreFormulaire{
	display:block;
	clear:both;
	font-size: 14px;
	font-weight: bold;
	background: #336699;
	color: #FFFFFF;
}

.boutonsFormulaire{
	clear:both;
	padding-top: 10px;
}

.separation{
	clear:both;
	margin:0;
	padding: 0;
}

#formulaireVoeu{
	width: 40%;
	margin: auto;
}

#formulaireVoeu p.ligneFormulaireModif{
	clear:both;
}

.bouton-edition-pdf{
	margin: 1em;
	font-size: 120%;
	font-weight: 600;
	background-image: url('../images/printer.png') !important;
	background-position: 5px 50% !important;
	background-repeat: no-repeat !important;
	padding-left: 25px;
}
#menuLettres a, #menuLettres span{
	margin-left:.5em;
}
#menuLettres {
	margin-bottom: 1em;
}
span.help {
	cursor: help;
	color: white;
}
span.help img{
	vertical-align: middle;
	color: white;
}