body { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-family:Verdana; background:#ffffff url(../pics/icom-hachures.png); }

div.pane 	{ position:relative; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
div#top-pane 	{ position:absolute; left:0px; top:0px; height:50px; width:100%; background:#000000; display:none; }
div#left-pane 	{ float:left; height:100%; width:20%; border-right:0px dotted #000000; background:#e4e9ee; }
div#main-pane 	{ float:right; height:100%; width:80%; border:0px solid red; background:#ffffff; }
div#bottom-pane { position:absolute; bottom:0px; left:0px; height:30px; width:100%; background:#000000; }

#msgbox
{
	position	: absolute;
	background	: #dddddd;
	border		: 1px solid #000000;
	display		: none;
	padding		: 0px 0px 0px 0px;
}

#msgbox #msgbox-titre, #msgbox h1
{
	margin		: 0px;
	padding		: auto 50px auto  auto;
	color		: #ffffff;
	background	: #000000;
	font-size	: 16px;
}

#msgbox input
{
	padding		: 10px;
	font-size	: 20px;
}

#infbox
{
	position	: absolute;
	background	: #dddddd;
	border		: 1px solid #000000;
	display		: none;
	padding		: 0px 0px 0px 0px;
}

#infbox #infbox-titre, #infbox h1
{
	margin		: 0px;
	padding		: auto 50px auto  auto;
	color		: #ffffff;
	background	: #000000;
	font-size	: 16px;
}

#infbox input
{
	padding		: 10px;
	font-size	: 20px;
}
/*--------------- LES FORMULAIRES --------------------*/

form#frm-login
{
	position	: absolute;
	top		: -350px;
	left		: -135px;
	width		: 270px;
	margin		: 50% 0px 0px 50%;
	padding		: 0px 0px 5px 0px;
	border		: 1px solid #000000;
	background	: #eeeeee;
}

div.pane h3, form#frm-login h3
{

	position	: relative;
	margin		: 0px;
	padding		: 5px 5px 10px 5px;
	background	: #5588aa;
	color		: #ffffff;
	font-size	: 14px;
}

div#left-pane h3
{
	color		: #ffffff;
	background	: #1373a0;
	margin		: 5px 5px 5px -35px;
	padding		: 3px 3px 3px 5px;
	font-weight	: normal;
}

div#left-pane li, div#left-pane a, div#left-pane a.inactif
{
	font-size	: 16px;
	color		: #1373a0;
	text-decoration	: none;
}

div#left-pane a.actif
{
	color		: #004070;
	text-decoration	: none;
}

div#left-pane a:hover
{
	text-decoration	: underline;
}

div#main-pane .consignes
{
	height		: 100%;
	width		: 100%;
	text-align	: center;
	color		: #000000;
	font-size	: 18px;
	border		: 0px solid red;
	padding		: 30px 0px 0px 0px;
}

div#main-pane .consignes .btn-suite
{
	position	: absolute;
	right		: 10px;
	bottom		: 40px;
}

p#suite input, .btn-suite { border:0px solid black; }
.btn-interface { height:40px; border:0px solid black; z-index:1000; }

.txt-20, .txt-30, .txt-50, .txt-100, .txt-150, .txt-200
{
	margin		: 5px 0px 0px 5px;
	padding		: 5px 5px 5px 5px;
	font-family	: Verdana;
	font-size	: 12px;
	border		: 1px solid #000000;
}

.txt-20  { width:20px; }
.txt-30  { width:30px; }
.txt-50  { width:50px; }
.txt-100 { width:100px; }
.txt-150 { width:150px; }
.txt-200 { width:200px; }