/*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;
}

.errormsg{
	margin:0px auto 0px auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FF0000;
	display:block;
	text-align:center;
}

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

}

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

/*
	Formulaire de login à l'administration
*/
div#form-login-admin-place{
	margin:0px auto 0px auto;
	display:block;
	width:50%;
	text-align:center;
}

p.form-login-admin-title{
}

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

div#form-login-admin 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 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
*/
div.container-admin{
	margin:0px auto 0px auto;
	text-align:center;
}

table.liste-modules{
	margin:0px auto 0px auto;
	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{
	height:30px;
}

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

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

table.liste-modules tr.ligne-over{
/*	background-color:#9DAFC4;*/
	background-color:#ccffcc;
/*	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%;
	margin:0px auto 0px auto;
}

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

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;
/*	border:1px solid #ffffff;*/
}

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

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

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

/*
	Barre de navigation
*/
div.navbar-cont{
	text-align:center;
	background-color:#d3d8ea;
	margin:0;
	width:100%;
	padding:0;
	padding:4px 0px 4px 0px;
	border-bottom:1px solid #000000;
}

/* Liens */
div.navbar-cont a#navbar-premiere,div.navbar-cont  a#navbar-derniere,div.navbar-cont  a#navbar-precedente,div.navbar-cont  a#navbar-suivante{
	font-weight:bold;
}

/* Page actuelle */
div.navbar-cont span#navbar-actuelle{
	font-weight:bold;
}

/* Liens sur les pages */
div.navbar-cont a.navbar-pages{}
/*-----------------------*/

/*
	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;
}

table.liste td span.column-right{
	width:200px;
/*	border: 1px solid #ff00ff;*/
	display:inline;
	float:right;
	text-align:right;
}
/*-----------------------*/


/*
	Boutons images (action, liste)
*/
.bouton-image{
    border:none;
    background-color: transparent;
	margin:0;
	padding:0;
	cursor:pointer;
	font-family:inherit;
	vertical-align:middle;
}
/*-----------------------*/

/*
	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;
}
/*-----------------------*/

/*
	Formulaire des détails
*/
div#form-place{
	margin:0px auto 0px auto;
/*	background-color:#FF0000;*/
	text-align:left;
	width:50%;
	padding:1em 0px 1em 0px;
/*	border:1px solid #000000;*/
}

div#form-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... ***/
	margin:0px 0px 10px 0px;
	padding-right:10px;
	height:100%;
/*	clear:left;*/
/*	line-height:20px;	/*** ... et centrés verticalement. ***/
/*	border:1px solid #00ff00;*/
/*	height:20px;*/
}

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

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

/*
	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
*/
div#form-login-place{
	margin:0px auto 0px auto;
	display:block;
	width:50%;
	text-align:center;
}

p.form-login-title{
}

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

div#form-login 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 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;
}

/*
	Boutons des formulaires
	Attention à la taille de la police !
	Appliquable à tous les boutons du site (login utilisateur et renvoi du mot de passe),
	et de l'admin.
*/
.bouton{
	font-size:x-small;
	border: 1px solid #AABBBF;
	background-color: #ffffff;
	color:#404F59;
	background-image: url(images/admin/admin_fond_bouton.gif);
	padding: 2px;
	width:auto;
}


div#logout-btn{
/*	float:right;*/
	width:100%;
/*	padding-right:10px;*/
/*	background-color:#99CC33;*/
	text-align:right;
}

div#logout-btn img{
	margin-right:20px;
}