@media screen { /*Styles généraux */
	body,td,div,.p,a,textarea,input {
		font-family: arial, sans-serif;
		font-size: 8pt
	}
	table {
		font-family: verdana;
		font-size: 8pt
	}
	h1 {
		font-family: verdana;
		font-size: 15pt;
		font-weight: bold;;
		color: #404040
	}
	h2 {
		font-family: verdana;
		font-size: 15pt;
		font-weight: bold;;
		color: #404040
	}
	select {
		font-family: arial, sans-serif;
		font-size: 8pt
	}
	a {
		color: #FF6600
	}
	a.menu {
		color: #FFFFFF;
		text-decoration: none
	}
	a.footer {
		color: #404040;
		text-decoration: none
	}
	a.footer:hover {
		color: #404040;
		text-decoration: underline
	}
	span.error{font-family:verdana;font-size:8pt;color:red}
	
	.siteHeader {
		font-family: verdana;
		font-size: 8pt;;
		background-color: #EFE4E4;
		color: #404040
	}
	.titre {
		font-family: Arial;
		font-size: 14pt
	}
	.userframe {
		font-family: verdana;
		font-size: 7pt;;
		background-color: #EFE4E4;
		color: #404040;;
		border-left: 1px solid #FFFFFF
	}
	.backstyle {
		background-color: #E2E8EF
	}
	.tableauheader {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		background-color: #FFFFFF;;
		border-width: 1px;
		border-style: solid;
		border-color: #FFFFFF;
	}
	.chemin {
		font-family: verdana;
		font-size: 7pt;;
		background-color: #FBF7F7;
		color: #404040
	}
	table.tableau {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		background-color: #FFFFFF;;
		border: 1px solid #ccc;
	}
	table.etat {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		background-color: #FFFFFF;;
		border: 1px solid #ccc;
		border-collapse: collapse
	}
	.suiviline {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		background-color: #FFFFFF;;
		border-width: 1px;
		border-style: solid;;
		border-color: lightgrey;
		border-collapse: collapse
	}
	.tableauprincipal {
		border-left: 1px solid;
		border-right: 1px solid;;
		border-right-color: #FFFFFF;;
		border-left-color: #FFFFFF;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		background-color: #FFFFFF
	}
	td.tableauStyleImpression {
		border: 1px solid #000000;
	}
	.header {
		background-color: #B9C8D9;
		color: #404040;
		font-weight: bold
	}
	.header2 {
		font-weight: bold;
		font-size: 10pt;
		background-color: #E2E8EF
	}
	.header3 {
		font-weight: bold;
		font-size: 8pt;
		background-color: #FBF7F7
	}
	tr.headerEtat {
		background-color: #B9C8D9;
		color: #404040;
		font-weight: bold;
		font-size: 7pt
	}
	tr.headerEtat td {
		border-top: solid 1px #FFFFFF;
		border-left: solid 1px #FFFFFF;
		/*border-right:solid 1px #999;				*/
		border-bottom: solid 1px #999;
		padding: 2px;
	}
	td.ligneEtat {
		border-right-width: 1px;
		border-right: 1px solid #ccc;
		border-left: 1px solid #ccc;;
		border-collapse: collapse
	}
	/*page integration.jsp */
	#si_process {
		border: solid 1px #ccc;
		padding: 10px;
		width: 95%;
		height: 50px;
		margin: 5px;
		display: none;
	}
	#si_process div.title {
		float: left;;
		width: 100%;;
		text-align: left;;
		margin: 0px 0px 10px 5px
	}
	#process {
		width: 100%;;
		height: 25px;;
		padding: 2px;;
		margin: 2px;
	}
	#process #infos {
		float: left;
		width: 27%;;
		height: 15px;;
		line-height: 15px;
		text-align: left;
		font-weight: bold;
	}
	#process #barre_progression {
		float: left;;
		width: 70%;
		padding: 0px;
		height: 15px;
		margin-left: 5px;
		background-color: #eaeaea;
		border-left: solid 1px #ccc;
		border-top: solid 1px #ccc;
		border-right: solid 1px #999;
		border-bottom: solid 1px #999;
	}
	#accomplished,#not_accomplished {
		float: left;
		margin: 1px;
		height: 14px;
	}
	#accomplished {
		background-color: green
	}
	#not_accomplished {
		width: 25%
	}
	/* Mise en page tableaux étudiants*/
	#resultat {
		overflow: scroll;
		width: 100%;;
		height: 180px
	}
	#resultat table {
		width: 100%;;
		margin: 0px
	}
	#titre_tableau_etudiants {
		margin: 10px 0px;
		text-align: left
	}
	.ListeEtudiants {
		overflow: scroll;;
		width: 100%;;
		height: 400px;;
		margin: 0px;;
		padding: 0px
	}
	.ligne {
		background-color: #FFFFFF
	}
	.ligneover {
		background-color: #E2E8EF;
		color: #000000;
		font-weight: bold;
		cursor: pointer
	}
	.Ligne {
		background-color: #FFFFFF
	}
	.LigneModified {
		background-color: lightgrey
	}
	.OnLigne {
		background-color: #E2E8EF;
		color: #000000;
		font-weight: bold;
		cursor: pointer
	}
	/* Mise en page du tableau de suivi des mails*/
	.OnLigneSuiviMail {
		background-color: #E2E8EF;
		color: #000000;
		font-weight: bold
	}
	/* Mise en page voeux dans la Situation de l'étudiant (Reservation.jsp) */
	.AttributionLigne {
		background-color: #FFFFFF;
	}
	.DesistementLigne {
		background-color: #007C00;
		color: #FFFFFF;
		font-weight: bold;
		cursor: pointer
	}
	.RetraitLigne {
		background-color: red;
		color: #FFFFFF;
		font-weight: bold;
		cursor: pointer
	}
	.ReservationLigne {
		background-color: #FF8839;
		color: #FFFFFF;
		font-weight: bold;
		cursor: pointer
	}
	.DepartLigne {
		background-color: #000080;
		color: #FFFFFF;
		font-weight: bold;
		cursor: pointer
	}
	.MaintienLigne {
		background-color: #FF8839;
		color: #FFFFFF;
		font-weight: bold;
		cursor: pointer
	}
	td.listeDoc {
		vertical-align: middle;
		height: 20px;
		border-top: dashed 1px #999;;
		border-bottom: solid 1px #eaeaea
	}
	td.occupation div.occupationLibelle {
		font-style: italic;;
		width: 100px;;
		margin-left: 5px;
		float: left;
	}
	td.occupation div.debut,td.occupation div.fin {
		font-weight: bold;;
		margin: 0px 2px;
		float: left;
		width: 100px;
	}
	.styleLayerMenu {
		border: 1px solid #B9C8D9;
		position: absolute;;
		z-index: 2;
		background-color: #B9C8D9;
		visibility: hidden;
		cursor: pointer
	}
	.Menu {
		font-family: verdana;
		font-size: 8pt;
		background-color: #E2E8EF;
		color: #404040;
		font-weight: bold;
		cursor: pointer;
		width: 150px
	}
	.MenuOver {
		font-family: verdana;
		font-size: 8pt;
		background-color: #E2E8EF;
		color: #404040;
		cursor: pointer;
		font-weight: bold;
		width: 150px
	}
	.rubrique {
		background-color: #B9C8D9
	}
	.RubriqueOver {
		background-color: #E2E8EF;
		cursor: pointer
	}
	div.tabbedTitle {
		font-size: 0.8em;;
		font-weight: bold;;
		font-style: italic;
		margin: 5px 5px 0px 5px;
		width: 80px;
		text-align: center;
		border-top: 1px solid #eaeaea;
		border-left: 1px solid #eaeaea;
		border-right: 1px solid #999;
	}
	/* page de réservation (newresa.jsp) */
	#formulaire,#form1 {
		padding: 0px;
		margin: 0px;
		width: 100%;
	}
	#choixLocatif {
		background: #FBF7F7;
		margin: 2px 0px;
		width: 100%;
		height: 35px;
		padding-top: 5px;
		border-top: 1px solid #eaeaea;
		border-left: 1px solid #eaeaea;
		border-right: 1px solid #999;
		border-bottom: 1px solid #999;
	}
	#choixLocatif #choixResidence,#choixLocatif #choixCode,#choixLocatif #choixSousGroupe,#choixLocatif #choixContingent
		{
		margin: 2px 5px;
		float: left;
	}
	#choixLocatif #choixResidence {
		width: 200px
	}
	#choixLocatif #choixResidence #liste_residence {
		width: 130px;
	}
	#choixLocatif #choixCode {
		text-align: center;;
		width: 150px
	}
	#choixLocatif #choixCode #liste_code {
		width: 50px;
	}
	#choixLocatif #choixSousGroupe {
		width: 180px;
	}
	#choixLocatif #choixSousGroupe #liste_sous_groupe {
		width: 80px;
	}
	#choixLocatif #choixContingent {
		text-align: right;;
		width: 130px;
	}
	#choixLocatif #choixContingent #liste_contingent {
		width: 50px;
	}
	#resaPart {
		width: 100%;
		padding: 0px;
		margin: 2px 0px;
		border-top: 1px solid #eaeaea;
		border-left: 1px solid #eaeaea;
		border-right: 1px solid #999;
		border-bottom: 1px solid #999;
		background: #fafafa;
	}
	/* Page de forçage (forcage.jsp) */
	#confirmation {
		width: 100%;;
		display: none
	}
	#etudiant2 {
		display: none
	}
	#confirmation #garantie_infos {
		width: 200px;;
		float: left
	}
	#confirmation input {
		width: 45;
	}
	#confirmation #btnValider {
		width: 150px
	}
	#confirmation #valider {
		width: 100%;;
		text-align: center;
	}
	/* Journal des évènements de l'interface */
	#journalForm table {
		padding: 5px;
	}
	#journalForm table td {
		height: 25px;
	}
	#journal {
		width: 700px;;
		border: solid 1px #000000;;
		border-collapse: collapse
	}
	#journal td.journalEventBis {
		background: #e4f6e4
	}
	#stackSize {
		width: 700px;;
		height: 20px;;
		text-align: left;
		padding-top: 2px;
		padding-left: 25px;
		background: url(../images/wait_stack.gif) no-repeat 0px 0px;
	}
	/* etat de la file d'attente */
	#journal #stackDetails table {
		width: 100%;
		border-collapse: collapse
	}
	/* Page de gestion de contenu : mode graphique */
	#tip {
		display: none;;
		width: 100%;;
		text-align: left;;
		float: left;
	}
	#image1tab,#image2tab {
		display: none;;
		border-left: solid 2px #eaeaea;;
		border-top: solid 2px #eaeaea;;
		border-right: solid 2px #999;;
		border-bottom: solid 2px #999;;
		padding: 5px 0px;
	}
	#phaseLabel {
		float: left;;
		height: 20px;;
		line-height: 20px;;
		margin: 0px 2px
	}
	#selectPhase {
		float: left
	}
	#switch {
		float: right;;
		padding: 0px;;
		text-align: right;;
		width: 200px;;
		background: url(../images/reload.gif) no-repeat
	}
	#switch a {
		width: 200px;;
		color: #000000;;
		text-align: right;;
		cursor: pointer;
	}
	#switch a:hover {
		font-weight: bold;
	}
	/* Page de LOGIN */
	table.footer {
		font-family: verdana;
		font-size: 7pt;;
		background-color: #FBF7F7;
		color: #404040;
		border-left: 1px solid;
		border-right: 1px solid;
		border-bottom: 1px solid;
		border-left-color: #FFFFFF;
		border-right-color: #FFFFFF;
		border-bottom-color: #FFFFFF
	}
	table.footerlogin {
		font-family: verdana;
		font-size: 7pt;;
		background-color: #FBF7F7;
		color: #404040
	}
	input.arbre {
		border: none;
		font-size: 7pt;
		font-family: verdana
	}
	.categorieStd {
		background-color: #EFE4E4
	}
	.categorieNR {
		background-color: #E2E8EF
	}
	.tableauGrise {
		background-color: #E2E8EF
	}
	.q {
		font-weight: bold
	}
	.r {
		font-weight: bold
	}
	.button {
		width: 100px;
		font-family: arial, sans-serif;
		font-size: 8pt
	}
	/*Page Forçage de réservation */
	#etudiant2 {
		width: 98%;
		Partiel Partieldisplay: none;;
		margin: 10px 0px 10px 5px;;
		border: solid 1px #000000;;
		text-align: left;;
		float: left
	}
	#etudiant2 #message {
		font-weight: bold;;
		width: 100%;;
		float: left;;
		padding: 5px
	}
	#etudiant2 #infos_etudiant {
		width: 100%;;
		float: left
	}
	#etudiant2 #infos_etudiant .info {
		width: 100px;;
		display: inline;;
		float: left;;
		margin: 5px
	}
	#confirmation {
		width: 100%;;
		display: none;;
		margin-top: auto;;
		float: left
	}
	#passagerForm {
		float: left;;
		display: none;
		width: 100%
	}
	#passagerForm #passagerPanel {
		float: left;;
		display: inline
	}
	#passagerForm #passagerCheckbox {
		float: left;;
		display: inline;;
		width: 40%
	}
	/*Page de gestion des préréservations*/
	#titre_conteneur {
		text-align: left;;
		font-family: Arial;
		font-size: 16pt;;
		margin: 25px 25px 1px 25px;;
		padding: 2px 2px 2px 25px;;
		background: url(../images/MAdmin.gif) no-repeat 2px 5px;
	}
	#conteneur_preresa {
		text-align: left;;
		margin: 1px 25px 25px 25px;;
		border: solid 1px #000000;;
		padding: 2px;;
		display: block
	}
	#conteneur_preresa .preresa {
		text-align: left;;
		display: block;;
		margin: 5px
	}
	#conteneur_preresa .preresa .libelle {
		display: inline;
		width: 30%
	}
	#preresa_intranet,#preresa_internet {		
		display: inline;
		width: 250px;		
	}
	#intranet,#internet {
		width: 40px
	}
	#messages_intranet,#messages_internet {
		display: inline;;
		color: red
	}
	#etudiant2 #infos_etudiant .info {
		width: 100px;
		display: inline;
		float: left;
		margin: 5px
	}
	#confirmation {
		width: 100%;
		display: none;
		margin-top: auto;
		float: left
	}
	/*Styles des liens vers l'aide en ligne */
	div.help {
		width: 150px;
		height: 25px;
		margin: 5px;
	}
	div.help a {
		font-style: italic;
		color: #000000;
		text-decoration: none;
		width: 100%;
		height: 25px;
		padding: 5px 25px 0px 0px;
		background: url(../images/interrogation.gif) 100% 3px no-repeat;
	}
	div.help a:hover {
		cursor: pointer;
		background-color: #efefef;
	}
	div.helpbis {
		width: 350px;
		height: 25px;
		margin: 5px;
	}
	div.helpbis a {
		font-style: italic;
		color: #000000;
		text-decoration: none;
		width: 100%;
		height: 25px;
		padding: 5px 25px 0px 0px;
		background: url(../images/interrogation.gif) 100% 3px no-repeat;
	}
	div.helpbis a:hover {
		cursor: pointer;
		background-color: #efefef;
	}
	div.helpTab,div.helpTab_on {
		width: 700px;
		height: 20px;
		background: url(../images/interrogation_on.gif) 100% 3px no-repeat;
		font-family: verdana;
		font-size: 8pt;
		font-style: italic;
		padding-right: 25px;
		padding-top: 5px;
	}
	div.helpTab {
		background: url(../images/interrogation.gif) 100% 3px no-repeat;
	}
	div.helpTab_on {
		background: url(../images/interrogation_on.gif) 100% 3px no-repeat;
	}
	/*Page état, Emailing*/
	div.haut {
		width: 95%;
		font-family: Verdana;
		font-size: 0.8em;
		text-align: right;
		padding: 0px 10px 0px 0px;
		background: url(../images/up.png) 100% 4px no-repeat;
	}
	div.retour {
		width: 95%;
		font-family: Verdana;
		font-size: 0.8em;
		text-align: left;
		padding: 0px 0px 0px 10px;
		background: url(../images/retour.png) 0% 4px no-repeat;
	}
	#menuEtat {
		height: 30px;
		padding: 0px;
		background: #fcfcfc;
		border-top: 1px solid #eaeaea;
		border-bottom: 1px solid #999;
		margin: 5px 2px 5px 2px;
	}
	#resultatEtat {
		padding: 1px;
		background-color: #ccc;
	}
	#resultatEtat tr.headerEtat td {
		cursor: pointer
	}
	#resultatEtat tr.headerEtat td.notri {
		cursor: default
	}
	div.menuSeparateur {
		width: 4px;
		background: url(../images/calSep.gif) 0px -2px;
		float: left;
		margin-right: 5px;
		margin-top: 1px;
		height: 28px;
	}
	div.divBouton,div.divBoutonHover,div.EtatResultat,div.chevron {
		border-top: 1px solid #fcfcfc;
		border-left: 1px solid #fcfcfc;
		border-right: 1px solid #fcfcfc;
		border-bottom: 1px solid #fcfcfc;
		font-family: Arial;
		line-height: 25px;
		float: left;
		margin: 2px 5px 0px 5px;
		height: 25px;
	}
	
	div.divBouton,div.divBoutonHover {
		width: 100px;
		padding-left: 3px;
		padding-right: 3px;
		font-size: 7pt;
		text-align: center;
	}
	div.divBoutonHover {
		border-top: 1px solid #eaeaea;
		border-left: 1px solid #eaeaea;
		border-right: 1px solid #999;
		border-bottom: 1px solid #999;
		cursor: pointer;
		background-color: #eaeaea;
	}
	div.EtatResultat {
		font-size: 10pt;
		font-weight: bold;
		width: 150px;
		text-align: center;
	}
	div.infos-nb-emails{
		width: 250px;
		text-align: left;
		height:25px;
		float:left;
	}
	div.infos-nb-emails ul{list-style-type:none;padding:0px;margin:0px 0px 0px 15px}
	div.infos-nb-emails ul li{line-height:12px;font-size:7pt;margin:1px 0px}	
	
	div.chevron {
		width: 10px;
		font-size: 10pt;
		font-weight: bold;
		text-align: center;
		margin-left: 0px;
	}
	#divBoutonRetour,#divBoutonColonnes,#divBoutonCSV,#divBoutonColonnes {
		text-indent: 20px;
	}
	#divBoutonRetour {
		width: 70px;
		background-image: url(../images/erreur.gif);
		background-repeat: no-repeat;
		background-position: 0% 50%;
	}
	#divBoutonColonnes { /*width: 150px;*/
		background-image: url(../images/btnL3Calc.gif);
		background-repeat: no-repeat;
		background-position: 0% 50%;
	}
	#divBoutonCSV { /*width: 150px;*/
		background-image: url(../images/csv.gif);
		background-repeat: no-repeat;
		background-position: 3px 50%;
	}
	#divBoutonMail { /*width: 90px;*/
		background-image: url(../images/email.gif);
		background-repeat: no-repeat;
		background-position: 3px 50%;
	}
	#divBoutonPreview { /*width: 90px;*/
		background-image: url(../images/preview.gif);
		background-repeat: no-repeat;
		background-position: 1px 50%;
		padding-left:8px;
	}
	#divBoutonTest { /*width: 90px;*/
		background-image: url(../images/question.jpg);
		background-repeat: no-repeat;
		background-position: 3px 50%;
	}
	
	ul#choix-campagne-type, table#table-campagne{width:80%;}
	ul#choix-campagne-type {list-style-type: none;height:25px;padding:0px;margin:0px;}
	ul#choix-campagne-type li{float:left;height:25px;line-height:25px}
	ul#choix-campagne-type li.label{margin-left:10px;}
	ul#choix-campagne-type li.radio{margin:0px 10px;width:120px;}
	
	.ligneContenu {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		background-color: #FFFFFF;;
		border-width: 1px;
		border-style: solid;;
		border-color: lightgrey;
		border-collapse: collapse;;
		text-indent: 5px
	}
	.tableauContenu {
		width: 100%
	}
	.headerContenu {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		background-color: #B9C8D9;;
		border-width: 1px;
		border-style: solid;;
		border-color: lightgrey;
		border-collapse: collapse;
		color: #FFFFFF;
		text-align: center;
	}
	img.percentImage {
		background: white url(../images/percentimage_back.png) top left
			no-repeat;
		padding: 0;
		margin: 5px 0 0 0;
		background-position: 1px 0;
	}
	.secteurLibelle {
		width: 230px;
		float: left;
	}
	.secteurSuppression {
		width: 20px;
		float: left;
		margin-right: 2px;
	}
	.secteurModification {
		width: 20px;
		float: left;
		margin-left: 2px
	}
	.secteurConfirm {
		width: 40px;
		float: left;
		margin-left: 2px
	}
	
	div#resultatEtat table.etat td#INE {width:10%}
	div#resultatEtat table.etat td#num_etu {width:65px}
	div#resultatEtat table.etat td#nom_etu {width:110px}	
	div#resultatEtat table.etat td#cont_etu {width:35px}
	div#resultatEtat table.etat td#prenom_etu {width:95px}
	div#resultatEtat table.etat td#email {width:150px}
	div#resultatEtat table.etat td#date_naissance {width:60px}
	div#resultatEtat table.etat td#type_log {width:40px}
	div#resultatEtat table.etat td#code_log {width:30px}
	div#resultatEtat table.etat td#residence {width:130px}
	div#resultatEtat table.etat td#batiment {width:60px}
	div#resultatEtat table.etat td#cont_log {width:35px}
	div#resultatEtat table.etat td#mode_log {width:45px}
	div#resultatEtat table.etat td#resa_passagere {width:35px}
	div#resultatEtat table.etat td#situation {width:110px}								
	div#resultatEtat table.etat td#libre {width:50px}	
	div#resultatEtat table.etat td#num_log {width:25px}	
	div#resultatEtat table.etat td#date_resa {width:60px}	
	div#resultatEtat table.etat td#automail {width:10px}		
	div#resultatEtat table.etat td#nationalite {width:60px}			
}

