textare
div#haut {
	margin:0px;
	padding:0px;
	width:100%;
	position:relative;
	z-index:100;
}

div#conteneurmilieu {
	width:auto;
	padding:0px 200px 0px 200px;
	position:relative;
}

div#conteneurmilieularge {
	width:auto;
	border:solid white 0px;
	margin-right:5px;
	background-color: white; /* couleur du centre */

	/*/*/ border-left-width: 200px ;  /* left column width. NN4 hack to hide borders */
	border-left-color: white;   /* couleur colonne de gauche */
	border-left-style: solid;
	position:relative;
}

div#milieu {
	margin:0px;
	padding:0px;
	width:100%;
	position:relative;
}

div#milieuinterieur {
	float:left;
	position:relative; 
}

div#gauche {
	margin:0px;
	padding:1.6em 0px 0px 0px;
	width:180px; 
	float:left; 
	position:relative; 
	margin-left:-200px; 
}

div#centre {
	float:left; 
	width:100%; 
	position:relative;
	padding-top:1.6em;
}

div#droit {
	margin:0px;
	padding:1.6em 0px 0px 0px;
	width:180px; 
	float:right; 
	position:relative; 
	margin-right:-200px;
	background:#F1FAFD;
}

div#bas {
	position:relative;
}


/* Début des spécificités de la page d'accueil */
body.accueil div#conteneurhaut {
	margin-right:170px;
}

/* placé en haut de page */
body.accueil div#nomdusite {
	height:8em;
}

body.accueil div#nomdusite p#logodusite {
	background:url(../../images/structure/logo.gif) no-repeat 5px 50%;
	padding:25px 0px 25px 80px;
	font-size: 2em;
}

/* en haut à droite */
body.accueil div#telecommande {
	display:block;
	float:right;
	position:relative;
	margin-right:-170px;
	width: 170px;
	white-space:nowrap;
	height:8em;
}

body.accueil div#telecommande ul {
	list-style-type: none;
	margin:0px;
	padding:0px;
	padding-left:3px;
}

body.accueil div#telecommande li {
	line-height:1.2em;
	font-size:0.9em;
	background: url(../../images/structure/puce_triangle_gris.png) no-repeat 0% 50%;
	padding: 0px 0px 0px 7px;
	margin:0px;
}

body.accueil div#telecommande a {
	margin:0px;
	padding:0px;
	color: black;
	text-decoration: none;
}

body.accueil div#telecommande a:hover { 
	text-decoration: underline; 
}

body.accueil div#accessibilite {
	left:80px;
}

body.accueil #menuprincipal {
	margin-left:100px;
}
/* Fin pour la page d'accueil */

/* pour les pages intérieures */
div#telecommande {
	display:none;
}

/* placé en haut de page */
div#conteneurhaut {
	margin-right:0px;
	position:relative; 
	display:block;
	/* height:100%; */
}
div#nomdusite {
	margin:0px;
	background-color : #005FB8;
	height:9em;
	padding:0px;
	position:relative; 
}




div#nomdusite {
	margin:0px;
	background:#005FB8 url(../../images/structure/bg_header.jpg) repeat-y right top;
	height:9em;
	padding:0px;
	position:relative; 
}


div#nomdusite p#Acronyme {
		font-style: italic;
        margin:0px 150px;
        font-size: 170%;
        font-weight: bold;
        text-align: left;
        color: white;
}


div#nomdusite p#Titre {
		font-style: italic;
        margin:20px 50px;
        font-size: 120%;
        font-weight: bold;
        text-align: left;
        color: white;
}

#menuprincipal a {
	font-weight: bold;
}

/* Messages de service placé sous l'entête */
div#messagedeservice {
	position:relative;
	margin:0px;
	padding:0px;
	clear:both;
}

/* recherche */
div#recherche {
	width: 160px;
	font-size:1em;
	overflow:hidden;
}

div#contenu {
	font-size:1em;
	line-height:1.5em;
}

#contenu div.adroite {
	float: right;
	width: 49%;
}

#contenu div.agauche {
	float: left;
	width: 49%;
}

/* annule le flottement */
#contenu div.clearer {
	clear: both;
}


/*
div#contenu a {
    color:blue;
    font-weight:normal;
	text-decoration:underline;
	font-size:1em;
}
*/

div#contenu {
	width:auto;
	margin:0px;
	padding:0px;
	position:relative;
}

/* FIN DE LA MISE EN PAGE */
div#recherche form {
	padding:0px;
	margin:0px;
}

div#recherche label {
	padding:2px;
	font-size:1em;
	font-weight:normal;
	vertical-align:middle;
}

div#recherche fieldset {
	clear:left;
	padding:2px;
	margin:2px;
	border:1px solid #005FB8;
	background-color:#F1FAFD;
}

div#recherche legend {
	padding:2px;
	margin:2px;
	border:1px solid #005FB8;
	background-color:#F1FAFD;
}

div#recherche input {
	font-size:1em;
	vertical-align:middle;
}

div#recherche form button:hover {
	color:#005FB8;
	cursor:pointer;
}

div#recherche img {
	vertical-align:middle;
}

div#recherche form button {
	border:none;
	font-weight:bold;
	text-align:left;
	font-size:1em;
	color:#A0A0A0;
	vertical-align:middle;
}

div#messagedeservice p {
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	padding:0px 0px 0px 10px;
	margin:2px;
	color:#005FB8;
}

/* pied de page sur toute la largeur */
div#pied {
	width:auto;
	position:relative;
	display:block;
	margin:10px 5px 0px 0px;
	padding:10px 0px 0px 0px;
}

div#pied p {
	margin:0px;
	padding:0px;
	color:#005FB8;
	text-decoration:none;
	font-size:1em;
	margin-top:1em;
}

