@import url(/css/tvcn.ext.css);
@import url(/css/tvcn.ext2.css);
@import url(/js/ext/resources/css/ext-all.css);
@import url(/js/ext/resources/css/xtheme-gray.css);
@import url(/css/news.css);
@import url(/css/jstoolbar.css);

.cake-sql-log {
	display		: none;
}

body {
	font-family:"Lucida Grande",Tahoma,Arial,sans-serif;
	color: #222222;
	background: #fff !important;
	line-height:22px;
	color: #222222;
	font-size:13px;
	margin:0;padding:0;border:0;
}

html body p {
	font-family:"Lucida Grande",Tahoma,Arial,sans-serif;
	line-height:20px;
	font-size:13px;
  margin: 5px 0;
}

a:link, a:visited, a:active {
	color: #1860a8;
	text-decoration:none;
}
html body a {
	color: #1860a8;
}
a:hover {
	color: #1860a8;
	text-decoration: underline;
}


/*
div, h1, h2, h3, h4, h5, h6, p {
	padding		: 0px;
	margin		: 0px;
}
span, div, td, p, a, input {
	font-size	: 11px;
}
img				{
    border		: 0 ;
}
input,textarea,select	{
    font		: 90%  Verdana,Arial,sans-serif;
}
h1,h2,h3,h4,h5,h6 {
    font-family	: "Trebuchet MS",Verdana,Arial,sans-serif;
}
h1,h2			{
    font-size	: 140%;
}
h3				{
    font-size	: 120%;
}
h4				{
    font-size	: 110% ;
}
h5,h6			{
    font-size	: 100%;
}
*/

#body h3 {
	font-size:17px;
  font-weight:normal;
  padding-left: 5px ;
	line-height: 25px ;
	font-size: 1.2em ;
	/* background: url(/img/puce.jpg) no-repeat left bottom ; */
	color: #006 ;
	border-bottom: 1px solid #008 ;
  margin-top:5px;
}

#body h4 {
  margin:15px 0 0;
  font-weight:bold;
}

#body strong {
  font-weight:bold;
}

hr    {
	width		: 100%;
}

.subnav {
    margin		: 0 ;
    padding		: 0 ;
    border		: 0 ;
    visibility	: hidden ;
    clear		: both ;
    line-height	: 0 ;
}

.clear			{
    clear		: both ;
    visibility	: hidden ;
    height	: 0;
    overflow	: hidden ;
}

.noSize			{
    line-height	: 0 ;
    font-size	: 0 ;
}


input,textarea,select{
    border		: 1px solid #99BBE8 ;
}
input:hover, textarea:hover, select:hover{
    border		: 1px solid #C6DB29;
}
input:focus, textarea:focus, select:focus{
    border		: 1px solid #FFA500;
}
input[type=ckeckbox] {
    border		: none ;
}
input[type=hidden] {
    display		: none ;
}
label {
	display: block;
	padding: 2px;
	vertical-align: bottom;
	color: #555555;
	font-size: 0.9em;
	font-style: italic;
}



/*************************************************
 * Créations pratiques
 ************************************************/

.fleft		{ float: left; }
.fright		{ float: right; }
br.left		{ clear: left; }
br.right	{ clear: right; }
br.all		{ clear: both; }
br.both		{ clear: both; }

.bold         { font-weight: bold; }
.center       { margin: 0px auto; }

.small      { font-size:0.9em; line-height:14px; }
p.small    {margin-top:5px !important;}
.sub     { font-size:0.8em; line-height:14px; color: #555555; }

.with-icon {
	margin			: 0 5px;
}
.with-icon img {
	vertical-align	: middle;
	margin-right	: 3px;
}

#body ul.listing, .listing li{
    margin 		        : 0 ;
    padding 	        : 1px 1px 0 0;
    list-style-image    : none;
    list-style-position : outside;
    list-style-type     : none;
}

.listing li {
    border-bottom	: 1px solid #99BBE8 ;
}
.listing li a {
    display 		: block ;
    padding-left	: 4px ;
    border-left		: 3px solid #99BBE8 ;
    height			: 15px;
}
.listing li a:hover {
    color 			: #f00 ;
    background		: #C2D6F0 ;
    border-color	: #ffa500 ;
}

#body .list-menu {
    margin:10px 10px 20px 0;
    font:normal 12px/22px tahoma,arial,helvetica;
    border-top:1px solid #eee;
}
.list-menu li {
    margin 		        : 0 ;
    list-style-image    : none;
    list-style-position : outside;
    list-style-type     : none;
}
.list-menu a {
    text-decoration:none;
    display:block;
    border-bottom:1px solid #eee;
    color:#777;
    padding: 2px 7px;
    zoom:1;
}
.list-menu a:hover, .list-menu a.active {
    color:#225588;
    background:#f0f5fa;
    border-left:3px solid #a3bae9;
    padding-left:4px;
}
.list-menu a:hover {
    border-left:3px solid #ffa500;
}


/**************************************************/
/*         Blocs principaux de la page            */
/*         - positionnement etc                   */
/**************************************************/

.flash {
	width			: 800px;
	margin			: 0 auto 10px;
}

.flash .message {
	text-align		: center;
	color			: #000;
	font-size		: 120%;
	font-weight		: normal;
	margin			: 0 auto;
}

.col {
    float 			: left ;
    margin			: 0 ;
    padding			: 0 10px;
    width			: 400px;
    display			: inline;
}

.col.first {
    padding-left	: 0;
}
.col.last {
    padding-right	: 0;
}
.col.bordered {
    border-left:1px solid #f1f1f1;
}
.col.little {
	width			: 340px ;
}
.col.big {
    width			: 550px ;
}
.col.little2 {
	width			: 240px ;
}
.col.big2 {
    width			: 650px ;
}

.col.demi{
	width			: 445px ;
}

.col.tiers{
	width			: 290px ;
}
.col.merged {
    width			: 595px ;
}

/*****************************************/