@page {
	size: 0px;
	margin: 0px;
}

@media print {
	BODY {
		background-color: #FFFFFF;
		color: #000000
	}
	.tableauprincipal {
		border-width: 1px;
		border-style: solid;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 7pt;
		background-color: #FFFFFF;
		width: 600px
	}
	.tableauheader {
		border-width: 1px;
		border-style: solid;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 7pt;
		background-color: #FFFFFF;
		width: 600px
	}
	table {
		font-family: verdana;
		font-size: 7pt;
		border-collapse: collapse
	}
	table.footer {
		font-family: verdana;
		font-size: 7pt;;
		background-color: #FBF7F7;
		color: #404040;
		border-left: 1px solid;
		border-right: 1px solid;
		border-bottom: 1px solid;
		width: 600px
	}
	.etat {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background-color: #FFFFFF;;
		border: 1px solid;
		border-collapse: collapse
	}
	.ligneEtat {
		border-style: solid;
		border-width: 1px;
		font-size: 7pt
	}
	.headerEtat {
		background-color: #B9C8D9;
		color: #404040;
		font-size: 7pt
	}
	.invisible {
		display: none;
	}
	.ListeEtudiants {
		overflow: visible;
		width: 100%;;
		margin: 0px;;
		padding: 0px;;
		height: 550px
	}
	div.styleLayerMenu {
		display: none
	}
	.checkBoxImg {
		width: 7px;
		height: 7px
	}
	#menuEtat {
		border: none;
	}
	div.divBouton,div.divBoutonHover,div.chevron {
		display: none;
	}
	div.EtatResultat {
		font-size: 14pt;
		width: 100%;
		text-align: center;
		margin: 10px 0px;
	}
	div.haut {
		display: none;
	}
}