div#pieddroit {
	padding-top:10px;
	float:right;
}

div#pieddroit p {
	margin:0px;
	padding:0px;
	font-size:2.5em;
	white-space:nowrap;
}

div#pied a {
	color:#005FB8;
}

div#pied a:hover {
	text-decoration:underline;
}

div#pied div#pieddroit a:hover {
	text-decoration:none;
}

div#outils ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

div#outils li {
  	position:relative;
	display:inline;
	font-size:1em;
    font-weight:bold;
	background:transparent url(../../images/structure/puce_point_bleu.gif) no-repeat 5px 50%;
	margin:0px;
	padding:0px 0px 0px 13px;
}

div#copyright {
	color:#656565;
	margin:20px 100px 0 100px;
	text-align:center;
	clear:left;
}

div#outils {
    margin-left: 200px;  /* alignement gauche outils pour permettre l'affichage correct */
}
div#outils ul li {
	float:left;          /* synchronise l'affichage des libelles avec l'emplacement physique */
}
div#outils ul li a {
	float:left;          /* synchronise l'affichage des libelles avec l'emplacement physique */
}

/* Colonne de gauche */
div#menu1 {
	margin:0px;
	padding:0px;
	background-color:white;
	position:relative; 
}

div#menu1 p {
	line-height:1.7em;
	margin:0px;
	padding:3px 0px 3px 0px;
}

div#menu1 ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

div#menu1 ul li { 
	margin-top:5px;
}

div#menu1 ul li ul li { 
	margin-top:0px;
	padding-top:1px;
}


div#menu1 li { 
	color:white;
	background:#005FB8;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.7em;
	margin:0px;
	padding:0px;
	text-align:center;
}

div#menu1 ul ul {
	padding:2px 0px 0px 3px;
	margin:0px;
	background:white;
	color:black;
}
div#menu1 ul ul li { 
	color:black;
	background:url(../../images/structure/puce_triangle_gris.png) no-repeat 0% 50%;
	font-size:0.8em;
	font-weight:normal;
	line-height:1.1em;
	text-align:left;
	padding:0px 0px 0px 7px;
}

div#menu1 ul li a {
	font-weight:normal;
	color:black;
	text-decoration:none;
}

div#menu1 ul li a:hover { 
	text-decoration:underline; 
    color:#005FB8;
}

div#menu1 form button {
	border:none;
	color:#A0A0A0;
	font-weight:bold;
	text-align:left;
	font-size:1em;
	vertical-align:middle;
}

/* Colonne de droite */
div#menu2 {
	margin:0px;
	padding:0px;
	background:transparent;
	position:relative;
}

div#menu2 p {
	line-height:1.7em;
	margin:0px;
	padding:3px 0px 3px 0px;
}

div#menu2 ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

div#menu2 li { 
	color:white;
	background-color:#005FB8;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.7em;
	margin:0px;
	padding:0px;
	text-align:center;
}

div#menu2 ul li ul {
	padding:0px 0px 0px 3px;
	margin:0px;
	background-color:#F1FAFD;
}

div#menu2 ul li ul li { 
	color:black;
	background:url(../../images/structure/puce_triangle_gris.png) no-repeat 0% 50%;
	font-size:0.8em;
	font-weight:normal;
	line-height:1.1em;
	text-align:left;
	padding:0px 0px 0px 7px;
}

/*
div#menu2 a {
	font-weight:normal;
	color:black;
	text-decoration:none;
}

div#menu2 a:hover { 
	text-decoration:underline; 
}
*/
div#menu2 form button:hover {
	color:#005FB8;
	cursor:pointer;
}

div#menu2 form button {
	border:none;
	color:#A0A0A0;
	font-weight:bold;
	text-align:left;
	font-size:1em;
	vertical-align:middle;
}

div#menu2 label {
	padding:2px;
	font-size:1em;
	font-weight:normal;
	vertical-align:middle;
}

div#menu2 fieldset {
	clear:left;
	padding:2px;
	margin:2px;
	border:1px solid #005FB8;
	background-color:#F1FAFD;
}

div#menu2 legend {
	padding:2px;
	margin:2px;
	border:1px solid #005FB8;
	background-color:#F1FAFD;
}

/* barre de progression */
div#barreprogression {
  	position:relative;
	margin:0px;
	padding:0px 0px 1.5em 0px;
	
}

div#barreprogression ul {
  	position:relative;
	list-style-type:none;
	margin:0px;
	padding:0px;
 
}

div#barreprogression ul li {
  	position:relative;
	display:inline;
	font-size:1em;
	background:transparent url(../../images/structure/puce_triangle_gris.png) no-repeat 5px 50%;
	margin:0px;
	padding:0px;
	float:left;          /* synchronise l'affichage des libelles avec l'emplacement physique */
}

div#barreprogression ul li a {
	text-decoration:underline;
  	position:relative;
	padding:0px 0px 0px 13px;
	float:left;          /* synchronise l'affichage des libelles avec l'emplacement physique */
}


noscript {
	position:absolute;
	z-index:200;
	top:5px;
	color:black;
	background-color:white;
	left:12em;
}
	
div#accessibilite {
	position:absolute;
	z-index:200;
	top:5px;
	left:10px;
}

div#accessibilite ul {
	text-align:left;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

div#accessibilite li {
	display:inline;
	font-size:1em;
	margin:0px;
	padding:0px;
}

div#accessibilite li a {
	padding:0px 0px 0px 13px;
	text-decoration:none;
}

div#accessibilite li a {
	background:transparent url(../../images/structure/bullet_yellow.png) no-repeat 5px 50%;
}

div#accessibilite li + li a {
	background:transparent url(../../images/structure/bullet_orange.png) no-repeat 5px 50%;
}

