/* ------------------------- */
/* = Summary */
/* ------------------------- */
/* 1- Mentions */
/* 2- Header */
/* 3- Nav */
/* 4- Adresses */
/* 5- Main */
/* 6- Default */
/* 7- Erreur */
/* 8- CltReleve */
/* 9- AdmCnx */
/* 10- AdmContacts */
/* 11- Tableaux */
/* 12- AdmSuperAdmin */
/* ... */

/* ------------------------- */
/* = 1- Mentions */
/* ------------------------- */

/*
 * @autor : Jérôme Hérault
 * @version : 1.00.000
 * @date : 07/09/2011
*/

/* ------------------------- */
/* = 2- Header */
/* ------------------------- */

header {
	width: 100%;
}

header img {
	width: 100%;
}

/* ------------------------- */
/* = 3- Nav */
/* ------------------------- */

nav {
	width: 100%;
}

nav ul {
	margin: 0;
	margin-left: 30px;
	
	list-style: none;
}
nav li {	
	margin-left: 10px;
}

nav sup {
	position: absolute;
	
	margin-left: 5px;
}

nav p {
	margin: 0;
	margin-right: 30px;
}

/* ------------------------- */
/* = 4- Adresses */
/* ------------------------- */

#adresses {
	float: left;
	
	width: 200px;
	
	padding-left: 10px; 
}
#adresses p {
	margin: 20px 0;
	
	font-size: 0.9em;
	line-height: 20px;
}

/* ------------------------- */
/* = 5- Main */
/* ------------------------- */

#main {
	margin-left: 200px;
}

/* ------------------------- */
/* = 6- Default */
/* ------------------------- */

.default {
	margin-top: 150px;
}

/* ------------------------- */
/* = 7- Erreur */
/* ------------------------- */

/* A REVOIR AVEC display: inline-block et vertical-align: middle */
#erreur {
	height: 100%;
	width: 100%;
}

#erreur p {	
	position: absolute;
	left: 50%; 
	top: 50%;
	
	width: 800px;
	
	margin-top: -30px; /* moitié de la hauteur */
	margin-left: -400px; /* moitié de la largeur */
}

/* ------------------------- */
/* = 8- cltReleve */
/* ------------------------- */

/* Paragraphes & Contenu */

#cltReleves .infosClt h1 {
	margin-top: 15px;
	
	font-size: 1.3em;
}

#cltReleves .infosClt p {
	margin-left: 75px;
}

#cltReleves .infosClt .gras {
	margin-left: 50px;
}

/* Tableau - Classes */

#cltReleves .numSerie {
	color: #2CAECC;
}

#cltReleves .emplacement input {
	width: 100px;
}

#cltReleves .releve input {
	width: 80px;
	
	text-align: right;
}
#cltReleves .releve input[type="image"] {
	display: inline-block;
	
	width: 28px;
	height: 28px;
}

#cltReleves .releve table img {
	width: 14px;
	height: 14px;
}

#cltReleves td.description, td.libelleCpt {
	text-align: left;
}

/* Tableau - Balises */

#cltReleves table table {
	margin: 0;
	
	width: 100%;
}

#cltReleves .textAlignG {
	text-align: left;
}


#cltReleves .textAlignR {
	text-align: right;
}

/* ------------------------- */
/* = 9- AdmCnx */
/* ------------------------- */

#admCnx {
	padding-top: 100px;
}

#admCnx fieldset {
	margin: auto;
	
	width: 400px;
	height: 125px;
	
	border: 1px solid black;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
}

#admCnx fieldset div {
	text-align: center;
}

#admCnx input {
	margin-top: 30px;
	padding: 2px 5px 2px 20px;
	
	width: 160px;
	
	border: 1px solid #ccc;
}

#admCnx input[id="login"] {
	background: url('Images/login16x16.gif') no-repeat left;
}

#admCnx input[id="password"] {
	margin-top: 10px;
	
	background: url('Images/password16x16.gif') no-repeat left;
}

#admCnx input[id="password"] img {
}

#admCnx input[type="submit"] {	
	margin-top: 20px;
	padding: 0;
	
	width: 100px;
	height: 30px;
		
	border: 1px solid black;	
	
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	
	background-color: #D5D5D5;
}
#admCnx input[type="submit"]:focus,#admCnx input[type="submit"]:active {
	outline: none;
}
#admCnx input[type="submit"]:hover {	
	background-color: #A4A4A4;
}

