@charset "utf-8";
/* CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background:url(im/home_bg.png) repeat-x;
}

a:link { 
	color: #000000; text-decoration: underline;
}

a:visited { 
	color: #000000; text-decoration: underline; 
}

a:hover { 
	color: #333333; text-decoration: none; 
}

.success, .warning { text-align: center; font-weight: bold; font-family: Verdana, Helvetica; margin-bottom: 15px;}
.success { color: #323232; }
.warning { color: #AD261F; }

#page {
	width: 1024px;
	background-color: #f5f5f5;
	background:url(im/page_bg.gif) repeat-y;
	margin:0 auto;
}

#logo {
	width: 168px;
	height: 127px;
	margin-top: 10px;
	background:url(im/logo.png) no-repeat center center;
	float: left;
}

#bandeau {
	position:relative;
	height: 127px;
	width: 834px;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	background-color: #f5f5f5;
	background: url(im/bandeau.jpg)}

#logon {
	position: absolute;
	right: 0px;
	bottom: 0px;
	background-color:#FFFFFF;
	color:#333333;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}

/* menu section */
#menu {
	width: 168px;
	margin-left:10px;
	margin-top: 10px;
	margin-bottom:10px;
	float: left;
	background-color: #f5f5f5;
	font-size:10px;
}

#menu ul {
	list-style:none;
	margin: 0;
	padding: 0;
	line-height: 27px;
	font-style:italic;
	color:#CCCCCC;
}
#menu ul ul li {
	line-height: 27px;
	text-indent:13px;
}
#menu li {
	text-indent:5px;
	background:url(im/navigation_background.gif) repeat-x;
}
#menu li.active {
	background:url(im/navigation_background_on.gif) repeat-x;
}
#menu li.active a:hover {
	text-decoration:none;
}

#menu a {
	font-style:normal;
	color:#FFFFFF;
	text-decoration:none;
}
#menu a:hover {
	text-decoration:underline;
}
#menu li.active a {
	font-weight:bold;
	color:#6C6C6C;
}


#content {
	width: 834px;
	float: left;
	/*margin-left: 10px;*/
	margin-top: 10px;
	padding-bottom:30px;
	background-color: #f5f5f5;
}

#footer {
	clear:both;
	width: 1024px;
	height: 15px;
	/*
	background-color: #003366;
	color:#FFFFFF;
	*/
	background:url(im/footer_bg.gif) top left no-repeat;
	text-align:center;
	font-size:10px;
	color:#666666;
}

h1 {
	margin-left: 10px;
	font-size:14px;
	border-bottom: #5775A9 solid 1px; 
}

h2 {
	font-size:13px;
	margin-left: 20px;
	border-bottom: #5775A9 solid 1px; 
}

fieldset {
	width: 500px;
	border: #5775A9 solid 1px;
}