div#accessibilite li + li + li a {
	background:transparent url(../../images/structure/bullet_green.png) no-repeat 5px 50%;
}

div#accessibilite li + li + li + li a {
	background:transparent url(../../images/structure/bullet_purple.png) no-repeat 5px 50%;
}

div#accessibilite li + li + li + li + li a {
	background:transparent url(../../images/structure/bullet_red.png) no-repeat 5px 50%;
}

/*
Feuille de style pour les applications intranet du METATM

Date    :18/05/2005
Auteur  :METLTM
*/

body {
    background-color:white;
    color:black;
    margin:0px;
    width:100%;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-style:normal;
    font-size:65%;
}

textarea {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a {
    color:blue;
    font-weight:normal;
	text-decoration:underline;
	font-size:1em;
/*
	color:#A0A0A0;
    font-weight:bold;
	text-decoration:none;
*/
}

/* Changement de couleur au passage souris sur les liens */
a:active, a:hover, a:focus {
    color:#A0A0A0;
}

/* Par défaut les images n'ont pas de bordure */
a img {
    border:none;
    vertical-align:middle;
}

/* Titre de premier niveau */
h1 {
    background-color:white;
    color:#005FB8;
    font-size:1.6em;
    font-weight:bold;
    margin:0px;
    padding:2px;
}

/* Titre de deuxième niveau */
h2 {
    background-color:#F1FAFD;
    color:#005FB8;
    border-top:#005FB8 1px solid;
    font-size:1.4em;
    font-weight:bold;
    padding:2px 2px 2px 10px;
}

/* Messages lors des erreurs de saisie ds formulaires */
.erreurSaisie {
    background-color:white;
    font-size:1.4em;
    font-weight:bold;
    color:red;
}

table.tableau {
	
	border:1px solid #84C8EA;
	//border:1px solid #005FB8;
	border-collapse:collapse;
	width:100%;
	font-size:1em;
}





table.tableau  th {
	padding:2px;
	background-color:#005FB8;
	 color: white;
   // background-color:#E0F3FB;
  
	
}

table.tableau  th a {
	padding:2px;
	//background-color:#005FB8;
   // background-color:#E0F3FB;
    color: white;
}


table.tableau th  a:hover {
 
	text-decoration:underline;
	
}


table.tableau td {
	margin:0px;
	padding:2px;
   	background-color:#F1FAFD;
   // border:1px solid #005FB8;

    color:black;
    text-align:center;
}


table.tableau td.action {
	margin:0px;
	background-color:#F1FAFD;
   	width:30px;
	text-align:center;
}

table.tableau tr.impair td {
 
 	background-color:#E0F3FB;
    color:black;
}

table.tableau td  a:hover {
 
	text-decoration:underline;
	color:red;
	font-weight:bold;
	
	
}

table.tableau td  a {
	text-decoration: none;	
}

table.tableau th  a {
	text-decoration: none;	
}

.gauche {
	padding:2px;
	float:left;
}

.encadre {
	padding:2px;
	border:1px solid;
	border-color:#005FB8;
}

.picto {
	padding:10px 5px 10px 35px;
	line-height:2.5em;
}

a.button {
	text-decoration:none;
	border: none;
	font-weight: bold;
	text-align:left;
    color:#A0A0A0;
	background-color:transparent;
}

a.button:hover {
	color:#005FB8;
	cursor:pointer;
}

.block {
	display:block;
}


.warning {
	background:url("../../images/pictos/iconWarning.gif") no-repeat 2px 50%;
}

.besoin_aide {
	background:url("../../images/pictos/action/action_aide.png") no-repeat 2px 50% ;
}

.plan_site {
	background:url("../../images/pictos/action/action_plan.png") no-repeat 2px 50%;
}

.rechercher {
	background:url("../../images/pictos/action/action_rechercher.png") no-repeat 2px 50%;
}

.modifier {
	background:url("../../images/pictos/action/action_modifier.png") no-repeat 2px 50%;
}

.voir {
	background:url("../../images/pictos/action/action_voir.png") no-repeat 2px 50%;
}

.attacher {
	background:url("../../images/pictos/action/action_attacher.png") no-repeat 2px 50%;
}

.creer {
	background:url("../../images/pictos/action/action_creer.png") no-repeat 2px 50%;
}

.enregistrer {
	background:url("../../images/pictos/action/action_enregistrer.png") no-repeat 2px 50%;
}

.interrompre {
	background:url("../../images/pictos/action/action_interrompre.png") no-repeat 2px 50%;
}

.valider {
	background:url("../../images/pictos/action/action_valider.png") no-repeat 2px 50%;
}

.supprimer {
	background:url("../../images/pictos/action/action_supprimer.png") no-repeat 2px 50%;
}

.annuler {
	background:url("../../images/pictos/action/action_annuler.png") no-repeat 2px 50%;
}

.refaire {
	background:url("../../images/pictos/action/action_refaire.png") no-repeat 2px 50%;
}

.retablir {
	background:url("../../images/pictos/action/action_retablir.png") no-repeat 2px 50%;
}

.mail {
	background:url("../../images/pictos/action/action_mail.png") no-repeat 2px 50%;
}

.affiner {
	background:url("../../images/pictos/action/action_affiner.png") no-repeat 2px 50%;
}

.suivant {
	background:url("../../images/pictos/action/vcr_suivant.png") no-repeat 2px 50%;
}

.precedent {
	background:url("../../images/pictos/action/vcr_precedent.png") no-repeat 2px 50%;
}

.haut {
	background:url("../../images/pictos/action/vcr_haut.png") no-repeat 2px 50%;
}

.bas {
	background:url("../../images/pictos/action/vcr_bas.png") no-repeat 2px 50%;
}

.debut {
	background:url("../../images/pictos/action/vcr_debut.png") no-repeat 2px 50%;
}

.fin {
	background:url("../../images/pictos/action/vcr_fin.png") no-repeat 2px 50%;
}

.page_suivante {
	background:url("../../images/pictos/action/vcr_page_suivante.png") no-repeat 2px 50%;
}

.page_precedente {
	background:url("../../images/pictos/action/vcr_page_precedente.png") no-repeat 2px 50%;
}

.attente {
	background:url("../../images/pictos/action/vcr_pause.png") no-repeat 2px 50%;
}

.arret {
	background:url("../../images/pictos/action/vcr_stop.png") no-repeat 2px 50%;
}

.capturer {
	background:url("../../images/pictos/action/vcr_enregistrement.png") no-repeat 2px 50%;
}

.imprimer {
	background:url("../../images/pictos/action/action_imprimer.png") no-repeat 2px 50%;
}

.liste {
	background:url("../../images/pictos/action/action_lister.png") no-repeat 2px 50%;
}

.vue_arborescente {
	background:url("../../images/pictos/action/action_vue_arborescente.png") no-repeat 2px 50%;
}

.exporter {
	background:url("../../images/pictos/action/action_exporter.png") no-repeat 2px 50%;
}

.importer {
	background:url("../../images/pictos/action/action_importer.png") no-repeat 2px 50%;
}

.graphique_barre {
	background:url("../../images/pictos/action/action_graphique_barre.png") no-repeat 2px 50%;
}

.graphique_camembert {
	background:url("../../images/pictos/action/action_graphique_camembert.png") no-repeat 2px 50%;
}

.graphique_courbe {
	background:url("../../images/pictos/action/action_graphique_courbe.png") no-repeat 2px 50%;
}

.calendrier {
	background:url("../../images/pictos/action/action_date.png") no-repeat 2px 50%;
}

.preferences {
	background:url("../../images/pictos/action/action_preferences.png") no-repeat 2px 50%;
}

.ajouter {
	background:url("../../images/pictos/action/action_ajouter.png") no-repeat 2px 50%;
}

.enlever {
	background:url("../../images/pictos/action/action_enlever.png") no-repeat 2px 50%;
}

.authentifier {
	background:url("../../images/pictos/action/action_authentifier.png") no-repeat 2px 50%;
}

.quitter {
	background:url("../../images/pictos/action/action_quitter.png") no-repeat 2px 50%;
}

.diminuer_police {
	background:url("../../images/pictos/action/action_diminuer_police.png") no-repeat 2px 50%;
}

.augmenter_police {
	background:url("../../images/pictos/action/action_augmenter_police.png") no-repeat 2px 50%;
}

.outils {
	background:url("../../images/pictos/action/action_outils.png") no-repeat 2px 50%;
}

.tout_a_droite {
	background:url("../../images/pictos/action/action_tout_a_droite.png") no-repeat 2px 50%;
}

.tout_a_gauche {
	background:url("../../images/pictos/action/action_tout_a_gauche.png") no-repeat 2px 50%;
}

.tout_en_haut {
	background:url("../../images/pictos/action/action_tout_en_haut.png") no-repeat 2px 50%;
}

.tout_en_bas {
	background:url("../../images/pictos/action/action_tout_en_bas.png") no-repeat 2px 50%;
}

.echanger_horizontal {
	background:url("../../images/pictos/action/action_echanger_horizontal.png") no-repeat 2px 50%;
}

.echanger_vertical {
	background:url("../../images/pictos/action/action_echanger_vertical.png") no-repeat 2px 50%;
}

.couper {
	background:url("../../images/pictos/action/action_couper.png") no-repeat 2px 50%;
}

.coller {
	background:url("../../images/pictos/action/action_coller.png") no-repeat 2px 50%;
}

.copier {
	background:url("../../images/pictos/action/action_copier.png") no-repeat 2px 50%;
}

.commenter {
	background:url("../../images/pictos/action/action_commenter.png") no-repeat 2px 50%;
}

.ajouter_commentaire {
	background:url("../../images/pictos/action/action_ajouter_commentaire.png") no-repeat 2px 50%;
}

.supprimer_commentaire {
	background:url("../../images/pictos/action/action_supprimer_commentaire.png") no-repeat 2px 50%;
}

.modifier_commentaire {
	background:url("../../images/pictos/action/action_modifier_commentaire.png") no-repeat 2px 50%;
}

.annoter {
	background:url("../../images/pictos/action/action_annoter.png") no-repeat 2px 50%;
}

.ajouter_annotation {
	background:url("../../images/pictos/action/action_ajouter_annotation.png") no-repeat 2px 50%;
}

.modifier_annotation {
	background:url("../../images/pictos/action/action_modifier_annotation.png") no-repeat 2px 50%;
}

.supprimer_annotation {
	background:url("../../images/pictos/action/action_supprimer_annotation.png") no-repeat 2px 50%;
}

.generer_rapport {
	background:url("../../images/pictos/action/action_generer_rapport.png") no-repeat 2px 50%;
}

.calculer {
	background:url("../../images/pictos/action/action_calculer.png") no-repeat 2px 50%;
}

.calcul_monetaire {
	background:url("../../images/pictos/action/action_calcul_monetaire.png") no-repeat 2px 50%;
}

.bloquer {
	background:url("../../images/pictos/action/action_bloquer.png") no-repeat 2px 50%;
}

.debloquer {
	background:url("../../images/pictos/action/action_debloquer.png") no-repeat 2px 50%;
}

.aller_accueil {
	background:url("../../images/pictos/action/action_accueil.gif") no-repeat 2px 50%;
}

.clavier {
	background:url("../../images/pictos/action/action_clavier.png") no-repeat 2px 50%;
}

.associer {
	background:url("../../images/pictos/action/action_associer.png") no-repeat 2px 50%;
}

.trier {
	background:url("../../images/pictos/action/action_trier.png") no-repeat 2px 50%;
}

.echanger {
	background:url("../../images/pictos/action/action_echanger.png") no-repeat 2px 50%;
}

.diviser {
	background:url("../../images/pictos/action/action_diviser.png") no-repeat 2px 50%;
}

.joindre {
	background:url("../../images/pictos/action/action_joindre.png") no-repeat 2px 50%;
}

.forum {
	background:url("../../images/pictos/action/action_forum.png") no-repeat 2px 50%;
}

.fichier_zip {
	background:url("../../images/pictos/action/action_fichier_zip.gif") no-repeat 2px 50%;
}

.fichier_excel {
	background:url("../../images/pictos/action/action_fichier_excel.png") no-repeat 2px 50%;
}

.fichier_word {
	background:url("../../images/pictos/action/action_fichier_word.png") no-repeat 2px 50%;
}

.fichier_ooobase {
	background:url("../../images/pictos/action/action_fichier_ooobase.png") no-repeat 2px 50%;
}

.fichier_ooocalc {
	background:url("../../images/pictos/action/action_fichier_ooocalc.png") no-repeat 2px 50%;
}

.fichier_ooodraw {
	background:url("../../images/pictos/action/action_fichier_ooodraw.png") no-repeat 2px 50%;
}

.fichier_oooimpr {
	background:url("../../images/pictos/action/action_fichier_oooimpr.png") no-repeat 2px 50%;
}

.fichier_ooowrit {
	background:url("../../images/pictos/action/action_fichier_ooowrit.png") no-repeat 2px 50%;
}

.fichier_pdf {
	background:url("../../images/pictos/action/action_fichier_pdf.png") no-repeat 2px 50%;
}

.fichier_txt {
	background:url("../../images/pictos/action/action_fichier_txt.gif") no-repeat 2px 50%;
}

.fichier_csv {
	background:url("../../images/pictos/action/action_fichier_csv.png") no-repeat 2px 50%;
}

.fichier_xml {
	background:url("../../images/pictos/action/action_fichier_xml.png") no-repeat 2px 50%;
}

.plus {
	background:url("../../images/pictos/action/action_plus.png") no-repeat 2px 50%;
}

.moins {
	background:url("../../images/pictos/action/action_moins.png") no-repeat 2px 50%;
}

.mini_plus {
	background:url("../../images/pictos/bullet/bullet_add.png") no-repeat 2px 50%;
}

.mini_moins {
	background:url("../../images/pictos/bullet/bullet_delete.png") no-repeat 2px 50%;
}

.aide_contextuelle {
	padding-left:45px;
	background:url("../../images/pictos/picto_aide.png") no-repeat 2px 50%;
}

.picto_obligatoire {
	padding-left:15px;
	background:url("../../images/pictos/picto_obligatoire.gif") no-repeat 2px 50%;
}

.acrobat {
	padding:10px 0px 10px 95px;
	background:url("../../images/pictos/picto_acrobat.gif") no-repeat 2px 50%;
}

.tri_haut {
	background:url("../../images/pictos/picto_tri_haut.png") no-repeat 2px 50%;
}

.tri_bas {
	background:url("../../images/pictos/picto_tri_bas.png") no-repeat 2px 50%;
}

.tri_off {
	background:url("../../images/pictos/picto_tri_bas.png") no-repeat 2px 50%;
}
.tri_haut_on {
	background:url("../../images/pictos/tri_haut_on.gif") no-repeat 2px 50%;
}

.tri_haut_off {
	background:url("../../images/pictos/tri_haut_off.gif") no-repeat 2px 50%;
}

.tri_bas_on {
	background:url("../../images/pictos/tri_bas_on.gif") no-repeat 2px 50%;
}

.tri_bas_off {
	background:url("../../images/pictos/tri_bas_off.gif") no-repeat 2px 50%;
}

.retour_haut {
	padding:2px 0px 2px 90px;
	background:url("../../images/structure/haut_de_page.gif") no-repeat 70% 50%;
	background-color:#005FB8;
}

.mailto {
	padding-left:50px;
	background:url("../../images/structure/mail_piedpage.gif") no-repeat 2px 50%;
}

.handicap {
	background:url("../../images/structure/handicap.png") no-repeat 2px 50%;
}

.obligatoire {
	color:red;
}

/* Ligne générique bleue */
.tdBleu {
    background-color:#005FB8;
}

#contenu div.pagination {
	display: inline;
	margin:0px;
	padding:3px;
	text-align:left;
	font-size:1em;
//	background-color:#F1FAFD;
	border-top:1px solid #E0F3FB;
	border-bottom:1px solid #E0F3FB;
	
	
}

