#doc {
	background-color: white; 

}
html{
	width : 100%;
	font-family : Arial, Helvetica, sans-serif;
	margin:0;
	font-size: 100%; 
	font-weight: normal; 
	background-color: #FF9900; 
}

body {
	background-color: #FF9900; 

}

#public-doc {
	margin:auto;text-align:left; /* leave unchanged */
	width:65.62em;/* non-IE */
	*width:64.03em;/* IE */
	min-width:853px;/* optional but recommended */
	background-color: #FFFFFF;
}

#page{ 
	margin: 0;
	position: relative;
	height:100%;
	width:100%;
	text-align:center;
}
* html #page {
	height: 100%;
}
/* div général qui contient tous les autres */
div.corps{ 
	padding-top: 5px;
	margin-right: auto;
	margin-left: auto;
	//width: 760px;
	width: 100%;
	clear: both;
	padding: 0;
	overflow: auto; /*permet de placer la barre de séparation en bas pour netscape et firefox */
}

div.entete{
	left: 0;
	top: 0;
	width: 760px;
	height: 33px;
	float: left;
	text-align:left;
	margin:0;
	padding:0;
}
div.logo{
	padding-right:5px;
	float: left;
	height: 33px;
}
div.pied{
	border-top-style: solid;
	border-top-width:1px;
	width: 100%;
	padding-top: 5px;
	height: 20px;
	background-color: gray;
	font-size: 70%;
	text-align: center;
}
div.pied div{float: left;}

img{
	border: 0; /* Toutes les images n'auront pas de bordure (évite l'insertion de border=0 dans le HTML) */
	margin-top:auto;
	margin-bottom:auto;
}

div.contenu{
	border-left-style: solid;
	border-left-width:1px;
	padding-left:9px;
	width: 82%;
	float: left; /*netscape */
	padding-bottom: 10px;
	margin-left:-1px;
	height: 100%;
	background-color: white; 
}

.titreFiche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 130%;
	color: #CC3300;
	text-align:center;
	padding:12px;
}
.sousTitreFiche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 115%;
	color: #FF0000;
}

fieldset{
	border-width:0;	
	margin-top: 5px;
	font-size: 90%;
	padding-bottom:8px;
}
fieldset fieldset{font-size: 100%;}
legend{
	text-align: center;
	width: 619px;
	font-size: 130%;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
}
fieldset fieldset legend{
	font-size: 100%;
	text-align: left;
	font-weight: normal;
	margin-top: 2px;
	margin-left:10px;
}
div.formrow {
	/*height:54px;*/
	width: 790px;
	clear:both;
	margin-bottom:1px;
	margin-left:auto;
	margin-right:auto;
}
.formCol1 {
	width: 380px;
	float:left;
}

.formCol2 {
	width: 80px;
	float:left;
}
div.formrow span.label
{
 	float: left;
	width: 150px;
	text-align: left;
	line-height:1.2em;

}

div.formrow span.labels
{
 	float: left;
	width: 100px;
	text-align: left;
	line-height:2em;
}

/* Si on a une image dedans on la met l'aligne verticalement, spécifique pour Firefox */
div.formrow>span.forminput img{vertical-align: middle;}

/* Class à utiliser si le libellé 
dans le formlaire est long */
div.formrow span.label2 {
	float: left;
	width: 195px;
 	text-align: right;
}
div.formrow span.forminput2 {
 	float: right;
	width: 390px;
	text-align: left;
}
/* Class à utiliser s'il faut placer 2 champs sur une ligne */
div.formrow span.label1el {
	float: left;
	width: 70px;
 	text-align: right;
 	margin-right: 3px;
}
div.formrow span.forminput1el {
 	float: left;
	width: 260px;
	text-align: left;
}
div.formrow span.label1e2el {
	float: left;
	width: 123px;
 	text-align: right;
}
div.formrow span.forminput2el {
 	float: right;
	width: 128px;
	text-align: left;
}

/* 3/3 */
div.formrow div.one3 {float:left;width: 195px;}
div.formrow div.one4 {float:left;width: 125px;}

/* memos */
.memo2 {height: 54px;}
.memo4 {height: 90px;}
.memo6 {height: 120px;}
.memo16 {height: 280px;}