#admCnx label {
	display: block;
	
	float: left;
	
	margin-top: 30px;
	margin-left: 30px;
	
	width: 150px;
}

#admCnx label[for="password"] {	
	margin-top: 10px;
	margin-left: 30px;
}

/* ------------------------- */
/* = 10- AdmContacts */
/* ------------------------- */

#admContacts .lien a {
	display: block;
	
	width: 100px;
	height: 25px;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	
	line-height: 25px;
	text-decoration: none;
	
	color: White;
	
	background-color: #97B6C0;
}
#admContacts .lien a:hover {
	
	background-color: #758E96;
}

#admContacts select {
	display: block;
	
	margin: auto;
	
	width: 150px;
	
	border: 1px solid #7F7F7F;
	border-right: none;
}

#admContacts form div {
	margin-top: 10px;
	
	text-align: center;
}

#admContacts input {
	width: 150px;
	height: 25px;
	
	border: 1px solid #7F7F7F;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	
	color: #494949;
	
	background-color: #CCCCCC;
}
#admContacts input:hover {	
	background-color: #B2B2B2;
}
#admContacts input[type="submit"]:focus,#admContacts input[type="submit"]:active {
	outline: none;
}

#admContacts td.societe, #admContacts td.contact, #admContacts td.ville, #admContacts td.email {
	text-align: left;
}

/* ------------------------- */
/* = 11- Tableaux */
/* ------------------------- */

/* Tableau - Classes */

#cltReleves .etat, #admContacts .etat { 
	width: 28px;
}

#cltReleves .impair, #admContacts .impair {
	background-color: #E2F3F8;
}

/* Tableau - Balises */

#cltReleves table img, #admContacts table img {
	width: 28px;
	height: 28px;
}

#cltReleves table, #admContacts table {	
	clear: right;
	
	margin-left: auto;
	margin-right: auto;
		
	border: none;
}

#cltReleves thead, #cltReleves tfoot, #admContacts thead, #admContacts tfoot {
	background-color: #97B6C0;
}

#cltReleves thead, #cltReleves tfoot, #admContacts thead, #admContacts tfoot, #cltReleves tfoot a, #admContacts tfoot a {
	color: #fff;
}

#cltReleves th, #cltReleves td, #admContacts th, #admContacts td {
	border: none;
	
	font-size: 0.9em;
	text-align: center;
	white-space: normal;
}

#cltReleves tfoot th {
	font-size: 1.1em;
}

#cltReleves .ssouligne {
	font-size: 1.3em;
}

/* ------------------------- */
/* = 12- AdmSuperAdmin */
/* ------------------------- */

#admSuperAdmin {
}

#admSuperAdmin fieldset {
	margin: auto;
	padding: 10px;
	
	width: 500px;
	
	border: 1px solid black;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
}

#admSuperAdmin fieldset fieldset {
	margin: auto;
	padding: 10px;
	
	width: 480px;
	
	border: 1px solid black;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
}

#admSuperAdmin legend {
	margin-left: 15px;
	padding: 0 5px;
	
	font-weight: bold;
}

#admSuperAdmin fieldset fieldset legend {
	font-weight: normal;
}

#admSuperAdmin fieldset div {
	text-align: center;
}

#admSuperAdmin input, #admSuperAdmin select {
	margin: 30px 0 10px 0;
	padding: 2px 5px 2px 5px;
	
	width: 160px;
	
	border: 1px solid #ccc;
}

#admSuperAdmin label {
	display: block;
	
	float: left;
	
	margin-top: 30px;
	margin-left: 30px;
	
	width: 150px;
}

#admSuperAdmin fieldset fieldset label {
	margin: 5px 0 0 30px;
}

#admSuperAdmin fieldset fieldset select {	
	width: 285px;
}

#admSuperAdmin fieldset fieldset select, #admSuperAdmin fieldset fieldset input {
	margin: 5px 0 10px 0;
}

#admSuperAdmin input[type="submit"] {	
	margin-top: 20px;
	padding: 0;
	
	width: 100px;
	height: 30px;
		
	border: 1px solid black;	
	
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	
	background-color: #D5D5D5;
}
#admSuperAdmin input[type="submit"]:focus,#admCnx input[type="submit"]:active {
	outline: none;
}
#admSuperAdmin input[type="submit"]:hover {	
	background-color: #A4A4A4;
}

#admSuperAdmin .QSResult {
	margin: 10px auto;
	
	text-align: center;
}