body {
	background-color: #7f8080;
	background-image: url("img/gray_gradient.png");	
	background-repeat: repeat-x;
	font: 12px Arial, sans-serif;
}

.tl_logo {
	background-color: transparent;
	background-image: url("img/logo_128.png");	
	background-repeat: no-repeat;
	background-position: right center;
	width: 210px;
	height: 90px;
}

.tl_title {
	color : white;
	font : 20px Arial, sans-serif;
	font-weight: 900;	
	font-variant: small-caps;
	letter-spacing: 5px;
	
}

.top_title {
	color : white;
	font : 36px Arial, sans-serif;
	font-weight: 900;	
	font-variant: small-caps;
	letter-spacing: 5px;
	text-align: center;
	
}

.menu_top {
	background-color: transparent;
	background-image: url("img/menu_top.png");	
	background-repeat: no-repeat;
	background-position: bottom;
	height: 35px;
}

.menu_title {
	background-color: transparent;
	background-image: url("img/menu_line.png");	
	background-repeat: repeat-y;
	padding-left:  35px;
	height: 120px;
	vertical-align: top;
}

.menu_mod {
	background-color: transparent;
	background-image: url("img/menu_line.png");	
	background-repeat: repeat-y;
	padding-left:  35px;
	height: 40px;
}

.menu_page {
	background-color: transparent;
	background-image: url("img/menu_line.png");	
	background-repeat: repeat-y;
	padding-left:  50px;
	height: 20px;
}

.menu_bottom {
	background-color: transparent;
	background-image: url("img/menu_bottom.png");	
	background-repeat: no-repeat;
	height: 35px;
}

.menu_modname {
	background-color : transparent;
	color : white;
	font : 14px Arial, sans-serif;
	font-weight: 900;	
	padding-left: 10px;
	text-decoration : none;
}
.menu_modname:hover {
	font-style: italic;
	text-decoration: underline;
}
.menu_modname_selected {
	background-color : transparent;
	background-image: url("img/menu_mod_selected.png");	
	background-repeat: no-repeat;
	background-position: left;
	color : white;
	font : 14px Arial, sans-serif;
	font-weight: 900;	
	padding-left: 10px;
	text-decoration : none;
}

.menu_pagename {
	background-color: transparent;
	font: 12px Arial, sans-serif;
	font-weight: 900;	
	color: white;
	padding-left: 10px;
	text-decoration: none;
}

.menu_pagename_selected {
	background-color: transparent;
	background-image: url("img/menu_page_selected.png");	
	background-repeat: no-repeat;
	background-position: left;
	font: 12px Arial, sans-serif;
	font-weight: 900;	
	color: white;
	padding-left: 10px;
	text-decoration: none;
}

.txtConnexion{
	color: white;
	font: 12px Arial, sans-serif;
}

.txtInput {
	background-color: white;
	border-color: black;
	border-style: solid;
	border-width:1px 1px 1px 1px ;
	padding: 1px 2px 1px 2px ;
	font: 11px Arial, sans-serif;
	color: black;
	vertical-align: middle;
}

.txtInputMono {
	background-color: white;
	border-color: black;
	border-style: solid;
	border-width:1px 1px 1px 1px ;
	padding: 1px 2px 1px 2px ;
	font: 12px monospace;
	color: black;
}

.button {
	background-color: white;
	border-color: black;
	border-style: solid;
	border-width:2px 2px 2px 2px ;
	color: black;
	font: 11px Arial, sans-serif;
	font-weight: 900;	
	padding: 1px 2px 1px 2px ;
	cursor: pointer;
}

.button_icon {
	background-color: white;
	background-repeat: no-repeat;
	background-position: left center;
	border-color: black;
	border-style: solid;
	border-width:2px 2px 2px 2px ;
	color: black;
	font: 11px Arial, sans-serif;
	font-weight: 900;	
	padding: 1px 1px 1px 14px ;
	cursor: pointer;
}

.error {
	background-color: #ffffbf;
	border-color: red;
	border-style: solid;
	border-width:2px 2px 2px 2px ;
	color: black;
	font: 12px monospace;
	padding: 10px 15px 10px 15px ;
}

.table_simple {
	background-color: #e5e5e5;
	border :1px solid  black;
}

.table_simple_th {
	color: black;
	font: 12px Arial, sans-serif;
	font-weight: 900;
	padding: 2px 5px;
}

.table_simple_thc {
	color: black;
	font: 12px Arial, sans-serif;
	font-weight: 900;
	border-left: 1px solid  #ffffff;
	padding: 2px 5px;
}

.table_simple_thr {
	color: black;
	font: 12px Arial, sans-serif;
	font-weight: 900;
	border-bottom: 1px solid  #ffffff;
	padding: 2px 5px;
}

.table_simple_td {
	color: black;
	font: 12px Arial, sans-serif;
	padding: 2px 5px;
}

.table_simple_tdc {
	color: black;
	font: 12px Arial, sans-serif;
	border-left: 1px solid  #ffffff;
	padding: 2px 5px;
}

.table_simple_tdr {
	color: black;
	font: 12px Arial, sans-serif;
	border-bottom: 1px solid  #ffffff;
	padding: 2px 5px;
}

.table_simple_tdrc {
	color: black;
	font: 12px Arial, sans-serif;
	border-bottom: 1px solid  #ffffff;
	border-left: 1px solid  #ffffff;
	padding: 2px 5px;
}

.text_block {
	color: white;
	font: 12px Arial, sans-serif;
}

.text_note {
	color: white;
	font: 10px Arial, sans-serif;
}

tr.hover_row {
}

tr.hover_row:hover {
	background-color:#ffffff;
}

.captcha {
	background-color:#FFA858;
	color: #000000;
	font: 11px monospace;
	padding: 3px;
	cursor: help;		
}

.circle_for_text {
	background-image:url("img/fond_rond_noir.png");
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}
.text_in_circle {
	margin: 0px;
	padding-top: 5px;	
	text-align: center;
	color: white;
	font: 10px Arial, sans-serif;
}

.mobile_device_bubble {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 48px;
	height: 48px;
	background-color : White;
}

.mobile_btn {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 48px;
	height: 48px;
	background-image : url("img/mobile_device.png");
	background-repeat: no-repeat;
	background-position: center center;
	border-style: none;
}