/* -------- */
/* Ossature */
/* -------- */

body {
	padding: 0px;
	margin: 0;
	background: #a3a7b4;
	text-align: center;
	font-family: Arial;
	font-size: 10pt;
}
#main {
	background: #FFFFFF;
	width: 762px;
	text-align: left;
	margin: auto;
}

/* --------------------------------- */
/* Structure de la partie supérieure */
/* --------------------------------- */

#ban {
	width: 762px;
	margin: auto;
	height: 80px;
	background: #0F0F0F;
	text-align: left;
        overflow: hidden;
}
#ban div {
	margin-left: 46px;
}
#top {
	height: 162px;
	border-bottom: 1px solid black;
	position: relative;
}
#top IMG, #top DIV {
	position: absolute;
}
#topnfos {
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
	color: #9d9d9d;
	left: 287px;
	top: 78px;
	width: 371px;
	text-align: center;
}
#promotext, #promotext h1, #promotext h2 {font-size: 8pt; padding: 0px; margin: 0px; }

/* ------------------------------- */
/* Structure de la page et du menu */
/* ------------------------------- */

#menu {
	width: 197px;
	padding-top: 20px;
	text-align: left;
	float: left;
}
#page {
	/* background: white url('../img/skin_beta1_dots.gif') repeat-y; */
	background: white url('../img/dots.gif') repeat-y;
	width: 760px;
	padding:0;
}
#content {
	text-align: left;
	width: 543px;
}
.internalcontent {
	padding: 10px;
}
.internalerror {
	background: white;
	margin: 0;
	margin-bottom: 20px;
	padding: 10px;
}
.internalerror p  {
	border: 1px solid #a61c6f;
	background: #ffc8c8 url('../img/erreur.gif') no-repeat 10px 10px;
	margin: 1px;
	font-weight: bold;
	text-align: left;
	padding: 50px 10px 10px 10px;
}

.infomessage {
	background: #f7f7f7;
	border: 1px solid gray;
	padding: 10px;
	margin-bottom: 10px;
}
.infomessage img {
	float: left;
	margin-right: 10px;
}
.infomessage h2 {
	height: 32px;
	line-height: 32px;
	color: #000099;
	font-size: 14pt;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
.infomessage div {
	margin-top: 10px;
	font-weight: bold;
	font-size: 8pt;
}

.spacer {
  height: 10px;
}

/* ---------------- */
/* Elements du menu */
/* ---------------- */

.menutitle {
	background: url('../img/menutitle.png') no-repeat;
	width: 197px;
	height: 35px;
	line-height: 25px;
	color: #DDDDDD;
	text-align: center;
	padding-right: 15px;
	padding-top: 2px;
	font-family: Arial;
	font-size: 12pt;
	font-weight: bold;
}
.menutitle_light {
	width: 201px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-bottom: 2px solid #d9d8dd;
	

	font-family: Arial;
	font-weight: bold;
	font-size: 10pt;
	/*color: #868686;*/
	color: #5b5b5b;
	text-align: left;
}
.titlespace {
	height: 10px;
}
.menuliste {
	margin: 5px 0 0 20px;
	padding: 0px;
}
ul.menuliste li, ul.menulistebold li {
	list-style: none;
	font-size: 8pt;
	padding-bottom: 5px;
}
ul.menuliste a {
	/*color: #dbdbdb;*/
	color: black;
	background: url('../img/specialdot_b.gif') no-repeat 0px 4px;
	padding-left: 25px;
	display: block;
	height: 16px;
}
ul.menuliste a.default { background: url('../img/fleche_r.png') no-repeat;}
ul.menuliste a.keys { background: url('../img/icons/16x16/keys.png') no-repeat;}
ul.menuliste a.mailling { background: url('../img/mailling_16x16.png') no-repeat;}
ul.menuliste a.automail { background: url('../img/automail_16x16.png') no-repeat;}
ul.menuliste a.sendmail { background: url('../img/sendmail_16x16.png') no-repeat;}
ul.menuliste a.news { background: url('../img/news_16x16.png') no-repeat;}
ul.menuliste a.flvmovie { background: url('../img/flvmovie_16x16.png') no-repeat;}
ul.menuliste a.mobilemovie { background: url('../img/icons/16x16/mobile.png') no-repeat;}
ul.menuliste a.customers { background: url('../img/group_16x16.png') no-repeat;}
ul.menuliste a.cb { background: url('../img/creditcard_16x16.png') no-repeat;}
ul.menuliste a.home { background: url('../img/home.png') no-repeat;}
ul.menuliste a.server { background: url('../img/icons/16x16/renewing.png') no-repeat;}
ul.menuliste a.serverbox { background: url('../img/icons/16x16/server.png') no-repeat;}
ul.menuliste a.overview { background: url('../img/icons/16x16/info.gif') no-repeat;}
ul.menuliste a.virtualserver { background: url('../img/icons/16x16/virtualserver.png') no-repeat;}
ul.menuliste a.task { background: url('../img/config.png') no-repeat;}
ul.menuliste a.attack { background: url('../img/icons/16x16/firewall.png') no-repeat;}
ul.menuliste a.manage_videos { background: url('../img/folder_video.png') no-repeat; }
ul.menuliste a.sites { background: url('../img/icons/16x16/sites.png') no-repeat; }
ul.menuliste a.statsfi { background: url('../img/icons/16x16/calc.png') no-repeat; }
ul.menuliste a.statsassets { background: url('../img/icons/16x16/wallet.png') no-repeat; }
ul.menuliste a.help { background: url('../img/icons/16x16/help.png') no-repeat; }
ul.menuliste a.visitors { background: url('../img/icons/16x16/visitors.png') no-repeat; }
ul.menuliste a.comments { background: url('../img/icons/16x16/comments.png') no-repeat; }
ul.menuliste a.tags { background: url('../img/icons/16x16/tags.png') no-repeat; }
ul.menuliste a.cheque { background: url('../img/icons/16x16/cheque.png') no-repeat;}
ul.menuliste a.stars { background: url('../img/icons/16x16/star.png') no-repeat;}

ul.menulistebold li {
	font-weight: bold;
}
ul.menulistebold li div {
	font-weight: normal;
	font-family: Tahoma;
	font-size: 10pt;
}


/* --------------------------- */
/* Structure du bas de la page */
/* --------------------------- */

#bottom {
	height: 34px;
	border-top: solid black 1px;
	width: 762px;
}
#bottom2 {
	color:#bbbbbb;
	height: 34px;
	background: url('../img/skin_beta1_bottom.jpg');
	font-size: 8pt;
	line-height: 30px;
	font-family: Arial;
	padding: 0px 5px 0px 5px;
}

