/* Kit réalisé et codé par timestius.com */

body{
	margin: 39px 0px 0px 0px; /* -20px du haut */
	background: rgb(162,183,0) url(../images/index/background.gif) repeat-x;
	font: 13px/1.1em Trebuchet MS, Trebuchet, Arial, Helvetica, Verdana, Georgia, sans-serif;
	color: #666666;
}

a:link, a:visited{ color:#FF6600; text-decoration:none; }
a:hover { color:#333333; text-decoration:overline; }


/* Blocs majeurs */

#site { /* Englobe tout le site  */
	margin: 0 auto 0;
	position: relative;
	width: 726px;

}

#left { /* Bloc Contenu */
	float: left;
	width: 501px;
	background: url(../images/index/back_contenu.jpg) repeat-y;
	}
	
#right { /* Bloc Menu */
	float: right;
	width: 224px;
	background: url(../images/index/back_menu.jpg) repeat-y;
	}
	
#container { /* Contenu */
	position: relative;
	left: 25px;
	width: 460px;
	}
	
#menu { /* Menu */
	position: relative;
	left: 19px;
	}
	

#copyright { /* Footer contenu */
	width: 501px;
	height: 143px;
	background: url(../images/index/footer.gif) no-repeat;
	}
	
#menu_footer { /* Footer menu */
	width: 224px;
	height: 115px;
	background: url(../images/index/footer_menu.gif) no-repeat;
	}
	
	
#header {
	height: 209px;
	background: url(../images/index/header.jpg) no-repeat;
	}
	
#logo { 
	height: 209px;
	background: url(../images/index/logo.jpg) no-repeat;
	}
	

/* Blocs mineurs */

	
#title_article { /* Titre d'un billet */
	width: 450px;
	padding: 3px;
	border-bottom:1px solid #CCC;
	font-size:15px;
	margin-bottom:10px;
	}
	
#navigation { /* Sous le header */
	width: 420px;
	padding: 4px;
	padding-top: 5px;
	color:#99AF1B;
	text-align: right;
	margin-bottom:20px;
}
	
#recherche {
	border-top: 1px dotted #a7ba05;
	padding-top: 2px;
	margin-bottom: 9px;
	padding-bottom: 2px;
	width: 185px;
	border-bottom: 1px dotted #a7ba05;
	}
	
.info+ {
	border:none;
	width: 200px;
	}

td.date {
	text-align: right;
	width: 150px;
	}


/* MENU LISTE */


#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

#navcontainer a
{
display: block;
font-family: Arial;
padding: 5px;
width: 175px;
background: url(../images/index/menu_off.gif);
border-bottom: 1px solid #eee;
}

#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #369;
background: url(../images/index/menu_on.gif);
color:#fff;
}



/* SPAN, COULEURES */

.orange {
	color:#FF6600;
	}
.copyright_link {
	position:relative;
	bottom: -105px;
	left: 25px;
	font-size:12px;
	}

input {
	border: none;
	padding: 2px;
	color:#FF9900;
	border: 2px solid #CCC;
	}

input:hover {
	color:#888888;
	border: 2px solid #CCC;
	}
	
/* Buttons  */
.button, .button2 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin: 6px;
	border: 2px solid #CCC;

}

select {
	border: none;
	padding: 2px;
	color:#FF9900;
	border: 2px solid #CCC;
	}


textarea {
	border: none;
	padding: 2px;
	color:#FF9900;
	border: 2px solid #CCC;
	}

.error {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    border: none;
    font-weight: bold;
	color:red;
}

.error_small {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    border: none;
    font-weight: bold;
	color:red;
	font-size: 11px; 
}

#infomessage, #warnmessage, #errormessage {
    margin-bottom: 1.5em;
    padding: 0.3em;
    font-weight: bold;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

#warnmessage, #errormessage {
	color:red;
}

#infomessage {
	color:green;
}

/* Data Table */
table.tgrid {
 border-left: 1px solid;
}

table.tgrid td {
  border:1px solid;
  border-top:none;
  border-left:none;
}

table.tgrid th {
  color: #FFF;
  font-size: 12px; 
  font-weight:bold;
}


table.tgrid, table.tgrid td, table.tgrid th {
  border-color:#ADADAD;
}

/* Table headings */
table.tgrid th {
  background:#ADADAD;;
  color:#FFF;
}

table.tgrid th a, table.tgrid th a:hover {
  color:#FFF;
  text-decoration:underline;
}

/* row highlighting on hover */
.tgrid tr:hover td {  background-color: #FFFFDD; }

/* Alt rows used on most data tables */
.row1 { background-color: #F4FAFF; }
.row2 { background-color: #FFFFFF; }

/* auto-highlight */
.row1.highlight td,.row2.highlight td {
    background-color: #FFFFDD;
}
/* Assorted number of tables used on view ticket.*/

table.infotable td, table.infotable th {
    background-color: #F4FAFF;

}

table.infotable th {
    font-weight:bold;
    text-align:left;
    padding-left:3px;
	 font-size: 11px; 

}

/* Response & message background */
table.message, table.response {
    border-color:#ADADAD;
	  border:1px solid;

}

/* Message title */
table.message th {
    background-color: #C3D9FF;

}
/* Response title */
table.response th {
    background-color: #FFE0B3;
}

/* message & response header */
table.message tr.header td, table.response tr.header td {
    background-color: #EFEFEF;
    border-color:#ccc;
}

/* table cells bg */
table.message td, table.response td {
  background-color: #FAFAGA;
}

/* Ticket view (Messages and Responses) */
#ticketthread table.message {
    margin:2px 0 5px 0;
	margin-bottom:10px;

}

#ticketthread table.response {
    margin:2px 0 5px 0;
	margin-bottom:10px;
}

.petit{
	 font-size: 11px; 
}

#title_article_bas {
	width: 450px;
	border-bottom:1px solid #CCC;
	margin-bottom:10px;
	margin-left:10px;
	}

	#copyrightt { /* Sous le header */
	width: 501px;
	padding: 3px;
	padding-top: 0px;
	text-align: center;

}

.copyrightd {
	position:relative;
	font-size:10px;
	}

.copyright_linkk {
	position:relative;
	font-size:7px;
	}
