/* Fonts and Content */
body, td { font-family: Arial, Helvetica, Geneva, sans-serif; color:#747474;font-size:1em }
body { background-color: #eee; margin: 0; padding: 0; -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }

/* Global */
.erreur {font-weight:bold;color:red;text-align:center}
.noerreur {font-weight:bold;color:green;text-align:center}

.red {color: #CC0000}
.green {color:#336600}
.orange {color:#FF6600}
.even_row {background:#eaf1f8}
.odd_row {background:#d3d9e0}
.over_row {background:#ddd}
.even_row2 {background:#fefefe}
.odd_row2 {background:#eeeeee}
.over_row2 {background:#ccc}
.even_row3 {background:#EFE2E4}
.odd_row3 {background:#ECD7D4}
.over_row3 {background:#ccc}
.borderDown {border-bottom:1px solid #999}
.borderLeft {border-left:1px solid #999}
.borderTop {border-top:1px solid #999}
.borderRight {border-right:1px solid #999}
.borderTopWhite {border-top:1px solid #fff}
input[readonly]{background:none;border:none;padding:0px;font-weight:bold;text-align:center}
a.bouton {color: white;background: #000080;text-decoration: none;font-weight: bold;text-align: center;padding: 2px;border: 1px solid #c0c0c0;}
a.bouton:hover {background: #6495ED;}

.blocMsgRed {display: block;float:left;width:98%;margin:auto;padding:5px;background:#FFCCCC;border:1px solid red;text-align:center}
.blocMsgGreen {display: block;float:left;width:98%;margin:auto;padding:5px;background:#99FFCC;border:1px solid #336600;text-align:center}

a.link {color:#000;text-decoration:underline}
a.link:hover {text-decoration:none}
a.link2 {color:#F60;text-decoration:underline}
a.link2:hover {color:#36F;text-decoration:none}

/* AddOn pour Styles ADDT */
.form_validation_field_error_error_message {padding-left:10px;}

.KT_tngtable input, .KT_tngtable select {font-size: 1em;}
.button_big, .button_small, .button_smallest, .KT_tngtable tbody tr.KT_buttons input, .KT_tnglist .KT_tngtable #KT_selAll, #KT_tngdeverror input, #KT_tngtrace input, .KT_tngtable th.KT_sorter input, .KT_row_filter_submit_button, .KT_tnglist .KT_tngtable tbody tr input, .KT_tng .KT_tngform .KT_topbuttons input, .KT_tng .KT_tngform .KT_bottombuttons input {font-size: 1em;}`

table.KT_tngtable { width:100%; margin:0 auto 5px auto}
.KT_tngtable td.KT_title { border: 1px solid #ffffff; ; border-right-color: #848284; border-bottom-color: #848284; background-color: #3366cc; font-weight: bold; vertical-align: middle; padding:5px; color:#fff; }
.KT_tngtable td.KT_subtitle { border: 1px solid #ffffff; ; border-right-color: #848284; border-bottom-color: #848284; background:#6699CC; font-weight: bold; vertical-align: middle; padding:5px; color:#fff; }
.KT_tngtable td.KT_title2 {border: 1px solid #ffffff; ; border-right-color: #848284; border-bottom-color: #848284;background-color:#996600;font-weight: bold; vertical-align: middle; padding:5px; color:#fff;}
.KT_tngtable td.KT_subtitle2 { border: 1px solid #ffffff; ; border-right-color: #848284; border-bottom-color: #848284; background:#9e8c68; font-weight: bold; vertical-align: middle; padding:5px; color:#fff; }
.KT_tngtable td.KT_headtitle {border: 1px solid #ffffff;;border-right-color: #848284;border-bottom-color: #848284;background-color:#336699;font-weight: bold;vertical-align: middle;padding:5px;color:#fff;}
.KT_tngtable td {vertical-align: middle}

.KT_tngtable td.KT_th2 {background:#d6d3ce;text-align:left;font-weight:bold;padding:2px;border-bottom-color: #848284;}

td.borderTop {border-top:1px solid #000}
td.borderLeft {border-left:1px solid #000}

div.blockColonneHome {display:block;float:left;width:50%;margin:0;}

/* global form elements */

input[type="text"], input[type="password"] {
    display: block;
	width:75%;
    margin: 10px auto;
    background-color:#fff;
	padding:0.2em;
	font-size:1.2em;
	text-align:center;
}
input[type="submit"] {
    display: block;
	width:75%;
    margin: 10px auto;
    background-color:#4167a6;
   	text-shadow: 1px 2px 3px rgba(0,0,0, 0.5);
	box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7);
	color:#fff;
	padding:0.2em;
	font-size:1em;
	border:none;
}
input[type="submit"].search, input[type="submit"].add, input[type="button"].add
{
  /*display: inline-block;*/
  margin:0 auto;
  padding: 10px;
  background-color: #4167a6;
  background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
  background-repeat: no-repeat;
  background-position: 0px 0px, 0px 0px;
  color: #ffffff;
  font-weight: 700;
  font-size: 1em;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  transition-property: background-color;
  transition-duration: 0.4s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

input[type="submit"].search:hover, input[type="submit"].add:hover, input[type="button"].add:hover
{
  background-color: #7ea103;
}

input[type="button"].nav
{
  /*display: inline-block;
  margin:0 auto;*/
  padding: 10px;
  background-color: #4167a6;
  background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
  background-repeat: no-repeat;
  background-position: 0px 0px, 0px 0px;
  color: #ffffff;
  font-weight: 700;
  font-size: 1em;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  transition-property: background-color;
  transition-duration: 0.4s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

input[type="button"].nav:hover
{
  background-color: #7ea103;
}

a.weblink
{
  display: inline-block;
  padding: 12px;
  margin:4px 4px 0 0;
  background-color: #4167a6;
  background-image: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
  background-repeat: no-repeat;
  background-position: 0px 0px, 0px 0px;
  color: #ffffff;
  font-weight: 700;
  font-size: 1em;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  text-decoration:none;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  transition-property: background-color;
  transition-duration: 0.4s;
  transition-timing-function: ease;
  transition-delay: 0s;
}
a.weblink.red
{
background-color:#C30;	
}
a.weblink:hover
{
  background-color: #7ea103;
}
a.weblink_big {padding:8px 12px;font-size:1.2em;}

a.wlk2
{
  background-color: #00958b;  
}
.innerrow01 {display:block;float:right;width:40%;}
.innerrow02 {display:block;width:50%;float:left;margin-bottom:5px}

div.title {font-size:1.2em;background-color: #EEE;background-image: linear-gradient(#FEFEFE, #E5E5E5);padding:1% 2%;margin:1% 0;box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.3);border:1px solid #CCC;border-bottom:1px solid #999}


/* NAVIG TOP */
div.top {display:inline-block;width:100%;background:#4167a6}
div.top ul.name {list-style-type:none;float:left;}
div.top ul.name li {display:inline-block;padding:0 10px;color:#fff}
div.top ul.actions {list-style-type:none;float:right;}
div.top ul.actions li {display:inline-block;padding:0 3px}
div.top ul.actions li a.toplink
{
  display: inline-block;
  padding: 4px 8px;
  margin:0;
  background-color: #4167a6;
  background-image: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
  background-repeat: no-repeat;
  background-position: 0px 0px, 0px 0px;
  color: #ffffff;
  font-weight: 700;
  font-size: 1em;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  text-decoration:none;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  transition-property: background-color;
  transition-duration: 0.4s;
  transition-timing-function: ease;
  transition-delay: 0s;
}
a.weblink:hover
{
  background-color: #7ea103;
}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1%;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}
                                               
/* table .KT_tngtable */
table.KT_tngtable td {font-size:1em;line-height:1em;text-align:left}
table.KT_tngtable td.KT_th {font-size:1em;text-align:right;vertical-align:middle;padding:5px;}
table.KT_tngtable input[type="text"], table.KT_tngtable select {font-size:1em;padding:5px;float:left;margin-left:10px;}
table.KT_tngtable input[type="button"].add {padding: 5px 10px;margin: 10px}

/*  GRID OF FIVE  */
.span_5_of_5 {
	width: 100%;
}
.span_4_of_5 {
	width: 80%;
}
.span_3_of_5 {
	width: 60%;
}
.span_2_of_5 {
	width: 40%;
}
.span_1_of_5 {
	width: 20%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
	.innerrow01, .innerrow02 {width:100%}
}

@media only screen and (max-width: 480px) {
	.span_5_of_5 {
		width: 100%; 
	}
	.span_4_of_5 {
		width: 100%; 
	}
	.span_3_of_5 {
		width: 100%; 
	}
	.span_2_of_5 {
		width: 100%; 
	}
	.span_1_of_5 {
		width: 100%;
		/*display:none;*/
	}
}

/*  GO FULL WIDTH AT LESS THAN 900 PIXELS */

@media only screen and (max-width: 900px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 900px) {
	.span_5_of_5 {
		width: 100%; 
	}
	.span_4_of_5 {
		width: 100%; 
	}
	.span_3_of_5 {
		width: 80%; 
	}
	.span_2_of_5 {
		width: 100%; 
	}
	.span_1_of_5 {
		width: 10%;
	}
}