#contenu div.pagination .suivant {
	padding-left:16px;
	background:url("../../images/pictos/pagination/suivant.png") no-repeat 2px 50%;
}

#contenu div.pagination .precedent {
	padding-left:16px;
	background:url("../../images/pictos/pagination/precedent.png") no-repeat 2px 50%;
}

#contenu div.pagination .debut {
	padding-left:16px;
	background:url("../../images/pictos/pagination/debut.png") no-repeat 2px 50%;
}

#contenu div.pagination .fin {
	padding-left:16px;
	background:url("../../images/pictos/pagination/fin.png") no-repeat 2px 50%;
}

#contenu div.pagination a {
	text-decoration:none;
}

#contenu div.pagination img {
    vertical-align:middle;
}


#contenu div.pagination form {
	
	//margin:75px;
	padding:0px;
	display:inline;
}

#contenu div.pagination form input.petit {
	float:none;
	margin:0px;
	padding:0px;
	text-align:right;
	font-size:1em;
	background-color:white;
}

#contenu div.pagination form label {
	float:none;
	margin:0px;
	padding:0px;
	background:none;
	font-size:1em;
	font-weight:normal;
}

#contenu div.pagination form button {
	margin:0px;
	padding:0px;
	background:none;
	font-size:1em;
}

#contenu pre {
	font-size:1.5em;
}

