@charset "UTF-8";
/*Conteneur principal, pour centrer*/
body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	overflow-y: scroll;
}
div#page {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
}

/*3 conteneurs "principaux"*/
div#entete {
	height: 180px;
	background-image: url(../images/bandeau.png);
	background-repeat: no-repeat;
	position: relative;
}

div#contenu {
	background-image: url(../images/spirales_grises.gif);
	background-repeat: repeat;
	padding-top: 5px;
	padding-bottom: 5px;
}
div#piedPage {
	text-align: center;
	font-size: .8em;
}



a:link {
	color:#FFFFFF;
}
a:visited {
	color:#FFFFFF;
}
a:hover {
	color:#FF6600;
}
/******************************************/
/* ce qu'on retrouve dans le div d'entête */
/******************************************/

#entete ul {
	float:right;
	position: absolute;
	top: 60px;
	right: 0px;
	font-size: .9em;
}
#entete li {
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}
#entete a:link {
	color:#000000;
	text-decoration: underline;
}
#entete a:visited {
	color:#000000;
	text-decoration: underline;
}
#entete a:hover {
	color:#000000;
	text-decoration: underline;
}
/*Titre de section*/
h1{
	left: 0px;
	bottom: 0px;
	position: absolute;
	width: 100%;
	height: 60px;
	color: #FFFFFF;
	font-size: 1.5em;
	text-indent: 5px;
	margin: 0px;
	padding: 0px;
}
h1.orange {
	background-image: url(../images/cat_couleur_orange.gif);
	background-repeat:no-repeat;
}
h1.vert {
	background-image: url(../images/cat_couleur_vert.gif);	
	background-repeat:no-repeat;
}
h1.rouge {
	background-image: url(../images/cat_couleur_rouge.gif);
	background-repeat:no-repeat;	
}
h1.bleu {
	background-image: url(../images/cat_couleur_bleu.gif);	
	background-repeat:no-repeat;
}
h1.neutre {
	background-image: url(../images/cat_couleur_bleuFonce.gif);	
	background-repeat:no-repeat;
}
span#lienPresEtu {
	font-size: .5em;
}
span#lienPresEtu a:link {
	color:#FFFFFF;
}
span#lienPresEtu a:visited {
	color:#FFFFFF;
}
span#lienPresEtu a:hover {
	color:#FF6600;
}

/******************************************/
/*ce qu'on retrouve dans le div de contenu*/
/******************************************/

/*même largeur pour ce qui est
  dans la colonne de gauche */
/*880px - marges (4x15) = 820*/
/*820px - colonne droite (250) = 570*/
div#navigationTop, div#navigationBottom, div#fiche {
	width: 590px;
}

/*Mêmes comportements pour les 2 navigation*/
div#navigationTop, div#navigationBottom {
	position: relative;
	height: 15px;
	padding-top: 5px;
	/*display:none;*/
}
div#utilitaires  div#supprimer {
	display: inline;
	position: absolute;
	left: 5px;
}

span.precedent {
	left: 0px;
	top: 0px;
	position: absolute;
}
span.suivant {
	top: 0px;
	right: 0px;
	position: absolute;
}

/*marge entre les boîtes de contenu*/
div#navigationTop, div#navigationBottom, div#fiche, div#utilitaires,  div#resultatsRecherche, div#infosFiche {
	margin-left:15px;
	margin-right:15px;
	margin-bottom:15px;
	padding:5px;
}
div#outilTri {
	float: right;
	width: 250px;
}

ul.liensTypesFiches{
width:131px;
float:left;
list-style-type:none;
margin:0;
padding:0;
padding-left:10px;
}

ul.liensTypesFiches li{
width:130px;
margin-bottom:8px;
}


div#fiche {
	/*largeur spécifiée plus haut*/
	background-color: #FFFFFF;
	float: left;
	font-size: .8em;
}

