* {margin:0; padding:0; outline:none}

.clear {clear: both;}

.menu {margin-bottom: 30px;}
.menu a{font-size: 15px; color: #5A698B; font-weight: 400;}
.menu a:hover{color: #254762;}

h2 {margin-bottom: 20px;}

body {margin: auto; padding: 0px; font:12px Verdana,Arial; margin:25px; background:#fff url('../images/background.gif') repeat-x; color:#091f30}

fieldset {border: none;}

legend {font-size: 18px; color: #254762;}

hr {width: 95%; border-collapse: collapse; border: 1px solid #254762;}

.form_label {color: #254762;}

.form_input_no {padding-left: 8px; color: #ABA6A5;}

.check {width: 20px;}

input, select
{
background-color: #fff;
	font: 14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 4px 0 5px 8px;
	padding: 1px;
	border: 1px solid #c6d5e1;	
	height: 20px;
}

textarea 
{
	font: 14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 4px 0 5px 8px;
	padding: 1px;
	border: 1px solid #c6d5e1;	
}

.form_label {text-align: right;}

.message_error { 
   margin: 10px 30px 10px 30px; 
	padding: 12px; 
	border: #b68a8a 2px solid; 
	color: #9e3636; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	background:#ffdede url("../images/error.png") no-repeat; 
	background-position:2% center; 
	padding-left: 50px;
	width: 50%;
	}
	
.message_ok { 
   margin: 10px 30px 10px 30px; 
	padding: 12px; 
	border: #9FCF9F 2px solid; 
	color: #005F00; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	background:#DFFFDF url("../images/ok.png") no-repeat; 
	background-position:2% center; 
	padding-left: 50px;
	width: 50%;
}

.estimation table {border-top:1px solid #c6d5e1; text-align:left;}
.estimation table td {width: 150px;}

.sortable {width: 100%; border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none; margin:0 auto 15px}
.sortable th {background:url(../images/header-bg.gif); text-align:left; color:#cfdce7; border:1px solid #fff; border-right:none}
.sortable th h3 {font-size:10px; padding:6px 8px 8px}
.sortable td {padding:4px 6px 6px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1; height:}
.sortable .head h3 {background:url(../images/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .desc, .sortable .asc {background:url(../images/header-selected-bg.gif)}
.sortable .desc h3 {background:url(../images/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .asc h3 {background:url(../images/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff}
.sortable .evenrow td {background:#fff}
.sortable .oddrow td {background:#ecf2f6}
.sortable td.evenselected {background:#ecf2f6}
.sortable td.oddselected {background:#dce6ee}

#controls {width:980px; margin:0 auto; height:20px}
#perpage {float:left; width:200px}
#perpage select {float:left; font-size:11px}
#perpage span {float:left; margin:2px 0 0 5px}
#navigation {float:left; width:580px; text-align:center}
#navigation img {cursor:pointer}
#text {float:left; width:200px; text-align:right; margin-top:2px}

.pagination {
font:12px Arial, Helvetica, sans-serif;
margin:40px 0 0 90px;
margin-left: 60%;
}
 
.pagination a {
background:#fff;
border:1px solid #c6d5e1;
color:#c6d5e1;
margin:2px;
padding:.2em .4em;
text-decoration:none
}
 
.pagination a:hover {
background:#fff;
border:1px solid #4b708d;
color:#4b708d
}
 
.pagination span.inactive {
background:#fff;
border:1px solid #c6d5e1;
color:#c6d5e1;
margin:2px;
padding:.2em .4em
}
 
.pagination span.active {
background:#fff;
border:1px solid #254762;
color:#254762;
font-weight:700;
margin:2px;
padding:.2em .4em
}
 
#results{
margin-left:90px;
list-style-type:circle
}

a {
   position: relative;
   color: #4b708d;
   text-decoration: none;}

a.info, a.info2, a.info3 {
   position: relative;
   color: #4b708d;
   text-decoration: none;
   border-bottom: 1px dotted #4b708d; /* On souligne le texte. */
}
a.info span, a.info2 span, a.info3 span {
   display: none; /* On masque l'infobulle. */
}
a.info:hover, a.info2:hover, a.info3:hover {
   background: none; /* Correction d'un bug d'Internet Explorer. */
   z-index: 500; /* On définit une valeur pour l'ordre d'affichage. */
   color: #254762;

   cursor: help; /* On change le curseur par défaut par un curseur d'aide. */
}
a.info:hover span {
	display: inline; /* On affiche l'infobulle. */
	position: absolute;

	white-space: nowrap; /* On change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non désiré. */

	top: 0px; /* On positionne notre infobulle. */
	left: 40px;

	background: white;

	color: black;
	padding: 10px;

	border: 1px solid #4b708d;
	border-left: 4px solid #4b708d;
}

a.infocom{
	position: relative;
	color: #4b708d;
	text-decoration: none;
	border-bottom: 1px dotted #4b708d; /* On souligne le texte. */
}
a.infocom span{
	display: none; /* On masque l'infobulle. */
}
a.infocom:hover {
	background: none; /* Correction d'un bug d'Internet Explorer. */
	z-index: 500; /* On définit une valeur pour l'ordre d'affichage. */
	color: #254762;

	cursor: help; /* On change le curseur par défaut par un curseur d'aide. */
}
a.infocom:hover span {
	display: inline; /* On affiche l'infobulle. */
	position: absolute;

	white-space: nowrap; /* On change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non désiré. */

	top: 0px; /* On positionne notre infobulle. */
	left: 40px;

	background: white;

	color: black;
	padding: 10px;

	border: 1px solid #4b708d;
	border-left: 4px solid #4b708d;
}

#error-becontainer{
	display:none;
	background-color: #F2DEDE;
	border : 1px solid #A94442;
	color: #A94442;
	width : 1200px;
	padding:10px;
}

#close-error{
	float: right;
	cursor: pointer;
	font-weight: bold;
}