.invisible {
	display:none;
}

.rounded-bl {
	background:transparent url(../../images/structure/bl10x10.gif) no-repeat bottom left;
}
.rounded-tl {
	background:transparent url(../../images/structure/tl10x10.gif) no-repeat top left;
}
.rounded-br {
	background:transparent url(../../images/structure/br10x10.gif) no-repeat bottom right;
}
.rounded-tr {
	background:transparent url(../../images/structure/tr10x10.gif) no-repeat top right;
}

.clr {
	clear:both;
}


.validation_xhtml {
	padding:2px 0px 2px 90px;
	height: 32px;
	background:url("../../images/validation/valid-xhtml10.png") no-repeat 70% 50%;
}

.validation_css {
	padding:2px 0px 2px 90px;
	height: 32px;
	background:url("../../images/validation/vcss.png") no-repeat 70% 50%;
}

.validation_wai {
	padding:2px 0px 2px 90px;
	height: 32px;
	background:url("../../images/validation/wcag1A.gif") no-repeat 70% 50%;
}

.validation_aprompt {
	padding:2px 0px 2px 90px;
	height: 32px;
	background:url("../../images/validation/IconA.png") no-repeat 70% 50%;
}

.left100 {
	left:-100px;
}

.left200 {
	left:-200px;
}