div#fiche a:link {
	color:#000000;
	text-decoration: underline;
}
div#fiche a:visited {
	color:#000000;
	text-decoration: underline;
}
div#fiche a:hover {
	color:#000000;
	text-decoration: underline;
}

div#fiche img{
border:0;
}

div#fiche img.image {
	margin-left: 134px;
	display:block;
	margin-bottom:4px;
}

div#fiche .impression{
	float: right;
}

div#fiche .impression img {
	margin-left: 0;
	display:inline;
	margin-bottom:0;
	border:0;
}

div#fiche .texte, div#fiche .infosUpload {
	margin-left: 134px;	
}

div#fiche .infosUpload {
font-size:.8em;	
}

div#fiche .numero{
	position: absolute;
	left: -25px;
}

div#fiche label
{
	width: 130px;
	float: left;
	text-align: right;
	margin-right: 4px;
	display: block;
	line-height: 1em;
	font-weight:800;
}

/*pour enligner les labels même
  s'ils sont imbriqués dans un
  fieldset supplémentaire*/
div#fiche fieldset fieldset label
{
	width: 118px;
}

div#utilitaires {
	clear:both;
	margin-top: 15px;
	/*border: thin solid #FFFFFF;*/
	text-align: right;
	font-size: 12px;
	color: #FFFFFF;
	background-color:#666666;
	position: relative;
}
legend {
	background-color: #CCCCCC;
	display: block;
	width: 100%;
	float: none;
	border: thin solid #666666;
	font-size:1.2em;
}
legend span{
/*pour donner une largeur de 100% même sous firefox*/
display: block;
	width: 560px;
}
fieldset {
	margin-top: 5px;
	margin-bottom: 5px;
}

div#colonneDroite {
	float: right;
	width: 250px;
	font-size: .8em;
}

div#resultatsRecherche {
	background-color:#0A71B3;
}
div#resultatsRecherche ul{
	border: thin solid #FFFFFF;
	height:150px;
	overflow:auto;
	/*position:relative;*/
	list-style-type: none;
	padding: 2px;
}

.ficheEnCours a:link, .ficheEnCours a:visited {
color:#333333;
}

.enteteSousSection{
font-size:1.2em;
}

div#listeFiches {
	position:relative;
	height: 370px;
	overflow: auto;
	border:thin;
	width: 300px;
}
div#fiche img.aide, div#zoneLogin img.aide {
	/*position: absolute;
	right: 5px;
	margin: 0px;
	padding: 0px;*/
	padding-left:4px;
	display:inline;
}
#fiche  p  {
	position: relative;
}
div#infosFiche {
	background-color: #FFFFFF;
}

/*sous-regroupement de Infos Fiche*/
div.regroupementInfosFiche {
	background-color: #CCCCCC;
	margin:5px;
	padding: 2px;
}



#fiche.regroupementFiche {
	border: thin solid #666666;
}

.cache {
display:none;
}
.listeSousTable {
	width: 100%;
}
.listeSousTable #colonneDroite {
	width: 70px;
}
.listeSousTable #colonneDroite input{
	margin-left:auto;
	margin-right:auto;
}
.ligneImpaire {
	background-color: #ffff99;
}
.lignePaire {
	background-color: #99ccff;
}
div#resultatsRecherche li {
	margin-bottom: 5px;
}
div#fiche img.ficheCompletee {
	border: thin solid #000000;
	margin:0;
	margin-right:5px;
	padding:0;
	display:inline;
	float: left;
}
.enErreur {
	border: thin solid #CC0000;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#FFCC66;
}
#messageErreur {
	color: #CC0000;
	padding: 2px;
}
div#fiche img.ficheBrouillon{
	border: thin solid #FFFFFF;
	margin:0;
	margin-right:5px;
	padding:0;
	display:inline;
	float: left;
}

div#fiche img#btAjoutContact {
	margin:0;
	padding:0;
	display:inline;
}
.infosFichePourPrint{
	display:none;
}