/* ---------------------------- */
/* Mise en page des formulaires */
/* ---------------------------- */

form {
	padding: 0px;
	margin: 0px;
}
input.input { border: solid 1px #787878; background-color: white;}
input.inputfocus {border: solid 1px #787878; background-color: #fee1dc;}

label {
	float: left;
	width: 190px;
	text-align: right;
	margin: 0px;
	padding: 0px .5em 0px 0px;
	line-height: 1.8;
	font-family: Arial;
	font-size: 9pt;
}
label.normal {
	float: none;
	width: auto;
	text-align: left;
	padding: 0;
	line-height: normal;
	background: none;
}
legend {
	color: black;
	font-size: 9pt;
	font-weight: bold;
	font-family: Arial;
}
fieldset {
	border-style: solid;
	border-color: #787878;
	border-width: 1px 0px 0px 0px;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* ----------------------------- */
/* Elements HTML de présentation */
/* ----------------------------- */

A:link {text-decoration:none;} 
A:visited {text-decoration:none;} 
A:hover {text-decoration:underline;}
A {color: #a61c6f;}
A.black {color: black;}
img { border: 0px;}
cite {
	color: #a61c6f;
	font-weight: bold;
	font-style: normal;
}
h1 {
	color: #a61c6f;
	background: url('../img/specialdot_br.gif') no-repeat 0px 3px;
	padding-left: 20px;
	font-size: 10pt;
	font-weight: bold;
	margin: 25px 0px 10px 0px;
}
div.pagetitle {
	border-bottom: 1px solid #3b4042;
	padding-bottom: 2px;
}
div.pagetitle h1 {
	background: none;
	margin: 0;
	padding: 0;

	font-size: 16pt;
	line-height: 47px;
	font-weight: normal;
	color: black;
}
div.pagetitle div {
	margin: 0;
	padding-left: 7px;
	height: 47px;
}
div.pagetitle div h1 {
	background: none;
	margin: 0;
	padding: 0;
	font-size: 16pt;
	line-height: 30px;
	font-weight: normal;
	color: black;
}
div.pagetitle div h2 {
	margin: 0;
	padding: 0;
	font-size: 8pt;
	font-family: Arial;
	font-weight: normal;
}
div.pagetitle img {
	float: left;
	margin-right:10px;
}
p {
	margin: 5px 0px 10px 0px;
	font-family: Arial;
	font-size: 9pt;
}
.speciallink {
	color: #a61c6f;
	font-weight: bold;
}
.maximize{
	font-weight: bold;
	font-size: 14px;
	color: #a61c6f;
}
.little {
	font-size: 8pt;
}

img.liststyle {
	float: left;
	margin-left: 20px;
	margin-right: 10px;
}

.error {
	color: red;
	font-weight: bold;
}

.legend {
	font-size: 8pt;
}
.legend div {
	height: 16px;
	line-height: 16px;
	padding: 2px 0 2px 0;
}
.legend div.icon {
	float: left;
	width: 16px;
	text-align: center;
	margin-right: 10px;
}

.actionline {
	font-size: 9pt;
	margin: 0px 30px 0px 20px;
	padding: 5px;
	height: 32px;
	line-height: 32px;
}

.hr {
	background: url('../img/hr_light.gif') repeat-x;
	height: 2px;
	margin: 5px 0px 5px 0px;
	font-size: 1pt;
}

/* ------------------- */
/* Tableaux de données */
/* ------------------- */

.data {
	font-family: Verdana;
	font-size: 8pt;
	text-align: center;
}
.action {
	cursor: pointer;
}
			
.data thead td{
	font-weight: bold;
 	background: url('../img/fond_tab.png') repeat-x;
	height: 22px;
	line-height: 22px;
	padding: 0px;
	/* border-left: 1px solid #9f9e9c; */
}
.data thead td.lasttd {
	/* border-right: 1px solid #9f9e9c; */
}

.data tbody td, .data tfoot td {
	border-bottom: 1px solid #9f9e9c;
}

td.lefter, .lefter td { text-align: left; }
.gray {background: #f5f5f7;}
.normal {background: white;}