.left300 {
	left:-300px;
}

.width90pc {
	width:90%;
}

.width10pc {
	width:10%;
}

.width20pc {
	width:20%;
}

#contenu {
	padding:0px;
	margin:0px;
	border:0px;
}

#contenu .onglet ul {
	font-weight: bold;
	white-space: nowrap;
	font-size: 1em;
	padding:0px;
	margin:0px;
	border:0px;
	list-style-type:none;
}

#contenu .onglet li {
	display:inline;
}

#contenu .onglet li.current a {
	color:white;
	background:#005FB8 url(../../images/structure/tr10x10.gif) no-repeat top right;
}

#contenu .onglet li a {

	font-weight: bold;
	text-decoration: none;
  	color:#005FB8;
	background:#E0F3FB url(../../images/structure/tr10x10.gif) no-repeat top right;
	padding:4px 6px;
	text-decoration:none;
}

#contenu .onglet li a:hover {
	color:white;
	background:#005FB8 url(../../images/structure/tr10x10.gif) no-repeat top right;
}

/**** ongletBouton ********************************************************************************************/
#contenu form.obouton {
	border:0px;
	padding:5px;
}

#contenu .corpsongletbouton {
	display:block;
	position:relative;
	padding:5px;
	margin-top:0px;
	margin-bottom:5px;
	border:solid 2px #005FB8;
	width:auto;
}

#contenu .pictobouton {
	clear:both;
}

#contenu form div.pictobouton input.picto {
	border: none;
	font-weight: bold;
	text-align:left;
    color:#A0A0A0;
	background-color:transparent;
}

#contenu form div.pictobouton input:hover {
	color:#005FB8;
	cursor:pointer;
}
/************************************************************************************************/
#contenu .ongletbouton li input {
	color:#005FB8;
	background:#E0F3FB url(../../images/structure/tr10x10.gif) no-repeat top right;
	padding:4px 4px;
	text-decoration:none;
	font-weight: bold;
	white-space: nowrap;
	font-size: 12px;
	border:0px;
}

#contenu .ongletbouton li input.current {
	color:white;
	background-color:#005FB8;
        padding:4px 4px;
	font-size: 12px;
}

#contenu .ongletbouton li input:hover {
	color:white;
	background-color:#005FB8;
}

#contenu form div.ongletbouton li,
#contenu form div.ongletbouton input,
#contenu form div.pictobouton input {
		display:inline;
		left:0;
		top:0;
}

#contenu .ongletbouton ul {
	font-weight: bold;
	white-space: nowrap;
	font-size: 1em;
	padding:0px;
	margin:0px;
	border:0px;
	list-style-type:none;
}
#contenu .ongletbouton ul br {
	padding:4px 6px;
}


#contenu form .ongletbouton li {
	display:inline;
	float:none;
}

#contenu .ongletbouton li .current {
	color:white;
	background:#005FB8 url(../../images/structure/tr10x10.gif) no-repeat top right;
	padding:2px 0px;
	text-decoration:none;
	font-weight: bold;
	white-space: nowrap;
	font-size: 1em;
	border:0;
	display:inline;
}

#contenu .ongletbouton li .menu {
	color:#005FB8;
	background:#E0F3FB url(../../images/structure/tr10x10.gif) no-repeat top right;
	padding:2px 0px;
	text-decoration:none;
	font-weight: bold;
	white-space: nowrap;
	font-size: 1em;
	border:0;
	display:inline;
}

#contenu .ongletbouton li .menu:hover {
	color:white;
	background:#005FB8 url(../../images/structure/tr10x10.gif) no-repeat top right;
}

#contenu .corpsonglet {
	display:block;
	position:relative;
	padding:2px;
	margin-top:2px;
	border:solid 2px #005FB8;
	width:auto;
}

#contenu a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}
#contenu a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;
}
#contenu a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}

/*----------------------------------------------------*/
/* Formulaires */
#contenu form.encadre {
	border:1px solid #005FB8;
}


#contenu form fieldset {
	border: 1px solid #005FB8;
	
}

