html{ background:#E0D8D2 url(img/bg-body.png) repeat-x left top; }

body{margin:0px;}

a{ color:#000; text-decoration:underline; }
.node{
	padding:10px;
	border:1px solid #FFF;
	background:transparent;
}
.clear{
	display:block;
	clear:both;
}
label{ cursor:pointer; }
input{
	border:1px solid #c5c5c5;
	padding:2px; margin-right:3px;
}
input.btn{ border:0; }


span img.error{margin:0 5px 0 0;}
div.err{position:relative;float:left;width:15px !important;height:15px !important;min-height:15px !important;clear:none !important;font-size:0px !important;}
div.err span{position:absolute;top:0; left:0;}

/* BOUTON .btn */
div.btn{
	width:100px;
}
div.big{ width:250px; }
div.btn a{
	display:block;
	font-size:16px;
	text-decoration:none;
}

/* TOOLTIP */
#tooltip {
	background-color:#3399CC;
	border:1px solid #0C72B4;
	opacity:0.95;
	padding:5px;
	position:absolute;
	z-index:3000;
}
#tooltip h3, #tooltip div{
	color:#FFFFFF;
	font-size:1em;
	line-height: inherit;
	margin:0;
	padding:0;
}

.fr{ float:right; }
.fl{ float:left; }
.ar{ text-align:right; }
.al{ text-align:left; }

/* =TYPO
*****************************************************************************/
html{
	font-family:Arial;
	font-size:12px;
}
#lv1 li{ font-size:11px; }
#lv1 li span{
	color:#c6b9b2;
	font-weight:bold;
}
#lv1 li.current span{ color:#CCC; }
#highlightServices h2{
	letter-spacing:-1px;
}
/* =MAIN
*****************************************************************************/
#main{
	width:845px;
	/*padding:2px; */
	margin:0 auto;
	background:#FFF;
}

/* =HEADER */
#header{
	padding-bottom:16px;
}
/* h1 */
h1{
	width:100%; height:100px;
	position:relative;
	text-indent:-999em;
	/*background:url(img/logo-boursier.png) no-repeat 24px 24px;*/
}
h1 strong{
	display:block;
	position:absolute;
}

/* #lv1 */
#lv1{
	width:820px;
	overflow:auto;
}
#lv1 li{
	display:block;
	float:left;
	width:157px; padding:4px 0 5px 7px;
	background:url(img/sprite-lv1.png) no-repeat -165px top;
}
#lv1 li.current{
	background:url(img/sprite-lv1.png) no-repeat left top;
}
#lv1 li span{
	display:block;
	float:left;
	width:20px;
}

/* =CONTENT */
#content{ padding:0 23px; }


/* Home */
#highlightContent{
	overflow:auto;
	margin-bottom:13px;
}

#highlightServices{
	padding:10px 16px 16px;
	float:right;
	border:1px solid #f1edea;
}
#highlightServices li{
	padding-left:25px;
	line-height:1.6em;
	background:url(img/li-services.gif) no-repeat left center;
}

#main p.error, #main div.error{
    padding: 5px; margin: 5px 0;
    border:1px solid #C00;
	background:#FFF;
	text-align: center;
}


#formulaire .form label {
	padding:4px 5px 4px 0;
}
input{
	margin:4px 0 2px 3px;
}
select{
margin:4px 3px 0;
}

/* POPUP MESSAGES */


#main.messages{ width:600px; }
#main.messages #header{ padding:0; }
#main.messages h2{ line-height:normal; font-size:20px; padding-bottom:10px; }
#main.messages #infoServices h2{
	padding:10px 0;
	font-weight:bold;
	font-size: 22px;
}

#main.messages #infoServices h2 span{
	display:block;
	/*color:#ffae00 !important;*/
	color:#FF5500;
}

#main.messages h3{ font-weight:bold; font-size:16px; padding-top:10px; }
.messages .infosContent ul{ margin:0 15px 20px; }
.messages .infosContent li{
	padding-left:25px;
	line-height:1.6em;
}
.messages div.btn{
	margin:5px auto;
	float:none;
}
.messages table{
	border-top:1px solid #d8d8d8;
	border-left:1px solid #d8d8d8;
}
.messages td,
.messages th{
	border-bottom:1px solid #d8d8d8;
	border-right:1px solid #d8d8d8;
	padding:10px;
	vertical-align:top;
}
.messages th{
	font-weight:bold;
	width:130px;
}

.messages table.commandeConf{ margin:10px 0; }
.messages table.commandeConf .ar{ text-align:right; }
.messages table.commandeConf th.ar{ border-bottom:0; }
.messages table.commandeConf ul,
.messages table.commandeConf li{ margin:0; padding:0; }

/* =FOOTER */
#footer{
	overflow:hidden;
	clear:both;
	text-align: center;
}
#footer .node{
	overflow:hidden;
	padding:10px;
}
#footer .node li{
	padding:0 20px 0 0;
	display: inline;
}
#footer .node li a{
	color:#666;
	text-decoration:none;
}