/* CSS Document */

/*PAGE LAYOUT*/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.centered {
position: fixed;
left: 50%;
top: 50%;
overflow: auto;
margin-top: -100px;
margin-left: -100px;
}

#logo{float:left; background-image:url(images/JKlogo.gif); width:60px; height:58px;}
#topheader{float:right; width:100%; height:27px; background-color:#F0F0F0; position:relative}
#toplinks{position:absolute; right:10px; top:10px;}
#menu{float:right; width:100%; height:32px; background-image:url(images/bg_menu.gif); background-repeat:repeat-x;}
#submenu{float:right; width:100%; height:25px;}
#submenu2{float:right; width:100%; height:25px;}
#remark{float:right; width:100%; height:32px;}
#contenttext{float:right; width:100%;}
#maintitle{float:left; width:100%;}
#leftpanel{float:left; width:15%;}
#footer{float:left; width:100%; background-color:#F0F0F0; padding:10px;}

/*GRAY PANEL*/
.graypanel{
	border:solid 1px #666666; background-color:#F7F7F7; padding:10px; margin:10px;
}

/*TEXT STYLES*/
.bodytext {
	font: 0.7em Tahoma, sans-serif;
	color: #666666;
}

.titletext {
	font: 0.7em Tahoma, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#0033CC;
}

.entete {
	font: 0.7em Tahoma, sans-serif;
	font-size:14px;
	font-weight:bold;
}

.prospect
{
	color : #000000;
	background-color : #cccccc;
}

.client
{
	color : #006633;
	background-color : #99ff99;
}

.remarktext {
	font: 0.5em Tahoma, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ff6600;
	margin-left : 10px;
}
.whitetitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
}
.smalltitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#CC0000;
}
.smalltext {
	font: 0.7em Tahoma, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#666666;
}
.smallwhitetext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	margin-left : 70px;
}
.smallwhitetext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
}
.smallwhitetext a:hover{
	text-decoration:underline;
}
.smallorangetext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#ff6600;
	margin-left : 70px;
	text-decoration:none;
}
.smallgraytext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#6666ff;
	margin-left : 70px;
	text-decoration:none;
}
.smallgraytext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#6666ff;
	text-decoration:none;
}
.smallgraytext a:hover{
	text-decoration:underline;
}
.smallgraytext2 {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#006666;
	margin-left : 70px;
	text-decoration:none;
}
.smallgraytext2 a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#006666;
	text-decoration:none;
}
.smallgraytext2 a:hover{
	text-decoration:underline;
}
.smallredtext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;
	margin-left : 70px;
	text-decoration:none;
}
.smallredtext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;
	text-decoration:none;
}
.smallredtext a:hover{
	text-decoration:underline;
}
.smallgreentext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#ffff00;
}
.smallgreentext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#ffff00;
	text-decoration:none;
}
.smallgreentext a:hover{
	text-decoration:underline;
}
.smallbluetext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#0066cc;
	text-decoration : none;
	text-align : left;
}
.smallbluetext a
{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#0066cc;
	text-decoration:none;
}
.smallbluetext a:hover
{
	text-decoration:underline;
}
.smallbluetextlight {
	font: 0.7em Tahoma, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color:#3399ff;
	text-decoration : none;
	text-align : left;
}

.smallbluetextlight a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color:#3399ff;
	text-decoration:none;
}

.smallbluetextlight a:hover{
	text-decoration:underline;
}

a.tooltip span 
{display:none; text-align : center ; margin-left:2px; width:150px;}

a.tooltip:hover span
{display:inline; position:absolute; background:#ccffcc; font-size : 11px; font-weight : normal ; border:1px solid #003399; color:#003399;}

/* FORM LAYOUT */
h3
{
	margin-bottom: 0.5em;
	font-size: 100%;
}

fieldset
{	
	float: left;
	display: block;
	margin: 0 0 1 0;
	background-color: #EEEEEE;
}

fieldset.submit
{
	border: none;
	background-color: transparent;
	text-align: center;

}

fieldset.radio
{
	width: 17em;
	margin: 1em 0 2em 0;
	background-color: #EEEEEE;
}

fieldset.radio input
{
	clear: both;
	float: left;
	width: auto;
}

fieldset.radio label
{
	font-weight: normal;
}

label
{
	display: block;
	margin-bottom: 0em;
	font-weight: bold;
}

input
{
	display: block;
	width: auto;
	font-size : 10px;
}

select
{
	display: block;
	font-size : 10px;
}

textarea
{
	display: block;
	font-size : 13px;
	width : auto;
}

.disabled
{
	color : #FFCC00;
}	

/* CALENDRIER */
td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 11px;
}

