/* Feuille de style CSS de l'Application DEGATS */

/*  MISE EN PAGE */
/* CSS issu des tutoriels css.alsacreations.com */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-color: #ffa600;
}

body.etats
{
	background-color: #ffffff;
	text-align:center;
}
#header {
/*height: 200px;*/
background-color:#ffdb99;
/*height:142px;*/
}
#conteneur {
position: absolute;
width: 1000px;
/*height:100%;*/
left: 50%;
margin-left: -500px;
background-color:#ffa600;
}
#centre {
background-color:#ffdb99;
margin-left: 50px;
margin-right: 50px;
border-right:3px solid #BF5B00;
border-left:3px solid #BF5B00;
/*height:100%;*/
}
#gauche {
position: absolute;
left:0;
width: 50px;
/*height:100%;*/

}
#droite {
position: absolute;
right:0;
width: 50px;
/*height:100%;*/
}
#pied {
background-color: #ffdb99;
}
.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}
.menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
.menudroit li {
margin-bottom: 5px;
}
.menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menudroit a:hover {
text-decoration: none;
}
p {margin: 0 0 10px 0;}

/*  FIN MISE EN PAGE */		

img
{
	border-style:none;
}

/* -------- TEXTES -------- */

.titre
{
	font-size:20px;
	margin-bottom:20px;	
}

fieldset 
{
	padding:10px;	
	border:1px solid #ffa600;
	width:500px;
	display:block;
}

fieldset.fieldset400
{
		width:400px;
		text-align:center;
}
fieldset.fieldset260
{
		width:260px;
}

legend,
span.legende
{
    font-family: Verdana;
    color:#f5f5dc;
    font-size:9pt;  
    font-weight:bold;
    background-color:#ffa600;    
    margin:5px; 
    padding:1px;
}

.texte, .texteGras, .texteErreur, texteSucces, .texteNavigation,
a, table tr td, input, textarea, select, span
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;	
	color: #B35600;	
}

input
{
	color:#321600;
}

.texteGras
{
	font-weight:bold;
}
.texteErreur
{
	color: red;
	font-weight:bold;
}

.texteSucces
{
	color: green;
	font-weight:bold;
}

.texteNavigation
{
	/*margin-left:150px;*/
	font-weight:bold;
}

.texteData,
.texteData tr td label
{
	color: black;
	font-weight:normal;
}

/* -------- LIENS -------- */

a:link, a:visited, a:active
{
	color: #FF6A22;
	text-decoration: none;
	font-weight:bold;
}

/* -------- TABLES -------- */

table tr td
{
	vertical-align:top;
}

table.grid, table.grid tr td
{
	border-color:Black;
}

table.grid tr td, td.vMilieu, table.grid tr td span
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;	
	color: #321600; /*#B35600;*/ 
    font-weight:normal; 
    vertical-align:top;
}

table.grid tr td.vMilieu
{
	vertical-align:middle
}

table.parametres tr td
{
	text-align:center;
}


/* -------- FORMULAIRES -------- */

table.formulaire
{
	width:680px;
	font-weight:bold;		
}

table.formulaire tr td
{
	text-align:left;
	font-size:8pt;
}

input.textBoxVerySmall, input.textBoxSmall, input.textBoxLarge, input.textBoxVeryLarge,
input.textBoxSmall_Verrou, input.textBoxLarge_Verrou, input.textBoxVeryLarge_Verrou,
 select.liste, select.listeSmall, select.listeVerySmall, select.grid, textarea.textBox
{
	color: black;
	font-weight:normal;
	width:300px;
	font-size:8pt;
}

input.textBoxNumber
{
	color: black;
	font-weight:normal;
	width:100px;
	font-size:8pt;
	text-align:right
}

select.listeSmall
{
	width:155px;	
}

select.listeVerySmall
{
	width:75px;	
}

input.textBoxVerySmall, input.textBoxSmall, input.textBoxLarge, input.textBoxVeryLarge, 
input.textBoxSmall_Verrou, input.textBoxLarge_Verrou, input.textBoxVeryLarge_Verrou
{
	padding:2px;
}

input.textBoxVerySmall
{
	width:50px;
}

input.textBoxSmall, input.textBoxSmall_Verrou
{
	width:120px;
}

input.textBoxVeryLarge, input.textBoxVeryLarge_Verrou
{
	width:380px;
}

input.textBoxSmall_Verrou, input.textBoxLarge_Verrou, input.textBoxVeryLarge_Verrou
{
	background-color:#ccc;
	border-bottom:#ccc;
	border-right:#ccc;
}

input.submit
{	
	padding:2px;
	width:90px;	
	font-weight:normal;
	background-color:#FFBF48;
	color:#B35600;
}

select.grid
{
	font-size:10px;
	width:100%;	
}

/* Spécial dataGrid avec colonne résolu = oui ou non */
.resoluOui { color:green; font-weight:bold; }
.resoluNon  { color:red; font-weight:bold; }

.messageInfos
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;  	
	color:#666666;
	font-style:italic;
	font-weight:normal;	
}