/* 
    Document   : html
    Created on : 18 nov. 2009, 15:03:31
    Author     : Charles Fontaine <charles@bluelogic.fr>
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


/* COMMON STYLE
--------------------------------------------------------- */

*{margin: 0;padding: 0;}

html{color: #000;background: #FFF;}
table{border-collapse: collapse;border-spacing: 0;}
fieldset,img{border: 0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style: normal;font-weight: normal;}
li{list-style: none;}
caption,th{text-align: left;}
h1,h2,h3,h4,h5,h6{font-size: 100%;font-weight: normal;}
q:before,q:after{content: '';}
abbr,acronym{border: 0;font-variant: normal;}
sup{vertical-align: text-top;}
sub{vertical-align: text-bottom;}
input,textarea,select{font-family: inherit;font-size: inherit;font-weight: inherit;}
input,textarea,select{font-size: 100%;}
legend{color: #000;}
del,ins{text-decoration: none;}


/* Normal fonts */

body {font-size: 11px; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;line-height: 1.5em;color: #000;margin: 0px;padding: 0px;}
select,input,button,textarea{font-size: 99%; font-family: Arial, Tahoma, Verdana, Helvetica, clean, sans-serif;}table{font-size: inherit;font: 100%;}pre,code,kbd,samp,tt{font-family: monospace;font-size: 108%;line-height: 100%;}


/* Heading */

h1{font-size: 135%;}
h2{font-size: 125%;}
h3{font-size: 110%;}
h4{font-size: 100%;}
h1,h2,h3,h4,h5,h6{margin: 1em 0;}
h1,h2,h3,h4,h5,h6,strong{font-weight: bold;}


/* Normal text */

abbr,acronym{border-bottom: 1px dotted #000;cursor: help;}
em{font-style: italic;}
blockquote,ul,ol,dl{margin: 1em;}
ol li{list-style: decimal outside;}
ul li{list-style: disc outside;}
dl dd{margin-left: 1em;}
th,td{border: none;padding: 0.25em 0.5em;}
th{font-weight: normal;text-align: left;}
caption{margin-bottom: .5em;text-align: center;}
p,fieldset,table,pre{margin-bottom: 1em;}
input[type=text],input[type=password], select, textarea {width: 15em;}


/* HTML STYLE
--------------------------------------------------------- */

html {
	color: #006600;
	background-color: #fff;
}

body {
  text-align: left;
  }

a{
	color: #5075A2;
	text-decoration: none;
  outline:none;
}

a:hover {
	text-decoration: underline;
}

ul li,ul ol {
list-style-type:none;
}

form{
	margin: 0; padding: 0;
}

label {
    font-weight: bold;
    width: auto;
	text-align: left;
}

input[type="radio"] {
	margin-right: 5px;
}

input[type="text"], input[type="password"], select, textarea{
	color: #006600;
	font-size: 10px;
	padding: 1px;
	background-color: #f3f3f3;
	border: 1px solid #55AD15;
}

input[type="submit"], input[type="button"], button, .button {
	font-weight: bold;
	margin: 0 0 0 10px;
	padding: 1px 5px;
	cursor: pointer;
	float: right;
}

/* Custom */

select.date, select.jour, select.time, select.pager { width: auto; }
img#calendar {margin: 10px 0 0 5px;}

.button {
	color: #fff;
	border: 1px solid #fff;
	background: url(images/button-bg.gif) repeat-x left top;
}

a.button:link, a.button:hover {
	text-decoration: none;
}

button.add {
	cursor: pointer;
	position: relative;
	color: #fff;
	font-weight: normal;
	padding: 2px 5px;
	border: 1px solid #fff;
	background: url(images/button-bg.gif) repeat-x left top;
	margin-bottom: 10px;
}

button.add span {
	background: transparent url(images/collapse.png) no-repeat scroll 0% 45%;
	padding: 0 0.5em 0 1.5em;
	line-height: 0.8em;
}