th {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 11px;
}

tr.topdays {
	background-color: #eaffff; font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 11px; color : #000000; 
}

.toprightnumber {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 12px; font-weight: bold;
}
.eventinbox {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 10px;	
}
.currentdate {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 17px; font-weight: bold;	
}

td.beforedayboxes {
	background-color: #ffffcc; color: #000000;
}
td.dayboxes {
	background-color: #ffffaa; color: #000000;
}
td.afterdayboxes {
	background-color: #ffff44; color: #000000;
}
td.highlighteddayboxes {
	background-color: #EFEFEF; color: #000000;
}
.event {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 12px; font-weight: bold;
}
.eventdetail {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 11px;
}
.eventwhen {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 15px; font-weight: bold;
}
.addevent {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 12px; font-weight: bold;
}
.addeventextrainfo {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 10px;
}

/* PERSO */
.ok
{
	color : #006633;
	background-color : white;
	font-weight : bold;
	line-height : 12pt;
	text-align : center;
	font-size : 10pt;
	margin-top    : 3px;
	margin-left   : 20px;
	margin-right  : 20px;
	margin-bottom : 3px;
}

.die
{
	color : #FFFFFF;
	font-weight : bold;
	line-height : 12pt;
	background-color : #cc0000;
	text-align : center;
	font-size : 10pt;
	margin-top    : 3px;
	margin-bottom : 3px;
}

.red
{
	color : #cc0000;
}

.warning
{
	color : #ff3300;
	font-weight : bold;
	line-height : 12pt;
	text-align : center;
	font-size : 10pt;
	margin-top    : 3px;
	margin-left   : 20px;
	margin-right  : 20px;
	margin-bottom : 3px;
}

.newmail
{
	color : #FFFFFF;
	background-color : #FF2200;
	font-weight : bold;
	text-align : center;
}

.topcol1
{
	color : #ff3300;
	text-align : center;
	font-size : 12pt;
}

.topcol2
{
	color : #FFFFFF;
	background-color : #ff3300;
	font-weight : bold;
	text-align : center;
	font-size : 12pt;
	line-height : 20pt;
}

.topcol2bis
{
	color : #ff3300;
	background-color : #FFFFFF;
	font-weight : bold;
	text-align : center;
	font-size : 12pt;
	line-height : 20pt;
}

.topcol3
{
	color : #000000;
	font-weight : bold;
	text-align : center;
	font-size : 12pt;
	line-height : 20pt;
}

.effectuee
{
	color : #000000;
	background-color : #FFFFFF;
	font-weight : normal;
	text-align : left;
	font-size : 10pt;
}

.afaire
{
	color : #000000;
	background-color : #ffff00;
	font-weight : normal;
	text-align : left;
	font-size : 10pt;
}

.lib
{
	color : #009999;
	text-align : left;
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

/*======= TABLE CSS ========*/
#container 
{
  display: table;
	margin-left : auto;
	margin-right : auto;
	margin-top : 15px;
}
#top 
{
  display: table-row;
	padding : 5px;
	height : 10px;
	background-color :#ccccff;
	font-weight : bold;
}
#top2 
{
  display: table-row;
	padding : 5px;
	height : 10px;
	background-color :#66ff66;
	font-weight : bold;
	color : #ff0000;
}
#row  
{
  display: table-row;
	padding : 5px;
	height : 10px;
}
#row:hover
{
	background-color : #FFCCFF;
}
#left
{
	display: table-cell;
	border:1px solid #000;
	padding : 5px;
	color : #000066;
	text-align : left;
}
#middle
{
	display: table-cell;
	border:1px solid #000;
	padding : 5px;
	color : #000000;
	text-align : center;
	background-color : #99ff99;
}
#right
{
	display: table-cell;
	border:1px solid #000;
	padding : 5px;
	color : #000000;
	background-color : #ffff66;
	text-align : right;
}