/*body table{
/*	text-align:right;*/
/*	margin:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:x-small;
}

.lien {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #71004F;
	font-weight: bold;
}
#container{
	background-color:#FFFFFF;
}
*/

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0;
}

a{
	text-decoration:none;
	color:#6666CC;
}

a:hover{
	color:#FF0000;
}

a img{
	border:0;
}

div.chemin{
	margin-top:10px;
	margin-bottom:10px;
	margin-right:50px;
	width:100%;
	border:0px;
	text-align:left;
	padding-left:15px;
}

.errormsg{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FF0000;
}

.msg{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#009900;

}

/*
	Formulaire de login à l'administration
*/
p.form-login-admin-title{
}

div#form-login-admin-place{
	text-align:left;
	width:50%;
	border:1px solid #000000;
	padding:1em .5em 1em .5em;
}

div#form-login-admin-place label{
	width:50%;	/*** Les intitulés prennent 1/2 de la largeur totale du formulaire... ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	padding-right:10px;
	height:100%;
	margin:0px 0px 10px 0px;
/*	line-height:20px;	/*** ... et centrés verticalement. ***/
/*	border:1px solid #00ff00;*/
/*	height:20px;*/
}

div#form-login-admin-place input{
/*	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
/*	border:1px solid #ff00ff;*/
	margin:0px 40px 0px 0px;
/*	float:right;*/
	width:150px;
	font-size:inherit;
}
/*-----------------------*/

/*
	Liste des modules
*/
table.liste-modules{
	width:50%;
	border:1px solid #000000;
	border-collapse:collapse;
	border-spacing:0;
}

table.liste-modules td{
	text-align:center;
	padding:4px;
}

table.liste-modules tr.ligne1{
	background-color:#ffffff;
}

table.liste-modules tr.ligne2{
	background-color:#CCCCCC;
}

table.liste-modules tr.ligne-over{
	background-color:#9DAFC4;
	cursor:	pointer;
}
/*-----------------------*/

/* 
	Liste des éléments dans chaque module
	( par exemple la liste des pages, ou des users)
	Pour qppliquer un style particulier à un module,
	il faut redéfinir ces styles dans la 
	feuille de style du module
*/
div.container{
	width:75%;
}

table.liste{
	border:1px solid #000000;
	width:100%;
	border-collapse:collapse;
	border-spacing:0px;
}

table.liste td#en-tete{
	border-bottom:1px solid #000000;
	text-align:left;
}

table.liste td#intitules{
	border-bottom:1px solid #000000;
	text-align:left;
	background-color:#577290;
	color:#FFFFFF;
	font-weight:bold;
}

table.liste td{
	padding:4px;
	text-align:left;
}

table.liste tr.ligne1{
	background-color:#ffffff;
}

table.liste tr.ligne2{
	background-color:#CCCCCC;
}

table.liste tr.ligne-over{
	background-color:#FFFF99;
	cursor:	pointer;
}
/*-----------------------*/

/*
	Largeur de chaque colonne (si plus d'une colonne sans compter celle des boutons)
	(par exemple dans la gestion des users, il y a les colonnes Nom, et Login.
	Peut être personnalisée en redéfinissant cette classe dans la feuille de style du module)
*/
table.liste td span.column{
	width:200px;
/*	border: 1px solid #ff00ff;*/
	display:inline;
	float:left;
}

/*
	Boutons de la liste
	(éditer et supprimer)
*/
span.boutons-liste{
	display:inline;
	padding-right:5px;
	vertical-align:middle;
	float:right;
}
/*-----------------------*/

/*
	Boutons d'action
	(retour, enregistrer, visu et logout)
*/
div.boutons-action{
	clear:both;
	margin:5px 0px 5px 0px;
	width:100%;
	text-align:right;
}
/*-----------------------*/

/*
	Editeur
*/

span.admin-titre{
	font-size:14px;
	font-weight:bold;
	text-align:left;
	font-style:italic;
}

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

/*
	Menu
*/
ul.menu{
	list-style:none;
	display:inline;
}

ul.menu li.menu-item{
	cursor:pointer;
	float:left;
	line-height:1px;
}

/* couleur du texte du menu */
ul.menu li.menu-item a{
	line-height:normal;
}

/* couleur du texte survolé du menu */
ul.menu li.menu-item a:hover{
	line-height:normal;
}

ul.menu li.menu-item a.w_o_rollover{
	font-size:0px;
	text-indent:-1000px;
	display:block;
	background-repeat:no-repeat;
}

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

/*
	Formulaire de login
*/
p.form-login-title{
}

div#form-login-place{
	text-align:left;
	width:50%;
	border:1px solid #000000;
	padding:1em .5em 1em .5em;
	margin:10px 0px 10px 0px
}

div#form-login-place label{
	width: 50%;	/*** Les intitulés prennent 1/2 de la largeur totale du formulaire... ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	padding-right:10px;
	height:100%;
	margin:0px 0px 10px 0px;
/*	line-height:20px;	/*** ... et centrés verticalement. ***/
/*	border:1px solid #00ff00;*/
/*	height:20px;*/
}

div#form-login-place input{
/*	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
/*	border:1px solid #ff00ff;*/
	margin:0px 40px 0px 0px;
/*	float:right;*/
	width:150px;
	font-size:inherit;
}
/*-----------------------*/

/*
	Formulaire de renvoi du mot de passe
*/
p.form-passw-title{
	font-size:12px;
	font-weight:bold;
}

div#form-passw-place{
	text-align:left;
	width:50%;
	border:1px solid #000000;
	padding:1em .5em 1em .5em;
	margin:10px 0px 10px 0px
}

div#form-passw-place label{
	width: 50%;	/*** Les intitulés prennent 1/2 de la largeur totale du formulaire... ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	padding-right:10px;
	height:100%;
	margin:0px 0px 10px 0px;
/*	line-height:20px;	/*** ... et centrés verticalement. ***/
/*	border:1px solid #00ff00;*/
/*	height:20px;*/
}

div#form-passw-place input{
/*	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
/*	border:1px solid #ff00ff;*/
	margin:0px 40px 0px 0px;
/*	float:right;*/
	width:150px;
	font-size:inherit;
}