.forminput2date {
	width: 220px;
	display:inline;
}
fieldset hr{
	width: 95%;
	height: 1px;
	border-style:dotted; /* La bordure séparant 2 fieldset interne est en pointillée */
}



div.fiche{
	margin-top:10px;
	border-style: solid;
	border-width: 2px 2px 2px 2px;
}
* html body div.fiche{width:100%;margin-top:0;}
/* ___________ boutons___________ */
div.boutons, div.boutonsLarge{ /* pour mettre 2/3 boutons */
	clear: both;
	margin-top:10px;
	width:60%;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}
/* Permet de placer plusieurs boutons 4 à 6 */
div.boutonsLarge{width:80%;}

div.bouton, div.boutoni, input.boutonForm{
	/* On place une image en background derrière les boutons */
	background-image:url('../images/boutons/bouton.png');
	background-repeat: no-repeat;
	background-position: center;
	/* Permet de centrer les boutons sous firefox */
	font-weight: bold;
	font-family : Arial, Helvetica, sans-serif; /* Bug des navigateurs, on force la police car non pri en compte de du style body */
	border-width:0; /* On enlève la bordure s'il s'agit d'un input */
	height: 20px;
	width:110px;
	float:left;
	font-size: 9pt;
	cursor: pointer; /* Pour affiche une main. Pour la maquette on ne l'utilise pas */
}
div.boutonLarge{
	/* On place une image en background derrière les boutons */
	background-image:url('../images/boutons/boutonLarge.png');
	background-repeat: no-repeat;
	background-position: center;
	/* Permet de centrer les boutons sous firefox */
	font-weight: bold;
	font-family : Arial, Helvetica, sans-serif; /* Bug des navigateurs, on force la police car non pri en compte de du style body */
	border-width:0; /* On enlève la bordure s'il s'agit d'un input */
	height: 20px;
	width:150px;
	float:left;
	font-size: 9pt;
	cursor: pointer; /* Pour affiche une main. Pour la maquette on ne l'utilise pas */
}

/* On surcharge la class input pour descendre le background et ainsi placer le texte au milieu de l'image */
input.boutonForm{
	margin-top:-3px;
	background-position: center 3px;
 	height: 23px;
}
div.boutoni{
	/* On surcharge juste l'image de fond car toutes les autres caractéristiques sont les mêmes */
	background-image:url('../images/boutons/boutoni.gif');
}
div.bouton a, div.bouton div,div.boutoni a, div.boutoni a:hover, div.boutoni div{
	text-decoration: none;
	font-size: 9pt;
	margin-top:2px;/* permet de centrer le texte du bouton à la vertical */
}


/* Si le bouton parait un peu décalé sur la gauche, nous utilisons cette classe pour insérer une marge et ainsi le centrer */
.boutonFormCentre{
	margin-left:80px;
}
/* Pour IE il faut une marge moins importante pour centrer un bouton */
* html body div.boutonFormCentre{
	margin-left:38px;
}
/* ________affichages des blocs dynamiques _________ */

h2.deroul a, h2.nonderoul a{
	text-decoration: none;
	font-size: 80%;
	padding-left: 20px; /* Padding nécesaire pour replier les blocs logiques en appuyant sur les pictos plus et moins */
}
div#div1,div#div2,div#div3,div#div4,div#div5,div#div6,div#div7{
	margin-top:5px;
	display: block; 
}
div.fiche fieldset legend{
	font-size: 100%;
}
/* div de sépration de blocs dynamiques */
div.sepa{
	border-bottom-style: solid;
	border-bottom-width:1px;
	padding-top: 5px;
}

#cnxform {float:right;overflow:visible;
}
.detailEtudiant {
	font-size: 90%;
	text-align: left;
	padding:2px 6px 2px 4px;
	background-color: #F5F5F5; 

}

.detailEtudiant ul li ul{
	margin-left: 25px;
	font-size: 75%;
}
.tableItem {
	font-size: 90%;
	text-align: left;
	padding:2px 6px 2px 4px;
	background-color: #F5F5F5; 

}

#divMotCles {
	float:left;
	width:580px;
	background-color: #F5F5F5; 
}


.blocMotCles {
	float:left;
	width:180px;
}

.ckMotCles {
	float:left;
}

.libMotCles {
	font-size: 90%;
	width:150px;
	float:left;
	padding-left:2px;
	padding-top:2px;

}
#hd {
	   display:block;
	   clear:both;
	 }