.bignumbers {
	border:2px inset #EEEEEE;
	font-weight:bold;
	font-size:20px;
	text-align:right;
	margin-right: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
.mediumnumbers {
	border:2px inset #EEEEEE;
	font-weight:bold;
	font-size:12px;
	text-align:right;
	margin-right: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.align_right {
	text-align:right;
}

.block_center {
	margin: 0 auto;
}

.titre {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
}

.margin {
margin: 10px;
}

/*
 Onglet 
*/
div.TabviewContainer {
	margin: 0 auto;
	text-align: center;
	height: auto;
}
div.TabView {
	margin: 0 auto;
	text-align: left;
}
div.TabView div.Tabs {
	height: 27px;
	margin-left: 6px;
}

div.TabView div.Tabs a {
	float: left;
	display: block;
	width:  120px;
	text-align: center;
	height: 27px;
	line-height: 27px;
	vertical-align: middle;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	color: white;
	border: 0;
	margin-left: 2px;
	/*
	border-top: #003366 solid 1px;
	border-left: #003366 solid 1px;
	border-right: #003366 solid 1px;
	*/
	background:url(im/navigation_background.gif) repeat-x;
}

div.TabView div.Tabs a.Active {
	background-color:#003366;
	color: #6C6C6C;
	background:url(im/navigation_background_on.gif)
}

div.TabView div.Tabs a:hover {
	text-decoration: underline;
}

div.TabView div.Pages {
	padding: 0px;
	margin: 0 auto;
	position: relative;
	margin-left: 8px;
	margin-right: 8px;
	border: #003366 solid 1px;
	background-color: #E0E0E0;
	clear:left;
}

div.Page, div.sPage {
	padding: 0px;
	margin: 0 auto;
	position: relative;
/*
	display:none;
*/
}
div.TabView div.Pages div.Page div.Pad {
	padding: 3px 18px;
	height: auto;
	margin: 0 auto;
	text-align: left;
}

.centrer {
	text-align: center;
}

/*---------------------------------------*/

.buttons a, .buttons button{
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px #dedede outset;
/*    border-top:1px solid #eee;
    border-left:1px solid #eee;
	*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
	margin: 0 auto;
	text-align: center;
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* FORM */
input.textfield {
	width:280px;
}
.largetextfield {
	width:380px;
}

.tab_form {
	margin: 0 auto;
	border:#5775A9 solid 1px;
}
.tab_form tr {
	line-height: 38px;;
}

.text_form {
	vertical-align: top !important;
	text-align: right;
	margin-right: 5px;
}

.bouton_form {
	vertical-align: top;
	text-align: center;
}

.required {
	background-color:#FFDFEF;
}

.inline {
  display:inline;
}

#serviceform th {
  text-align: right;
}

/* TABLEAU */
.list {
	margin: 0 auto;
	border:0;
	/*border:#5775A9 solid 1px;*/
	border-spacing:0px;
	border-collapse: collapse; 
	background: #FFFFFF;
}

.list th {
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#003366;
	padding: 10px;
	text-align:center;
}

.list td {
	padding: 6px;
	/*
	padding-top: 10px;
	padding-bottom:0;
	*/
	border-bottom:#003366 solid 1px;
	white-space:nowrap;
}
.list .sub {
	padding: 0;
	border:none;
}
.list .sub:hover {
	background:none;
	color:black;
}

.list tr:hover {
	background:url(im/navigation_background.gif) repeat-x;
	color:white;
}

.list .alter {
	background:url(im/navigation_background_on.gif) repeat-x;
}

.sublist {
	margin: 0 auto;
	border:0;
	border:#003366 solid 1px;
	border-spacing:0px;
	border-collapse: collapse; 
	background: #FFFFFF;
	margin-bottom:20px;
}

.sublist th {
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#003366;
	padding: 10px;
}
.sublist td {
	padding: 6px;
	/*
	padding-top: 10px;
	padding-bottom:0;
	*/
	border:none;
	white-space:nowrap;
}
.sublist tr:hover {
	color:white;
}

/**
 * Styles for DatePicker
 */

.datepickerControl {
	border:				1px solid #999999;
	background-color:	#EEEEEE;
	padding:			3px;
}

.datepickerControl td {
	text-align:			center;
	font-family:		sans-serif;
	font-size:			11px;
	padding:			1px;
	line-height:		18px;
}

.datepickerControl tr.monthLabel td {
	background-color:	#FFFFFF;
	border:				1px solid #999999;
	font-weight:		bold;
}

.datepickerControl tr.navigation td {
	cursor:				pointer;
}

.datepickerControl tr.navigation td:hover {
	text-decoration:	underline;
}

.datepickerControl tr.dayLabel td {
	/*
	border:				1px solid #C0D8EA;
	background-color:	#C0D8EA;
	*/
	border:				1px solid #003366;
	background-color:	#003366;
	color:				white;
	font-weight:		bold;
}

.datepickerControl td.day, .datepickerControl td.dayothermonth {
	cursor:				pointer;
	background-color:	#FFFFFF;
	border:				1px solid #EEEEEE;
	width:				2em;
}

.datepickerControl td.dayothermonth {
	color:				#999999;
	font-style:			italic;
}

.datepickerControl td.day:hover {
	background-color:	#EBE4C0;
} 

.datepickerControl td.weekend {
	background-color:	#CCCCCC;
	font-style:			italic;
}

.datepickerControl td.today {
	font-weight:		bold;
}

.datepickerControl td.hour {
	cursor:				pointer;
	background-color:	#FFFFFF;
	border:				1px solid #EEEEEE;
	width:				2em;
}

.datepickerControl td.minute {
	cursor:				pointer;
	background-color:	#FFFFFF;
	border:				1px solid #EEEEEE;
	width:				2em;
}

.datepickerControl td input,
.datepickerControl td button {
	font-size:			11px;
	padding:			0;
	border:				1px solid #999999;
	text-align:			center;
}

.datepickerControl td.ampm {
	cursor:				pointer;
	background-color:	#CCCCCC;
	border:				1px solid #EEEEEE;
	width:				2em;
}

.datepickerControl td.current {
	font-weight:		bold;
	background-color:	#EBC2C0;
}

.datepickerControl input.current {
	background-color:	#EBC2C0;
}

.datepickerControl td.current:hover {
	background-color:	#EBC2C0;
}

/*
	Mobile 
*/
.mobilesms {
	position:relative;
	padding:0;
	width:160px;
	height:255px;
	top:63px;
	left:21px;
	font-size:16px;
	overflow:auto;
	border:0 none;
}
.bgmobilesms {
	margin:0 auto;
	padding:0;
	background:url(../images/mobile.png) no-repeat ;
	width:202px;
	height:400px;
}
#smscounter {
	position:absolute;
	width:50px;
	height:30px;
	line-height:30px;
	border:dashed 1px #333333;
	padding: 5px;
	text-align:center;
	left: 549px;
	top: 65px;
}
#smsalert {
	position:absolute;
	width:200px;
	font-weight:bold;
	color:#FF0000;
	left: 549px;
	top: 113px;
}

/* Progress bar */
#progressbar {
	margin:0 auto;
	width:500px;
	height:15px;
	border: 1px inset #CCCCCC;
	padding:0;
	position:relative;
}
#progressbar img {
	position:relative;
}
#progressbar p {
	padding:0;
	margin:0;
	text-align:center;
	position:relative;
	line-height:15px;
	font-size:11px;
	font-weight:bold;
}
#progressbar img {
	position:relative;
	top:-15px;
	z-index:2;
}

#progressbar_info {
	width:500px;
	margin:0 auto;
	text-align:left;
	margin-bottom:15px;
}

/* Stats */
.stats {
	margin:0;
	padding:0;
	background: #99FFFF;
}
#statscontent  {
	background-color: #f5f5f5;
	width:650px;
}

.tab_form th { vertical-align: middle;}

.error_list { 
  margin: 0;
  padding: 0;
  display: block;
  list-style: none;
  margin-left: 10px;
}

.error_list li { color: #AD261F; font-weight: bold; font-size: 10px;}