/* CSS Document */

.body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	letter-spacing:1px;
	width:980px;
	background:#ffffff;
	line-height:20px;
}

p {
	text-indent: 20px;
}

h1 {
  background-image:url(../img/fleche2.gif);
  background-position:left;
  background-repeat:no-repeat;
  margin:40px 0px 40px 20px;
  padding:0px 0px 4px 20px;
  font-size:22px;
  width:600px;
  border-bottom:2px solid #ffcc33;
}

h2 {
  background-position:left;
  background-repeat:no-repeat;
  height:40px;
  margin:40px 0px 40px 50px;
  padding:15px 0px 0px 70px;
  font-size:20px;
  letter-spacing:3px;
}

h3 {
  background-position:left;
  background-repeat:no-repeat;
  height:40px;
  margin:40px 0px 40px 50px;
  padding:15px 0px 0px 70px;
  font-size:20px;
  letter-spacing:3px;
  width:300px;
  border-bottom:2px solid #990000;
}

h4 {
  margin:40px 0px 40px 10px;
  padding:15px 0px 0px 20px;
  font-size:18px;
  letter-spacing:2px;
}

li {
 margin:5px 80px 5px 60px;
 padding:1px 0px 1px 10px;
 list-style-image : url(../img/fleche1.gif);
 list-style-position: outside;
}

.formulaire input {
  width:181px;
  padding:2px;
  margin:0px;
  border:1px solid #bbbbbb;
}

a:link, a:active, a:visited {
  color:#666666;
  text-decoration:none;
}

a:hover {
  color:#FF9900;
}

#titre {
  position: absolute;
  top: 20px;
  left: 20px;
}

#slogant {
  position: absolute;
  top: 73px;
/*  left: 340px;*/
  left: 300px;
  font-weight:bold;
  color:#FF0000;
  font-size:16px;
  font-family:Geneva, Arial, Helvetica, sans-serif;
  letter-spacing:2px;
  font-style:italic;
}

#menuhaut {
  position: absolute;
  top: 112px;
  left: 40px;
  width: 840px;
  list-style-type: none;
  padding: 5px 0px 5px 80px;
  margin: 0px 0px 0px 0px;
  background:#ffffee;
}

#menuhaut li {
  display: inline;
  padding: 2px 5px 2px 5px;
  margin: 0px 15px 0px 15px;
  border: 1px dashed #000000;
}

#menuhaut a:link, #menuhaut a:active, #menuhaut a:visited {
  text-decoration:none;
  letter-spacing:1px;
  color:#333333;
  padding: 0px 10px 0px 10px;
}

#menuhaut a:hover {
  background:#eeeeee;
  color:#ff0000;
}


#loginZone {
  position: absolute;
  top: 150px;
  left: 20px;
  width:225px;
}

#mainZone {
  position: absolute;
  top: 150px;
  left: 228px;
  width:790px;
  text-align:justify;
}

#miscZone {
  display:none;
  position: absolute;
  top: 420px;
  left: 30px;
  width: 160px;
  height: 200px;
}

.zone {
  width:100%;
  background-color:#f0f0f0;
  background-image:url(../img/background_f0f0f0.png);
  background-repeat:repeat;
}

.zone_topleft {
  width:26px;
  height:57px;
  background-image:url(../img/zone_topleft.png);
  background-repeat:no-repeat;
}

.zone_topright {
  width:63px;
  height:57px;
  background-image:url(../img/zone_topright.png);
  background-repeat:no-repeat;
}

.zone_topleft2 {
  width:26px;
  height:57px;
  background-image:url(../img/zone_topleft2.png);
  background-repeat:no-repeat;
}

.zone_topright2 {
  width:63px;
  height:57px;
  background-image:url(../img/zone_topright2.png);
  background-repeat:no-repeat;
}

.zone_bottomleft {
  width:26px;
  height:46px;
  background-image:url(../img/zone_bottomleft.png);
  background-repeat:no-repeat;
}