#bd {
	   display:block;
	   clear:both;
	   padding-left:2px;
	   min-height:300px;
	   height:300px;
	 }
html>body #bd{height:auto}
#ft {
	background-color: white;
	 zwidth:65.62em;/* non-IE */
	--*width:64.03em;/* IE */
	wmin-width:853px;/* optional but recommended */
	margin-left:auto;
	margin-right:auto;
 
}
#hd1 {
  	    width:150px;
	    float:left;
	 }

#hd2 {
	    float:right;
	    padding-left:2px;
	    padding-right:2px;
	 }

#hd3 {
	    float:right;
	    padding-left:2px;
	    padding-right:2px;
	 }

#hd4 {
	   clear:both;
	 }

#hd5 {
	    float:left;
		height:36px;
	    padding-left:2px;
	 }

#ft1 {
  	    width:130px;
	    float:left;
		text-align:center;
    	background-color: white; 
	 }


#ft2 {
		text-align:center;
		margin-left:auto;
		margin-right:auto;
   	     background-color: white; 
	 }	
#ft2 div {
   text-align:center;
}	  
#ft3 {
		clear:both;
    	background-color: #FF9900; 
	 }	 	 
#barremenupublic {
	    xfloat:left;
		clear:both;
	    padding-top:8px;
		background-image:none;
		border:none;
		margin-left:auto;
		margin-right:auto;
}
#identification {
	    float:right;
		background:url(images/FondAccesDirect2.gif) no-repeat ;
		width:180px;
		height:36px; 
	    padding-left:20px;
		vertical-align:baseline;
}

#identification.form {
	    margin-top:6px;
	
}

div.detailEtudiant  span.libelleChamp {
font-weight:500;
color:#674598;
}

div.detailEtudiant  span.libelleNiveauLangue {
font-weight:500;
color:#674598;

}

div.detailEtudiant  span.libelleTitre {
font-weight:bold;
color:#674598;

}

#pageColonneGauche {
	background-color:#FFFFFF;

}

#thd2 {
	    float:right;
	    padding-left:2px;
	    padding-right:2px;
	 }
	 
td#colonneGauche {
	background-color:#CCCCCC;
	vertical-align:top;
	text-align:center;
	padding:3px;
}

td#colonneGauche > div {
    width:180px;
}

td#tft {
    
	background-color:#FFFFFF;
}

td#colonneDroite {
	background-color:#FFFFFF;
}

table#thd {
	width:100%;
	text-align:center;
}

td#tdContenu {
	background-color:#FFFFFF;
}

div#divTransactions {
	width:100%;
	text-align:center;
	padding-left:12px;
	padding-right:12px;
}
table#tableTransactions {
	width:80%;
}

table#tableTransactions  td#col1{
	width:250px;
}
table#tableTransactions  td#col2{
	width:250px;
}
table#tableTransactions  td#col3{
	width:150px;
}
table#tableTransactions  td#colType{
	background-color:#FFFFCC;
}

.msgRecherche{
	width:100%;
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	padding-left:12px;
	padding-right:12px;
	border-style: solid;
	border-width:1px;
	width: 70%;
	padding-top: 20px;
	height: 40px;
	background-color: lightgray;
	font-size: 110%;
	clear:both;
	
}

.msgDiv{
	width:100%;
	xxtext-align:center;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	padding-left:12px;
	padding-right:12px;
	padding-top:auto;
	padding-right:auto;
		border-style: solid;
	border-width:1px;
	width: 70%;
	padding-top: 20px;
	height: 300px;
	
	background-color: lightgray;
	font-size: 110%;
	clear:both;
	}
table#tableRappMotCles  td.col1{
	width:50px;
}
table#tableRappMotCles  td.col2{
	width:80px;
}
table#tableRappMotCles  td.col3{
	width:200px;
}	
table#tableRappMotCles  td.col4{
	width:200px;
}	
table#tableRappMotCles  td.col5{
	width:40px;
}	
table#tableRappMotCles  td.col6{
	width:40px;
}	
table#tableRappMotCles  td.col7{
	width:40px;
}	

td.IMS {
	background-color:#FFFF99;
}

div.lstoffre td {
  padding-left:2px;
  padding-right:2px;
}

div.lstoffre table {
  margin-top:2px;
  margin-bottom:2px;
}