body{
	width : 100%;
	font-family : Arial, Helvetica, sans-serif;
	margin:0;
	font-size: 100%; 
	font-weight: normal; 
	background-color: white; 
}
html, body{
	padding: 10px;
	margin: 10px;
	height: 100%;
}
#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;
}
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;}
div.corps{
	width: 100%;
	clear: both;
	padding: 0;
	overflow: auto; /*permet de placer la barre de séparation en bas pour netscape et firefox */
}
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%;
}

.titreFiche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 130%;
	color: #CC3300;
}
.sousTitreFiche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 115%;
	color: #FF0000;
}

fieldset{
	border-width:0;	
	margin-top: 5px;
	font-size: 80%;
	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;
}
.formCol1 {
	width: 380px;
	float:left;
}

.formCol2 {
	width: 80px;
	float:left;
}
.formCol1B {
	width: 350px;
	float:left;
}

.formCol2B {
	width: 120px;
	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 */
}

/* ____________  entete onglets____________ */
.OngletAngleBlanc {
	background-repeat: no-repeat;
	float: left;
	width: 18px;
	height:18px;
	padding:0;
	margin:0;
}
ul.onglet {
	float:left;
	list-style-type:none;
	padding:0; 
	margin:0;
	font-size:80%;
}

/* -- Onglet non actif -- */
ul.onglet li {
	display:block;
	float:left;
	background:url(../images/onglets/ong_ofG.gif) no-repeat top left transparent;
	margin-right:3px;
	margin-top:5px;
	padding:0 0 0 1px;
	height:28px;
	text-align:center; 
}
ul.onglet li a:link, 
ul.onglet li a:visited, 
ul.onglet li span {
	background:url(../images/onglets/ong_ofD.gif) no-repeat top right transparent;
	display:block;
	padding:6px 8px 6px 4px;
	text-decoration:none; /* --supprime le surligné du lien-- */
	width:auto;
	min-width:65px;
	text-align:center; 
	white-space: nowrap;
}
/* Script interprété que par IE permettant d'annulé l' attribut width du dessus */
* html body ul.onglet li a:link, 
* html body ul.onglet li a:visited,
* html body ul.onglet li span{
	width: 65px;
}
/* --Onglet actif -- */
ul.onglet li.on {
	background:url(../images/onglets/ong_onG.gif) no-repeat top left transparent;
}
ul.onglet li.on a:link, 
ul.onglet li.on a:visited, 
ul.onglet li.on span {
	background:url(../images/onglets/ong_onD.gif) no-repeat top right transparent;
	font-weight:bold;
}

/* ___________ Menu de navigation _____________ */
div.menuHierarchique{
	padding-left:0;
	padding-right:5px;
	float: left;
	width: 13%;
	text-align: left;
	border:0px;
	border-right:1px;
	border-style:solid;
}
div.menuHierarchique ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div.menuHierarchique ul li ul{
	margin-left: 25px;
	font-size: 70%;
}
div.menuHierarchique li.menu {
	clear: both; 
	margin: 0;
	font-size: 80%;
	font-weight: bold;
	background-image: url(../images/boutons/menuMoins.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	cursor: pointer;
}
div.menuHierarchique li.menuVide{
	clear: both; 
	margin: 0;
	padding-left: 15px;
	font-size: 80%;
	font-weight: bold;
}
div.menuHierarchique li.ssmenu{
	list-style-type: none;
}
/* ____ Maximum 7 rubriques de sous menu autorisé _________ */
div.menuHierarchique #smenu1, div.menuHierarchique #smenu2, div.menuHierarchique #smenu3, div.menuHierarchique #smenu4, div.menuHierarchique #smenu5, div.menuHierarchique #smenu6, div.menuHierarchique #smenu7{
	float: left;
	display: block; 
	font-size: 95%;
	padding: 0px 0 8px 0;
}



div.menuHierarchique ul li ul li a, 
div.menuHierarchique ul li a{
	text-decoration: none;
}
#menu1 a,#menu2 a,#menu3 a,#menu4 a,#menu5 a,#menu6 a,#menu7 a {
	padding-left:15px; /* Padding nécessaire pour rendre les boutons (plus et moins) cliquables */
}

/* ______ Fiche Onglet (ne pas confondre avec les onglets de l'entête */
ul.ficheOnglet {
	list-style-type:none;
	padding:0; 
	margin:0;
	font-size:80%;
	height:14px;
	border-bottom-width:0px;
	border-bottom-style:solid;
}
ul.ficheOnglet li {
	margin-top:5px;
}
/* -- Onglet non actif -- */
ul.ficheOnglet li {
	display:block;
	float:left;
	background:url(../images/onglets/ong_of_fiche_G.gif) no-repeat top left transparent;
	margin-right:3px;
	padding:0 0 0 2px;
	text-align:center; 
}
ul.ficheOnglet li a:link, 
ul.ficheOnglet li a:visited, 
ul.ficheOnglet li span {
	background:url(../images/onglets/ong_of_fiche_D.gif) no-repeat top right transparent;
	display:block;
	padding:2px 6px 2px 4px;
	text-align:center; 
	text-decoration:none; /* --supprime le surligné du lien-- */
	width:auto;
	min-width:62px;
	white-space: nowrap;
	height:15px;
}
/* Script interprété que par IE permettant d'annulé l' attribut width du dessus */
* html body ul.ficheOnglet li a:link, 
* html body ul.ficheOnglet li a:visited, 
* html body ul.ficheOnglet li span{
	width: 62px;
}
/* --Onglet actif -- */
ul.ficheOnglet li.on {
	background:url(../images/onglets/ong_on_fiche_G.gif) no-repeat top left transparent;
}
ul.ficheOnglet li.on a:link, 
ul.ficheOnglet li.on a:visited, 
ul.ficheOnglet li.on span {
	background:url(../images/onglets/ong_on_fiche_D.gif) no-repeat top right transparent;
	font-weight:bold;
}

.textFicheOnglet{
	clear:both;
	margin-top:0px;
	font-size:95%;
}
fieldset.textFicheOnglet legend{
	margin-top: 0px;
}
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 */
}
/* 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: 80%;
	text-align: left;
	padding:2px 6px 2px 4px;
	background-color: #F5F5F5; 

}

.detailEtudiant ul li ul{
	margin-left: 25px;
	font-size: 75%;
}
.tableItem {
	font-size: 80%;
	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: 80%;
	width:150px;
	float:left;
	padding-left:2px;
	padding-top:2px;

}

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

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

}

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

}

div #ft {
    height:113px;
	background:url(../images/bonneBanniere.jpg) no-repeat top right transparent;
}