#contenu form legend {
	border: 1px solid #005FB8;
}

/*----------------------------------------------------*/
/* Affiche un div avec un ascenceur
/* Div scrollable */



#contenu ZoneScrollable {
	height: 100px;
	width: auto; 
	overflow: auto;
	overflow-x: hidden;
	border-style: solid; 
	border-color: #202020; 
	border-width: 1px
	
}


#contenu form label,
#contenu form .label {
	font-weight: bold;
	float: left;
	width: 400px;
	text-align: right;
	padding-right: 15px;
}
}

#contenu form span.champ,
#contenu form span.champ label,
#contenu form span.champ .label  {
	font-size:1em;
	font-weight:normal;

}

#contenu form label.champ_obligatoire {
	background:url("../../images/pictos/picto_obligatoire.gif") no-repeat 97% 50%;
}

#contenu form input,
#contenu form textarea,
#contenu form button,
#contenu form select {
	font-size:1em;
}

#contenu form input, #contenu form select {
	background-color:#F1FAFD;
}

#contenu form input.button {
	border: none;
	font-weight: bold;
	text-align:left;
    color:#A0A0A0;
	background-color:transparent;
}

div#contenu form button:hover, div#contenu form input.button:hover {
	color:#005FB8;
	cursor:pointer;
}

#contenu form button {
	border: none;
	font-weight: bold;
	text-align:left;
    color:#A0A0A0;
}

#contenu form input:focus, #contenu form select:focus {
	background-color:#E0F3FB;
}

/* ----------------------------------------- */
/* Styles de présentations de formulaires */
/* colonne, horizontal, avec marge constante, vertical */
/* columnarForm, horizontalForm, marginForm, verticalForm */


#contenu form.horizontalForm {
	padding:5px;
}

#contenu form.horizontalForm fieldset {
	display: block;
	margin-bottom:2px;
	padding: 5px;
}

#contenu form.horizontalForm fieldset label,
#contenu form.horizontalForm fieldset .label {
	float: left;
	display: block;
	text-align:left;
	margin: 3px;
	width:auto;
	padding:0px;
}

#contenu form.horizontalForm input,
#contenu form.horizontalForm textarea,
#contenu form.horizontalForm select,
#contenu form.horizontalForm button {
	vertical-align: middle;
	display: block;
	margin:0;
}

#contenu form.horizontalForm span.champ,
#contenu form.horizontalForm span.champ labell {
	white-space:nowrap;
	display: block;
	padding:0;
}

#contenu form.horizontalForm span.champ input {
	display: inline;
}

#contenu form.horizontalForm span.champ img {
	display: block;
}

#contenu form.horizontalForm input.submit,
#contenu form.horizontalForm input.button,
#contenu form.horizontalForm button {
	display:inline;
}

#contenu form.horizontalForm fieldset.radio {
	margin: 1em 0 2em 0;
}

#contenu form.horizontalForm fieldset.radio input {
	clear: both;
	float: left;
	display:block;
	width: auto;
}

#contenu form.horizontalForm fieldset.radio label {
	font-weight: normal;
}

/* ----------------------------------------- */
#contenu form.columnarForm {
	padding:5px;
}

#contenu form.columnarForm fieldset,
#contenu form.columnarForm .fieldset {
	display: block;
	margin: 0 0 1em 10px;
	padding: 5px;
	float:left;
}

#contenu form.columnarForm fieldset label,
#contenu form.columnarForm fieldset .label {
	display: block;
	float:none;
	clear:both;
	text-align:left;
	margin-bottom: 1.5em;
	font-weight: bold;
}

#contenu form.columnarForm label.first {
	padding-top: 1em;
}

#contenu form.columnarForm input,
#contenu form.columnarForm textarea,
#contenu form.columnarForm select,
#contenu form.columnarForm button {
	display: block;
	vertical-align: middle;
	font-size:1em;
}

#contenu form.columnarForm span.champ,
#contenu form.columnarForm span.champ label  {
	display: block;
	font-size:1em;
	font-weight:normal;
	margin:0;
}

#contenu form.columnarForm span.champ input {
	display: inline;
	font-size:1em;
	margin:0;
}

#contenu form.columnarForm span.champ img {
	display: block;
}

#contenu form.columnarForm input.submit,
#contenu form.columnarForm input.button,
#contenu form.columnarForm button {
	clear: both;
	display:inline;
}

#contenu form.columnarForm fieldset.radio input {
	clear: both;
	float: left;
	width: auto;
}

#contenu form.columnarForm fieldset.radio label {
	font-weight: normal;
	margin:0;
}

/* ----------------------------------------- */

#contenu form.verticalForm {
	padding:5px;
}

#contenu form.verticalForm fieldset {
	display: block;
	margin: 0 0 3em 0;
	padding: 1em 1em 1em 1em;
}

#contenu form.verticalForm fieldset label,
#contenu form.verticalForm fieldset .label {
	display: block;
	clear:both;
	margin-bottom: 1em;
	text-align:left;
	font-weight: bold;
}

#contenu form.verticalForm label.first {
	padding-top: 1em;
}

#contenu form.verticalForm input,
#contenu form.verticalForm textarea,
#contenu form.verticalForm select,
#contenu form.verticalForm button {
	display: block;
	vertical-align: middle;
	font-size:1em;
	width: auto;
}

#contenu form.verticalForm span.champ,
#contenu form.verticalForm span.champ label  {
	display: block;
	font-size:1em;
	font-weight:normal;
	margin:0;
}

#contenu form.verticalForm span.champ input {
	display: inline;
	font-size:1em;
	margin:0;
}

#contenu form.verticalForm span.champ img {
	display: block;
}

