* {
	margin: 0;
	padding: 0;
}
		  
html,body{
	margin: 0;
	padding: 0;
	background-color: #8EB7DA;
	text-align: center;
}

h1 {
	margin: auto;
	vertical-align: middle;	
}
h1 span {
	display: block;
	background: transparent url(../i/calendar_empty.png) top left no-repeat;
	padding: 20px 0 0 60px;
	height: 50px;
	font-size: 18px;
	margin: 20px auto 0px;
	color: #485c6e;
	width: 200px;
}
h2 {
	text-align: right;
}

h3 {
	font-size: 17px;
	font-weight: bolder;
	margin: -10px 0 0 20px;
	padding: 0 0 0 20px;
	color: #4485BD;
	display: block;
}

h3.calendar {
	background: url(../i/when-date.gif) no-repeat top left;
}
h3.notes {
	background: url(../i/report.png) no-repeat top left;
}

a img {
	border: none;
}

.contenu { width: 650px; margin: auto; text-align: left!important; }

.contenu .jour {
	background: url(../i/csbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
	width: 100%;
	color: #4F402A;
	margin: 0;
}

.contenu .haut {
	background: url(../i/csbhead-r.gif) no-repeat top right;
	text-align: center;
}

.contenu .haut .hautg {
	background: url(../i/csbhead-l.gif) no-repeat top left;
	padding: 10px 30px 5px 0;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
}

.contenu .contenutexte {
	background: url(../i/csbbody-l.gif) no-repeat bottom left;
	padding: 5px 30px 31px 20px;
}

.lecontenu {
	margin: 0px 20px;
}
.lecontenu h3 {
	margin: 0px;
}

.trigger {
	margin-left: 20px;
	background: url(../i/whonot.gif) no-repeat top left;
	padding-left: 20px;
	list-style-type: none;
}

.absent li span {
	font-size: 10px;
}

.clear{
	clear: both;
	height: 1px;
}


/* signupform */
form {
  margin-top: 0px;
  border: none;
  background: transparent;
}

form fieldset {
  padding: 0px 20px 20px 20px;
}

form legend {
  font-size:1.5em;
  line-height: 25px;
  height: 32px;
  padding: 2px 10px 5px 35px;	
  margin-bottom: 10px !important;  
  margin-bottom: 0px;  
  color:  #3462AF;
}

legend.absent {
  background: url(../i/absent.gif) no-repeat;
}

table.absent {
  margin-top: 10px !important;
  margin-top: 0px;
  border: none;
  background: transparent;
  width: 100%;
}

table.absent label {
  display: inline;
	font: bold 12px Verdana, sans-serif;  
  width: 150px;
}	

input, select, textarea {
	font-size: normal 12px Verdana, sans-serif;  
}	

table.absent select {
  color: #666;
  width: 110px;
}

table.absent textarea {
	width:600px;
	padding:2px;
	border:1px solid #7F9DB9;
	height:70px;
	display:block;
	color:#111;
}

input.button, .wymupdate  {
	border-style: solid;
	border-color: #D9DFEA #0E1F5B #0E1F5B #D9DFEA; 
	border-width: 1px;
	padding: 2px 15px 3px;
	background-color: #3B5998;
	color: White;
	font: 12px "lucida grande",tahoma,verdana,arial,sans-serif;
	text-align: center;
}

input.inputaux { 
	border-color: #E7E7E7 #666666 #666666 #E7E7E7;
	background: #F0F0F0;
	color: Black;
}

.label {
	text-align: right;
	vertical-align: top;
	width: 130px;	padding: 0;
}

label.required {
	padding-right:14px;
	background:transparent url(../i/form_required.gif) no-repeat scroll right center;
}

.menu li {
	display: inline;
	background-color: #fff;
	border: 3px solid #9CC0DE;
	padding: 3px;
	margin: 0px 3px;
  -moz-border-radius-bottomleft: 7px;
  -moz-border-radius-bottomright: 7px;  
  -webkit-border-bottom-left-radius: 7px;
  -webkit-border-bottom-right-radius: 7px;
}

a {
	color: #6E6D48;
}

.menu a {
	text-decoration: none;
	font: 12px "lucida grande",tahoma,verdana,arial,sans-serif;
	font-weight: bold;
	padding: 3px;
	padding-left: 20px;
}

#m-absent {
	background: url(../i/whonot.gif) no-repeat 0px 3px;
}

#m-notes {
	background: url(../i/report.png) no-repeat 0px 3px;
}

#m-trouves {
	background: url(../i/find.png) no-repeat 0px 3px;
}

#footer {
	font-size: 12px;
	border-top: dotted 1px #555;
	color: #555;
	margin-bottom: 20px;
	text-align: center;
}

.retour {
	text-align: center!important;
	color: #FF5353;
}