/*****************
Global
*****************/
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	background: url(img/accueil_right.jpg) 511px top no-repeat;
	background-color:#f97e04;
}

/*****************
Conteneurs
*****************/
#conteneur {
	position:absolute;
	left:0px;
	top:0px;
	margin: 0;
	padding: 0;
	width:511px;
	height:874px;
/*border:1px solid;*/
}
#tete {
	background:url(img/accueil_top.jpg) left top no-repeat;
	width:511px;
	height:189px;
}
#contenu {
	background:url(img/accueil_left.jpg) left top no-repeat;
	width:511px;
	height:513px;
	padding:31px 0 0 116px;
}
#pied-page {
	background:url(img/accueil_bottom.jpg) left top no-repeat;
	width:525px;
	height:135px;
	padding:6px 0 0 100px;
	/*border:1px solid;*/
}
#pied-page .signature{
font-size:9px;
color:#333;
}
#pied-page .signature a:hover{
text-decoration:none;
}
#pied-page .signature a.mentions{
color:#333;
font-weight:bold;
}

#contenu h2 {
	margin:0px 0 0 -25px;
	padding:3px 0 0 18px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	height:24px;
	width:425px;
}

#contenu h2.sol {background: url(img/accueil_bg_solutions.jpg) left top no-repeat;}
#contenu h2.ref {background: url(img/accueil_bg_references.jpg) left top no-repeat;}
#contenu h2.res {background: url(img/accueil_bg_ressources.jpg) left top no-repeat;}
#contenu h2.age {background: url(img/accueil_bg_agence.jpg) left top no-repeat;}

/*****************
UL
*****************/

#contenu li {
	margin:0;
	padding:0;
	list-style:url(img/accueil_puce.jpg) outside;
}
#contenu ul {
	float:left;
	width:133px;
	padding:0;
	margin:7px 0px 18px 0px;
}

#contenu ul.preums {
	float:left;
	width:210px;
	padding:0;
	margin:7px 0px 18px 0px;
}

#contenu ul li{
	color:#425c6c;
	font-size:10px;
	font-weight:bold;
	margin:0px;
	padding:0px;
}

#contenu li a {
text-decoration:none;
color:#425c6c;
}
#contenu li a:hover {
text-decoration:underline;
color:#425c6c;
}

#contenu hr {
visibility:hidden;
clear:both;
}
/***spécial IE 6/7 ***/* html #contenu hr {display:none;} *+html #contenu hr {display:none;}

#contenu ul.tricolonne{
	width:123px;
}
#contenu ul li {
	clear:both;
}
#contenu ul li ul {
	clear:both;
	margin: 2px 0 5px 0px;
}
#contenu ul li ul, #contenu ul li ul li {
	list-style: none;
	font-weight:normal;
	padding:0;
	margin:0;
}

/*****************
LOGIN
*****************/
#login {
position:absolute;
width:130px;
top:615px;
left:101px;
background:url(img/acces_client_fond.gif) left top repeat-y;
border-bottom:1px solid #bfbfbf;
}
* html #login{top:590px;left:100px;}*+html #login{top:590px;left:100px;}
#login #login-poignee{
background:url(img/acces_client_poignee.gif) left top ;
height:16px;
width:130px;
}
#login #login-poignee a{
margin:2px 0 0 5px;
color:#425c6c;
font-size:10px;
font-weight:bold;
text-decoration:none;
}
#login form, #login form fieldset{
color:#425c6c;
font-size:9px;
border:0;
margin:0;
padding:0;
}

#login form fieldset{margin-left:7px;}
* html #login form fieldset{margin-left:3px;}
*+html #login form fieldset{margin-left:3px;}

#login form fieldset input{
border:0;
padding:2px 0px 0 2px;
color:#425c6c;
font-size:9px;
}
* html #login form fieldset span{margin-left:4px;}
*+html #login form fieldset span{margin-left:4px;}
#login form fieldset #login-field-id{
width:116px;
height:21px;
background:url(img/login-field-id.gif) left top no-repeat;
}
#login form fieldset #login-field-pass{
float:left;
width:95px;
height:21px;
background:url(img/login-field-pass.gif) left top no-repeat;
}
#login form fieldset #login-field-submit{
margin-left:-4px;
width:22px;
height:21px;
background:url(img/login-field-submit.gif) left top no-repeat;
}
* html #login form fieldset #login-field-submit{margin-left:-5px;}
*+html #login form fieldset #login-field-submit{margin-left:-5px;}

span.alert{
margin-left:5px;
margin-bottom:5px;
color:#425c6c;
font-size:9px;
display:block;
}
span.alert a{
color:#964d05;
font-size:9px;
text-decoration:none;
}
span.alert a:hover{text-decoration:underline;}
/*****************
BILLET&NEWS
*****************/
#billet, #news{
display:block;
border-left:1px dashed #425c6c;
float:left;
width:122px;
color:#425c6c;
font-size:10px;
padding:0 5px 0 5px;
margin-top:7px;
}
#billet a, #news a{
text-decoration:none;
color:#425c6c;
font-size:10px;
}
#billet a:hover, #news a:hover{
text-decoration:underline;
}
#billet{
margin-left:-15px;
}