#contenu form.verticalForm input.submit,
#contenu form.verticalForm input.button,
#contenu form.verticalForm button {
	display:inline;
}

#contenu form.verticalForm fieldset.radio {
	margin: 1em 0 2em 0;
}

#contenu form.verticalForm fieldset.radio input {
	clear: both;
	float: left;
	width: auto;
}

#contenu form.verticalForm fieldset.radio label {
	font-weight: normal;
	margin:0;
}


/* ----------------------------------------- */
#contenu form.marginForm {
	position: relative;
	padding:5px;
}

#contenu form.marginForm fieldset,
#contenu form.marginForm .fieldset {
	position: relative;
	display: block;
	margin: 0 0 0.5em 0;
	padding: 0.5em;
}

#contenu form.marginForm label,
#contenu form.marginForm .label {
	position: relative;
	clear: both;
	float:left;
	display: block;
	width: 20em;
	font-weight: bold;
	margin-top:-1em;
	text-align:right;
	vertical-align: top;
}

#contenu form.marginForm .first {
	margin-top: 0.5em;
}

#contenu form.marginForm .ongletbouton input,
#contenu form.marginForm .pictobouton input,
#contenu form.verticalForm .ongletbouton input,
#contenu form.verticalForm .pictobouton input,
#contenu form.columnarForm .ongletbouton input,
#contenu form.columnarForm .pictobouton input,
#contenu form.horizontalForm .ongletbouton input,
#contenu form.horizontalForm .pictobouton input {
	margin-left: 0px;
}

#contenu form.marginForm input,
#contenu form.marginForm textarea,
#contenu form.marginForm select,
#contenu form.marginForm button {
	display: block;
	font-size:1em;
	position: relative;
	vertical-align: middle;
	top:-1.4em;
	margin-left: 21em;
}

#contenu form.marginForm span.champ  {
	display: block;
	font-size:1em;
	position: relative;
	vertical-align: middle;
	top:-1.4em;
	left: 21em;
	white-space: nowrap;
	text-align:left;
	margin:0;
	padding:0;
	border:0
}

#contenu form.marginForm span.champ input,
#contenu form.marginForm span.champ label {
	display: inline;
	float:none;
	font-size:1em;
	position: inherit;
	top:0;
	left:0;
	margin:0;
	padding:0;
	border:0
}

#contenu form.marginForm span.champ img {
	display: block;
}

#contenu form.marginForm input.submit,
#contenu form.marginForm input.button,
#contenu form.marginForm button {
	display: inline;
	clear: both;
	top: 0;
	margin-left:0;
}

#contenu form.marginForm fieldset.radio input
{
	position: static;
	clear: both;
	float: left;
	margin:0;
	padding:0;
	border:0
}

#contenu form.marginForm fieldset.radio label {
	position: relative;
	top:0px;
	display: inline;
	width: auto;
	margin: 0 0 0 21em;
	font-weight: bold;
	font-weight: normal;
}


/* ----------------------------------------- */
/* Affichage de treeview */

div.tree ul {
	list-style-type: none;
	padding:0px;
	margin:0px;
}

div.tree ul ul {
	list-style-type: none;
	padding-left:20px;
}

div.tree ul li {
	padding:0px;
	margin:0px;
}

div.tree ul li.courant a {
	font-weight: bold;
}

div.tree ul li.courant li a {
	font-weight: normal;
}

div.tree {
	line-height:12px;
	margin:0px;
	padding:0px;
}

div.tree .item {
	line-height:1em;
	padding:0px 5px 0px 20px;
}

.tree_line {
	background:url("../../images/pictos/tree/line.gif") no-repeat 0px 50%;
}

.tree_line_first {
	background:url("../../images/pictos/tree/line_first.gif") no-repeat 0px 50%;
}

.tree_line_middle {
	background:url("../../images/pictos/tree/line_middle.gif") no-repeat 0px 50%;
}

.tree_line_last {
	background:url("../../images/pictos/tree/line_last.gif") no-repeat 0px 50%;
}

.tree_node_close {
	background:url("../../images/pictos/tree/node_close.gif") no-repeat 0px 50%;
}

.tree_node_close_first {
	background:url("../../images/pictos/tree/node_close_first.gif") no-repeat 0px 50%;
}

.tree_node_close_middle {
	background:url("../../images/pictos/tree/node_close_middle.gif") no-repeat 0px 50%;
}

.tree_node_close_last {
	background:url("../../images/pictos/tree/node_close_last.gif") no-repeat 0px 50%;
}

.tree_node_open {
	background:url("../../images/pictos/tree/node_open.gif") no-repeat 0px 50%;
}

.tree_node_open_first {
	background:url("../../images/pictos/tree/node_open_first.gif") no-repeat 0px 50%;
}

.tree_node_open_middle {
	background:url("../../images/pictos/tree/node_open_middle.gif") no-repeat 0px 50%;
}

.tree_node_open_last {
	background:url("../../images/pictos/tree/node_open_last.gif") no-repeat 0px 50%;
}

.tree_noline {
	background:url("../../images/pictos/tree/noline.gif") no-repeat 0px 50%;
}

/* ----------------------------------------- */


#contenu form.obouton {
	border:0px;
}


#tab, #tab caption
{
    margin: auto;
}


/*
* Balise a afin d'avoir le meme aspect que les boutons	
*/
#LienBouton {
	
	text-decoration: none;
	color:#A0A0A0;
	font-weight:bold;
}

.EnteteTableauLien {
	text-decoration: none;
	 color:#005FB8;
	font-weight:bold;
}

 .petit {
	margin:0px;
	padding:0px;
	text-align:right;
	font-size:1em;
	background-color:white;
}

/* td {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

input {
	padding: 5px !important;
}
select {
	padding: 5px !important;
} */