.zone_bottomright {
  width:63px;
  height:46px;
  background-image:url(../img/zone_bottomright.png);
  background-repeat:no-repeat;
}

.zone_left {
  background-image:url(../img/zone_left.png);
  background-position:left;
  background-repeat:repeat-y;
}

.zone_right {
  background-image:url(../img/zone_right.png);
  background-position:right;
  background-repeat:repeat-y;
}

.zone_top {
  background-image:url(../img/zone_top.png);
  background-position:top;
  background-repeat:repeat-x;
}

.zone_top2 {
  background-image:url(../img/zone_top2.png);
  background-position:top;
  background-repeat:repeat-x;
}

.zone_bottom {
  background-image:url(../img/zone_bottom.png);
  background-position:bottom;
  background-repeat:repeat-x;
}

.zone_titre {
  position:absolute;
  top:25px;
  left:90px;
  float:left;
  font-size:25px;
  font-weight:bold;
  color:#666666;
}

.form_button {
  background-color:#f0f0f0;
  background-image:url(../img/bouton_connexion.png);
  background-position:center;
  background-repeat:no-repeat;
  width:123px;
  height:27px;
  margin:0px;
  padding:1px 0px 0px 20px;
  border:none;
  letter-spacing:1px;
  font-size:14px;
  font-weight:bold;
}

.form_input {
  width:125px;
  border:1px dotted #333333;
}

.zone_image {
  text-align:center;
  border-left:6px solid #e3e3e3;
  margin:40px 40px 40px 40px;
}

.zone_image p {
  font-size:10px;
  letter-spacing:2px;
  font-weight:bold;
}

.text_highlight {
  color:#555555;
  font-weight:bold;
  letter-spacing:0px;
}

.zone_quote {
  text-align:center;
  padding:5px 0px 5px 0px;
/*  border:1px dashed #cccccc;*/
  border-left:6px solid #e3e3e3;
  margin:40px 40px 40px 40px;
  font-size:15px;
  font-weight:bold;
  color:#444444;
}

.item_question {
  margin:40px 0px 40px 70px;
}

.item_question p {
  font-weight:bold;
  font-size:14px;
  letter-spacing:2px;
}

.item_question div {
  margin:0px 0px 0px 30px;
  padding:3px 0px 3px 50px;
  border-left:2px solid #e3e3e3;
}

.item_question div input {
  margin-right:10px;
}

.member-list {
  margin:40px 1px 0px 1px;
  padding:0;
}

.member-list li {
  font-size:12px;
  margin:5px 0px 5px 0px;
  padding:2px 0px 2px 0px;
  list-style-type:none;
  list-style-image:none;
  list-style-position:outside;
}

.member-list a:link, .member-list a:active, .member-list a:visited {
  padding-left:3px;
/*  padding:3px 0px 3px 0px;*/
}

.member-list a:hover {
  padding:3px 0px 3px 1px;
  background-color:#e7e7e7;
  color:#ff7777;
  border-left:2px solid #cc7777;
}

.formulaire {
  margin:0px 0px 0px 40px;
}

.formulaire .item {
  width:230px;
  height:27px;
}

.formulaire td {

}

.form-corner {
  background-color:#fafafa;
  background-image:url(../img/corner.png);
  background-position:top left;
  background-repeat:no-repeat;
  border-left:0px;
  border-top:0px;
  border-right:1px solid #c0c0c0;
  border-bottom:1px solid #c0c0c0;
}

.ticket_list th {
	padding:5px 0px 5px 0px;
}

.ticket_list td {
	padding:5px 0px 5px 0px;
	border-top:1px solid #000000;
	height:35px;
}

.ticket_view_table {
	margin-left:0px;
	border-left:2px solid #bbbbbb;
	padding-left:10px;
}

.ticket_view_table td {
	height:35px;
	font-weight:bold;
	letter-spacing:2px;
}

.italic { font-style:italic; }
.underline { text-decoration:underline; }
.bold { font-weight:bold; }